15Sep

The How-To Geek Guide to Learning Photoshop, Parte 7: Design e Tipografia

I 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 coperto brevemente 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 una parte della Guida Geek How-To per l'apprendimento di Photoshop, sono ancora disponibili in questo collegamento in bundle. Font

e il pannello caratteri

Mentre i programmi vettoriali come Adobe Illustrator sono scelte superiori per la gestione di forme astratte come i font, 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 Window & gt;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. Rispolverare i termini della tua tipografia con l'articolo How-To Geek, "Capisci la tipografia come un designer professionista" o semplicemente continua a leggere. Famiglia di font

: Dove hai scelto il font per il tuo oggetto di testo, ad esempio Helvetica, Arial, Times New Roman, ecc.

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

Dimensione carattere: Dove è possibile modificare numericamente la dimensione del font. Digita i numeri qui o usa il menu a tendina 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. Valori numerici negativi qui chiuderanno gli spazi tra i caratteri mentre i valori positivi aggiungeranno spazio tra le lettere. Tracking

: Analogamente al concetto di crenatura, il rilevamento 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 ea destra. Immetti valori numerici qui in percentuale della larghezza del carattere originale.

Baseline Shift: 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 testo

: Area in cui è possibile regolare il colore dell'oggetto testo.

Lingua: Regola la lingua in cui è impostato il testo, nel caso 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 carattere corrente sono artificialmente addensate per creare un carattere grassetto artificiale. In genere, è preferibile utilizzare un carattere grassetto attuale in "Font family" o "Font Style".
Faux Italic: Il tuo carattere corrente è inclinato artificialmente a destra, creando un falso aspetto italico. Anche in questo caso, è preferibile utilizzare un carattere corsivo nella "Famiglia di caratteri" o "Stile carattere".
Maiuscolo: Trasforma il testo in maiuscolo. Molto utile in quei casi in cui richiede molto tempo per ridigitare ampie sezioni di testo maiuscolo e minuscolo.
Small Caps: Crea una falsa maiuscola riducendo la dimensione in punti delle lettere maiuscole. Tutte le lettere minuscole verranno sostituite con queste maiuscole più piccole nell'oggetto di testo.
Apice: Modifica l'oggetto testo o testo selezionato in apice, come nel caso di 28.
Pedice: Modifica il testo o l'oggetto di testo selezionato in pedice, come nel caso di C6H12O6.
Sottolineato: Aggiunge un semplice carattere di sottolineatura sotto il testo o l'oggetto di testo selezionato.
Barrato: Aggiunge un semplice colpo a 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 di esecuzione del 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: Modifica gli oggetti di testo in una delle varie forme predefinite e regolabili, come banner o altri oggetti.

Progettazione di una copertina di un libro semplice

Poiché il design riguarda l'applicazione del mondo reale, esamineremo la creazione di un progetto di copertina di base per uno dei più importanti( per non dire controversi) libri scientifici di tutti i tempi, On The Origin diSpecie per mezzo di selezione naturale , di Charles Darwin.

fa apparire lo strumento 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, fare clic con il tasto Ctrl sul canale Grigio nel pannello dei canali. Questo crea una selezione di tutto il bianco nell'immagine. Modifica

: se il tuo file non è già in scala di grigi, ma RGB o CMYK, dovresti andare su Immagine & gt;Modalità & gt;Scala di grigi prima di Ctrl + Clic sul tuo canale in scala di grigi. Grazie al lettore HTG l3utterfish per averlo portato alla mia attenzione.

Premere per creare un nuovo livello.

Modifica & gt;Riempi per riempire la selezione nel tuo nuovo livello con il bianco.

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

Premere per creare un nuovo documento con le dimensioni preferite. La dimensione illustrata è la stessa dimensione di un altro libro importante, l' 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 di primo piano nella casella degli strumenti. Qualsiasi colore sarà sufficiente, sebbene in questa dimostrazione sia preferibile un colore scuro. Modifica

& gt;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.

Premere o selezionare lo strumento testo, Illustrato sopra per avviare il tipo di impostazione.

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

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

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

Quando viene trovato il carattere giusto, regolarlo con il pannello Carattere è una questione semplice.

La dimensione del carattere è stata modificata e il tipo è suddiviso 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 leader migliora la leggibilità del titolo.

Dovranno essere aggiunte informazioni aggiuntive e, spesso, Photoshop presuppone che si desideri utilizzare lo stesso carattere della dimensione in punti del proprio ultimo oggetto di testo utilizzato. Questo può o non può 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 finezza, 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 per Photoshop

ti hanno lasciato confuso? Inizia dall'inizio! Consulta le 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 base
  • parte 5: modifica delle foto per principianti
  • parte 6: arte digitale
  • parte 7: progettazione e tipografia
  • parte 8: filtri
Tornare a 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.

Image Credit: Darwin di Julia Margaret Cameron, nel pubblico dominio. Lucy dall'utente di Wikipedia 120, reso disponibile sotto Creative Commons.