Jak vytvořit Tumblr Témata s PSD Design

Tumblr kombinuje důraz na vizuální kreativitu s délkou příspěvku, který spadá mezi stručnost Twitter a otevřenou délku tradiční položky blogu. Při použití vlastního motivu Tumblr, který rozšiřuje vzhled vaší identity on-line a offline, se tumblelog vejde do strategie, která zahrnuje další online a sociální média. Weboví designéři často začínají vyvíjet vlastní motivy v aplikaci Adobe Photoshop, přičemž používají vizuální pracovní prostor ve formátu vrstveného souboru PSD.

Vytváření dimenzí

Pravítka a vrstvení pravítek aplikace Adobe Photoshop Funkce zjednodušují vytváření základů tématu Tumblr, doplněného mřížkou rozvržení, která definuje rozměry oblastí obsahu. Pokud nastavíte skupiny vrstev pro každý aspekt návrhu, včetně hlavní oblasti obsahu a postranního panelu, můžete umístit všechny vodítka pro každý prvek na jednu vrstvu v rámci každé skupiny. Toto uspořádání vám umožní, aby vaše průvodce byly viditelné selektivně, spíše než jednoduše zobrazovat a skrývat všechny pomocí klávesové zkratky nebo položky nabídky aplikace Photoshop a udržovat související vodící prvky společně. Pojmenujte své skupiny a vrstvy, abyste určili funkci každé části vašeho návrhu. Momenty, které investujete do přírůstkových jmenovacích úkolů, se vyplatí v době, kdy nepotřebujete zapínat a vypínat vrstvy, abyste určili, co obsahují. Chcete-li rychle zjistit rozměry libovolného prvku rozvržení, stisknutím tlačítka „F8“ otevřete panel Informace a poté kliknutím na miniaturu panelu Vrstvy kliknutím na ikonu „Ctrl-kliknout“ načtete výběr založený na pixelech v této vrstvě.

Výběr barev

Ať už používáte časově ověřený nástroj pro výběr barev k výběru odstínů pro motiv, možnosti načítání z knihovny barev, aby odpovídaly vytištěnému kusu nebo logu, nebo se spoléhejte na nástroj kapátko. Ukázkové odstíny z jiného souboru nebo grafiky, Adobe Photoshop nabízí širokou škálu způsobů, jak vybrat barvy motivu. Když vyplníte vrstvu s plnou barvou, která simuluje barvu pozadí motivu Tumblr nebo jiných prvků vašeho návrhu, můžete kopírovat vzorec barvy jako text z odečtu hexadecimálu Color Picker a vložit identifikaci barvy do názvu vrstvy pro rychlou orientaci. Šest alfanumerických znaků v hexadecimální barvě se zobrazuje v kódu Tumblr i ve webových návrzích pro blogy a další online formáty.

Vytváření grafiky

Záhlaví, které identifikuje tumblelog může použít bitmapovou grafiku jako tematickou grafiku. Tento kritický prvek můžete vytvořit pomocí kombinace textu a prvků založených na pixelech nebo vektorech uvnitř souboru PSD. Pokud grafika obsahuje přizpůsobitelné prvky, které vysazujete ve Photoshopu, ponechejte je jako živý typ v souboru motivu založeném na PSD a rastrujte je pouze v kopiích souboru, který poskytnete ostatním lidem, kteří nemají licenci pro požadované soubory písem. ve vašem tématu. Při použití vektorových nástrojů pro kreslení ve Photoshopu, včetně nástrojů Pero a tvar, nakreslete pomocí pravidel průvodce, která odpovídají základnímu rozlišení souboru šablony. Tato technika pomáhá udržet vaše kresby co nejostřejší, když ukládáte nebo exportujete její rastrové verze.

Další kroky

Pokud víte, jak kódovat HTML a CSS, a pochopit specializované proměnné Tumblr používá ve své struktuře kódu, můžete přeložit rozměry, specifikace barev a grafiky, které stavíte v PSD do pracovního vlastního Tumblr téma. Pokud webové kódování spadá mimo vaše dovednosti, můžete poskytnout PSD programátorovi, aby vám vytvořil téma. Spolu s vizuální léčbou musí téma Tumblr obsahovat proměnné a bloky. Proměnné akceptují dynamické hodnoty pro vytvoření standardních vizuálních prvků Tumblr. Bloky tvoří kousky kódu, které kombinují proměnné s HTML. Bloky nastavují příspěvky a permalinks, které se k nim dostanou, odkazy, které se pohybují mezi kousky chronologicky organizovaného materiálu a prvky, které pojí lidi, kteří mají rádi nebo sledují jednotlivá témata.

Informace o verzi

Informace v tomto článku se týkají Adobe Photoshop CC a Adobe Photoshop CS6. Může se mírně nebo výrazně lišit od jiných verzí nebo produktů
URL:https://cs.whycomputer.com/Software/100119202.html