Return to Video

Photoshop Basix 11: Tipografia, l'arte del testo

  • 0:00 - 0:06
    Benventornati a Photoshop Basix su psdtuts+, sono Martin Perhiniak
  • 0:06 - 0:11
    ed oggi parleremo di come usare i caratteri in Photoshop.
  • 0:11 - 0:18
    Per prima cosa voglio mostrarvi come con lo strumento testo che si trova qui tra gli strumenti
  • 0:18 - 0:26
    voi potete creare un box di testo o potete subito scrivere in modo libero
  • 0:26 - 0:34
    semplicemente facendo click sullo strumento testo potete iniziare a scirvere in questo modo
  • 0:34 - 0:44
    e devo sempre inserire un a capo con la tastiera perchè non c'è interruzione nella scrittura
  • 0:44 - 0:52
    nessun riquadro al testo, se voglio confermare questo testo devo fare click sul bottone nella barra
  • 0:52 - 0:55
    in alto o premere Cmd+Invio sulla tastiera.
  • 0:55 - 1:12
    Se volete creare un box di testo dovete fare click e trascinare, poi se iniziate a scrivere
  • 1:12 - 1:19
    vedete che otteniamo l'interruzione delle linee in modo automatico in base ai bordi del box di testo.
  • 1:19 - 1:27
    Ovviamente lo possiamo spostare o cambiare la sua forma trascinando uno di questi punti negli angoli
  • 1:27 - 1:34
    e possiamo sempre tornare indietro per modificare il testo poichè creiamo sempre un livello di testo
  • 1:34 - 1:37
    quando usiamo lo strumento "Testo".
  • 1:37 - 1:43
    Come potete vedere se confermo questo testo abbiamo due livelli di testo
  • 1:43 - 1:49
    ne abbiamo uno con il testo libero ed abbiamo l'altro con il box di testo.
  • 1:49 - 1:54
    Ogni volta che faccio doppio click su uno di essi in queste piccole anteprime
  • 1:54 - 1:57
    verrà selezionato il testo e ne potrò fare i cambiamenti.
  • 1:57 - 2:04
    Voglio mostrarvi alcune scorciatoie di tastiera utili per cambiare la dimensione del testo
  • 2:04 - 2:09
    potete usare CMD+Shift+.(punto) o CMD+Shift,(virgola)
  • 2:09 - 2:15
    il punto aumenterà la dimensione, la virgola la diminuisce.
  • 2:15 - 2:21
    Le altre scrociatoie di tastiera utili vi permettono di trasformare il vostro testo in tutto maiuscolo
  • 2:21 - 2:24
    per creare un testo maiuscolo se scritto in minuscolo
  • 2:24 - 2:30
    è CMD+Shift+K e può essere ripristinato con la stessa scorciatoia
  • 2:30 - 2:37
    se usate la stessa combinazione di tasti ed usate B il testo sarà Bold
  • 2:37 - 2:43
    se usate I con la stessa combianzione di tasti sarà corsivo
  • 2:43 - 2:47
    e se usate la U sarà sottolineato.
  • 2:47 - 2:53
    Le altre cose utili per sono l'interlinea che può anche lei essere modificata con la tastiera
  • 2:53 - 3:02
    funziona solo se avete più di una linea, quindi riduco questo box di testo in questo modo
  • 3:02 - 3:10
    e seleziono entrambe le linee e se uso ALT+(freccia su) o ALT+(freccia giù) sulla tastiera
  • 3:10 - 3:15
    posso cambiare l'interlinea, l'interliena è la distanza tra due linee.
  • 3:15 - 3:25
    E' veramente utile ed è un aspetto molto importante della tipografia come la spaziatura tra le lettere
  • 3:25 - 3:31
    e le parole che hanno una scorciatoia di tastiera simile ATL+(freccia destra) o ALT+(Freccia sinistra)
  • 3:31 - 3:39
    così cambieremo la distanza tra le lettere, è chiamato "Tracking" se cambiate la distanza
  • 3:39 - 3:48
    tra i caratteri in tutto il paragrafo ed è chiamato "Kerning" se solo regolate una parte specifica
  • 3:48 - 3:52
    del testo per renderlo visivamente più attraente.
  • 3:52 - 4:00
    Vi mostro un esempio di questo userò questa scritta ed uno una versione tutta maiuscola
  • 4:00 - 4:12
    tolgo il corsivo e la sottolineatura, userò un altro carattere che si chiama Trayan pro
  • 4:12 - 4:18
    i caratteri si trovano qui in alto in questa area in cui potete scegliere i caratteri
  • 4:18 - 4:25
    facendo click qui avete una lista di tutti i caratteri ma generalmente scrivo il nome del carattere
  • 4:25 - 4:31
    che sto cercando, se iniziate a scrivere appare subito il nome e vi basta premere invio
  • 4:31 - 4:38
    lo seleziono e lo ingrandisco e sappiamo che per fare questo possiamo usare la tastiera
  • 4:38 - 4:49
    con CMD+Shift+.(punto) ma potete anche usare l'opzione qui in alto invece di usare il menù a comparsa
  • 4:49 - 4:56
    potete fare click su questa icona con due piccole T e trascinare verso destra o sinista
  • 4:56 - 5:02
    questo è propio un modo molto veloce per ingrandire o ridurre i caratteri,
  • 5:02 - 5:10
    accetto la modifica e poi voglio mostrarvi il kerning; se guardate questa scritta
  • 5:10 - 5:18
    ha la distanza di default tra le lettere ma se per esempio voglio muovere la S e la D
  • 5:18 - 5:28
    più vicine una all'altra ed anche la T più vicina a questo punto e la M più vicina alla O
  • 5:28 - 5:33
    devo semplicemente fare click tra queste lettere, inizierò con la S e la D
  • 5:33 - 5:42
    ed uso i tasti ALT+(freccia sinistra), poi vado tra il punto e la T ed uso ALT+(Freccia sinistra) ancora
  • 5:42 - 5:50
    li avvicino un poco e faccio la stessa cosa qui sulla destra, ALT+(freccia sinistra) e confermo le modifiche
  • 5:50 - 5:59
    Questo viene chiamato Kerning, questo era prima e questo dopo. Ogni volta che usate il maiuscolo
  • 5:59 - 6:05
    o caratteri grandi per i vostri progetti dovete sempre stare attenti alla spaziatura
  • 6:05 - 6:15
    e cercare queste differenze, ad esempio vedo anche un problema tra la U e la S ed anche la C
  • 6:15 - 6:18
    deve essere un poco più vicina al punto.
  • 6:18 - 6:25
    Ancora il prima e il dopo. Ovviamente in Photoshop abbiamo due pannelli per modificare il testo
  • 6:25 - 6:31
    uno è il pannello "Carattere" e l'altro è il pannello "Paragrafo", nel pannello "Paragrafo"
  • 6:31 - 6:39
    potrai scegliere come allineare il testo o la giustificazione che funziona solo se usate un box di testo
  • 6:39 - 6:44
    vi mostro come ottenere queste opzioni con le scorciatoie di tastiera
  • 6:44 - 6:50
    selezionate questo testo e con CMD+Shift+L serve per allineare a sinistra
  • 6:50 - 6:56
    CMD+Shift+R per allinearlo a destra e CMD+Shift+C per allinearlo al centro
  • 6:56 - 6:59
    e CMD+Shift+J per la giustificazione (a blocchetto).
  • 6:59 - 7:06
    Se volete modificare il colore del vostro testo potete selezionare una parte del testo
  • 7:06 - 7:15
    e qui dall'alto potete cambiare il colore in modo veloce, ma potete cambiare il colore di tutto il testo
  • 7:15 - 7:23
    selezionando questo livello, ora seleziono il box di testo e scelgo un colore per il colore in primo piano,
  • 7:23 - 7:26
    diciamo che scelgo questo rosso,
  • 7:26 - 7:32
    un rosso simile per quello usato sopra, seleziono questo colore dal colore in primo piano e se ora premo
  • 7:32 - 7:40
    ALT+(Cancella) posso facilmente colorare il livello di testo che avevo selezionato.
  • 7:40 - 7:47
    CMD+(Cancella) userà il colore di sfondo che nel mio caso è il blu
  • 7:47 - 7:53
    Quindi ALT+(Cancella) per il colore in primo piano, CMD+(Cancella) per il colore di sfondo.
  • 7:53 - 7:58
    questo funziona con altri tipi di livelli non solo con i livelli di testo,
  • 7:58 - 8:04
    questa è una scorciatoia per il riempimento che trovate in "Modifica -> Riempi...".
  • 8:04 - 8:09
    Ora voglio mostrarvi un'altra grande funzione di Photshop CS5
  • 8:09 - 8:16
    per cambiare il nostro testo in un oggetto 3D, selezionerò il livello di testo PSD.TUTPLUS.COM
  • 8:16 - 8:23
    ed andrò su "3D->Tecnica Repoussè" e sceglierò "Livello testo"
  • 8:23 - 8:31
    abbiamo un'enorme finestra di dialogo ma se fate click sul testo potete facilmente muoverlo nello spazio
  • 8:31 - 8:38
    e potete vedere che abbiamo già un oggetto 3D creato dal testo,
  • 8:38 - 8:46
    potete facilmente cambiare la profondità qui nelle opzioni di estrusione, le riduco a 0,5 punti,
  • 8:46 - 8:56
    ci sono molte opzioni qui ma voglio mostrarvi una cosa che è molto importante quando create testo 3D
  • 8:56 - 9:04
    faccio click su OK, si trova nel pannello "3D" perchè se guardate più da vicino questo testo è
  • 9:04 - 9:13
    leggermente pixellato perché il rendering per questo oggetto 3D è impostato nella vista bozza
  • 9:13 - 9:22
    ora se andate nel pannello "3D" in "Qualità" trovate "Bozza raggi tracce" e "Tracce raggi finali",
  • 9:22 - 9:29
    "Tracce raggi finali" è l'opzione migliore che crea linee più regolari per gli oggetti 3D
  • 9:29 - 9:37
    ma richiede molto tempo di rendering per l'oggetto finale, io uso normalmente "Bozza raggi tracce".
  • 9:37 - 9:43
    Questo nel complesso è quello che vi occorre sapere sul testo in Photoshop
  • 9:43 - 9:53
    e vi suggerisco di studiare in generale la tipografia se volete creare dei bei layout nei vostri progetti.
  • 9:53 - 10:00
    Il prossimo tutorial sarà fondamentale quindi non perdetelo, parlerà delle maschere,
  • 10:00 - 10:06
    una delle cose fondamentali che occorre conoscere con Photoshop.
  • 10:06 - 10:11
    Assicuratevi di tornare la prossima volta, grazie per la vostra attenzione oggi,
  • 10:11 - 10:16
    spero abbiate trovato utili le cose cha abbiamo imparato sul testo, grazie ancora.
  • 10:16 -
    Sottotitoli in italiano: www.gand.tk/psbasix
Title:
Photoshop Basix 11: Tipografia, l'arte del testo
Video Language:
English
Carlo Gandolfi added a translation

Italian subtitles

Revisions