The How-To Geek Guide to Learning Photoshop, Part 7 Design and Typography

Programmi come Photoshop hanno permesso alle nuove generazioni di aspiranti designer di entrare e creare con facilità più che mai. Osserva quanto è facile apprendere il pannello dei caratteri del tipo e applicarlo a un lavoro di progettazione di base.

Avendo brevemente trattato lo strumento di testo nella Parte 1, La casella degli strumenti e la creazione di oggetti di testo nella Parte 3, Livelli, diamo uno sguardo più da vicino su come impostare la tipografia in Photoshop. Naturalmente, se hai perso qualsiasi parte della Guida Geek How-To per l'apprendimento di Photoshop, sono ancora disponibili in questo collegamento in bundle.

Caratteri e pannello caratteri

Mentre i programmi vettoriali come Adobe Illustrator sono scelte superiori per la gestione di forme astratte come i tipi di carattere, Photoshop non è particolarmente utile nel reparto Tipografia. È capace di quasi tutti i trattamenti tipografici di cui Illustrator è capace e altri no.

Il pannello dei personaggi può essere trovato andando su Finestra> Carattere, se non è già nel pannello laterale destro. È ricco di opzioni per il tuo testo, che esamineremo ora. Tieni presente che questa sezione contiene termini tipografici complicati che potresti conoscere o meno. Rispolvera i termini della tua tipografia con l'articolo How-To Geek, "Comprendi la tipografia come un designer professionista" o semplicemente continua a leggere.

Famiglia di font: Dove hai scelto il carattere su cui è impostato il tuo oggetto di testo, ad esempio, Helvetica, Arial, Times New Roman, ecc.

Stile del font: Se hai installato famiglie di font, il tuo "stile font" potrebbe essere attivo, qui puoi scegliere versioni alternative dello stesso viso. Ad esempio, Arial Bold, Arial Narrow, Arial Condensed, Arial Rounded MT, Arial Black, ecc..

Dimensione del font: Dove puoi modificare numericamente la dimensione del tuo font. Digita i numeri qui o usa il menu a discesa per le dimensioni dei punti comuni suggeriti.

Leading: Termine tipografico per lo spazio tra le righe del testo del paragrafo, impostato in punti.

crenatura: Spaziatura orizzontale tra coppie di lettere. I valori numerici negativi qui chiuderanno gli spazi tra i caratteri mentre i valori positivi aggiungeranno spazio tra le lettere.

tracking: Simile al concetto di crenatura, il tracciamento regola la crenatura generale su un intero oggetto di testo o su più lettere selezionate. È possibile regolare il tracciamento su un oggetto di testo e poi kern tra singole lettere, se lo si desidera.

Scala verticale: Un modo controllato per allungare e schiacciare la tipografia su e giù. Immettere qui valori numerici in percentuale dell'altezza del carattere originale.

Scala orizzontale: Un modo controllato per allungare e schiacciare la tipografia a sinistra e a destra. Immettere qui valori numerici in percentuale della larghezza del carattere originale.

Spostamento di base: La linea di base è la linea su cui il testo "riposa". Sposta alcuni caratteri selezionati dalla linea di base per farli apparire più alti o più bassi rispetto al resto del testo impostato.

Colore del testo: Un'area in cui è possibile regolare il colore dell'oggetto testo.

Linguaggio: Regola la lingua in cui è impostato il testo, nel caso in cui siano necessari caratteri non inglesi.

Anti aliasing: Opzioni per il rendering del testo in pixel regolando la quantità di sfocatura dei pixel utilizzata per descrivere i bordi del tipo. "Nessuno" esegue il rendering di lettere in pixel con spigoli vivi, mentre tutte le altre utilizzano varie forme di anti-aliasing.

Faux Bold e altre opzioni del pannello dei caratteri

	Faux Bold: Le dimensioni del font corrente sono artificialmente addensate per creare un carattere grassetto artificiale. In genere, è preferibile utilizzare un carattere grassetto attuale in "Font family" o "Font Style".
	Falso corsivo: Il tuo carattere corrente è inclinato artificialmente a destra, creando un falso aspetto in corsivo. Anche in questo caso, è preferibile utilizzare un carattere corsivo nella "Famiglia di caratteri" o "Stile carattere".
	Lettere maiuscole: Trasforma il tuo tipo in maiuscolo. Molto utile in quei casi in cui richiede molto tempo per ridigitare ampie sezioni di testo maiuscolo e minuscolo.
	Maiuscoletto: Crea un piccolo maiuscolo riducendo la dimensione in punti delle lettere maiuscole. Tutte le lettere minuscole verranno sostituite con queste maiuscole più piccole nell'oggetto di testo.
	Apice: Cambia testo o oggetto di testo selezionato in apice, come nel caso di 2⁸.
	pedice: Cambia testo o oggetto di testo selezionato in pedice, come nel caso di C₆H₁₂O₆.
	Sottolineare: Aggiunge un semplice carattere di sottolineatura sotto il testo o l'oggetto di testo selezionato.
	Barrato: Aggiunge un semplice avvertimento attraverso tutto il testo o l'oggetto di testo selezionato.

Il pannello Opzioni e lo strumento testo

Alcune opzioni non disponibili nel pannello Carattere sono in attesa nella parte superiore dello schermo, nel pannello Opzioni, quando si utilizza lo strumento testo. Questi tre sono:

	Orientamento del testo: Attiva o disattiva la direzione in cui viene eseguito il testo nell'oggetto di testo, in orizzontale o in verticale.
	Allineamento: Imposta l'allineamento dell'oggetto di testo su Allineato a sinistra, Allineato al centro o Allineato a destra.
	Warp Text: Inclina gli oggetti di testo in una delle varie forme predefinite e regolabili, come banner o altri oggetti.

Progettare una copertina di un libro semplice

Poiché il design riguarda l'applicazione del mondo reale, esamineremo la creazione di una copertina di base per uno dei libri scientifici più importanti (per non dire controversi) di tutti i tempi, Sull'origine delle specie per mezzo di selezione naturale, di Charles Darwin.

fa apparire lo strumento dei livelli per regolare l'immagine di Darwin. Mentre il design non è necessariamente semplicemente sulla disposizione degli elementi, questo approccio semplicistico sarà sufficiente a scopi dimostrativi.

Mentre l'immagine è oscurata, Ctrl clicca sul canale Grigio nel pannello dei tuoi canali. Questo crea una selezione di tutto il bianco nell'immagine.

Modifica: se il file non è già in scala di grigi, ma RGB o CMYK, devi andare su Immagine> Modalità> Scala di grigi prima di Ctrl + Clic sul tuo canale in scala di grigi. Grazie a HTG reader l3utterfish per averlo portato alla mia attenzione.

stampa per creare un nuovo livello.

Modifica> Riempi per riempire la selezione nel tuo nuovo livello con il bianco.

L'icona fotografica di Darwin è ora rimossa dallo sfondo nero e pronta per essere utilizzata come elemento.

stampa per creare un nuovo documento con le dimensioni preferite. La dimensione illustrata è della stessa dimensione di un altro libro importante, quello di Robert Bringhurst Gli elementi dello stile tipografico.

Ed ecco il nostro spazio di lavoro molto alto per la copertina del libro.

Scegli un colore in primo piano nel nella tua cassetta degli attrezzi. Qualsiasi colore sarà sufficiente, sebbene in questa dimostrazione sia preferibile un colore scuro.

Modifica> Riempi e assicurati di impostare "Usa" su "Colore di primo piano".

Lo sfondo è riempito con il colore del vino scelto in precedenza.

Premere il tasto di scelta rapida . Passare al file originale e trascinare il livello nel nuovo file utilizzando lo strumento di spostamento selezionato.

Il livello dovrebbe apparire qualcosa di simile all'interno del nuovo file.

stampa oppure selezionare lo strumento testo, Illustrato sopra per iniziare il tipo di impostazione.

Non tutti i tipi di carattere sono appropriati al contenuto. Questo font pixelato è molto negativo per questo concetto.

Un carattere più conservativo può onorare il contenuto e creare un aspetto più appropriato.

Con anche alcune opzioni di carattere limitate installate, può sembrare travolgente. Tuttavia, scegliere il font giusto è difficile e richiede tempo, ma è molto importante per un pezzo di design.

Quando viene trovato il font giusto, regolarlo con il pannello dei caratteri è una questione semplice.

La dimensione del carattere è cambiata e il tipo è diviso in due righe.

Quando la dimensione del punto viene regolata, potremmo incorrere in problemi con il comando.

Quando le lettere si scontrano, i lettori saranno lasciati con problemi di leggibilità e leggibilità. La regolazione della guida è l'unica risposta.

Aumentare la dimensione del punto del protagonista migliora la leggibilità del titolo.

Ulteriori informazioni dovranno essere aggiunte e, spesso, Photoshop presuppone che si desideri utilizzare lo stesso carattere della dimensione in punti del proprio ultimo oggetto di testo utilizzato. Questo potrebbe o non potrebbe essere il caso.

Nuovi oggetti di testo aggiunti e modificati, possiamo iniziare ad accedere al nostro design nel suo complesso.

Potremmo scoprire che desideriamo spostare elementi in giro.

Potremmo anche aggiungere più elementi o testo di cambio di sottigliezza, per mantenere una linea coerente sulla pagina. Lo strumento Testo ti permetterà anche di correggere gli errori di battitura, come le lettere "Mezzi" "Naturale" e "Selezione" che hanno bisogno di capitalizzare in un titolo.

Elementi aggiuntivi possono anche aiutare un design, come questo scheletro di Lucy, il famoso Australopithecus afarensis. Ancora una volta, il design non è necessariamente una semplice combinazione di elementi, in quanto può coinvolgere il processo in cui Photoshop è completamente incapace. Tuttavia, è spesso uno strumento eccellente per questo tipo di lavoro grafico.

I suggerimenti di Photoshop ti hanno lasciato confuso? Inizia dall'inizio! Dai uno sguardo alle puntate precedenti di How-To Geek Guide to Learning Photoshop.

Parte 1: la casella degli strumenti
Parte 2: pannelli di base
Parte 3: Introduzione ai livelli
Parte 4: menu di base
Parte 5: Modifica delle foto per principianti
Parte 6: arte digitale
Parte 7: design e tipografia
Parte 8: filtri

Torna su How-To Geek per le puntate finali della Guida all'apprendimento di Photoshop, dove concluderemo la nostra guida con uno sguardo ai filtri di Photoshop.

Immagine di credito: Darwin di Julia Margaret Cameron, in pubblico dominio. Lucy dall'utente di Wikipedia 120, reso disponibile sotto Creative Commons.