Photoshop ha uno strumento interessante: "Cifra arbitraria". In pratica, questo strumento è usato raramente, ma ha ancora una serie di caratteristiche interessanti. In questa lezione imparerai a conoscere forme arbitrarie e imparerai come aggiungere autonomamente i tuoi set di tali forme a Photoshop.
C'è un gruppo di strumenti omogenei sulla barra degli strumenti (scorciatoia U ). Questi includono: rettangolo, rettangolo arrotondato, ellisse, poligono, linea e cifra arbitraria.
C'è una casella nel pannello degli attributi in cui è possibile selezionare una forma tra quelle standard. Per fare ciò, fai clic sulla piccola freccia a destra della miniatura. Guarda gli screenshot:
Cos'è una cifra arbitraria?
È un'immagine vettoriale, il che significa che non ha limiti di dimensione. Pertanto, può essere allungato quanto vuoi senza perdita di qualità.
La forma non ha un proprio colore (diverso da quello che scegliamo prima di creare), volume, ombre, tratti di bordo o altro. In questo, assomiglia a un pennello, dove imposti tu stesso il colore, tutto il resto dovrà essere finito da solo.
Come usare?
Per disegnare una forma personalizzata, selezionala dall'elenco a discesa, quindi fai clic con il pulsante sinistro del mouse nel documento aperto e sposta il mouse di lato. Vedrai che è apparso il contorno della figura futura. Muovendo il mouse in diverse angolazioni e direzioni, puoi regolarne le dimensioni e la forma, ad es. può essere largo o stretto. Non dimenticare di selezionare prima il colore desiderato, quindi disegnare.
Tieni premuto il tasto Maiusc per disegnare la forma perfettamente uniforme, senza distorsioni in nessuna direzione.
Come impostare le tue forme in Photoshop?
Puoi installare in modo indipendente una serie di figure nel tuo programma. Gli stessi principi funzionano qui come, ad esempio, con o. Per installarli, in primo luogo, scarica un set con figure sul tuo computer. Questi set hanno un'estensione csh.
Successivamente, apri il menu delle forme. Vedrai questi 4 comandi:
Selezionando "Scarica...", si aprirà una finestra di dialogo in cui è necessario specificare il percorso del file con l'estensione csh, ad esempio così:
Questo set verrà automaticamente aggiunto alla fine dell'elenco di tutte le forme. Diciamo che hai un set con animali nell'elenco e hai caricato le frecce. Il risultato è un elenco composto da animali e frecce.
Selezionando "Sostituisci...", tutto sarà uguale, tranne per il fatto che le nuove figure non compariranno alla fine dell'elenco, ma sostituiranno completamente quelle già esistenti. Ad esempio, inizialmente avevi dei set con animali e frecce caricati nell'elenco e tu ha deciso di aprire con un sostituto set di ornamenti. Di conseguenza, solo gli ornamenti saranno nell'elenco.
E se hai caricato diversi set, cancella tutte le singole forme usando il comando "Eliminare…", in generale, hai creato un set per te stesso, quindi puoi salvarlo con la squadra "Salva arbitrario...". In futuro sarà possibile scaricarlo nella stessa forma o trasferirlo a qualcuno tramite Internet.
Ultimo comando "Ripristina arbitrario..." ti permette di riportare tutto a default.
Si prega di notare che nello stesso menu c'è un enorme elenco: Animali, Frecce, Natura, Oggetti, ecc. Questi sono set standard che gli sviluppatori di Photoshop ci hanno gentilmente fornito.
Secondo metodo di installazione con vantaggi aggiuntivi
Le forme arbitrarie possono ancora essere installate direttamente nei file di sistema di Photoshop.
È un po' più difficile farlo, ma il vantaggio principale di questo metodo è che il tuo set apparirà nell'elenco che ho descritto sopra (Animali, Frecce, Natura, Oggetti, ecc.). Se intendi utilizzare spesso questo strumento, questo metodo di installazione ridurrà i tempi e sarai in grado di selezionare il set desiderato in due clic.
Per fare ciò, è necessario copiare il file con l'estensione csh nella cartella di sistema di Photoshop "Forme personalizzate", di solito il suo indirizzo è: C:\Programmi\Adobe\Adobe Photoshop CS5\Presets\Forme personalizzate.
Notato un errore nel testo: selezionalo e premi Ctrl + Invio . Grazie!
In questo tutorial, esamineremo tutto ciò che riguarda la creazione di forme arbitrarie in Photoshop e quindi il lavoro con esse. Poiché c'è molto materiale, lo suddivideremo in due parti. Nella prima parte impareremo come creare una forma, definirla come una forma arbitraria, quindi visualizzarla sullo schermo e utilizzarla secondo necessità. Nella seconda parte, vedremo come combinare varie forme in gruppi separati di forme e salvarle nel programma.
L'idea di questo tutorial mi è venuta guardando una rivista di scrapbooking con numerose pagine contenenti modelli già pronti per forme semplici. Queste cifre erano raggruppate attorno a vari temi ed erano assurdamente costose. Poi ho pensato: "Ehi, puoi creare tutte queste forme in Photoshop da solo e gratuitamente!" Inoltre, non è necessario essere appassionati di scrapbooking per trarre vantaggio dalla creazione di forme personalizzate.
In primo luogo, quando crei figure, puoi semplicemente divertirti! E se crei molte forme diverse e le combini in un set separato, sarà ancora più interessante. In secondo luogo, puoi utilizzare forme arbitrarie come elemento decorativo nella progettazione di disegni o anche nel lavoro di progettazione. In terzo luogo, puoi combinare una forma arbitraria con una maschera vettoriale e ottenere una divertente cornice per foto. Ma prima di iniziare a utilizzare forme personalizzate, impariamo come crearle!
Prima di iniziare a padroneggiare il materiale, mi concederò un'altra digressione. La creazione di forme arbitrarie richiede l'uso dello strumento Penna. Puoi creare forme con gli strumenti Forme di base come Rettangolo o Ellisse, ma se non vuoi limitarti a creare forme specifiche che assomigliano a scatole o pneumatici di bicicletta, dovrai utilizzare lo strumento Penna. Abbiamo imparato di più sullo strumento Penna nel nostro tutorial Come effettuare selezioni con lo strumento Penna, quindi toccheremo solo quell'argomento in questo tutorial. Se non hai familiarità con le proprietà di base dello strumento Penna, leggi prima la nostra lezione sull'utilizzo di questo strumento.
In questo tutorial, creeremo forme arbitrarie tracciando prima un oggetto nell'immagine. Se sai disegnare, bene, allora puoi facilmente disegnare una forma a mano libera senza tracciare il soggetto, perché quando crei una forma a mano libera, non importa come la disegni, con un tratto oa mano libera. Per quanto mi riguarda, preferisco tracciare l'oggetto (visto che non ho capacità artistiche), quindi in questo tutorial faremo proprio questo.
Creerò una forma personalizzata da questo simpatico omino di marzapane:
L'omino di pan di zenzero
Iniziamo!
Passaggio 1: seleziona lo strumento Penna
Come ho già detto, puoi creare forme arbitrarie utilizzando gli strumenti Forme di base come Rettangolo o Ellisse, ma se provi a tracciare il nostro Omino di pan di zenzero con questi strumenti, molto probabilmente rimarrà nella migliore delle ipotesi senza testa (scusate la leggera ironia). Ciò di cui abbiamo veramente bisogno è lo strumento Penna, quindi selezioniamolo dal pannello Strumenti:
Selezione dello strumento penna
Puoi anche selezionare lo strumento penna premendo il tasto P.
Passaggio 2: selezionare l'opzione "Shape Layer" nella barra delle opzioni
Con lo strumento Penna selezionato, diamo un'occhiata alla barra delle opzioni nella parte superiore dello schermo. Sul lato sinistro del pannello, vedrai un gruppo di tre icone:
Tre icone nella barra delle opzioni che ci consentono di scegliere come utilizzare lo strumento Penna
Queste icone ci mostrano cosa possiamo fare con lo strumento penna. L'icona sulla destra al momento appare ombreggiata. È disponibile solo quando lavoriamo con gli strumenti principali del gruppo "Forme" (lo strumento "Penna" e gli strumenti del gruppo "Forme" hanno quasi le stesse opzioni nel pannello delle impostazioni). Come abbiamo visto nel tutorial Come effettuare selezioni con lo strumento penna, l'icona al centro viene utilizzata quando vogliamo disegnare percorsi, ma al momento non ne abbiamo bisogno. Vogliamo usare lo strumento penna per disegnare una forma, e per questo dobbiamo selezionare l'icona a sinistra, che è responsabile del parametro Shape Layers:
Per disegnare forme con lo strumento penna, seleziona l'opzione Livello forma
L'opzione Livello forma è selezionata per impostazione predefinita ogni volta che si accede allo strumento Penna, quindi potrebbe non essere necessario impostarla manualmente. Ma è comunque una buona idea controllare e assicurarsi che questa opzione sia selezionata prima di iniziare a disegnare la forma.
Devo sottolineare che non c'è differenza tra disegnare percorsi e disegnare forme con lo strumento penna. In entrambi i casi, fai clic nella finestra del documento per impostare i punti di ancoraggio, quindi sposta le linee guida secondo necessità per creare sezioni diritte o curve (di nuovo, se non hai familiarità con questi concetti, dai un'occhiata al nostro tutorial su Come effettuare selezioni con il strumento di selezione). Piuma"). Infatti, sia che tu stia "ufficialmente" disegnando forme o percorsi, stai comunque disegnando percorsi. La differenza è che quando disegniamo forme, Photoshop riempie il tracciato di colore mentre disegniamo, permettendoci di vedere la forma.
Stranamente, ma questa proprietà renderà il nostro lavoro un po' più difficile. Perché - considereremo ulteriormente.
Passaggio 3: inizia a disegnare la forma
Dopo aver selezionato lo strumento Penna e l'opzione Livello forma nella barra delle opzioni, possiamo iniziare a tracciare l'immagine. Voglio iniziare a tracciare con la testa dell'omino di marzapane. Per fare ciò, farò clic per impostare i punti di ancoraggio e inizierò a trascinare le linee guida per creare un tratto curvo attorno alla testa dell'uomo. Nell'immagine qui sotto, puoi vedere i punti di ancoraggio e le linee guida, ma c'è un problema. Photoshop riempie il contorno della forma con il colore di sfondo (nero nel mio caso) durante il tratto, impedendoci di vedere la testa dell'uomo:
Il programma riempie il contorno con il colore di sfondo durante il disegno, impedendoci di vedere l'immagine.
Affinché il programma non nasconda l'immagine stessa durante il tratto, dobbiamo solo andare al pannello dei livelli e ridurre l'opacità del livello della forma. Al momento, nel pannello dei livelli, puoi vedere che abbiamo due livelli: il livello di sfondo inferiore (Sfondo), su cui è posizionata l'immagine dell'omino di marzapane, e il livello superiore della forma chiamato "Forma 1" ( Forma 1). Posso dire con certezza che il livello della forma è attualmente selezionato perché è evidenziato in blu, quindi per ridurne l'opacità, dobbiamo solo selezionare l'opzione Opacità nell'angolo in alto a destra del pannello Livelli e ridurne il valore. Nel mio caso, abbasserò l'opacità al 50%:
Abbassa l'opacità del livello della forma usando l'opzione Opacità nell'angolo in alto a destra del pannello Livelli
Dopo aver abbassato l'opacità del livello forma, la testa dell'uomo è visibile attraverso il colore di riempimento dello sfondo, per cui sarà molto più facile per noi eseguire ulteriori tratti:
Dopo aver abbassato l'opacità del livello forma, l'immagine è visibile attraverso il colore di riempimento dello sfondo
Passaggio 5: continuare a tracciare l'immagine
Ora che l'omino di marzapane è visibile attraverso il colore di riempimento della forma che sto disegnando, posso continuare a tracciare l'immagine con lo strumento Penna finché non sono tornato all'inizio del tratto:
Il contorno della figura è completamente finito.
Se osserviamo il livello Forma nel pannello Livelli, possiamo vedere che su di esso è apparsa una forma distinta dell'omino di pan di zenzero:
Sul pannello degli strati è ora ben visibile la figura del nostro Omino.
Finora siamo stati bene. Abbiamo delineato la forma dell'omino di pan di zenzero, e in alcuni casi questo sarebbe sufficiente. Nel mio caso, tuttavia, la figura delineata ha bisogno di un po' di lavoro. Per lo meno, penso che dovremmo includere gli occhi e la bocca nella silhouette delineata, e forse anche un papillon e due grandi bottoni sotto. Come aggiungiamo questi dettagli alla forma delineata? Molto semplice! Non li aggiungeremo: rimuoveremo (o sottrarremo) questi dettagli dalla figura!
Passaggio 6: selezionare lo strumento Ellisse
Iniziamo con gli occhi. Facoltativamente, potremmo selezionare gli occhi con lo strumento Penna, ma poiché sono rotondi sull'omino, li selezioneremo in modo più semplice utilizzando lo strumento Ellisse (Strumento ellisse). Seleziona lo strumento Ellisse dalla barra degli strumenti. Per impostazione predefinita, questo strumento è nascosto dietro lo strumento Rettangolo, quindi fai clic sullo strumento Rettangolo e tieni premuto il pulsante del mouse per alcuni secondi, che farà apparire un menu a comparsa sullo schermo in cui puoi selezionare lo strumento Ellisse:
Fare clic sullo strumento Rettangolo nella barra degli strumenti, quindi tenere premuto il pulsante del mouse fino a quando sullo schermo non viene visualizzato un menu a comparsa, dove selezioniamo lo strumento Ellisse
Passaggio 7: selezionare l'opzione Sottrai dall'area della forma
Con lo strumento Ellisse selezionato, guarda nella barra delle opzioni, dove vedrai diverse icone raggruppate insieme come piccoli quadrati collegati tra loro in vari modi. Queste icone ci consentono di eseguire varie azioni con le forme, come l'aggiunta di una forma a un'area, la sottrazione di un'area separata da essa e l'intersezione di aree di diverse forme. Fare clic sulla terza icona da sinistra, responsabile dell'opzione "Sottrai dall'area della forma" (Sottrai dall'area della forma):
Nel pannello delle impostazioni, fai clic sull'icona dell'opzione "Sottrai dall'area della forma":
Passaggio 8: Disegna forme individuali per estrarle dalla sagoma delineata
Ora, con l'opzione Sottrai dall'area della forma selezionata, possiamo iniziare ad aggiungere dettagli alla nostra forma eliminando singole aree. Inizierò a trasformare la forma disegnando un ovale attorno all'occhio sinistro:
Disegna un ovale attorno all'occhio sinistro tenendo premuto il pulsante del mouse
Quando rilascio il pulsante del mouse, l'area ovale intorno all'occhio scomparirà immediatamente o "ritaglierà" dal tratto della forma principale, lasciando dietro di sé un foro attraverso il quale sarà visibile l'occhio sinistro dell'Omino nell'immagine originale, posizionato sul livello inferiore "Sfondo":
L'occhio sinistro è ora "ritagliato" dal tratto originale della forma, lasciando l'occhio visibile nell'immagine originale sotto la sagoma delineata.
Farò lo stesso con l'occhio destro. Per prima cosa, disegnerò un ovale intorno all'occhio:
Disegna un ovale attorno all'occhio destro
Non appena rilascerò il pulsante del mouse, apparirà un secondo foro rotondo, attraverso il quale sarà visibile anche l'occhio dell'uomo nell'immagine originale:
Sulla figura è apparso un secondo foro, attraverso il quale è visibile l'occhio dell'Uomo.
Poiché anche i due bottoni sotto il papillon sono rotondi, userò di nuovo lo strumento Ellisse per rimuoverli dalla forma delineata. Per prima cosa, disegnerò un ovale attorno al pulsante in alto:
Disegna un ovale attorno al pulsante in alto
Quando rilascio il pulsante del mouse, l'area ovale attorno al pulsante scompare immediatamente dalla forma delineata, lasciando dietro di sé un foro attraverso il quale il pulsante sarà visibile nell'immagine sottostante:
La figura ha un foro attraverso il quale è visibile il pulsante in alto.
E ora farò lo stesso per il pulsante in basso, iniziando disegnando un ovale attorno ad esso:
Disegna un ovale attorno al pulsante in basso
Quando rilascio il pulsante del mouse, sulla sagoma delineata apparirà un quarto foro:
Entrambi i pulsanti sono ora ritagliati dalla figura delineata.
Se attualmente sto guardando la miniatura del livello della forma nel pannello Livelli, posso vedere due fori per gli occhi e due fori per i bottoni, che ho ritagliato dalla forma delineata:
La miniatura del livello di forma ci mostra gli occhi e le asole tagliate dalla forma delineata.
Passaggio 9: estrarre i dettagli rimanenti dalla sagoma delineata utilizzando lo strumento Penna
Tornerò allo strumento Penna perché devo aggiungere alcuni dettagli alla forma delineata che non riesco a individuare con lo strumento Ellisse.
Voglio aggiungere una bocca alla silhouette delineata, così come un papillon. Poiché l'opzione Sottrai dall'area della forma è già selezionata dopo aver riselezionato lo strumento Penna nella barra delle opzioni, inizierò a tracciare la bocca e il papillon per "ritagliarli" dalla sagoma delineata dell'omino di marzapane.
L'immagine sotto mostra le linee del tratto insieme all'immagine originale dell'omino di marzapane che mostra attraverso i fori che ho creato:
Sia la bocca che il papillon sono ora ritagliati dalla forma delineata dell'omino di marzapane con lo strumento Penna
Finiamo di disegnare la figura dell'omino di pan di zenzero ritagliando linee ondulate di zucchero a velo sulle gambe e sulle braccia. Ancora una volta, userò lo strumento penna per creare le tracce. Per prima cosa, traccerò un percorso di zucchero a velo sul braccio sinistro dell'uomo, facendolo ritagliare dal tratto originale della forma:
Usando lo strumento penna, ritaglia un percorso di zucchero a velo sulla mano sinistra dell'Omino
Dopo aver delineato il primo percorso, passerò ai restanti tre e inizierò a tracciarli fino a quando tutte e quattro le tracce di zucchero a velo non saranno ritagliate dalla figura dell'Uomo:
Le scie di zucchero a velo sulle gambe e sulle braccia sono ora ritagliate dalla silhouette delineata
Se guardiamo di nuovo la miniatura del livello della forma nel pannello Livelli, possiamo vedere chiaramente le linee di zucchero a velo, occhi, bocca, papillon e bottoni ritagliati dalla forma:
La miniatura del livello della forma nel pannello Livelli riflette tutti i dettagli tagliati dal tratto originale della forma dell'omino di marzapane.
Quindi, la figura dell'omino di marzapane è pronta! Abbiamo utilizzato lo strumento Penna per tracciare il tratto iniziale della forma, quindi abbiamo utilizzato gli strumenti Penna ed Ellisse insieme all'opzione Sottrai dall'area della forma per aggiungere piccoli dettagli alla forma.
Passaggio 10: aumenta l'opacità del livello di forma al 100%
Dopo aver accarezzato alcune aree della nostra forma, non abbiamo più bisogno di vedere l'immagine originale sotto la silhouette delineata, quindi selezioniamo nuovamente l'opzione Opacità (Opacità) nell'angolo in alto a destra del pannello dei livelli e aumentiamo il valore a 100% :
Aumenta l'opacità del livello forma al 100%
Inoltre, nasconderò temporaneamente alla vista il livello Sfondo facendo clic sull'icona di visibilità del livello (icona del bulbo oculare) in modo che possiamo vedere solo la forma delineata sullo sfondo trasparente. Se non vuoi, puoi scegliere di non nascondere il livello di sfondo. Lo faccio solo per la comodità di visualizzare la figura:
Fare clic sull'icona di visibilità del livello per nascondere temporaneamente alla vista il livello di sfondo
Ed ecco come appare la forma dell'omino di marzapane che ho creato dopo aver nascosto alla vista il livello di sfondo e aver aumentato l'opacità del livello della forma al 100%:
Figura finita dell'omino di marzapane posta su uno sfondo trasparente
Dopo numerose azioni, abbiamo finalmente creato la nostra figura! Ma questa non è la fine. Ora dobbiamo ricavarne una cifra arbitraria, e questo è ciò che faremo dopo.
Passaggio 11: definire la forma come forma personalizzata
Per creare una forma personalizzata da una forma, assicurati innanzitutto che il livello Forma sia selezionato nel pannello Livelli. Devi anche assicurarti che la miniatura di anteprima del livello forma sia selezionata. Se è selezionato, verrà incorniciato da un bordo evidenziato in bianco e potrai vedere il contorno delineato attorno alla forma nel documento. Se la miniatura del livello non ha un bordo evidenziato e non riesci a vedere il contorno attorno alla forma, fai clic sulla miniatura del livello per selezionarla:
Se necessario, fare clic sulla miniatura del livello forma per selezionarlo.
Nota: se hai mai bisogno di nascondere il contorno della tua forma, fai di nuovo clic sulla miniatura del livello per deselezionarla
Con il livello della forma selezionato e la miniatura del livello selezionata, vai al menu Modifica nella parte superiore dello schermo e seleziona Definisci forma personalizzata:
Scegli Modifica > Definisci forma personalizzata
Come risultato di questa azione, si aprirà la finestra di dialogo Nome forma, in cui dovrai inserire un nome per la tua forma. Chiamerò la mia forma Gingerbread Man:
Immettere un nome per la forma nella sezione appropriata della finestra di dialogo Nome forma
Fai clic su OK per uscire dalla finestra di dialogo quando viene inserito il nome e il gioco è fatto: la tua forma personalizzata è pronta per l'uso! A questo punto, puoi chiudere il documento in Photoshop poiché abbiamo creato e salvato la nostra forma. Ora vediamo dove si trova e come si può applicare!
Passaggio 12: crea un nuovo documento in Photoshop
Crea un nuovo documento vuoto in Photoshop andando alla sezione del menu File nella parte superiore dello schermo e selezionando Nuovo. Questa azione aprirà la finestra di dialogo Nuovo documento, in cui è possibile specificare qualsiasi dimensione dell'immagine per il documento. Nella riga "Impostazioni" (Preset), sceglierò una dimensione di 640 × 480 pixel:
Crea un nuovo documento vuoto in Photoshop
Passaggio 13: selezionare lo strumento Forma personalizzata
Dopo aver creato un nuovo documento vuoto, seleziona lo strumento Forma libera dalla barra degli strumenti. Per impostazione predefinita, lo strumento Rettangolo viene visualizzato sullo schermo, quindi fai clic su di esso e tieni premuto il pulsante del mouse per alcuni secondi finché non viene visualizzato un menu a comparsa con un elenco di altri strumenti, in cui puoi selezionare lo strumento Forma personalizzata (Custom Shape Tool) strumento forma):
Fare clic sull'icona dello strumento Rettangolo e tenere premuto il pulsante del mouse, quindi dal menu che appare selezionare lo strumento Forma libera
Passaggio 14: selezione della nostra forma personalizzata
Con lo strumento Forma libera selezionato, fai clic con il pulsante destro del mouse nella finestra del documento, che visualizzerà il Selettore forma in cui puoi selezionare una delle forme libere attualmente disponibili. La forma appena creata sarà l'ultima nell'elenco delle forme. Per selezionarlo è sufficiente cliccare sulla miniatura della figura corrispondente:
Fare clic con il pulsante destro del mouse nella finestra del documento per aprire la casella di selezione della forma, quindi fare clic sulla miniatura della forma personalizzata per selezionarla
Passaggio 15: Disegna la nostra forma
Dopo aver selezionato una forma personalizzata, fai semplicemente clic nella finestra del documento e, tenendo premuto il pulsante del mouse, disegna la forma. Per mantenere le proporzioni della forma mentre sposti il cursore e non distorcerle accidentalmente, tieni premuto il tasto Maiusc. Puoi anche tenere premuto il tasto Alt (Win) / Opzione (Mac) per disegnare la forma dal centro. Se desideri modificare la posizione di una forma mentre la disegni, tieni premuta la barra spaziatrice, quindi sposta la forma in una nuova posizione, quindi rilascia la barra spaziatrice e continua a disegnare la forma.
Nel processo di disegno, vedrai solo un sottile contorno della figura futura:
Mentre disegni la figura, apparirà il suo contorno sottile.
Quando sei soddisfatto della posizione e delle dimensioni della forma, rilascia semplicemente il pulsante del mouse e il programma riempirà immediatamente la forma con il colore che attualmente è lo sfondo (nel mio caso è nero):
Rilascia il pulsante del mouse e Photoshop riempirà la forma di colore.
Passaggio 16: fare doppio clic sulla miniatura del livello di forma per modificare il colore della forma
Non devi preoccuparti del colore della tua forma mentre la disegni e la aggiungi al tuo documento. Il programma riempirà automaticamente la forma con il colore attualmente selezionato come colore di sfondo. Se vuoi cambiare il colore della forma dopo, fai doppio clic sulla miniatura del livello della forma. Vale a dire, dalla miniatura del livello e non dalla miniatura dell'anteprima della forma situata sul lato destro (che è formalmente chiamata miniatura della maschera vettoriale). Vuoi la miniatura sul lato sinistro, che assomiglia a un'icona di un campione di colore con un piccolo cursore in basso. Fare doppio clic su di esso con il pulsante del mouse per modificare il colore della forma:
Fare doppio clic sulla miniatura del livello della forma (icona del campione di colore) a sinistra per modificare il colore della forma
Questa azione aprirà il Color Picker in cui puoi scegliere un nuovo colore per la tua forma. Per il mio omino di pan di zenzero, voglio scegliere il marrone:
Usa il selettore di colori per selezionare un nuovo colore
Fai clic su OK per uscire dal Selettore colore quando scegli un colore e la tua forma verrà immediatamente riempita con il nuovo colore:
Il colore della forma ora è cambiato
Puoi cambiare il colore della tua forma tutte le volte che vuoi, ogni volta che ne hai bisogno!
Passaggio 17: ridimensiona la forma se necessario con il comando Trasformazione libera
Quando lavori con le forme, puoi cambiare più del semplice colore. Il grande vantaggio è che le forme vengono disegnate con i vettori anziché con i pixel, quindi puoi ridimensionare in sicurezza le forme ogni volta che vuoi senza perdere la qualità dell'immagine! Se decidi di dover ingrandire o rimpicciolire la tua forma, seleziona semplicemente il livello della forma nel pannello Livelli e premi Ctrl+T (Win)/Comando+T (Mac) per aprire la finestra di trasformazione. Ridimensiona la forma trascinando una delle maniglie d'angolo. Tieni premuto il tasto Maiusc mentre sposti la maniglia per mantenere le proporzioni della forma. Puoi anche tenere premuto il tasto Alt (Win)/Opzione (Mac) mentre sposti la maniglia per ridimensionare la forma dal suo centro:
Ridimensiona una forma con una casella di trasformazione libera
Per ruotare una forma, fai semplicemente clic all'esterno della casella di trasformazione libera e sposta il cursore nella direzione desiderata:
Fare clic all'esterno della cornice di trasformazione e spostare il cursore per ruotare la forma
Premi il tasto Invio (Win) / A capo (Mac) quando hai finito di ridimensionare la forma per confermare la trasformazione finale.
È possibile aggiungere al documento tutte le copie desiderate della forma personalizzata, modificando ogni volta il colore, le dimensioni e la posizione della forma come desiderato. Ogni copia della forma personalizzata verrà posizionata su un livello di forma separato nel pannello Livelli. Nel mio caso, ho aggiunto diverse forme Gingerbread Man al documento, ognuna con colore, dimensione e angolo di rotazione diversi. Tieni presente che, indipendentemente dalle loro dimensioni, tutte le forme mantengono angoli netti e chiari:
Aggiungi al documento tutte le copie che desideri della tua forma personalizzata, modificando il colore, le dimensioni e l'angolo di rotazione di ciascuna di esse
Ed eccoci qui! Per prima cosa abbiamo creato la forma tracciando il disegno originale con lo strumento penna. Ritagliamo i piccoli dettagli sulla nostra forma utilizzando gli strumenti Penna ed Ellisse con l'opzione Sottrai dall'area della forma impostata. Successivamente, abbiamo salvato la nostra forma come forma personalizzata utilizzando l'opzione Definisci forma personalizzata nella sezione del menu Modifica. Successivamente, abbiamo creato un nuovo documento, selezionato lo strumento Forma libera e disegnato una forma libera sul nostro documento. E infine, abbiamo esaminato come modificare il colore, le dimensioni e l'angolo di una forma arbitraria in qualsiasi momento!
Quindi, abbiamo imparato le basi della creazione e dell'utilizzo di forme arbitrarie in Photoshop, ad es. imparato la prima parte della nostra lezione. Nella seconda parte, vedremo come combinare le forme arbitrarie che abbiamo creato in set separati e salvarle nel programma.
Traduzione: Ksenia Rudenko
Il programma Adobe Photoshop è ampiamente utilizzato per lavorare con le immagini, offrendo una gamma davvero ampia di possibilità. La maggior parte degli utenti utilizza Photoshop per il fotoritocco, ma, inoltre, il programma consente di creare: disegni, dipinti, grafica - con vari gradi di complessità. Photoshop ha diversi strumenti per creare disegni. Prima di tutto, devi imparare a disegnare gli elementi più semplici come triangoli, linee, ellissi e altro, poiché vengono utilizzati molto spesso durante la creazione di vari tipi di disegni. In questo articolo, daremo un'occhiata più da vicino a come disegnare le forme più semplici in Photoshop. Scopriamolo. Andare!
Impara le basi della computer grafica
Dopo aver aperto Adobe Photoshop, presta attenzione alla barra degli strumenti. Per andare alle forme, fare clic sull'icona del rettangolo. Nella finestra pop-up vedrai i seguenti strumenti:
- "Rettangolo";
- "Rettangolo con angoli arrotondati";
- "Ellisse";
- "Poligono";
- "Linea";
- "Cifra arbitraria".
L'editor offre diverse forme classiche e a mano libera
Ci sono tre modalità di disegno in totale:
- Viene creata una nuova forma, per la quale è possibile creare un livello di riempimento o una maschera vettoriale.
- Il contorno della figura viene creato e dipinto con un po' di colore.
- Modalità Pixel. In questo caso, le immagini sono raster, non vettoriali.
Per ogni figura selezionata vengono impostati parametri geometrici, in altre parole, proporzioni. Per disegnare un rettangolo, seleziona lo strumento appropriato, imposta le impostazioni del contorno desiderate e il colore di riempimento. E ora basta posizionare il cursore nel punto del foglio da cui vuoi iniziare a disegnare. Tenendo premuto il pulsante sinistro del mouse, allunga il rettangolo secondo necessità.
Non c'è niente di più facile che tracciare una linea. Per questo, viene utilizzato uno strumento con lo stesso nome.
Per un cerchio, usa il tasto Maiusc o il menu delle impostazioni avanzate
Passiamo a come disegnare un cerchio in Photoshop. Qui tutto accade in modo simile. Seleziona lo strumento Ellisse, decidi il colore e lo spessore del contorno. Se vuoi ottenere un cerchio, non un'ellisse, tieni premuto il tasto "Maiusc" sulla tastiera o imposta il "cerchio" nella sezione dei parametri geometrici.
Disegniamo una bella composizione con mezzi standard
Ora scopriamo come disegnare un triangolo in Photoshop. In questo caso, tutto non è così ovvio, ma non è affatto più complicato. Tutto quello che devi fare è selezionare "Polygons" e nella piccola casella "Lati", impostare il numero di angoli. Di conseguenza, per ottenere un triangolo, inserisci il numero "3". Quindi tutto viene eseguito esattamente come nei casi precedenti. Usando lo strumento Poligono, puoi ottenere una forma con qualsiasi numero di angoli. Se hai bisogno di ottenere un triangolo rettangolo, disegna un quadrato e poi taglia la metà in diagonale.
Le frecce all'inizio o alla fine possono essere impostate nelle proprietà dello strumento
Vediamo come disegnare una freccia in Photoshop. Questo può essere fatto in due modi. Il primo è che devi selezionare lo strumento "Linea", quindi nella finestra delle opzioni segna su quale lato della linea sarà la freccia (all'inizio o alla fine), quindi devi impostare lo spessore della freccia in pixel. Posizionare il cursore nel punto desiderato e iniziare a trascinare la linea con il mouse. Il secondo modo è selezionare "Forma personalizzata". Sul pannello superiore c'è una tabella con i modelli, tra questi c'è anche una freccia.
Modelli inclusi nella configurazione standard dell'applicazione
Nella stragrande maggioranza dei casi, disegnerai forme vettoriali. A differenza delle forme in pixel, le forme vettoriali sono flessibili, scalabili e non dipendono dalla risoluzione dell'immagine, il che significa che possiamo impostarle su qualsiasi dimensione desideriamo, modificarle e ridimensionarle quanto ci serve senza perdere qualità e persino stamparle in qualsiasi dimensioni anche senza perdita di qualità!
Indipendentemente dal fatto che vengano visualizzati sullo schermo o in stampa, i bordi delle forme vettoriali rimangono sempre nitidi e nitidi.
Per assicurarti di disegnare forme vettoriali e non tracciati o pixel, seleziona l'opzione Forma dalle Viste modalità strumenti nella barra delle opzioni:
Selezionando l'opzione Forma nella barra delle opzioni
Riempire una forma con il colore
La prossima cosa che facciamo di solito dopo aver selezionato l'opzione "Forma" è selezionare il colore che riempie la forma, in Photoshop CS6 e versioni successive, questo viene fatto facendo clic sul campo "Riempi" nella barra delle opzioni:
Fare clic sul pulsante nella barra delle opzioni per aprire la finestra di dialogo Proprietà riempimento forma.
Questa azione apre una finestra che ci consente di scegliere tra quattro diversi modi per compilare il modulo, ciascuno rappresentato da una delle quattro icone lungo la parte superiore della finestra. Assegnazione delle icone, partendo dal bordo sinistro:
- nessun colore(Nessun colore) - rettangolo bianco con una linea diagonale rossa, nessun riempimento
- colore puro(Tinta unita) - riempimento in tinta unita
- Pendenza(Gradiente) - riempimento sfumato
- Modello(Pattern) - riempire con un pattern di Photoshop (pattern)
Vari metodi di compilazione di un modulo
Nessun colore (nessun colore)
Come suggerisce il nome, selezionando questa opzione lascerà la forma senza riempimento, con pixel vuoti all'interno. Cosa serve? Ebbene, in alcuni casi potrebbe essere necessario solo il contorno stesso. Inoltre, spesso è necessario solo un tratto con pixel trasparenti all'interno.
Di seguito è riportato un semplice esempio di come appare un modulo senza un riempimento colore. Tutto ciò che vediamo è il contorno principale della forma, che si chiama "Contorno" (Percorso). Il contorno appare solo nel documento Photoshop, quindi se salvi il tuo lavoro come JPEG o PNG o lo stampi, il contorno non sarà visibile. Per renderlo visibile, dobbiamo aggiungere un tratto ad esso, che vedremo come aggiungere in seguito:
Forma rettangolare senza riempimento o tratto.
Tinta unita
Per riempire il modulo con un colore a tinta unita, seleziona l'opzione "Tinta unita", seconda icona da sinistra:
Opzione "Colore puro" (Tinta unita) per riempire la forma con un colore a tinta unita
Con l'opzione attiva, seleziona un colore per la forma facendo clic su uno dei campioni di colore. I colori che hai usato di recente mentre lavoravi in Photoshop appariranno sopra i campioni principali:
Selezione del colore cliccando sul campione.
Se il colore di cui hai bisogno non è tra i campioni presentati, fai clic sull'icona "Color Picker" situata nell'angolo in alto a destra della finestra:
Fare clic sull'icona Color Picker per selezionare il proprio colore.
Si aprirà la finestra di dialogo Selettore colore, selezionare un colore al suo interno e fare clic su OK per chiudere il Selettore colore dopo aver selezionato il colore desiderato.
Come puoi vedere nella figura qui sotto, dopo queste azioni abbiamo lo stesso modulo, solo che ora il modulo ha un colore:
Una figura piena di colore.
Riempimento sfumato
Per riempire la tua forma con un gradiente, seleziona l'opzione "Gradiente". Quindi fai clic su una delle miniature per selezionare un gradiente preimpostato o utilizza la miniatura della striscia del gradiente in basso per creare la tua variazione del gradiente.
Scegline uno prefabbricato o crea il tuo gradiente per riempire la forma.
Ecco la stessa forma, solo che ora è riempita con un gradiente:
Una forma riempita con uno dei gradienti preimpostati di Photoshop.
Riempimento a motivo (Motivi)
Infine, l'opzione di riempimento a motivo ci consente di riempire la forma con uno dei motivi preimpostati di Photoshop.
Fare clic su una delle miniature per selezionare un modello. Non molte opzioni di pattern sono preinstallate in Photoshop, la scelta, il caricamento e l'installazione di un pattern di riempimento sono descritti in dettaglio.
Sotto c'è la stessa forma, questa volta riempita con un motivo:
La stessa forma, solo che questa volta è stata riempita con il pattern standard di Photoshop.
Se non sei ancora sicuro di quale colore, sfumatura o motivo abbia bisogno la tua forma, non preoccuparti. Come vedremo più avanti, puoi sempre tornare per modificare la forma in un secondo momento e cambiare il riempimento.
Aggiunta di un tratto a una forma vettoriale
Questa opzione è presente in Photoshop dalla versione CS6. Per impostazione predefinita, Photoshop non aggiungerà un tratto ai bordi di una forma, ma aggiungerne uno è facile come aggiungere un riempimento colore.
Per aggiungere un tratto, fare clic sull'opzione appropriata nella barra delle opzioni:
Opzione per aggiungere un tratto.
Questo apre una finestra con opzioni in cui possiamo scegliere il colore del tratto, oltre a impostare molte altre opzioni.
Nella parte superiore della finestra abbiamo le stesse quattro icone per la selezione del tipo di riempimento della linea del tratto, queste sono Nessun colore, Tinta unita, Gradiente e Motivo. Per impostazione predefinita, è selezionato "Nessun colore". Sceglierò il tipo "Tinta unita". Seleziona e assegna un colore del tratto esattamente allo stesso modo del colore di riempimento, come descritto sopra.
Modifica del peso del tratto
Per modificare lo spessore del tratto, utilizzare la casella di immissione appropriata situata immediatamente a destra del rettangolo del campione di colore nella barra delle opzioni. Per impostazione predefinita, il peso è impostato su 3 pt (punti). Ma puoi impostare altre unità di misura, se fai clic su questo campo di immissione con il tasto destro del mouse, si aprirà un elenco a discesa di unità di misura. Scelgo quasi sempre i pixel:
Modificare la larghezza e le unità del tratto.
Opzione Allinea bordi
A destra di tutti gli altri, nella barra delle opzioni c'è l'opzione "Allinea bordi". Quando questa funzione è attiva (è attiva per impostazione predefinita), Photoshop allineerà i bordi del tratto con la griglia dei pixel, rendendo l'immagine più nitida.
L'opzione sarà attiva solo se l'unità di tratto è pixel.
Altre opzioni di tratto
Per impostazione predefinita, Photoshop disegna un tratto a linea continua, ma possiamo modificarlo facendo clic sul pulsante Opzioni tratto nella barra delle opzioni:
Pulsante della finestra per la selezione di proprietà aggiuntive - selezione di un tratto di tratto - pieno, tratteggiato, punteggiato, ecc.
Questo apre la finestra Opzioni tratto. In questa finestra, possiamo cambiare il tipo di linea da continua a tratteggiata o punteggiata. Inoltre, ci sono tre opzioni di corsa aggiuntive:
Finestra di dialogo Opzioni tratto
Opzione "Allineare"(Allinea) ci permette di scegliere se il tratto si trova all'interno del tracciato, all'esterno o al centro.
Opzione successiva "Fine"(Caps) funziona solo se abbiamo selezionato un tratto tratteggiato. Possiamo cambiare l'aspetto delle estremità dei segmenti.
- il tratto termina al bordo della lunghezza specificata e l'estremità ha una forma rettangolare
- l'estremità ha una forma semicircolare e sporge per metà della larghezza oltre il bordo di una data lunghezza del tratto su ciascun lato
- l'estremità ha una forma rettangolare e sporge per metà della larghezza oltre il bordo della lunghezza del tratto specificata su ciascun lato
"Angoli"(Angoli) consentono di modificare l'aspetto dell'angolo all'incrocio delle linee del tratto. I carboni possono essere affilati (predefinito), arrotondati o smussati. Questa opzione funziona se il tratto è all'esterno o al centro del tracciato. Se il tratto è all'interno del tracciato, gli angoli rimangono sempre nitidi.
Facendo clic sul pulsante nella parte inferiore della finestra "Altre opzioni ..." (Altre opzioni...) si apre un'altra finestra in cui è possibile impostare la lunghezza dei tratti e gli spazi tra i tratti. Ecco un esempio di una forma rettangolare con un tratto di riempimento e tratteggiato, con diverse lunghezze del tratto:
Un tratto all'interno di una forma che utilizza due tipi di tratti: una linea e un punto.
Gli strumenti di disegno consentono di creare e modificare forme vettoriali. Semplificano la creazione di vari elementi per le pagine web.
Crea un nuovo file di allenamento.
Fare clic con il tasto sinistro del mouse sullo strumento -forme- sulla barra degli strumenti, si aprirà la finestra di selezione dello strumento:
Ecco le principali forme che possiamo utilizzare. Scegli uno qualsiasi e guarda il pannello delle opzioni:
Per qualsiasi figura, puoi scegliere:
- modalità disegno:
- strato di forma. La forma viene creata su un livello separato. Un livello forma è costituito da un livello di riempimento che definisce il colore della forma e da una maschera vettoriale associata che definisce i contorni della forma. I bordi della forma sono un tracciato che appare nella scheda Tracciati del pannello Livelli.
- contorni. Questa modalità consente di disegnare contorni di forme che possono essere riempite o tratteggiate con un colore arbitrario. I percorsi vengono visualizzati nella scheda Percorsi del pannello Livelli.
- Riempimento pixel. Quando si lavora in questa modalità, non vengono create immagini vettoriali, ma raster, che possono essere elaborate allo stesso modo di qualsiasi immagine raster
- stile e colore
- impostare parametri specifici per questa figura
Scegliamo la prima forma: un rettangolo. Sul pannello, seleziona la modalità - forma del livello. Seleziona uno stile facendo clic sul triangolo a destra.
Scegli quello che preferisci. A proposito, se fai clic sul triangolo nel cerchio (a destra), puoi selezionare stili aggiuntivi nel menu contestuale che si apre. Se non desideri utilizzare uno stile, seleziona un quadrato bianco attraversato da una linea rossa.
Ora puoi impostare i parametri geometrici:
- Arbitrariamente- mentre disegni, così sia.
- Piazza- quando si allunga la forma con il mouse, la larghezza e l'altezza saranno sempre le stesse.
- Dimensione specificata- puoi impostare la larghezza e l'altezza del rettangolo (in cm) e cliccare sulla tela. Apparirà un rettangolo con le dimensioni specificate.
- Imposta le proporzioni- puoi impostare quante volte la larghezza sarà minore (o maggiore) dell'altezza. Quando si allunga la figura, la proporzione verrà preservata.
- Dal centro- disegna un rettangolo dal centro.
- Aggancia ai pixel- i bordi del rettangolo si agganciano ai bordi dei pixel.
Uno strumento piuttosto utile per creare pulsanti e menu per le tue pagine web, vero?
Disegna rettangoli con angoli arrotondati
Selezioniamo la seconda forma: un rettangolo con angoli arrotondati. Sul pannello, seleziona la modalità - la forma del livello, il raggio dell'angolo - ad esempio 15 e il colore (puoi modellarlo come preferisci) I parametri geometrici sono gli stessi del rettangolo.
Ecco cosa ho ottenuto con varie combinazioni di raggio e stile.
Perché non blocchi di notizie e pulsanti di menu?
Disegna cerchi
Scegliamo la terza figura: un'ellisse. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo, con l'unica differenza che si può scegliere un cerchio invece di un quadrato. Selezionare -arbitrario- e allungare l'ellisse. Se vuoi che sia un cerchio, tieni premuto il tasto Maiusc o seleziona -cerchio- nei parametri geometrici.
Ecco cosa mi è successo:
Disegna poligoni
Scegliamo una forma: un poligono. Sul pannello, seleziona la modalità - forma del livello, il numero di lati nell'intervallo da 3 a 100 (ad esempio, 3 - per un triangolo, 6 - per un esagono), colore e stile. Considera i parametri geometrici:
- Raggioè il raggio del poligono.
- Angoli esterni lisci
- Stella- con la casella deselezionata, il poligono è convesso, con la casella selezionata, il poligono è concavo.
- Profondità del raggio- se il poligono è concavo, i suoi vertici, per così dire, formano dei raggi. Questo parametro mostra quanto del raggio del poligono sarà occupato dai raggi. Maggiore è la %, più lunghi e nitidi saranno i raggi.
- Angoli esterni lisci- con deselezionato gli angoli sono acuti; con un segno di spunta gli angoli sono arrotondati.
Il primo nonagono ha un raggio di 3 cm, il resto delle caselle è deselezionato.
Il secondo nonagono ha un raggio di 3 cm, il segno di spunta è -stella-, la profondità dei raggi è del 25%, il resto delle caselle di controllo è deselezionato.
Il terzo nonagon ha un raggio di 3 cm, la profondità dei raggi è del 50%, tutte le caselle di controllo sono selezionate.
Tutti hanno uno stile applicato.
Disegna delle linee
Scegliamo una figura: le linee. Sul pannello, seleziona la modalità: forma del livello, spessore della linea (in pixel), colore e stile. Considera i parametri geometrici:
Se tutte le caselle di controllo sono deselezionate, sarà solo una linea, i parametri impostano le frecce alle estremità di questa linea.
- Inizio- freccia all'inizio della riga.
- FINE- freccia alla fine della riga.
- Larghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 1000%).
- Lunghezza- proporzioni della freccia in percentuale dello spessore della linea (dal 10% al 5000%).
- Curvatura- determina il grado di curvatura della parte più larga della freccia nel punto in cui incontra la linea (da -50% a +50%).
La prima riga è deselezionata, larghezza - 500%, lunghezza - 1000%, spessore - 2 pixel.
La seconda riga ha tutto uguale, ma c'è un segno di spunta all'inizio e una curvatura del 5%.
La terza riga ha tutto uguale, ma la casella di controllo -fine- è spuntata e la casella di controllo -inizio- è deselezionata.
La quarta riga ha entrambe le caselle di controllo, larghezza - 500%, lunghezza - 1000%, curvatura - 15%, spessore - 5 pixel.
Tutti hanno uno stile applicato.
Disegna forme arbitrarie
Scegliamo una cifra - una cifra arbitraria. Sul pannello, seleziona la modalità: livello forma, colore e stile. I parametri geometrici sono gli stessi di un rettangolo. Ma qui c'è una scelta della figura stessa:
Se fai clic sul triangolo nel cerchio (a destra), puoi selezionare forme aggiuntive nel menu contestuale che si apre.
Disegna più forme su un livello
Il principio qui è lo stesso degli strumenti di selezione rettangolari (nella prima lezione, abbiamo creato un'area di selezione non standard utilizzando gli strumenti sulla barra delle opzioni: aggiungi alla selezione, sottrai dalla selezione, ecc.). Gli stessi strumenti sono disponibili nella barra delle opzioni di Forme.
Ad esempio, crea una forma rettangolare, ora nella barra delle opzioni fai clic sull'icona "aggiungi all'area della forma" e ora seleziona una forma ellittica. Sposta il cursore del mouse sul bordo superiore del nostro rettangolo, premi il pulsante sinistro del mouse e, senza rilasciare, allunga l'ellisse. Dovrebbe assomigliare a qualcosa di simile a questo:
Se l'ellisse non è allungata come vorresti, puoi aggiustarla. Per fare ciò, prendi lo strumento -selezione contorno- sulla barra degli strumenti:
Sposta il cursore sul bordo dell'ellisse e, tenendo premuto il pulsante sinistro del mouse, trascina l'ellisse dove dovrebbe essere. Usando tutti questi strumenti, puoi disegnare forme di varia complessità.
Salva forme
Diciamo che ci è piaciuta l'ultima forma che abbiamo creato e vogliamo usarla in futuro. Per fare ciò, devi salvarlo. Per questo menu Modifica -> Definisci forma personalizzata. Dai un nome alla nuova forma.
Ora la nostra forma è apparsa nel pannello a discesa per la selezione di forme arbitrarie.
Questa lezione è finita. La prossima volta ci concentreremo su percorsi e bitmap.