cosa succede alla fine

In questo tutorial, creeremo un set di icone in Photoshop. Il set di icone deve avere lo stesso sfondo e lo stesso tema. Per esercitarci, creeremo icone con un sole, un fiocco di neve e un'icona RSS. Iniziamo.

1. Preparazione dell'area di lavoro

Passo 1

Iniziamo creando un nuovo documento 350px per 350px. Fare clic nella casella bianca accanto alle impostazioni Contenuto di sfondo(Contenuti di sfondo) da selezionare nuovo colore sfondo dell'area di lavoro.

Passo 2

Nella finestra di dialogo Palette dei colori(Color Picker) seleziona un colore di sfondo grigio per lo stage (#e0e0e2).

Passaggio 3

È sempre positivo quando il lavoro è strutturato fin dall'inizio. Crea un gruppo di livelli e assegnagli un nome "Sole"(Sole). Tutti i livelli relativi alla creazione dell'icona con il sole verranno posizionati lì.

2. Crea le fondamenta

Passo 1

Con uno strumento "Rettangolo arrotondato"(Strumento rettangolo arrotondato) disegna un rettangolo con dimensioni 83 px × 64 px e imposta il raggio su 8 px. Per un risultato più accurato, utilizzare il pannello Proprietà(Proprietà). Qui puoi semplicemente inserire le dimensioni esatte.

Passo 2

tenere Cambio e quindi disegna un altro rettangolo arrotondato. Questa nuova forma verrà aggiunta alla precedente. Imposta le sue dimensioni su 36 px × 36 px con un raggio di 3 px.

Passaggio 3

Premere ctrl+T per trasformare la forma, quindi fare clic e trascinare all'esterno del riquadro di delimitazione per ruotarlo di 45°.

Passaggio 4

Assicurati che la forma sia al centro del rettangolo precedente. In CC 2014, puoi controllare la posizione di una forma trascinandola e agganciandola alla guida al centro della forma precedente.

Passaggio 5

Premere Invio per salvare il risultato. Potresti scoprire che una finestra di dialogo di conferma ti informa che la forma si trasformerà in un percorso regolare. Ciò significa che non sarai più in grado di modificarlo utilizzando il pannello Proprietà. Basta fare clic "SÌ"(SÌ).

Passaggio 6

Posiziona la forma come mostrato nell'immagine qui sotto.

Ecco il risultato in scala 100%.

Passaggio 7

Disegna una forma simile sopra quella precedente, che è più piccola di 1 px. Puoi farlo duplicando una forma e poi cambiando i suoi punti, o semplicemente creando una nuova forma.

Passaggio 8

Imposta il colore su #57adf8.

Passaggio 9

Fare doppio clic sulla forma e quindi applicare Colpo(Ictus) e Sovrapposizione sfumatura(Sovrapposizione gradiente) utilizzando seguenti impostazioni.

Per il gradiente, usa la seguente disposizione dei colori. Per aprire l'editor del gradiente e modificare le impostazioni del gradiente, fare clic sulla finestra anteprima pendenza.

Passo 10

Diminuire il livello versando(riempimento) fino all'11%. Il contenuto del livello sarà trasparente e rimarrà invariato.

Ecco il risultato.

3. Ombra

Passo 1

Creare nuovo strato sotto la base. Attiva lo strumento "Spazzola"(Strumento pennello) (B) e quindi disegna un'ombra sotto l'icona.

Passo 2

Sto ancora usando lo strumento "Spazzola"(Strumento pennello) (B), aggiungi un'ombra più forte appena sotto la punta dell'icona.

Passaggio 3

Tieni premuto CTRL e fai clic sull'icona più piccola per selezionare la forma più piccola. Crea un nuovo livello e usa il colore bianco sull'area selezionata. Assicurati di utilizzare una spazzola morbida Rigidità(Durezza) -0%.

Passaggio 4

Quando hai finito, deseleziona (Ctrl+D) e ridimensiona opacità Livello (opacità).

Passaggio 5

Crea un nuovo livello e seleziona di nuovo la base dell'icona più piccola. Riempi la selezione con una sfumatura dal bianco al nero. Modifica modalità di fusione(Modalità di fusione) strato su sovrapposizione(Sovrapponi) e quindi ridimensionalo opacità(Opacità).

Passaggio 6

Aggiungi un altro livello. Crea una grande selezione ellittica nella parte inferiore dell'icona e quindi Ctrl-clic sul livello di base per intersecarlo. Riempi la selezione con una sfumatura dal bianco al nero. Modifica modalità di fusione(Modalità di fusione) strato su "Schermo" Scherma e rendilo più piccolo opacità(Opacità).

Ecco come appare il risultato al 100%.

Passaggio 7

Tieni premuto Ctrl e fai clic sulla miniatura del livello di base. Crea un nuovo livello in cima, quindi seleziona Modifica > Tratto(Modifica > Tratto). Imposta il colore su azzurro e larghezza(Larghezza) 1px.

Di seguito puoi vedere la differenza prima e dopo aver aggiunto il tratto all'interno dell'icona.

Passaggio 8

Aggiungi una maschera al livello del tratto. Riempilo di nero per nascondere tutti i contorni. Traccia alcune sezioni della linea con il bianco per mostrarle. Quindi, ora abbiamo il bordo dell'icona selezionato.

Nell'immagine qui sotto, puoi vedere la selezione del bordo in dettaglio.

Passaggio 9

Aggiungi un livello di regolazione Bilanciamento del colore (Bilanciamento colore) sopra l'icona. Lo usiamo per cambiare il colore di sfondo.

Per semplificare la gestione dei livelli, cambiamo il nome del livello in Cambio di colore(cambia colore).

Passo 10

Riempi la maschera del livello di regolazione con il nero. Seleziona la base dell'icona e poi riempila di bianco. Quindi il livello di regolazione influisce solo sull'icona. Trascina i cursori per cambiare il colore.

Passaggio 11

Duplica tutti i livelli di base dell'icona e modifica le impostazioni nel livello di regolazione Bilanciamento del colore(Bilanciamento colore) separatamente.

4. Aggiungi icone alle icone

Passo 1

Per la nostra prima icona, aggiungeremo un'icona del sole. Inizia disegnando un cerchio giallo.

Passo 2

Applicare stili di livello Ombra interiore(Ombra interiore) e bagliore interno(Inner Glow) utilizzando le seguenti impostazioni. Usa il colore # 7b6708 e imposta entrambe le modalità di fusione Moltiplicazione(Moltiplicare).

Passaggio 3

Usa un giallo più chiaro al centro del sole.

Passaggio 4

Aggiungi un'ellisse di giallo più brillante alla parte superiore del sole.

Passaggio 5

Disegna una forma sottile e leggera sul lato in alto a destra del sole per farlo risaltare. Rimuovi l'eccesso con una gomma morbida per un aspetto naturale.

Passaggio 6

Passaggio 7

Evidenzia entrambi figure vettoriali e poi duplicali: Ctrl+C e poi Ctrl+V. Ruota le nuove forme di 45°.

Passaggio 8

Continua a duplicare e ruotare le forme finché non abbiamo abbastanza raggi.

Passaggio 9

Fare domanda a Ombra interiore(Inner Shadow) con il colore #b48f0b e Bagliore esterno(Outer Glow) con il colore #f9dc7e.

Passo 10

Nascondi il sole facendo clic sull'icona a forma di occhio accanto al livello. Disegna più triangoli gialli come mostrato di seguito.

Aggiungi una forma circolare al centro dei triangoli e imposta la modalità del percorso Sottrai la figura frontale(Sottrarre).

Abbiamo finito, quindi riportiamo il flash e la forma del sole.

Passaggio 12

Per ottenere un sole realistico, dobbiamo disegnare una forma rotonda gialla sfocata dietro il sole. Puoi farlo manualmente usando un pennello morbido, oppure dipingere prima il cerchio e poi ammorbidirlo usando un filtro. sfocatura gaussiana(Sfocatura gaussiana).

Nozioni di base sull'utilizzo degli strumenti del gruppo Testo in Photoshop: pannello di controllo, impostazioni, funzioni e capacità.

C'è un gruppo sulla barra degli strumenti sotto il pulsante con la lettera "T". Lo apriamo in qualsiasi modo:

• cliccando sull'angolo nero in basso a destra dell'icona;
• cliccando sull'icona con il tasto destro del mouse

Puoi attivare il testo premendo il tasto T (E russo) sulla tastiera. Non importa quale layout di tastiera questo momento. Quando bloccato Tasto delle maiuscole premendo più volte il tasto "T" si attivano alternativamente tutti e quattro gli strumenti di questo gruppo.

Fig. 1. Gruppo di strumenti Testo

Tutto è intuitivo qui.

1. Orizzontale: per creare un record familiare in posizione orizzontale.
2. Verticale: posiziona l'etichetta dall'alto verso il basso.
3. e 4. Creare maschere rapide con selezione orizzontale e verticale.

Molto spesso viene utilizzata la direzione orizzontale.

Testo del pannello di controllo della barra degli strumenti

Quando lo strumento è attivo, il pannello di controllo superiore si presenta così:

Fig.2. Barra degli strumenti di controllo superiore Testo

IN Versioni di Photoshop CS6 ha introdotto il menu Font, che contiene diverse opzioni per le impostazioni. Questo sarà in un altro articolo. Ora diamo un'occhiata alle impostazioni del pannello di controllo superiore.

Attenzione! È meglio configurare tutte le impostazioni del pannello superiore per gli strumenti di testo in Photoshop prima di digitare l'iscrizione. Ma sarà possibile apportare modifiche in un secondo momento, selezionando prima il testo o parte di esso da modificare.

• Sopra il numero 1 Fig.2 – parametri di salvataggio. Funzionalità molto utile da conservare impostazioni installate(nome del carattere, dimensione del carattere, ecc.) se devi tornarci periodicamente o prima di rasterizzare il livello del testo.

Fare clic sulla piccola freccia per aprire la finestra. Seleziona "Nuovo set di opzioni per lo strumento. Si apre una seconda finestra in cui è possibile specificare un nome per il parametro. Premiamo OK. L'editor ricorda le impostazioni.

Fig.3. Salvataggio delle opzioni di testo in Photoshop

Nell'elenco viene visualizzata una nuova riga. Per chiarezza, nel passaggio precedente, è stato introdotto il nome "Esempio di un nuovo salvataggio".

Fig.4. Impostazioni salvate

Ora, per impostare sul pannello tutti i valori che erano al momento del salvataggio, è necessario fare clic su questa riga.

Per eliminare una linea, fare clic con il tasto destro su di essa e selezionare Elimina.

• Sopra il numero 2 Fig. 2 - modificare l'orientamento del testo. Premendo il pulsante con la lettera T e le frecce, la direzione dell'iscrizione cambia da orizzontale a verticale e viceversa. Non dimenticare che questo livello di testo deve essere attivo nella tavolozza dei livelli.
• Sopra il numero 3 Fig. 2 - carattere tipografico. Facendo clic sul pulsante con una freccia si apre l'intero elenco di caratteri disponibili sul computer. È possibile selezionare quello desiderato dall'elenco o inserirlo manualmente nella casella, quindi premere Invio.
• Sopra il numero 4 Fig. 2 - stile carattere. Il pulsante freccia apre un elenco di stili supportati dal carattere selezionato. Se il pulsante è disattivato, il carattere selezionato supporta solo uno stile suggerito.
• Sopra il pulsante 5 Fig. 2 - dimensione del font alias Kegl. L'elenco a discesa offre opzioni da 6 a 72 pixel. Qualsiasi valore può essere inserito manualmente nella casella, quindi premere Invio. È sufficiente inserire solo numeri e l'editor inserirà automaticamente le lettere "pt".

Puoi selezionare la dimensione come segue: sposta il cursore a sinistra della finestra quando assume la forma di un dito con le frecce, tieni premuto con il tasto sinistro del mouse e trascina verso destra per aumentare la dimensione o verso sinistra per ridurla . Nella finestra, il valore numerico cambierà. Non appena rilasci il mouse, la dimensione del testo cambierà.

• Sopra il numero 6 Fig. 2 - stile carattere. Facendo clic su questo pulsante si apre un elenco di stili supportati dal carattere selezionato: corsivo, grassetto, grassetto... Non tutti i caratteri sono supportati lista completa stili, quindi potrebbe esserci un numero diverso di opzioni. Se il pulsante non è attivo, il carattere selezionato supporta solo uno stile suggerito.
• Sopra il numero 7 Fig. 2 - allineamento del testo da un lato o al centro. I pulsanti funzionano allo stesso modo di Documento di parole. Le impostazioni si trovano nel pannello Paragrafo. Leggi di seguito.
• Sopra il numero 8 Fig. 2 - selezione del colore. La casella mostra il colore che verrà applicato al testo. Puoi cambiarlo facendo clic su questa casella e selezionandone un'altra nella tavolozza che si apre. Se il testo è già stato inserito, deve prima essere selezionato.
• Sopra il numero 9 Fig. 2 - deformazione del testo. Fare clic su questo pulsante, quindi aprire gli stili e davanti a noi ci sono varie opzioni di deformazione. Sperimentare.

Fig.5. Deformazione del testo

• Sopra il numero 10 Fig. 2 - apre / chiude pannelli Carattere, Paragrafo. Maggiori informazioni su questo.

Carattere Pannelli, Paragrafo

Apri i pannelli Carattere e Paragrafo in Photoshop con un pulsante nel pannello di controllo superiore o nel pannello di destra. Se non fossero nel pannello di destra, attiva il percorso del menu Finestra: seleziona Simbolo o Paragrafo. Le icone corrispondenti vengono visualizzate nel pannello di destra. Se sono selezionati entrambi, appariranno due icone dello stesso gruppo, ma quando ne apri uno, ci saranno due schede nella finestra per passare facilmente da un pannello all'altro.

Attenzione! Il pannello Carattere, quando si lavora con gli strumenti del gruppo Testo, ha la precedenza sul pannello Paragrafo.

Fig.6. Carattere Pannelli, Paragrafo

Simbolo del pannello

Alcune delle impostazioni in questa scheda duplicano le funzioni del pannello di controllo superiore e sono già state discusse. Non ripeteremo. I valori in essi contenuti saranno impostati sugli stessi impostati nel pannello superiore: il carattere, la sua dimensione, ecc.

Il resto è indicato nella Figura 6 sopra:

1. Interlinea. Specifica la spaziatura tra le righe.
2. Crenatura per correggere la spaziatura tra due caratteri. Ad esempio, dall'intero testo, solo due caratteri devono essere avvicinati o allontanati l'uno dall'altro. Mettiamo il cursore tra di loro, apriamo l'elenco e selezioniamo l'opzione desiderata, oppure la inseriamo manualmente nella casella.
3. Spaziatura tra caratteri per impostare la spaziatura tra i caratteri del testo.
4. La scala verticale per aumentare/diminuire l'altezza dei caratteri è impostata in percentuale. Il numero viene inserito manualmente nella casella. Il segno % può essere omesso, Photoshop lo inserirà automaticamente non appena si preme Invio.
5. Scala orizzontalmente espande/comprime la linea. Così come il parametro precedente viene inserito in percentuale.
6. Scostamento della linea di base. Una funzione utile quando si immettono formule matematiche e altre notazioni con superindice e sottoindice. Ti permette di alzare/abbassare parte di una riga o di una parola. Questa parte deve essere evidenziata per prima. Il valore viene inserito manualmente nella casella. Possibilità simili sono date dalla riga successiva - pseudo-parametri.
7. Pseudoparametri. Le impostazioni dei caratteri in questa riga sono chiaramente visibili - carattere in grassetto, corsivo, testo maiuscolo, ecc.
8. Legature, cioè caratteri che si ottengono unendo più lettere o caratteri, cioè combinandoli in un unico carattere. Usato molto raramente. Saranno attivi solo quelli supportati dal font selezionato.
9. Apre l'elenco delle lingue per il controllo ortografico.

Pannello di paragrafo

Imposta le opzioni del paragrafo come indentazione, sillabazione, ecc.

Fig.7. Pannello di paragrafo

Nella prima riga, i primi tre pulsanti sono duplicati dal pannello di controllo superiore. Sono già stati menzionati. Molto probabilmente il resto dei pulsanti sarà inattivo. I successivi tre pulsanti di questa riga servono per allineare la riga inferiore del testo e l'ultimo è per l'allineamento a tutta larghezza.

Nel secondo blocco sono presenti tre finestre in cui è possibile impostare i rientri dai bordi destro o sinistro e il rientro della prima riga in pixel.

Nel terzo blocco, i rientri sono indicati prima o dopo il paragrafo

Nel blocco successivo, il posizionamento automatico dell'interruzione di riga è abilitato/disabilitato.

Molto spesso viene posta la domanda su come, mentre in Windows (in Word, Blocco note o Photoshop - non importa) inserire speciali. caratteri?

Per chi non lo sapesse, spiegherò per ogni evenienza: speciale. i simboli sono una varietà di icone e simboli, come copyright (©), o gradi (5²) o frazioni (¼). Tutti questi sono caratteri speciali.

COSÌ. Diciamo che devi inserire una frazione ¼. Come farlo? Ed è molto facile da fare!

Come inserire un carattere speciale in Photoshop o in qualsiasi altro programma

E quindi, per cominciare, diamo un'occhiata a: che tipo di simboli e simboli speciali esistono in generale. Per fare ciò, apri la tabella dei simboli.

Si trova qui: Start -> Tutti i programmi -> Accessori -> Utilità di sistema -> Tabella dei simboli

La seguente finestra si apre davanti a te: In cui puoi vedere vari simboli. Seleziona il simbolo che ti interessa e nell'angolo in basso a destra (lo abbiamo contrassegnato con un cerchio blu) apparirà una scorciatoia da tastiera per inserire questo simbolo.

Al momento, il simbolo di copyright © è selezionato e, di conseguenza, per inserirlo, è necessario fare quanto segue: Premere il tasto Alt e tenendolo premuto sul tastierino numerico (quello con le frecce, vedi l'immagine sotto) digitare il numero 0169, quindi rilasciare alt. È tutto!

Tieni presente che i caratteri non standard potrebbero non supportare i caratteri speciali. Inoltre, nella finestra per la visualizzazione dei caratteri speciali, è possibile visualizzare quali caratteri sono supportati. Per fare ciò, seleziona semplicemente il carattere che desideri nella parte superiore della finestra!

Per la maggior parte degli utenti dell'applicazione Word, questo problema è risolto in modo molto semplice. IN editor di testo parola clic "Inserisci" -> "Simbolo". Apparirà una finestra in cui è possibile selezionare simboli. Quando fai clic sul pulsante "Inserisci", appariranno automaticamente nel campo principale dell'editor di testo.

Ho appena comprato un carattere e ora dicono che devo andare su Illustrator e andare ai miei "glifi" per ottenere i caratteri "aggiuntivi"... beh, non ho Illustrator... né lo so con i glifi Sono?!

Qualcuno sa se PS6 ha i glifi? il font è stato acquistato: https://creativemarket.com/L_Worthington/12122-Charcuterie-Cursive

b1nary.atr0phy

CC ha una barra dei glifi, CS6 no.

Risposte

Scotto

"Glyph" è solo un termine per un carattere specifico in un file di font.

Photoshop, a differenza di altri Applicazioni Adobe, non ha un pannello Glifo. Sebbene possa visualizzare e utilizzare i glifi se presenti, non è possibile accedere a un glifo specifico dall'interno di Photoshop.

Sia Illustrator che InDesign hanno pannelli di glifi che ti consentono di vedere e utilizzare tutti i glifi presenti in un font.

Risposta così breve .... Photoshop non ha accesso ai glifi.

Ci sono anche molte applicazioni gratuite/shareware che possono visualizzare i glifi in un file di font. Per utilizzare un glifo specifico in Photoshop, devi trovare un'applicazione, qualsiasi applicazione che ti permetta di vedere i glifi. Quindi basta copia/incolla il glifo da questa app in Photoshop.

Potresti già disporre di un'applicazione in grado di visualizzare i glifi. Ad esempio, puoi usare Inserisci > Simbolo in Microsoft Word, per visualizzare i glifi nel carattere. Word li chiama semplicemente "simboli". Poi copia/incolla file desiderato in Photoshop.

Phlume

Come affermato, non esiste un menu Glifi in Photoshop.
Tuttavia, esistono strumenti di sistema del sistema operativo che è possibile utilizzare per estrarre questi caratteri dal file del font.

Windows ha un'utilità "Mappa caratteri" che puoi utilizzare per copiare direttamente da quel programma in una casella di testo in Photoshop. Per accedere alla scheda personaggio, vai su...
Start > Tutti i programmi > Accessori > Strumenti di sistema:

netpraxis

Se utilizzi un Mac, il modo più semplice per trovare il glifo di cui hai bisogno è utilizzare l'app Libro dei caratteri(incluso nell'installazione OSX standard)

Selezionare " Visualizza»> «Repertorio» nel menu dell'applicazione e selezionare un carattere per visualizzare tutti i caratteri inclusi.

Fai clic per selezionare uno dei glifi visualizzati e copia/incolla nuovamente in Photoshop

Tutti sanno che lo standard tastiera del computer ha un po' di più
centinaia di chiavi, il che significa che non può visualizzare tutti quei caratteri che
utilizzato dalle persone nella vita di tutti i giorni. Ma non tutti lo sanno
oltre a inserire i caratteri che vediamo su
la tastiera, Windows ha la possibilità di utilizzare anche altri caratteri. Per esempio:

Ma
nonostante il fatto che questi (e molti altri) simboli non siano accesi
tastiera, possiamo usarli molto facilmente quando digitiamo our
testi. Proviamo questo...
Diciamo l'opzione più semplice: stiamo digitando il testo in Blocco note ( Start - Tutti i programmi - Accessori - Blocco note) e dobbiamo inserire un simbolo di copyright nel testo:

Per fare ciò, dobbiamo aprire il cosiddetto Tabella dei simboli, che esiste in sala operatoria Sistema Windows. È molto facile farlo: Start - Tutti i programmi - Accessori - Utilità di sistema - Tabella dei simboli.
Vedremo una tabella dei simboli in Unicode, in cui dobbiamo trovare il simbolo di cui abbiamo bisogno:

Successivamente, è necessario fare clic su questo simbolo con il pulsante sinistro del mouse, quindi fare clic sul pulsante Scegliere e pulsante copia:

Questo copierà il carattere selezionato negli appunti.

Successivamente, il carattere di cui abbiamo bisogno apparirà nel testo:

Come puoi vedere, non c'è niente di difficile! Questo è il più semplice e comprensibile
la mia opinione) metodo, sebbene sia possibile modificare leggermente l'ordine delle azioni e
inserire i caratteri senza aprire Tabella dei simboli. Per fare questo, devi solo conoscere una certa combinazione di tasti.
Il fatto è che in Windows a molti caratteri viene assegnato un codice univoco, che viene inserito utilizzando la chiave alt.
Ad esempio, per inserire lo stesso simbolo di copyright, è necessario premere la combinazione di tasti Alt+0169, cioè. premere (e tenere premuto) un tasto alt, quindi premere i tasti numerici 0 , 1 , 6 E 9 .
Tieni presente che quando viene premuto il tasto alt
i numeri sul campo principale della tastiera possono essere bloccati, e quindi, per
per inserire i numeri, puoi utilizzare il campo tastiera aggiuntivo
(dopo averlo acceso con la chiave Blocco Numerico

Puoi vedere quale combinazione di tasti corrisponde al carattere selezionato nell'angolo in basso a destra Tabelle dei simboli:

Se usi costantemente alcuni simboli, allora io
Consiglio di creare un memo per te stesso (una tabella che descrive spesso
codici utilizzati) e stamparlo sulla stampante. Ad esempio, questo:

Ma tieni presente che non tutti i personaggi del tavolo hanno un simile
combinazione e quindi alcuni caratteri devono essere inseriti come sopra descritto
modo.
Per facilitare la ricerca del simbolo desiderato nella tabella,
è possibile utilizzare opzioni aggiuntive e visualizzare
personaggi in gruppo.
Per fare ciò, seleziona la casella Opzioni aggiuntive e poi scegli opzioni desiderate nei campi Set di caratteri E raggruppamento. Ad esempio, questa figura mostra come possono essere visualizzati solo caratteri numerici:

Oppure, ad esempio, puoi visualizzare solo la codifica Windows cirillica che ci è conveniente:

Ebbene, in conclusione, vorrei sottolineare che alcuni programmi hanno una capacità incorporata di inserire caratteri speciali.
Ad esempio, nel menu Programmi di parole poter scegliere Inserisci - Simbolo(foto da Word 2010):

Ciò accelera notevolmente il lavoro durante la digitazione, perché. non è necessario ricorrere alla tabella dei caratteri di Windows.