Jak tworzyć motywy Tumblra za pomocą PSD Design

Tumblr łączy nacisk na kreatywność wizualną z długością posta, która mieści się pomiędzy zwięzłością Twittera a długością tradycyjnego wpisu na blogu. Gdy używasz niestandardowego motywu Tumblr, który rozszerza wygląd Twojej tożsamości on-i offline, tumblelog wpisuje się w strategię obejmującą inne media internetowe i społecznościowe. Projektanci stron internetowych często zaczynają tworzyć niestandardowe motywy w programie Adobe Photoshop, wykorzystując wielowarstwowy format pliku PSD programu jako wizualną przestrzeń roboczą.

Ustalanie wymiarów

Linie pomocnicze i warstwowanie Adobe Photoshop możliwości upraszczają zadanie tworzenia podstawy motywu Tumblr wraz z siatką układu, która definiuje wymiary obszarów treści. Jeśli skonfigurujesz grupy warstw dla każdego aspektu projektu, w tym głównego obszaru zawartości i paska bocznego, możesz umieścić wszystkie prowadnice dla każdego elementu na pojedynczej warstwie w obrębie każdej grupy. Ta aranżacja pozwala na selektywne wyświetlanie przewodników, a nie po prostu pokazywanie i ukrywanie ich wszystkich za pomocą skrótu klawiaturowego Photoshopa lub elementu menu, a także zachowanie powiązanych elementów przewodnika razem. Nazwij swoje grupy i warstwy, aby zidentyfikować funkcję każdej części projektu. Chwile, które inwestujesz w przyrostowe zadania nazewnicze, opłacają się w czasie, gdy nie musisz spędzać włączania i wyłączania warstw, aby określić, co zawierają. Aby szybko znaleźć wymiary dowolnego elementu układu, naciśnij „F8”, aby otworzyć panel Informacje, a następnie „Ctrl-kliknięcie” na miniaturce panelu Warstwy, aby załadować zaznaczenie na podstawie pikseli na tej warstwie.

Wybieranie kolorów

Niezależnie od tego, czy używasz sprawdzonego próbnika kolorów do wybierania odcieni dla motywu, załaduj opcje z biblioteki kolorów, aby dopasować drukowaną część lub logo, lub polegaj na narzędziu Kroplomierz przykładowe odcienie z innego pliku lub grafiki, Adobe Photoshop oferuje szeroki wybór sposobów wybierania kolorów motywów. Gdy wypełnisz warstwę jednolitym kolorem, aby symulować kolor tła motywu Tumblr lub innych elementów projektu, możesz skopiować formułę koloru jako tekst z odczytu szesnastkowego Próbnika kolorów i wkleić identyfikację koloru do nazwy warstwy dla szybkiego odniesienia. Sześć znaków alfanumerycznych w kolorze szesnastkowym pojawia się zarówno w kodzie Tumblr, jak iw projektach internetowych dla blogów i innych formatów online.

Tworzenie grafiki

Nagłówek, który identyfikuje tumblelog może wykorzystywać grafikę bitmapową jako grafikę tematyczną. Możesz utworzyć ten krytyczny element za pomocą kombinacji tekstu i elementów opartych na pikselach lub wektorach w pliku PSD. Jeśli grafika zawiera konfigurowalne elementy, które wpisujesz w Photoshopie, pozostaw je jako typ na żywo w pliku motywu opartym na PSD i rasteryzuj je tylko w kopiach pliku, które udostępniasz innym osobom, które nie mają licencji na wymagane pliki czcionek w twoim temacie. Kiedy używasz narzędzi wektorowych do rysowania w Photoshopie, w tym narzędzi Pióro i kształt, rysuj za pomocą reguł prowadnic, które są wyrównane z podstawową rozdzielczością pliku szablonu. Ta technika pomaga zachować ostrość grafiki podczas zapisywania lub eksportowania jej zrasteryzowanych wersji.

Następne kroki

Jeśli wiesz, jak kodować HTML i CSS, i rozumiemy specjalistyczne zmienne, których Tumblr używa w swojej strukturze kodu, możesz przetłumaczyć wymiary, specyfikacje kolorów i grafikę wbudowaną w PSD w działający niestandardowy motyw Tumblr. Jeśli kodowanie sieci Web wykracza poza zestaw umiejętności, możesz udostępnić PSD programistom, aby mogli stworzyć dla ciebie motyw. Wraz z zabiegiem wizualnym motyw Tumblr musi zawierać zmienne i bloki. Zmienne akceptują wartości dynamiczne, aby utworzyć standardowe elementy wizualne Tumblra. Bloki tworzą fragmenty kodu, które łączą zmienne z HTML. Bloki ustawiają posty i permalinki, które do nich docierają, linki, które poruszają się między kawałkami chronologicznie zorganizowanego materiału i elementy, które przyjmują ludzi, którzy lubią lub podążają za pojedynczym tumblelogiem. >

Informacje zawarte w tym artykule dotyczą Adobe Photoshop CC i Adobe Photoshop CS6. Może się nieznacznie lub znacząco różnić od innych wersji lub produktów.

URL:https://pl.whycomputer.com/oprogramowanie/100319202.html