Tumblr combina un'enfasi sulla creatività visiva con una lunghezza di post che si colloca tra la brevità di Twitter e la lunghezza aperta di un post di blog tradizionale. Quando utilizzi un tema Tumblr personalizzato che estende l'aspetto della tua identità online e offline, un log-in-log si inserisce in una strategia che include altri social media e online. I web designer spesso iniziano a sviluppare temi personalizzati in Adobe Photoshop, utilizzando il formato file PSD a livelli del programma come spazio di lavoro visivo.
Determinazione delle dimensioni
Guide e stratificazione dei righelli di Adobe Photoshop le funzionalità semplificano il compito di creare la base di un tema Tumblr, completo di una griglia di layout che definisce le dimensioni delle aree di contenuto. Se si impostano gruppi di livelli per ciascun aspetto del disegno, inclusa l'area del contenuto principale e la barra laterale, è possibile posizionare tutte le guide per ciascun elemento su un singolo livello all'interno di ciascun gruppo. Questa disposizione ti consente di rendere le tue guide visibili in modo selettivo, anziché semplicemente mostrarle e nasconderle tutte con una scorciatoia da tastiera o una voce di menu di Photoshop e mantiene uniti gli elementi guida correlati. Assegna un nome ai gruppi e ai livelli per identificare la funzione di ogni parte del progetto. I momenti in cui investi in attività di denominazione incrementale si ripagano nel tempo in cui non è necessario passare all'attivazione e alla disattivazione dei livelli per determinarne il contenuto. Per trovare rapidamente le dimensioni di qualsiasi elemento del layout, premi "F8" per aprire il pannello Informazioni, quindi "Ctrl-clic" sulla miniatura del pannello Livelli per caricare una selezione basata sui pixel su quel livello.
Selezione dei colori
Se si utilizza il Selettore colore testato nel tempo per selezionare le tonalità per il tema, caricare le opzioni da una libreria di colori per abbinare un pezzo stampato o un logo o fare affidamento sullo strumento contagocce per campionando sfumature da un altro file o grafico, Adobe Photoshop offre un'ampia gamma di modi per selezionare i colori del tema. Quando si riempie un livello con un colore solido per simulare il colore di sfondo di un tema Tumblr o altri elementi del disegno, è possibile copiare la formula del colore come testo dalla lettura esadecimale del Selettore colore e incollare l'identificazione del colore nel nome del livello per riferimento rapido. I sei caratteri alfanumerici in un colore esadecimale vengono visualizzati nel codice Tumblr e nei progetti Web per blog e altri formati online.
Creazione di grafica
L'intestazione che identifica un tumblelog può usare un grafico bitmap come grafico tematico. Puoi creare questo elemento critico usando una combinazione di testo e elementi basati su pixel o vettoriale all'interno del tuo file PSD. Se la grafica include elementi personalizzabili che hai composto in Photoshop, lasciali come tipo live all'interno del tuo file tematico basato su PSD e rasterizzali solo nelle copie del file che fornisci ad altre persone che non dispongono di una licenza per i file di font richiesti nel tuo tema. Quando utilizzate gli strumenti vettoriali per disegnare in Photoshop, inclusi gli strumenti Penna e forma, disegnate usando le regole guida che si allineano alla risoluzione sottostante del file modello. Questa tecnica aiuta a mantenere le tue immagini il più nitide possibile quando salvi o esporti versioni rasterizzate.
Passaggi successivi
Se sai come codificare HTML e CSS, e capire le variabili specializzate che Tumblr utilizza nella sua struttura di codice, puoi tradurre dimensioni, specifiche di colore e grafica che costruisci in un PSD in un tema Tumblr personalizzato funzionante. Se la codifica Web non rientra nelle tue competenze, puoi fornire il tuo PSD a un programmatore per produrre il tema per te. Insieme a un trattamento visivo, un tema di Tumblr deve includere variabili e blocchi. Le variabili accettano valori dinamici per creare elementi visivi Tumblr standard. I blocchi formano blocchi di codice che combinano variabili con HTML. I blocchi creano post e i permalink che li raggiungono, i collegamenti che si spostano tra i pezzi di materiale cronologicamente organizzato e gli elementi che accolgono le persone a cui piace o seguono un singolo registro.
Informazioni sulla versione
Le informazioni contenute in questo articolo si applicano ad Adobe Photoshop CC e Adobe Photoshop CS6. Potrebbe differire leggermente o significativamente con altre versioni o prodotti.
Computer © www.354353.com