Share
Nel tutorial di oggi per principianti, ho intenzione di mostrarvi come creare una Polaroid vettoriale, con l'uso minimo dello strumento Penna. Ti mostrerò quindi come puoi usarlo in combinazione con un'altra illustrazione per incorniciarlo.
Quando il mio partner e io ci siamo incontrati per la prima volta, stava cercando di impressionarmi volendo imparare a creare grafica vettoriale. La prima cosa che gli ho insegnato è stato creare un Polaroid vettoriale. Il motivo è che non ha richiesto molto uso dello strumento penna, che può essere scoraggiante quando lo provi per la prima volta. Inoltre, gli ha presentato alcuni strumenti ed effetti davvero fantastici. Inutile dire che mi ha impressionato e ci sposeremo l'anno prossimo.
Quindi iniziamo con il tutorial e impariamo a creare il tuo Polaroid vettoriale retrò!
Inizierò a creare la Polaroid vintage utilizzando alcune forme base create da rettangoli con lo Strumento Rettangolo (M). Dato che ha rapporti specifici, farò clic una volta sulla tela e inserirò i valori per i tre rettangoli che desidero creare. Per ora, i colori di queste forme non sono rilevanti, poiché li cambieremo in seguito.
Il primo che è il più grande del trio sarà 540pt per 650pt.
Il secondo consentirà un leggero bordo attorno al fotogramma e sarà 505pt per 600pt.
E il più piccolo sarà 505pt per 485 pt.
Come forse avrai notato, i nostri rettangoli non sono nella posizione corretta per una fotografia istantanea, quindi userò il pannello Allinea (Windows> Allinea o Maiusc + F7) per aiutarli a posizionarli.
Prima seleziona Tutto (Comando + A) dei rettangoli e utilizza l'opzione Allinea orizzontale al centro.
Ho deselezionato il rettangolo più grande e con i due più piccoli, ho usato l'opzione Verticale Allinea in alto. Mentre ancora selezionato, ho usato i tasti freccia sulla mia tastiera per spingere verso l'alto entrambi i rettangoli nella posizione sottostante. Se li hai spostati dal centro, puoi sempre selezionare Tutto (Comando + A) e usare Orizzontale Allinea al centro per centrarli nuovamente.
Ho intenzione di arrotondare leggermente gli angoli del rettangolo più grande. Quindi seleziona la forma e vai su Effetti> Stilizzazione> Angoli arrotondati e inserisci il valore 6pt e fai clic su OK.
Questo è un Effetto dal vivo, il che significa che puoi tornare nel pannello Aspetto per modificare questo valore in qualsiasi momento. Puoi dire che è un effetto dal vivo osservando la forma sottostante. Sebbene la forma blu abbia in realtà un angolo curvo, i punti attorno alla forma sono ancora quelli di un rettangolo.
Rimuoverò l'Effetto dal vivo, ma manterrai la forma degli Angoli Rotondi mantenendo la forma selezionata e andando su Oggetto> Espandi Aspetto. Saprai che il Live Effect è stato ampliato poiché la forma ora ha due punti all'angolo invece di uno solo.
Se guardi il retro di una Polaroid, noterai che ci sono pieghe e una confezione di pasta di sviluppo attorno ai bordi e lungo il fondo, rispettivamente. Utilizzerò lo strumento Segmento di linea (\) per separare le pieghe e la busta. Per rendere le linee più facili da abbinare alle forme già disegnate e ai punti dei nostri rettangoli, abiliterò le guide intelligenti (Command + U).
Se non hai ancora utilizzato le guide intelligenti, dopo averle attivate se passi lentamente il cursore sulle forme, noterai che si aggancia a punti e percorsi. Questa funzione è fantastica quando vuoi disegnare linee precise, come lo sarai oggi.
Inizierò a disegnare una linea da un angolo ea sovrapporre un punto, mantenendo la linea finché non ottengo la Guida intelligente che evidenzia il bordo del rettangolo di medie dimensioni. Farò clic su questo punto finale con l'evidenziazione "Guide" di Smart Guides, quindi so che le linee saranno a filo.
Tenere premuto Shift aiuterà a creare una linea verticale perfettamente diritta. Quando tieni premuto Shift puoi creare una linea che si trova ad un angolo di 45 gradi in qualsiasi direzione. Ho usato questo stesso metodo per creare la linea orizzontale lungo la parte superiore della foto. Anche in questo caso ho sfruttato i vantaggi delle guide intelligenti per garantire che la mia linea orizzontale sia a filo con il "percorso" evidenziato in cui le linee si incontrano.
È possibile utilizzare le guide intelligenti quando si utilizzano gli strumenti forma (oltre a molti altri strumenti AI), come mostrato di seguito. Qui ho usato lo strumento Rettangolo (M) e ho fatto in modo che fosse a filo su entrambi i lati delle linee verticali.
Ho disegnato le linee sottostanti per separare la nostra Polaroid. Ho raggruppato tutte le linee insieme (comando + G).
Vado a Copia (Command + C) e Paste in Front (Command + F) il più piccolo e il più grande rettangoli. Quindi userò il pannello Pathfinder (Shift + Command + F9) per rimuovere il più piccolo dal più grande usando l'opzione Minus Front. Questo dovrebbe lasciarti con la cornice generale della Polaroid.
Creerò una maschera di ritaglio con la nostra nuova forma. Quindi ho intenzione di raggruppare tutte le forme e le linee, a parte il rettangolo più piccolo. Scegliendo le forme e le linee che desideri siano raggruppate, quindi premendo Comando + G. Nell'esempio seguente, ho nascosto la nuova forma creata nel passaggio 5 e bloccato il rettangolo più piccolo, poiché non sto volendo per modificarlo in questa fase.
Scopri la nuova forma (se lo hai fatto) e selezionala come pure il Gruppo. Ora vai su Oggetto> Maschera di ritaglio> Crea (Comando + 7). Combinerà gli elementi in un nuovo gruppo. Se esplori in questo gruppo, sarai in grado di vedere i componenti. Una maschera di ritaglio renderà visibile solo ciò che è contenuto nella forma del percorso di ritaglio.
Rimanendo perforato nel gruppo Maschera di ritaglio, selezionerò ognuno dei singoli componenti (ad eccezione del percorso di ritaglio) per modificare il colore di riempimento / tratto con quanto segue:
Ho anche modificato le impostazioni di trasparenza tramite il pannello Trasparenza (Maiusc + Comando + F10). Il rettangolo medio è impostato su Opacità 90%. Il gruppo di linee di sezione è stato impostato su Blending Mode Multiply e Opacity 100%.
Se applicate queste impostazioni al gruppo, anziché le singole linee, visualizza l'effetto del metodo di fusione / opacità come se tutti i componenti del gruppo fossero un oggetto completo. Se dovessi farlo individualmente, noteresti le aree in cui le linee si sovrappongono (ad esempio dove il rettangolo si trova nella parte inferiore della Polaroid) sarebbe molto più scuro del resto.
Proprio come sei in grado di modificare gli oggetti all'interno di una maschera di ritaglio, puoi anche aggiungere e rimuovere oggetti se necessario. Ho intenzione di aggiungere forme sulla cornice della Polaroid. Usando lo strumento Penna (P) e le nostre guide intelligenti, ho intenzione di disegnare il lembo superiore del telaio, usando le nostre linee di sezionamento come guida per gli angoli dei lati del lembo.
Tutto ciò che dovrai fare una volta completata la forma è selezionarlo e quindi trascinarlo e rilasciarlo nella maschera di ritaglio. Come puoi vedere di seguito, la nuova forma ora beneficia dei confini del percorso di ritaglio nascondendo le aree sovrapposte.
Utilizzerò un gradiente lineare per creare l'aspetto di un lembo. Quello che tendo a fare è riempire la mia forma con un gradiente predefinito e quindi trascinare e rilasciare i colori dal mio campione sui cursori dei gradienti. Quindi sposto i cursori dei gradienti per modificare l'aspetto del gradiente. Per modificare un gradiente lineare verticale in un gradiente orizzontale, modificare il valore dell'angolo su 90 gradi.
Ho quindi trascinato e rilasciato ulteriori colori nel pannello Gradiente e ho utilizzato lo strumento Sfumatura (G) per modificare le posizioni dei colori, rispettando la linea di taglio.
Ho usato le seguenti tonalità da sinistra a destra:
Ho quindi ridotto l'opacità al 70%.
Ho usato la stessa sfumatura per le altre forme del telaio e della custodia, tuttavia ho rimosso alcuni dei colori e li ho riorganizzati. Per rimuovere un colore dal gradiente, seleziona il dispositivo di scorrimento del gradiente e utilizza il raccoglitore a destra. Tutte le nuove forme devono essere impostate su Opacità 70%.
Copia (Comando + C) e Incolla in primo piano (Comando + F) il sacchetto / rettangolo. Aggiungerò una texture sottile usando un pattern predefinito, che è già presente nella libreria di Adobe Illustrator. Nel pannello Campione, vai nel menu a discesa in alto a destra del pannello e seleziona Apri Libreria campioni> Motivi> Grafica di base> Grafici_Tempi di base. Da questo seleziona il pattern "USGS 21 Intricate Surface" e verrà automaticamente aggiunto al tuo Swatch.
Riempi il rettangolo duplicato e modifica il metodo di fusione in Moltiplica e Opacità al 5%.
Il nostro telaio è più o meno fatto, ma c'è ancora una cosa che puoi aggiungere al fotogramma per dargli un tocco personale. Sul retro di una Polaroid puoi trovare spesso il nome del marchio o anche il numero di lotto del film. Quindi, perché non aggiungere il tuo nome, il titolo delle illustrazioni o anche una data nello stesso stile?
Ho usato lo strumento tipo (T) sopra la custodia con le seguenti impostazioni. Ho scelto di scrivere "VECTORTUTS +" qui per ovvi motivi.
Quando si utilizza lo Strumento testo (T) in Adobe Illustrator, è possibile visualizzare solo caratteri tipografici già presenti sul computer ... il che può sembrare ovvio. Ciò significa che se si dovesse passare il file a un amico e per qualche strano motivo non avevano il carattere "Arial", il testo non veniva visualizzato correttamente. Quindi vale la pena di Object> Espandere il carattere tipografico alle forme. In questo tutorial espanderò il carattere tipografico, ma se utilizzerai questa cornice più e più volte, salterò questo passaggio.
Cambierò il colore di riempimento del nostro marchio su "USGS 21 Intricate Surface" in modo che appaia strutturato, ma il motivo sembra troppo grande all'interno del testo. Per modificare la scala del modello, vai su Oggetto> Trasforma> Scala e assicurati che sia selezionato solo "Motivi". Ho modificato la scala di questo modello in Uniform 20%.
Quindi ho usato lo strumento Trasformazione libera (E) per ruotare leggermente il testo. Questi timbri di branding non sono mai completamente perfetti, giusto? Al termine, raggruppa tutti gli elementi insieme per il frame (Command + G).
Ora lavoriamo al film che si sovrapporrà all'illustrazione sottostante. Ho intenzione di duplicare il quadrato piccolo e nasconderlo per ora, verrà utilizzato in un passo successivo. Cambia il colore di riempimento in una sfumatura di nero (C = 0, M = 0, Y = 0, K = 95). Usando lo Strumento mesh (U) con l'aiuto delle Smart Guides, metti un punto nel centro diretto e poi coloralo in bianco puro.
Vai intorno al quadrato aggiungendo punti bianchi agli angoli. Non potrai aggiungere il quarto angolo dato che questo sarà stato creato aggiungendo i tre punti. Ora dovrai selezionare ciascun punto con lo Strumento mesh (U) e colorarli in bianco come mostrato di seguito.
Seleziona la forma della mesh per intero e quindi modifica il metodo di fusione in Moltiplica e Opacità al 40%. Noterai che il centro bianco è ora svanito, poiché il metodo di fusione influenza solo qualsiasi cosa con la presenza di colore, che il bianco non ha (quindi tutti gli zeri!). Questo darà un effetto vignetta alla foto.
Naturalmente, con la parte fotografica della Polaroid leggermente rialzata, potrebbe esserci una lucentezza / brillantezza all'immagine. Ho intenzione di disegnare sul quadrato con un rettangolo arrotondato e quindi utilizzare un gradiente lineare bianco trasparente. Puoi farlo creando un gradiente che ha lo stesso colore su due cursori a gradiente. Seleziona uno dei cursori sfumatura e quindi riduci l'opacità sul valore desiderato. In questo caso sarebbe 0%.
Al termine, imposta il metodo di fusione su schermo e Opacità su 40%, quindi raggruppa insieme la mesh e il rettangolo arrotondato (Command + G).
Creerò un'ombra sottile lungo il fondo della Polaroid utilizzando un altro gradiente trasparente ... questa volta si tratta di un gradiente radiale. Nel pannello Gradiente usa il menu a discesa per cambiarlo in una sfumatura radiale. Quindi trascina e rilascia il nero in entrambi i cursori dei gradienti.
Ogni volta che utilizzo un gradiente radiale normale, tendo ad usarlo con un cerchio poiché trovo più facile manipolare le dimensioni di un cerchio con lo strumento di trasformazione libera (E) che con lo strumento gradiente (G). Quindi questo suggerimento potrebbe essere buono per te se hai riscontrato lo stesso problema.
Per prima cosa utilizzare lo strumento Ellisse (L) con il riempimento gradiente radiale e tenere premuto Alt + Maiusc, quindi trascinare verso l'esterno per produrre un cerchio uniforme. Noterai che il gradiente radiale sarà esattamente al centro e non sarà deformato. Quindi usa lo strumento di trasformazione libera (E) per schiacciarlo e allungarlo nel modo che desideri.
L'ho posizionato sotto il gruppo per il frame e impostato su Blending Mode Multiply con Opacity 100%. Poi l'ho Raggruppato con il frame (Command + G).
Quello che abbiamo ora dovrebbe essere due gruppi, uno contenente la vignetta e lo splendore che sarà in cima al fotogramma. Se non hai la tua tavola da disegno visibile puoi farlo andando su Visualizza> Mostra tavole da disegno (Comando + Maiusc + H).
Seleziona entrambi i gruppi e posizionali all'interno del riquadro. Avrai bisogno di creare uno sfondo generale per la Polaroid. L'ho fatto usando lo Strumento Rettangolo (M). Il colore è irrilevante in quanto puoi modificarlo a seconda del colore della tua illustrazione per complimentarmi o contrastarla.
Duplica questo nuovo rettangolo, che hai utilizzato per lo sfondo, quindi mostra il quadratino duplicato nel passaggio 14. Trascinalo fuori dal gruppo e sopra lo sfondo duplicato. Utilizzando Pathfinder> Meno fronte, rimuovi il quadratino dal rettangolo di sfondo.
Raggruppa il rettangolo di sfondo originale con la cornice Polaroid (Comando + G) in modo da lasciarti con due gruppi. Quindi ritaglia il rettangolo di sfondo creando una maschera di ritaglio (Comando + 7) con il gruppo di frame Polaroid.
Ora seleziona Tutto (Comando + A) e Raggruppa tutto (Comando + G) per semplificare la duplicazione su un altro progetto di illustrazione.
Apri l'illustrazione che hai scelto, in questo caso sto usando un ritratto della mia altra metà. Puoi trovare il tutorial su come creare questo ritratto maschile qui su Vectortuts+.
Crea un nuovo livello, quindi Copia (Comando + C) il gruppo Polaroid e Incolla (Comando + V) sulla tua illustrazione.
Da qui puoi utilizzare lo strumento Trasformazione libera (E) per ridimensionare il tuo gruppo Polaroid (tieni premuto Alt + Maiusc per farlo in modo uniforme per evitare distorsioni nel rapporto) o persino per eseguire il drill down nel gruppo per cambiare il colore dello sfondo. Ho deciso di cambiare il colore di sfondo della mia Polaroid con una tonalità di marrone per far risaltare i toni blu nell'immagine.
Per dare un aspetto meno uniforme, ruoterò leggermente il ritratto e la Polaroid. Quindi Sblocca tutto (Alt + Comando + 2) e quindi Seleziona tutto (Comando + A).
Ora vai su Oggetto> Trasforma> Ruota e imposta il valore che desideri sia ruotato sull'illustrazione e su Polaroid. Ricordarsi di spuntare sia gli Oggetti che i Pattern, quindi fare clic su OK.
Infine, usa lo strumento tavola da disegno (Maiusc + O) per posizionare i bordi della tavola da disegno o modificare le dimensioni. Lo strumento tavola disegno (Shift + O) è particolarmente utile quando si utilizza l'opzione Salva per Web e dispositivi. Pensala come uno strumento di ritaglio e definisci quale area dell'illustrazione vuoi ritagliare e salvare.
Quindi al salvataggio, vai su File> Salva per Web e dispositivi. Nelle opzioni Dimensione immagine a destra, c'è una casella di controllo "Clip to Artboard", assicurati che questa sia selezionata. Un'anteprima dell'illustrazione ritagliata apparirà a sinistra dopo "Applica". Quindi salva come al solito.
Ovviamente le persone attente si accorgeranno che in effetti ho messo un'illustrazione sul retro di una Polaroid invece che sul davanti. È semplicemente per dare ulteriori dettagli e per introdurre quelli che iniziano con Adobe Illustrator alcune nuove tecniche!
Puoi sempre rimuovere i dettagli attorno al Polaroid e lasciarlo come un rettangolo semplice, con il quadrato sovrapposto di mesh / lucentezza e un'ombra sottile per ottenere un approccio più realistico.
Spero che tu abbia trovato interessante il tutorial di oggi e raccolto alcune nuove tecniche e strumenti da utilizzare in progetti futuri.
Quali altri modi creativi pensi di poter incorniciare e presentare un'illustrazione?
Accentsconagua