In questo tutorial impareremo le basi del disegno di forme vettoriali in Photoshop CS6 usando i semplici strumenti nel gruppo Forme! Inizieremo imparando come funzionano gli strumenti "Rettangolo"(Strumento rettangolo ), "Rettangolo arrotondato"(Strumento Rettangolo arrotondato), "Ellisse"(Strumento Ellisse), "Poligono"(Strumento Poligono) e "Linea"(Strumento Linea). Successivamente, impareremo come scegliere i colori di riempimento e tratto per le forme, modificare l'aspetto dei tratti, modificare le forme con le utili proprietà dei livelli forma e molto altro! Abbiamo molto da imparare, quindi in questo tutorial ci concentreremo sul lavoro e sulle proprietà dei cinque strumenti principali del gruppo Forme geometriche. Nel prossimo tutorial impareremo come aggiungere forme più complesse al nostro documento usando lo strumento Forma a mano libera!
Questa lezione è progettata per gli utenti di Photoshop CS6. Se stai lavorando su una versione precedente del programma, studia la lezione originale "Forma e forma del livello in Photoshop".
La maggior parte delle persone pensa che Photoshop venga utilizzato solo per elaborare immagini pixelate e se chiedessi loro di consigliarti un buon editor grafico, nella maggior parte dei casi la risposta sarebbe "Adobe Illustrator". In effetti, le capacità dell'editor di Adobe Illustrator sono molto più ampie dei programmi Photoshop, ma, tuttavia, come vedremo da questa e dalle lezioni successive, i vari strumenti del gruppo Forme rendono facile aggiungere semplici immagini vettoriali a disegni e disegni .
Se non sai cos'è una forma vettoriale e come differisce da una forma pixel, dai un'occhiata al tutorial.
Strumenti del gruppo "Forme".
Photoshop ci offre una scelta di sei strumenti nel gruppo Forme: "Rettangolo"(Strumento rettangolo), "Rettangolo arrotondato"(Strumento Rettangolo arrotondato), "Ellisse"(Strumento Ellisse), "Poligono"(strumento poligono), "Linea"(Strumento Linea) e "figura arbitraria"(Strumento forma personalizzata). Tutti questi strumenti si trovano in un punto della barra degli strumenti. Per impostazione predefinita, lo strumento Rettangolo è visibile a noi, ma se facciamo clic sull'icona dello strumento e teniamo premuto il pulsante del mouse, sullo schermo apparirà un menu a discesa con un elenco di altri strumenti da cui possiamo selezionare quello che bisogno:
Cliccando sull'icona dello strumento Rettangolo ci permetterà di visualizzare gli altri strumenti del gruppo di forme
Selezionerò il primo strumento nell'elenco, lo strumento Rettangolo:
Forme vettoriali, percorsi e forme pixel
Prima di iniziare a disegnare forme, dobbiamo dire a Photoshop che tipo di forma vogliamo disegnare, perché Photoshop in realtà ci consente di disegnare tre diversi tipi di forme: forme vettoriali, percorsi e forme pixel. Vedremo la differenza tra questi tipi di forme in modo più dettagliato in altri tutorial, ma come io e te abbiamo appreso nel tutorial Disegnare forme vettoriali e forme pixel in Photoshop CS6, nella maggior parte dei casi disegnerai forme vettoriali. A differenza delle forme pixel, le forme vettoriali sono altamente ridimensionabili, completamente scalabili e indipendenti dalla risoluzione. Ciò significa che possiamo modificarli, ridimensionarli come desideriamo, senza perdere la qualità dell'immagine. Sia sullo schermo che durante l'ulteriore stampa, i bordi delle forme vettoriali rimangono nitidi e nitidi.
Per disegnare forme vettoriali anziché tracciati o forme pixel, seleziona l'opzione "Figura"(Forma) nel pannello delle impostazioni dello strumento nella parte superiore dello schermo:
Seleziona la modalità strumento "Forma" nel pannello delle impostazioni
Riempire una forma con il colore
Fare clic sull'icona del colore di riempimento
Di conseguenza, si aprirà una finestra di dialogo, in cui ti verrà chiesto di scegliere uno dei quattro modi per riempire la forma, indicata da un'icona separata. Da sinistra a destra, puoi vedere l'icona Nessun colore (con una striscia diagonale rossa), l'icona di riempimento Colore, l'icona Sfumatura e l'icona Motivo:
4 opzioni di riempimento della forma (nessun colore, tinta unita, sfumatura e motivo)
Metodo di riempimento "Nessun colore"
Come suggerisce il nome, il metodo di riempimento "Nessun colore"(Nessun colore) non riempie la forma con alcun colore. Potresti chiedere, perché abbiamo bisogno di una figura vuota? Bene, in alcuni casi, potresti volere che la forma abbia solo un contorno sottile. Successivamente, vedremo come aggiungere un tratto a una forma, ma se desideri che la forma abbia solo un contorno senza riempimento colore, seleziona l'opzione Nessun colore:
Se selezioni l'opzione "Nessun colore", la forma non verrà riempita con alcun colore
Di seguito è riportata una forma di esempio dopo aver applicato l'opzione Nessun colore. Tutto ciò che vediamo è il sottile contorno della figura, il cosiddetto "contorno". Il contorno può essere visto solo in Photoshop, quindi se stampi il documento o lo salvi come JPEG o PNG, il contorno scomparirà. Per renderlo visibile, dobbiamo aggiungere un tratto ad esso, che è ciò che esploreremo dopo dopo aver coperto tutte le opzioni. versando(Riempire):
Quando il metodo di riempimento è impostato su Nessun colore, è visibile solo il contorno della forma (e quindi solo in Photoshop)
Metodo di riempimento "Colore puro"
Per riempire la forma con il colore, seleziona l'opzione "Colore puro"(Tinta unita) (seconda icona da sinistra):
Fare clic sull'icona del parametro "Pure color".
Dopo aver selezionato l'opzione Tinta unita, selezionare un colore per la forma facendo clic su uno dei campioni di colore. I colori che hai usato di recente appariranno nella riga. "Colori usati di recente"(Colori usati di recente) sopra i campioni principali:
Scegli un colore cliccando sul suo campione
Se il colore richiesto non è tra i campioni, fare clic sull'icona Tavolozza colori nell'angolo in alto a destra della finestra di dialogo:
Fare clic sull'icona Selettore colore
Quindi seleziona il colore desiderato nel Selettore colore. Fai clic su OK per chiudere la tavolozza quando hai deciso un colore:
Scegli un colore per riempire la forma nel Selettore colore
Di seguito è la stessa forma, solo questa volta piena di colore:
La nostra forma è ora piena di colore.
Metodo di riempimento sfumato
Per riempire la forma con un riempimento sfumato, seleziona l'opzione "Pendenza"(pendenza). Quindi fare clic su una delle miniature per selezionare il campione di sfumatura desiderato o crearne uno personalizzato utilizzando le opzioni sotto le miniature di sfumatura. In un tutorial separato, vedremo come creare e modificare i gradienti:
Innanzitutto, seleziona l'opzione "Gradiente", quindi - il campione di sfumatura desiderato
Di seguito è la stessa forma, solo che questa volta riempita con un riempimento sfumato:
La nostra forma è ora riempita con uno dei campioni gradiente predefiniti.
Metodo di riempimento a motivo
E infine, scegliendo l'opzione "Modello"(Motivo), possiamo riempire la forma con un motivo. Fare clic su una delle miniature per decidere il modello finito. Inizialmente il programma non offre molti pattern, ma puoi anche scaricare pattern aggiuntivi, scaricati da Internet o creati da te, cliccando sull'icona a forma di ingranaggio piccolo (sotto l'icona Color Picker) e selezionando "Carica modelli"(Carica modelli) dal menu visualizzato:
Innanzitutto, seleziona il parametro "Modello", quindi - il campione del modello desiderato
Ed ecco come apparirà la forma riempita con uno dei modelli di Photoshop. Per chiudere la finestra di dialogo "Versare"(Riempi), premere il tasto Invio (Win) / A capo (Mac) o fare clic su uno spazio vuoto nella barra delle opzioni. Se non sei sicuro di scegliere il colore, la sfumatura o il motivo giusti per una forma, non preoccuparti, impareremo come cambiarli in seguito:
Forma riempita con motivo selezionato
Aggiunta di un tratto a una forma
Per impostazione predefinita, Photoshop non aggiunge un tratto attorno ai bordi di una forma, ma aggiungerne uno è facile come riempirlo di colore. In effetti, le opzioni dei parametri "Corsa" ("Corsa")(Corsa) e "Versare"(Riempi) in Photoshop CS6 sono gli stessi, quindi sai già come usarli!
Per aggiungere un tratto, fai clic sul campione del colore del tratto nel pannello delle impostazioni:
Fare clic sul campione del colore del tratto
Di conseguenza, si aprirà una finestra di dialogo con le stesse opzioni del riempimento, tranne per il fatto che ora scegliamo un colore per il tratto. Nella parte superiore della finestra ci sono ancora quattro icone "Nessun colore"(nessun colore) "Colore puro"(tinta unita), "Pendenza"(Gradiente) e "Modello"(modello). Per impostazione predefinita, l'opzione Nessun colore è selezionata. A mia volta, selezionerò l'opzione Tinta unita e quindi imposterò il colore del tratto su nero, scegliendo tra i campioni. Come per il riempimento, se il colore desiderato non è tra i campioni, fare clic sull'icona Color Picker nell'angolo superiore per selezionare manualmente il colore desiderato:
Seleziona l'opzione "Colore puro" per il tratto, quindi seleziona il colore desiderato dai campioni di colore
Modifica della larghezza del tratto
Per modificare la larghezza (spessore) del tratto, utilizzare il parametro "Larghezza"(Larghezza) che si trova a destra del campione di colore del tratto nel pannello delle impostazioni. Per impostazione predefinita, il suo valore è 3 pt. Per modificare la larghezza, puoi inserire un valore specifico direttamente nella casella di inserimento dati (premendo Invio (Win) / A capo (Mac) dopo averlo inserito per confermare i dati), oppure fare clic sulla piccola freccia a destra del valore e spostare il cursore:
Modifica della larghezza del tratto
Opzione Allinea bordi
Se guardi più a destra del pannello delle impostazioni, vedrai l'opzione "Allinea bordi"(Allinea bordi). Con questa opzione abilitata (selezionata), Photoshop allineerà i bordi della forma alla griglia dei pixel in modo che rimangano nitidi e definiti:
Assicurati che l'opzione Allinea bordi sia abilitata
Tuttavia, affinché l'opzione Allinea bordi funzioni, non è sufficiente selezionarla. Vuoi anche che la larghezza del tratto sia in pixel (px), non in punti (pt). Poiché la larghezza del mio tratto è attualmente misurata in punti (l'unità predefinita), tornerò indietro e inserirò un nuovo valore di larghezza di 10 pixel (px):
Affinché l'opzione Allinea bordi funzioni, imposta la larghezza del tratto in pixel (px)
Di seguito è riportato un tratto nero di 10 px applicato alla forma:
Una forma semplice con un tratto nero attorno
Dopo aver aggiunto un tratto alla forma, se torno indietro e faccio clic sul campione del colore di riempimento nella barra delle opzioni, scegliendo un metodo di riempimento "Nessun colore"(Nessun colore), avrò solo il contorno della forma con un tratto. L'interno della forma diventerà vuoto. Può sembrare che la forma sia riempita di bianco, ma è solo perché il colore di sfondo del documento è bianco, che è quello che effettivamente vediamo.
La stessa forma, con l'opzione Riempimento impostata su Nessun colore
Più opzioni di tratto
Per impostazione predefinita, il programma disegna il tratto come una linea continua, ma possiamo modificarlo facendo clic sul pulsante. "Imposta tipo di tratto forma"(Opzioni tratto) nel pannello delle impostazioni:
Fare clic sul pulsante "Imposta tipo di tratto forma".
Di conseguenza, si aprirà una finestra di dialogo. Opzioni di tratto(Opzioni tratto), dove possiamo cambiare l'aspetto del tratto da una linea continua a tratteggiata o tratteggiata. Parametro "Allineare"(Allinea) ci consente di scegliere il tipo di allineamento per il tratto: all'interno del percorso, all'esterno o al centro. Possiamo fare le estremità delle linee da accarezzare (opzione "Finisce"(Caps)) arrotondati, quadrati o spessorati, e i punti di connessione delle linee nella corsa (parametro "Angoli"(Angoli)): taglienti, arrotondati o smussati. Quando premi un pulsante "Più opzioni"(Altre opzioni) situata nella parte inferiore della finestra di dialogo, si aprirà un'altra finestra in cui possiamo impostare valori specifici per trattini e spazi della linea tratteggiata e persino salvare le impostazioni come preimpostazioni:
Opzioni di tratto
Di seguito è riportata una forma con lo stesso tratto, ma questa volta viene scelta una linea tratteggiata invece di una continua:
L'aspetto del tratto è cambiato da una linea continua a una tratteggiata.
Strumento rettangolo
Quindi, abbiamo già imparato come selezionare diversi strumenti del gruppo "Forme" nella barra degli strumenti, come scegliere il colore di riempimento e tratto, come modificare l'aspetto del tratto. Ora impariamo come disegnare forme vettoriali stesse! Inizieremo esaminando il primo strumento del gruppo di forme nell'elenco: "Rettangolo"(Strumento rettangolo). Lo selezionerò dalla barra degli strumenti, come ho fatto prima:
Selezione dello strumento Rettangolo
Lo strumento Rettangolo ci consente di disegnare semplici forme quadrilatere. Per disegnare una forma, fare clic nella finestra del documento per definire il punto iniziale della forma. Quindi, tenendo premuto il pulsante del mouse, trascina il mouse in diagonale per completare il disegno della forma. Mentre muovi il cursore, vedrai un contorno sottile (contorno) della figura futura:
Trascina il cursore per disegnare una forma rettangolare. Quando il cursore si sposta, apparirà un sottile contorno della forma
Quando rilasci il pulsante del mouse, il programma riempirà la forma con il colore che hai scelto nel pannello delle impostazioni:
Il programma riempirà la forma di colore non appena rilascerai il pulsante del mouse
Ridimensionare una forma dopo che è stata disegnata
Dopo aver disegnato la forma iniziale, le sue dimensioni attuali appariranno nel pannello delle impostazioni: larghezza(Larghezza(W)) e altezza(Altezza(H)). Nel mio caso, ho disegnato una forma larga 533 pixel e alta 292 pixel:
Il pannello delle impostazioni mostra le dimensioni originali della forma (larghezza e altezza)
Se devi ridimensionare una forma dopo averla disegnata (questo metodo funziona con tutti gli strumenti Forme), inserisci semplicemente nuovi valori nelle caselle Larghezza e Altezza appropriate. Ad esempio, diciamo che ho bisogno che la mia forma sia larga 500px. Ciò richiede solo la modifica del valore della larghezza su 500px. Se necessario, potrei anche inserire un valore di altezza specifico. Se vuoi che le proporzioni rimangano le stesse quando modifichi l'altezza o la larghezza della forma, fai prima clic sull'icona della piccola catena tra i valori di altezza e larghezza:
Quindi, attivando l'icona della catena, inserisci un nuovo valore di altezza o larghezza. Photoshop sostituirà automaticamente il valore corrispondente del secondo parametro. Nel mio caso, ho inserito manualmente un nuovo valore di larghezza di 500px e, poiché l'icona della catena è stata attivata, Photoshop ha anche modificato il valore di altezza in 273px:
Ridimensionamento di una forma
Ridimensionare una forma prima che venga disegnata
Se ti capita di conoscere l'altezza e la larghezza esatte della forma prima di disegnarla, c'è un trucco pratico. Con lo strumento Forme selezionato, fai semplicemente clic in un punto qualsiasi all'interno del documento. Di conseguenza, si aprirà immediatamente una finestra di dialogo in cui è possibile inserire i valori di altezza e larghezza desiderati. Fare clic su OK per chiudere la finestra di dialogo e il programma disegnerà automaticamente la forma:
Fare clic in un punto qualsiasi all'interno del documento per inserire i valori di larghezza e altezza e il programma disegnerà automaticamente la forma
Disegnare una forma dal centro
Impariamo alcune semplici ma utili scorciatoie da tastiera. Se tieni premuto il tasto Alt (Win)/Opzione (Mac) mentre muovi il cursore, disegnerai la forma dal centro, non dall'angolo. Questo trucco funziona con tutti gli strumenti Forma, non solo con lo strumento Rettangolo. Tieni presente che devi prima iniziare a disegnare la forma e solo dopo premere il tasto Alt (Win) / Opzione (Mac). È inoltre necessario rilasciare il primo pulsante del mouse e solo successivamente il tasto Alt (Win) / Option (Mac) premuto, altrimenti la ricezione non funzionerà:
Tieni premuto Alt (Win)/Opzione (Mac) per disegnare una forma dal centro
Disegnare i quadrati
Per disegnare un quadrato, posiziona il cursore nella finestra del documento e inizia a trascinarlo, disegnando una forma rettangolare. Una volta che hai iniziato a farlo, premi il tasto Cambio e continua a tenerlo premuto mentre muovi il cursore. Premendo il tasto Maiusc la forma verrà convertita in un quadrato. Ancora una volta, non dimenticare di premere il tasto Maiusc dopo aver iniziato a spostare il cursore e averlo rilasciato per ultimo, altrimenti il quadrato non verrà disegnato. È possibile combinare due combinazioni di tasti tenendo premuti i tasti Maiusc+Alt(Vincita) /Maiusc+Opzione(Mac) quando si utilizza lo strumento "Rettangolo"(Strumento Rettangolo), in seguito al quale disegnerai un quadrato perfetto dal centro:
Tieni premuto il tasto Maiusc mentre muovi il cursore per disegnare un quadrato
Ancora una volta, mentre disegni, vedrai solo un contorno sottile del quadrato, ma quando rilasci il pulsante del mouse, Photoshop lo riempirà con il colore selezionato:
Il programma attende sempre che rilasci il pulsante del mouse prima di riempire la forma con il colore
Opzioni dello strumento Forme
Se guardi il pannello delle impostazioni, a sinistra dell'opzione "Allinea bordi"(Allinea bordi) vedrai un'icona a forma di ingranaggio. Cliccandoci sopra, si aprirà una finestra di dialogo con ulteriori impostazioni per lo strumento del gruppo "Forme" attualmente selezionato:
Fare clic sull'icona a forma di ingranaggio
Perché ho uno strumento selezionato "Rettangolo"(Strumento Rettangolo), facendo clic sull'icona a forma di ingranaggio verranno visualizzate opzioni aggiuntive per lo strumento Rettangolo. Ad eccezione del lavoro con gli strumenti Poligono e Linea, che esploreremo in seguito, non utilizzerai questo menu molto spesso perché abbiamo già spiegato come accedere a queste opzioni dalla tastiera. Ad esempio, il parametro "Arbitrariamente"(Non vincolato) ci consente di disegnare forme di qualsiasi dimensione e proporzione, ma poiché per impostazione predefinita, tutti gli strumenti dei gruppi di forme funzionano in questo modo, non è necessario selezionare specificamente questa opzione. Parametro "Piazza"(Quadrato) ci consente di disegnare quadrati con lo strumento Rettangolo, ma possiamo farlo semplicemente premendo e tenendo premuto il tasto Maiusc mentre spostiamo il cursore. Parametro "Dal centro"(Dal centro) è responsabile del disegno della forma dal centro, ma ancora una volta, possiamo farlo premendo e tenendo premuto il tasto Alt (Win) / Opzione (Mac).
Se scegli le opzioni "dimensione specificata"(Misura fissa) o "Imposta le proporzioni"(Proporzionale) e inserisci i valori per la larghezza e l'altezza, questi valori influenzeranno anche la forma successiva da disegnare, non solo quella che hai già disegnato. Pertanto, è necessario ricordare che dopo aver disegnato la forma, tornare indietro e riselezionare il parametro "Arbitrariamente"(Non vincolato), altrimenti ogni nuova forma disegnata avrà le stesse dimensioni o le stesse proporzioni:
Le opzioni visualizzate dipendono dallo strumento Forme selezionato
Modifica dei livelli di forma
In precedenza, abbiamo appreso che per disegnare forme vettoriali in Photoshop, dobbiamo impostare la modalità di disegno su - "Figura"(Forme) (al contrario di contorni e forme pixel). Quando disegniamo una forma vettoriale, il programma la posiziona automaticamente su un livello speciale separato chiamato "Strato di forma"(Livello forma). Se guardiamo nel pannello dei livelli, possiamo vedere che la forma che ho disegnato con lo strumento "Rettangolo"(Strumento Rettangolo), che si trova su una forma di livello separata "Rettangolo 1". Il nome del livello dipenderà dallo strumento utilizzato, quindi se disegno un ovale con lo strumento Ellisse, ad esempio, il livello forma si chiamerà Ellisse 1:
Ogni nuova forma vettoriale viene posizionata su un livello di forma separato.
Visivamente, la differenza tra un livello normale e un livello forma è che i livelli forma hanno una piccola icona di forma nell'angolo in basso a destra della miniatura del livello:
L'icona sulla miniatura del livello ci dice che questo è un livello forma.
La principale differenza tra un livello di forma e un livello di pixel normale è che i livelli di forma rimangono completamente modificabili. Quando in precedenza abbiamo imparato a scegliere i colori di riempimento e tratto per una forma, ho detto che possiamo sempre tornare indietro e cambiare il colore anche dopo che la forma è stata disegnata. Tutto quello che dobbiamo fare è assicurarci che il livello forma sia selezionato nel pannello dei livelli e che lo strumento gruppo Forme sia attivato. Quindi fai clic su uno dei campioni di colore riempie(Riempimento) o per campione di colore Colpi(Tratto) nel pannello delle impostazioni per selezionare un colore diverso. Puoi anche modificare la larghezza del tratto secondo necessità e giocare con altre opzioni. Farò clic sul campione Colore riempimento:
Con il livello forma selezionato, fai clic sul campione Colore riempimento
Fare clic sul colore blu
Non appena clicco sul campione, il programma riempie immediatamente la forma con il nuovo colore:
Il colore della forma è stato modificato senza dover ridisegnare la forma
E, se osserviamo di nuovo il pannello dei livelli, possiamo vedere che anche la miniatura del livello forma ha cambiato colore:
Quando abbiamo apportato le modifiche, anche la miniatura del livello forma ha cambiato il suo aspetto.
Strumento rettangolo arrotondato
Diamo un'occhiata al secondo degli strumenti del gruppo Forme - "Rettangolo arrotondato"(Strumento Rettangolo arrotondato). Lo selezionerò dalla barra degli strumenti:
Seleziona lo strumento Rettangolo arrotondato
Lo strumento Rettangolo arrotondato è molto simile allo strumento Rettangolo, tranne per il fatto che ci consente di disegnare rettangoli arrotondati. Regoliamo il grado di arrotondamento degli angoli usando il parametro "Raggio"(Raggio) nel pannello delle impostazioni. Maggiore è il valore del raggio che inseriamo, più arrotondati diventano gli angoli. Il valore del raggio va impostato prima di disegnare la forma, nel mio caso inserirò il valore del parametro "Raggio", pari a 50 pixel:
Utilizzare l'opzione "Raggio" per definire il grado di arrotondamento degli angoli
Dopo aver impostato il valore del raggio, disegnare un rettangolo arrotondato è simile a disegnare un rettangolo normale. Innanzitutto, fai clic nella finestra del documento per definire il punto iniziale della forma, quindi, tenendo premuto il pulsante del mouse, trascina il mouse in diagonale per completare il disegno della forma. Proprio come con la forma Rettangolo, mentre muovi il cursore, il programma visualizzerà un contorno sottile della forma:
Trascina il cursore per disegnare un rettangolo arrotondato dopo aver inserito un valore di raggio nella barra delle opzioni
Quando rilasci il pulsante del mouse, Photoshop finirà di disegnare la forma e la riempirà di colore:
Quando rilasci il pulsante del mouse, la forma si riempirà di colore.
Di seguito è riportato un altro rettangolo con un raggio di 150px. Questo valore è così grande (per questa forma, comunque) che i lati sinistro e destro del rettangolo sono curvi:
Maggiore è il valore del raggio, più arrotondati saranno gli angoli.
Ed ecco un rettangolo con un piccolo raggio di 10 pixel, che arrotonda solo leggermente gli angoli della forma:
Un valore di raggio piccolo arrotonda meno gli angoli
Sfortunatamente, non esiste un'anteprima del grado di angoli arrotondati in Photoshop CS6. Possiamo vedere quanto sono arrotondati gli angoli solo dopo aver disegnato un rettangolo. Inoltre, non possiamo modificare il valore del raggio mentre stiamo disegnando la forma e Photoshop non ci consente di tornare indietro e modificare il valore del raggio dopo aver disegnato la forma. Tutto quanto sopra significa che disegnare rettangoli arrotondati è essenzialmente un tentativo ed errore.
Se non ti piace l'arrotondamento degli angoli del rettangolo dopo averlo disegnato, vai alla sezione del menu "La modifica"(Modifica) nella parte superiore dello schermo e seleziona "Annulla: strumento rettangolo arrotondato"(Strumento Annulla rettangolo arrotondato) (o premi la scorciatoia da tastiera Ctrl+Z (Win) / Comando+Z (Mac)), di conseguenza la forma verrà rimossa dal documento. Quindi inserisci un nuovo valore di raggio nella barra delle opzioni e ricomincia a disegnare il rettangolo.
Scegli Modifica > Annulla: Strumento rettangolo arrotondato
Le stesse scorciatoie da tastiera che abbiamo esaminato quando abbiamo appreso lo strumento Rettangolo funzionano anche con lo strumento Rettangolo arrotondato. Per disegnare un quadrato con angoli arrotondati, inizia a disegnare una forma, quindi tieni premuto cambio. Rilascia il tasto Maiusc dopo aver rilasciato il pulsante del mouse.
Per disegnare una forma dal centro anziché da un angolo, inizia a disegnare la forma, quindi tieni premuto Alt (Win) / Opzione (Mac). E infine, la sequenza di tasti Cambio+ alt (Vincita) / Cambio+ Opzione (Mac) farà disegnare un quadrato dal centro. I tasti devono essere rilasciati solo dopo aver rilasciato il pulsante del mouse.
Strumento Ellisse
Attrezzo "Ellisse"(Strumento Ellisse) ci consente di disegnare ellissi e cerchi. Lo selezionerò dalla barra degli strumenti:
Selezione dello strumento Ellisse
Proprio come con gli altri strumenti che abbiamo trattato, fai clic nella finestra del documento per definire il punto iniziale della forma, quindi, tenendo premuto il pulsante del mouse, trascina il mouse in diagonale per finire di disegnare la forma:
Disegna un'ellisse con lo strumento Ellisse
Rilascia il pulsante del mouse per finire di disegnare la forma e riempirla di colore:
La figura è piena di colore.
Per disegnare un cerchio perfettamente uniforme con lo strumento Ellisse, inizia a spostare il cursore e quindi tieni premuto Cambio. Per disegnare un'ellisse dal centro, tieni premuto alt (Vincita) / Opzione (Mac) dopo aver iniziato a disegnare. Tenere premuti i tasti contemporaneamente Cambio+ alt (Vincita) / Cambio+ Opzione(Mac) ti permetterà di disegnare un cerchio dal centro. E come sempre, rilascia i tasti solo dopo aver rilasciato il pulsante del mouse:
Cerchio disegnato con lo strumento Ellisse
Strumento Poligono
Attrezzo "Poligono"(Strumento Poligono) è più interessante per noi in termini di capacità di disegno delle forme. Lo selezionerò dalla barra degli strumenti:
Selezione dello strumento Poligono
Mentre con lo strumento Rettangolo possiamo disegnare solo rettangoli quadrangolari, lo strumento Poligono ci consente di disegnare poligoni con tutti i lati che desideriamo. Successivamente, vedremo come puoi persino disegnare stelle con questo strumento! Per disegnare una forma con lo strumento Poligono, inserisci prima il numero di lati che desideri nella casella delle opzioni "feste"(Lati) nel pannello delle impostazioni. Puoi inserire qualsiasi numero compreso tra 3 e 100. Per impostazione predefinita, il numero di lati è 5, quindi lo lascerò così:
Immettere il numero di lati nella casella del parametro "Lati".
Dopo aver impostato il numero di lati, posiziona il cursore nella finestra del documento e inizia a trascinare per disegnare la forma poligonale. Photoshop disegna sempre forme poligonali dal centro, quindi non devi tenere premuto il tasto Alt (Win) / Opzione (Mac). Premendo e tenendo premuto un tasto Cambio una volta che hai iniziato a disegnare il poligono ti permetterà di limitare il numero di angoli per la tua forma e posizionarla sullo schermo esattamente come vuoi:
Una forma a 5 lati disegnata con lo strumento Poligono
Impostando il numero di lati a 3, possiamo facilmente disegnare un triangolo:
Un semplice triangolo disegnato con lo strumento Poligono
Di seguito è riportato un poligono con lati 12. Proprio come con l'opzione Raggio per lo strumento Rettangolo arrotondato, non possiamo modificare il numero di lati dopo aver disegnato la forma, quindi se commetti un errore, devi andare a il menu "La modifica"(Modifica) nella parte superiore dello schermo e seleziona l'elemento Annulla: strumento Poligono(Strumento Annulla poligono) (o premi Ctrl+Z (Win) / Comando+Z (Mac)), quindi inserisci un valore diverso nella casella di opzione Lati e ridisegna la forma:
Poligono con dodici lati
Disegna le stelle con lo strumento Poligono
Per disegnare una stella con lo strumento Poligono, fai clic sull'icona a forma di ingranaggio nella barra delle opzioni, quindi seleziona l'opzione "Stella"(Stella):
Fare clic sull'icona a forma di ingranaggio e selezionare il parametro "Stella".
Quindi fare clic nella finestra del documento e trascinare il cursore per disegnare una stella. Parametro "feste"(Lati) nel pannello delle impostazioni determina il numero di vertici della stella, quindi se il valore predefinito è cinque, otteniamo una stella a cinque punte:
Stella a cinque punte disegnata con lo strumento Poligono
Modificando il valore del parametro Sides a 8, otteniamo una stella a otto punte:
Specificare il numero di vertici della stella usando l'opzione Lati
Possiamo disegnare una forma che assomigli a una stella che esplode aumentando la nitidezza dei raggi della stella con il parametro "Profondità dei raggi"(Rientro affiancato). Per impostazione predefinita, il valore di questo parametro è 50%, aumenterò il valore al 90%. Aumenterò anche il numero di vertici stellari a 16:
Disegna una forma che assomigli a una stella che esplode aumentando il valore del parametro Ray Depth
Ed ecco la forma che ho ottenuto:
Una stella che esplode disegnata con lo strumento Poligono
Per impostazione predefinita, i vertici delle stelle hanno angoli acuti, ma possiamo arrotondarli selezionando l'opzione "Angoli esterni lisci"(Angoli lisci):
Seleziona l'opzione "Angoli esterni lisci"
Di seguito è una stella a cinque punte con l'opzione Angoli esterni smussati selezionata:
L'opzione Angoli esterni smussati attenua l'angolosità delle stelle
Possiamo anche arrotondare gli angoli alla base dei raggi stellari selezionando l'opzione "Angoli interni lisci"(Rientri lisci):
Seleziona l'opzione "Angoli interni lisci".
E ancora, la nostra stella ha un aspetto completamente diverso:
Stella dipinta con angoli interni lisci selezionati
Strumento linea
L'ultimo degli strumenti di base nel gruppo Forme è il "Linea"(Strumento Linea). Lo selezionerò dalla barra degli strumenti:
Selezione dello strumento Linea
Questo strumento ci consente di disegnare semplici linee rette, ma possiamo anche disegnare frecce con esso. Per disegnare una linea retta, impostare prima la larghezza della linea immettendo un valore (in pixel) nella casella del parametro. "Spessore"(Peso) nel pannello delle impostazioni. Per impostazione predefinita, il valore dello spessore è 1px, lo aumenterò a 16px:
Il parametro "Larghezza" è responsabile dello spessore (o larghezza) della linea
In secondo luogo, proprio come con gli altri strumenti nel gruppo Forme, fai clic nella finestra del documento e trascina per disegnare una linea. Per semplificare il tracciamento di una linea orizzontale o verticale, tenere premuto cambio, dopo aver iniziato a disegnare la linea, rilasciare il pulsante del mouse e, ultimo ma non meno importante, il tasto Maiusc:
Tieni premuto il tasto Maiusc per disegnare linee orizzontali o verticali
Frecce guida al disegno
Per disegnare le frecce, fai clic sull'icona a forma di ingranaggio nel pannello delle impostazioni per aprire le opzioni "Frecce"(Punte di freccia). Scegli dove vuoi aggiungere le frecce: all'inizio della linea, alla fine o ad entrambe le estremità contemporaneamente (se vuoi che la freccia punti nella stessa direzione in cui disegna la linea, seleziona l'opzione "Alla fine"(fine)):
Fare clic sull'icona a forma di ingranaggio per accedere alle opzioni "Frecce".
Di seguito è riportata una linea simile alla precedente, tranne per il fatto che alla fine ha un'icona a forma di freccia:
Lo strumento Linea semplifica il disegno di frecce guida
Se la dimensione della freccia predefinita non è di tuo gradimento, puoi modificarla utilizzando le opzioni "Larghezza"(larghezza) e "Lunghezza"(lunghezza). Possiamo anche aggiungere una curva alla freccia usando il parametro "Curvatura"(Concavità). Per impostazione predefinita, il valore di questo parametro è 0%, ma lo aumenterò al 50%:
Modificare la forma della freccia aumentando il valore del parametro "Curvatura".
Ed ecco come appare la freccia ora. Assicurati di selezionare un valore per le opzioni dello strumento Linea prima di iniziare a disegnare la linea, poiché non puoi modificarle durante il disegno. Se vuoi apportare modifiche, dovrai eliminare la forma e disegnarla di nuovo:
Freccia con curvatura impostata al 50%
Nascondi il contorno attorno alla forma
Ogni volta che disegniamo una forma in questo tutorial, il programma disegna il suo contorno sottile. Quando abbiamo rilasciato il pulsante del mouse, il programma ha finito di disegnare la forma e l'ha riempita di colore. Il problema è che se guardi da vicino la forma che hai disegnato, molto probabilmente vedrai un contorno sottile attorno ad essa che non è andato via. V&
I disegni vettoriali sono molto popolari, ma la loro creazione richiede molta pazienza e perseveranza per un principiante. Photoshop viene utilizzato nella preparazione di tali illustrazioni: può essere utilizzato per convertire una foto in un'immagine vettoriale. In questo articolo, ti diremo in che modo un tale disegno differisce da uno raster e come creare un'immagine vettoriale in Photoshop.
vettore
Quando crei un nuovo documento in Photoshop, scrivi qualsiasi parola su un foglio bianco, scegliendo una dimensione conveniente (usando le funzioni "Testo" - l'icona con la lettera "T" sulla barra degli strumenti).
Ingrandisci con lo strumento Loupe: vedrai che le lettere sono composte da pixel. Infatti la visualizzazione è impostata da formule, solo la visualizzazione nel programma è eseguita da pixel.
Ritorna alle dimensioni normali facendo doppio clic sull'icona della mano. Riduci le dimensioni come segue: "Modifica" - "Trasforma" - "Ridimensionamento". Quando si riduce la dimensione, viene preservata la qualità delle lettere. Allo stesso modo, aumentiamo il testo il più possibile, anche la qualità rimane buona, poiché le formule funzionano bene su qualsiasi scala.
Raster
Per convertire un'immagine vettoriale in Photoshop in una bitmap, riduciamo l'immagine finita. Quindi andiamo alla scheda "Livelli", lì selezioniamo "Rasterizza" - "Testo". Abbiamo lettere che sono davvero composte da pixel.
Quando si ingrandisce un'immagine/testo raster utilizzando le funzioni "Modifica" - "Trasforma" - "Ridimensionamento", la qualità si deteriora notevolmente. Quando si ripete la procedura, la qualità peggiora ogni volta: le lettere diventano sfocate.
Per tali illustrazioni, se ingrandite secondo l'algoritmo del programma, i nuovi pixel vengono riempiti di colore. Questo è meno accurato rispetto alle formule.
Creazione di grafica vettoriale
Puoi fare un disegno usando qualsiasi foto. Se non sapevi come convertire una foto in un vettore in Photoshop, convertila, segui il seguente algoritmo di azioni:
- Apri una foto/illustrazione. Crea un nuovo livello.
- Utilizzare lo strumento Penna per delineare i contorni di uno degli elementi (ad esempio una faccia). Per non interferire con lo sfondo, impostare una trasparenza inferiore, fino al 20-30%. Scegli un colore di riempimento e contorno.
- Quindi, disegna i contorni di altre parti allo stesso modo, riempili con il colore desiderato.
- Puoi utilizzare i filtri per applicare un colore complesso al viso di un modello. Vai alla "Galleria dei filtri", fai lì "Posterizzazione" per diversi livelli, convenientemente per 3 livelli. Photoshop ti dirà come vengono applicate le ombre, devi solo delineare i loro contorni. Puoi inoltre scolorire, rendere la foto in bianco e nero, regolare la nitidezza per vedere i livelli più chiaramente. Durante il riempimento, seleziona colori progressivamente più chiari/più scuri per i livelli. Hai transizioni di colore.
Pazienza, precisione, lentezza - e il tuo lavoro sarà pronto. Con una buona abilità, realizzerai disegni semplici abbastanza rapidamente e convertire qualsiasi immagine in un vettore non sarà un problema.
Il risultato di un lavoro scrupoloso sarà un'immagine "in curve"
Come creare un'immagine vettoriale di una persona in Photoshop in base alla sua fotografia? Avrai bisogno di molti strati di colore per questo, il che significa che il lavoro richiederà molto tempo. Ma il processo in sé non è così complicato come sembra e, con abbastanza pazienza, riuscirai a far fronte al compito e otterrai un vettore decente.
16.03.2014 27.01.2018
Un tale disegno vettoriale da una fotografia viene realizzato in un paio di minuti in Photoshop senza troppi sforzi. Tutto quello che devi fare è applicare un paio di filtri, funzioni e livelli di regolazione. Come farlo, leggi le istruzioni in questa lezione.
Con l'aiuto di Photoshop, possiamo convertire qualsiasi disegno in un'immagine vettoriale.
Seleziona una foto e aprila in Photoshop.
Fai una copia del livello. Assegna un nome a un livello Ragazza 1 strato, e secondo Ragazza 2 strati.
Applicare la funzione Soglie di regolazione dell'immagine(Immagine - Correzione - Isohelia) per il livello Ragazza 1 strato.
Imposta i colori su bianco e nero nella barra degli strumenti.
Applicare un filtro Filtro - Schizzo - Fotocopia (Filtro - Schizzo - Fotocopia) per il livello Ragazza 2 strati.
Modalità di fusione dei livelli Ragazza 2 strati installare Moltiplicare(Moltiplicazione) e unisci i livelli.
Riapplica la funzione Soglia (isoelia)
Ora devi smussare i bordi, per questo applica un filtro Stile - Diffuso(Stilizzazione - Diffusione)
L'immagine vettoriale è pronta.
Ora, per trasformarlo in qualche modo, puoi colorarlo. Per fare ciò, prendi semplicemente un pennello nero e correggi le linee dei lineamenti del viso.
Per l'uso di riempimento colore Strumento di riempimento (riempire). Questo non sarà un problema per te.
Tutti coloro che lavorano con editor grafici a volte hanno a che fare sia con la grafica vettoriale che con quella raster.
E se avessimo bisogno di aggiungere alcuni effetti speciali di Photoshop al file vettoriale. Oggi ti mostrerò come lavorare con i file vettoriali in Photoshop.
1) Basta trascinare e rilasciare il file AI o EPS in PHOTOSHOP. Vediamo:
2) La dimensione è molto importante qui: dopotutto, in Photoshop l'immagine diventerà raster e sarà difficile aumentare le dimensioni senza perdere la qualità. Pertanto, è meglio prendere immediatamente una taglia grande.
3) Quando abbiamo aperto il nostro file, tutte le immagini erano sullo stesso livello. Per lavorare con ciascuno di essi separatamente, dovrai utilizzare una selezione, ad esempio lo strumento Selezione rettangolare, e quindi tagliare su un nuovo livello.
4) Dal momento che non siamo sicuri con quale dimensione dovrà lavorare l'immagine, la convertiremo in un oggetto intelligente. Basta fare clic destro su di esso e selezionare l'elemento appropriato. Si scopre che l'oggetto è diventato simile a un oggetto vettoriale in termini di caratteristiche e può essere aumentato a piacere.
5) In questo esempio, ho copiato uno dei teschi e poi l'ho trasformato in un oggetto intelligente e ho allungato entrambi gli oggetti. Finora non si vede alcuna differenza
6) Ma ingrandiamo l'immagine. La differenza è evidente!
7) Non resta che posizionare tutto come dovrebbe). È possibile utilizzare le proprietà del livello (Immagine>Regolazioni) e le opzioni di fusione (Clic destro>Opzioni di fusione).
Eppure, perché è meglio aprire le immagini vettoriali negli editor vettoriali?
Perché qui puoi modificare non solo le dimensioni, le linee corrette, i colori, cosa non sempre facile in Photoshop, soprattutto per un principiante.
Infine, dovresti sapere che in Photoshop puoi incollare un'immagine direttamente da Illustrator: basta selezionare l'immagine desiderata in Illustrator, CTRL+C, poi ctrl+v a PhotoDhop.
Inoltre, la procedura è identica a quella sopra descritta.
Risultato finale 
Come sapete, le illustrazioni vettoriali sono attualmente molto popolari nella grafica web. I designer professionisti possono creare tali illustrazioni nel giro di poche ore. Che tu sia un principiante o un dilettante, le lezioni di grafica web ti saranno sicuramente estremamente utili. Lo scopo di questa lezione è far luce sul processo di creazione di un'immagine selezionata. Passo dopo passo dimostrerò l'intero processo e con l'aiuto dei miei commenti spiegherò tutti i passaggi.
Per creare un'immagine davvero interessante, devi scegliere il programma giusto e seguire determinate regole. Se vuoi disegnare un'illustrazione vettoriale, tieni presente che editor come Adobe Illustrator o Corel Draw. Tuttavia, photoshop dispone di fondi sufficienti per lo sviluppo di illustrazioni vettoriali. Lo mostrerò chiaramente nella mia lezione su come convertire un disegno in un vettore. Ho scelto uno schizzo di un gatto come base per l'illustrazione. Ho deciso di disegnare un gatto blu con fiori rosa tra le zampe.
Passo 1
Iniziamo creando lo sfondo. Disegniamo una forma con lo strumento di selezione () (in modalità strati di forma(Forma del livello)). Impostazioni - (Opacità riempimento) = 0% . Ora usa una sovrapposizione sfumatura: ( (Stile livello - Sovrapposizione sfumatura)) per riempire la forma creata. Tutte le impostazioni sono predefinite, devi solo cambiare l'angolo (indicherò il grado) e il gradiente. Aggiunta Colpo(Tratto) ( (Stile livello - Tratto)). Utilizziamo tutte le impostazioni predefinite, ad eccezione della larghezza in 1 px e colori.
