Vitajte na [www.pocitac.win] Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy počítačový

Ako vytvoriť motívy Tumblra s PSD Design

Tumblr kombinuje dôraz na vizuálnu kreativitu s dĺžkou príspevku, ktorá spadá medzi stručnosť Twitteru a otvorenú dĺžku tradičného blogu. Ak použijete vlastnú tému Tumblr, ktorá rozširuje vzhľad vašej identity online aj offline, zapadne do protokolu stratégia, ktorá zahŕňa ďalšie online a sociálne médiá. Weboví návrhári často začínajú vyvíjať vlastné témy v aplikácii Adobe Photoshop a ako vizuálny pracovný priestor používajú vrstvený formát súboru PSD programu.

Stanovenie rozmerov

Sprievodcovia a vrstvenia Adobe Photoshopu možnosti zjednodušujú úlohu vytvárania základu témy Tumblr, doplnené mriežkou rozloženia, ktorá definuje rozmery obsahových oblastí. Ak nastavíte skupiny vrstiev pre každý aspekt svojho návrhu, vrátane hlavnej oblasti obsahu a bočného panela, môžete umiestniť všetky vodítka pre každý prvok na jednu vrstvu v rámci každej skupiny. Toto usporiadanie vám umožňuje zviditeľniť sprievodcov výberom, namiesto toho, aby ste ich všetkých jednoducho zobrazovali a skrývali pomocou klávesovej skratky alebo položky ponuky Photoshopu, a udržuje súvisiace prvky sprievodcov pohromade. Pomenujte svoje skupiny a vrstvy, aby ste identifikovali funkciu každej časti vášho návrhu. Momenty, ktoré investujete do úloh postupného pomenovávania, sa vyplácajú v čase, keď nemusíte tráviť zapínaním a vypínaním vrstiev, aby ste určili, čo obsahujú. Ak chcete rýchlo nájsť rozmery ktoréhokoľvek prvku rozloženia, stlačte kláves „F8“, aby ste otvorili informačný panel, a potom kliknutím na „Ctrl-click“ na miniatúre panela Vrstvy načítajte výber založený na pixeloch v tejto vrstve.

Výber farieb

Či už používate časom overený výber farieb na výber odtieňov pre svoj motív, možnosti načítania z farebnej knižnice tak, aby zodpovedali tlačenému kusu alebo logu, alebo sa spoliehajte na nástroj kvapkadlo na vzorové odtiene z iného súboru alebo grafiky, Adobe Photoshop ponúka širokú škálu spôsobov výberu farieb motívu. Keď vyplníte vrstvu plnou farbou, aby ste simulovali farbu pozadia motívu Tumblr alebo iné prvky svojho návrhu, môžete skopírovať vzorec farieb ako text z hexadecimálneho údaja nástroja Color Picker a vložiť identifikáciu farby do názvu vrstvy. pre rýchlu orientáciu. Šesť alfanumerických znakov v hexánovej farbe sa zobrazuje v Tumblrovom kóde, ako aj vo webových dizajnoch pre blogy a iné online formáty.

Vytváranie grafiky

Záhlavie, ktoré identifikuje tumblelog môže použiť bitmapovú grafiku ako tematickú grafiku. Tento kritický prvok môžete vytvoriť kombináciou textových a pixelových alebo vektorových prvkov vo vašom súbore PSD. Ak grafika obsahuje prispôsobiteľné prvky, ktoré zadávate vo Photoshope, nechajte ich ako živý typ v súbore s témou založeným na PSD a rastrujte ich iba v kópiách súboru, ktorý poskytujete ostatným ľuďom, ktorí nemajú licenciu na požadované súbory písma. ", 3, [[Keď na kreslenie vo Photoshope používate vektorové nástroje vrátane nástrojov Pero a tvar, kreslite pomocou pravidiel sprievodcu, ktoré sú v súlade s podkladovým rozlíšením súboru šablóny. Táto technika pomáha udržiavať vaše kresby čo najostrejšie pri ukladaní alebo exportovaní rastrových verzií.

Ďalšie kroky

Ak viete, ako kódovať HTML a CSS, a porozumieť špecializovaným premenným, ktoré Tumblr používa vo svojej kódovej štruktúre, môžete preložiť rozmery, farebné špecifikácie a grafiku, ktoré vytvoríte v PSD, do funkčnej vlastnej témy Tumblr. Ak kódovanie webu nespadá do vášho súboru zručností, môžete poskytnúť svoje PSD programátorovi, aby pre vás vytvoril tému. Spolu s vizuálnym spracovaním musí téma Tumblra obsahovať premenné a bloky. Premenné akceptujú dynamické hodnoty na vytvorenie štandardných Tumblr vizuálnych prvkov. Bloky tvoria kúsky kódu, ktoré kombinujú premenné s HTML. Bloky zakladajú príspevky a permalinky, ktoré ich dosahujú, odkazy, ktoré sa pohybujú medzi kúskami chronologicky usporiadaného materiálu a prvkov, ktoré vyhovujú ľuďom, ktorí majú radi alebo sledujú jednotlivý tumblelog.

Informácie o verzii

Informácie v tomto článku sa týkajú programov Adobe Photoshop CC a Adobe Photoshop CS6. U iných verzií alebo produktov sa môže mierne alebo výrazne líšiť

Copyright © počítačové znalosti Všetky práva vyhradené