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

Sommario:

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

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

Video: The How-To Geek Guide to Learning Photoshop, Parte 7: Design e Tipografia
Video: Bhikkhu Bodhi - 7 - The Noble Eightfold Path - YouTube 2024, Aprile
Anonim
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.
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 una 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 font, Photoshop non è un elemento delicato 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. Rispolverare i termini della tua tipografia con l'articolo How-To Geek, "Capisci la tipografia come un designer professionista" o semplicemente continua a leggere.
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. 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 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 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: 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. Immetti valori numerici qui 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 dei falsi maiuscoli 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 28.
Image
Image
pedice: Cambia testo o oggetto di testo selezionato in pedice, come nel caso di C6H12O6.
Image
Image
Sottolineare: Aggiunge un semplice carattere di sottolineatura sotto il testo o l'oggetto di testo selezionato.
Image
Image
Barrato: Aggiunge un semplice avvertimento attraverso tutto il testo o l'oggetto di testo selezionato.
Image
Image

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:
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:
Image
Image
Orientamento del testo: Attiva o disattiva la direzione in cui viene eseguito il testo nell'oggetto di testo, in orizzontale o in verticale.
Image
Image
Allineamento: Imposta l'allineamento dell'oggetto di testo su Allineato a sinistra, Allineato al centro o Allineato a destra.
Image
Image
Testo deformato: Trasforma gli oggetti di testo in una delle varie forme predefinite e regolabili, come banner o altri oggetti.
Image
Image

Progettare una copertina di un libro semplice

Image
Image

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

Image
Image
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.
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.
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 al lettore HTG l3utterfish per averlo portato alla mia attenzione.

stampa
stampa
per creare un nuovo livello.
per creare un nuovo livello.
Modifica> Riempi per riempire la selezione nel tuo nuovo livello con il bianco.
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.
L'icona fotografica di Darwin è ora rimossa dallo sfondo nero e pronta per essere utilizzata come elemento.
stampa
stampa
Image
Image
Image
Image

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

Image
Image

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

Scegli un colore in primo piano nel
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.
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".
Modifica> Riempi e assicurati di impostare "Usa" su "Colore di primo piano".
Lo sfondo è riempito con il colore del vino scelto in precedenza.
Lo sfondo è riempito con il colore del vino scelto in precedenza.
Premere il tasto di scelta rapida
Premere il tasto di scelta rapida
. Passare al file originale e trascinare il livello nel nuovo file utilizzando lo strumento di spostamento selezionato.
. 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.
Il livello dovrebbe apparire qualcosa di simile all'interno del nuovo file.
stampa
stampa
o selezionare lo strumento testo, Illustrato sopra per iniziare l'impostazione del tipo.
o selezionare lo strumento testo, Illustrato sopra per iniziare l'impostazione del tipo.
Non tutti i tipi di carattere sono appropriati al contenuto. Questo font pixelato è molto negativo per questo concetto.
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.
Un carattere più conservativo può onorare il contenuto e creare un aspetto più appropriato.
Con anche alcune opzioni di carattere limitato installate, può sembrare travolgente. Tuttavia, scegliere il font giusto è difficile e richiede tempo, ma è molto importante per un pezzo di design.
Con anche alcune opzioni di carattere limitato 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.
Quando viene trovato il font giusto, regolarlo con il pannello dei caratteri è una questione semplice.
La dimensione del carattere è stata modificata e il tipo è diviso in due righe.
La dimensione del carattere è stata modificata e il tipo è diviso in due righe.
Image
Image
Quando viene regolata la dimensione del punto, potremmo incorrere in problemi con il comando.
Quando viene regolata la dimensione del punto, 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.
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 in punti del protagonista migliora la leggibilità del titolo.
Aumentare la dimensione in punti 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 può o non può essere il caso.
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 può o non può essere il caso.
Nuovi oggetti di testo aggiunti e modificati, possiamo iniziare ad accedere al nostro design nel suo complesso.
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 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.
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.
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! 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 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.

Consigliato: