Как да направим Tumblr теми с PSD Design

Tumblr съчетава акцент върху визуалното творчество с дължина на пощата, която пада между краткостта на Twitter и отворената дължина на традиционния запис в блога. Когато използвате персонализирана Tumblr тема, която разширява облика на вашата онлайн и офлайн идентичност, tumblelog се вписва в стратегия, която включва други онлайн и социални медии. Уеб дизайнерите често започват да разработват персонализирани теми в Adobe Photoshop, като използват слоевия PSD файлов формат като своето визуално работно пространство.

Установяване на размери

Правила и наслояване на линийки на Adobe Photoshop възможностите опростяват задачата за създаване на основата на Tumblr тема, пълна с решетка, която определя размерите на съдържанието. Ако настроите групите слоеве за всеки аспект на вашия дизайн, включително неговата основна област на съдържание и страничната лента, можете да поставите всички ръководства за всеки елемент на един слой във всяка група. Тази подредба ви позволява да направите вашите ръководства видими избирателно, вместо просто да ги показвате и скривате с клавишна комбинация или елемент от менюто на Photoshop и да съхранявате съответните ръководни елементи заедно. Назовете вашите групи и слоеве, за да идентифицирате функцията на всяка част от дизайна. Моментите, в които инвестирате в постепенните задачи за именуване, се изплащат в момента, в който не е необходимо да изразходвате завъртащите слоеве, за да определите какво съдържат. За да намерите бързо размерите на всеки елемент на оформлението, натиснете „F8“, за да отворите панела „Информация“ и след това „Ctrl-клик“ върху неговата миниатюра на панела „Слоеве“, за да заредите селекция въз основа на пикселите на този слой. Избиране на цветове

Независимо дали използвате тествания избор за цвят, за да изберете нюанси за вашата тема, заредете опции от цветова библиотека, за да съответствате на отпечатано парче или лого или разчитайте на инструмента за капки за пробвайте нюанси от друг файл или графика, Adobe Photoshop предлага широка гама от начини за избор на цветовете на темите. Когато попълните слой с плътен цвят, за да симулирате цвета на фона на тема Tumblr или други елементи на дизайна, можете да копирате цветната формула като текст от шестнадесетичния дисплей на Color Picker и да поставите идентификацията на цвета в името на слоя за бърза справка. Шестте буквено-цифрови знака в шестнадесетичен цвят се показват в кода на Tumblr, както и в уеб дизайна за блогове и други онлайн формати.

Създаване на графики

Заглавката, която идентифицира Tumblelog може да използва растерна графика като тематична графика. Можете да създадете този критичен елемент, като използвате комбинация от текстови и пикселни или векторни елементи във вашия PSD файл. Ако графиката включва елементи, които можете да персонализирате, които сте набрали в Photoshop, оставете ги като живи типове във вашия PSD-базиран файл на тема и ги растеризирайте само в копия на файла, който предоставяте на други хора, които нямат лиценз за необходимите файлове с шрифтове във вашата тема. Когато използвате векторни инструменти за рисуване в Photoshop, включително инструментите Pen и форма, изгответе с помощта на ръководни правила, които се подравняват с основната резолюция на вашия шаблон файл. Тази техника помага да запазите възможно най-острите си творби, когато записвате или експортирате растерни версии на тях.

Следващи стъпки

Ако знаете как да кодирате HTML и CSS, и разбираме специализираните променливи, които Tumblr използва в своята кодова структура, можете да преведете размерите, спецификациите на цветовете и графиките, които вграждате в PSD, в работеща потребителска тема Tumblr. Ако уеб кодирането попада извън вашия набор от умения, можете да предоставите на вашия PSD програмист, за да произведете темата за вас. Заедно с визуална обработка, Tumblr темата трябва да включва променливи и блокове. Променливите приемат динамични стойности за създаване на стандартни визуални елементи на Tumblr. Блокове образуват парчета код, които комбинират променливи с HTML. Блоковете създават постове и препратки, които достигат до тях, връзки, които се движат между парчета от хронологично организиран материал и елементи, които настаняват хората, които обичат или следват индивидуален tumblelog.

Информация за версията

Информацията в тази статия се отнася за Adobe Photoshop CC и Adobe Photoshop CS6. Тя може да се различава леко или значително с други версии или продукти
URL:https://bg.whycomputer.com/soft/100219202.html