Presenta la tua opera d'arte in una cornice vettoriale in Adobe Illustrator

Nei seguenti passaggi imparerai come creare una semplice cornice per poster con uno sfondo di muro di mattoni grungy in Adobe Illustrator.

Per i principianti imparerai come impostare una griglia semplice e come creare i due fotogrammi principali usando semplici strumenti ed effetti insieme al pannello Pathfinder e alcune tecniche di mascheramento di base. Successivamente, imparerai come aggiungere delle sfumature sottili usando il pannello Aspetto, l'effetto Bagliore interno e le tecniche di fusione di base. Infine, creerai lo sfondo del muro di mattoni usando rettangoli semplici, alcuni effetti raster, pennelli artistici incorporati, effetti di ombreggiatura delicati e due effetti di trasformazione.

1. Creare un nuovo documento e impostare una griglia

Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nella casella di larghezza e 700 nella casella dell'altezza, quindi fare clic su Avanzate pulsante. Selezionare RGB, Schermo (72ppi) e assicurarsi che il Allinea nuovi oggetti a Pixel Grid la casella è deselezionata prima di fare clic ok.

Abilita il Griglia (Visualizza> Mostra griglia) e il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Per i principianti avrai bisogno di una griglia ogni 10px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, accedere 10 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Dovresti anche aprire il Informazioni pannello (Finestra> Informazioni) per un'anteprima dal vivo con le dimensioni e la posizione delle tue forme. Non dimenticare di impostare l'unità di misura su pixel da Modifica> Preferenze> Unità> Generale. Tutte queste opzioni aumenteranno significativamente la tua velocità di lavoro.

2. Creare la cornice nera

Passo 1

Scegli il Strumento rettangolo (M) e semplicemente creare a 280 x 360 px forma, lo Snap to Grid faciliterà il tuo lavoro. Assicurati che questa nuova forma rimanga selezionata e si concentri su Aspetto pannello (Finestra> Aspetto). Assicurati che non vi sia alcun colore impostato per il riempimento, quindi seleziona il tratto e imposta il colore sul nero (R = 0 G = 0 B = 0).

Continua a concentrarti sul tuo tratto e fai semplicemente clic su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 10px e controllare il Allinea Stroke to Inside. Alla fine il tuo rettangolo dovrebbe apparire come nella seguente immagine. Riselezionalo e vai a Oggetto> Percorso> Corsa contorno.

Passo 2

Assicurati che la tua forma nera sia ancora selezionata e faccia una copia davanti (Control-C> Control-F). Seleziona solo la copia e sostituisci il colore di riempimento esistente con il bianco (R = 255 G = 255 B = 255). Sposta in Livelli pannello (Finestra> Livelli) e fai semplicemente clic sull'icona dell'occhio piccolo che rappresenta la tua forma bianca per renderla invisibile. Avrai bisogno di questa forma più tardi.

Passaggio 3

Usando il Strumento penna (P), creare un percorso semplice, obliquo come mostrato nell'immagine seguente. Aggiungere un 1pt tratto per questo nuovo percorso e impostare il suo colore a R = 233 G = 28 B = 36.

Passaggio 4

Assicurati che il tuo percorso rosso sia ancora selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nell'immagine seguente (non dimenticare di controllare il Rifletti X casella) quindi fare clic ok.

Passaggio 5

Assicurati che il tuo percorso rosso sia ancora selezionato e vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nell'immagine seguente (non dimenticare di controllare il Rifletti Y casella) quindi fare clic ok.

Passaggio 6

Assicurati che il percorso rosso sia ancora selezionato e fai una copia davanti (Control-C> Control-F). Sposta in Livelli pannello e semplicemente disattivare la visibilità per questa nuova copia. Ne avrai bisogno qualche passo dopo.

Passaggio 7

Riseleziona il percorso visibile, rosso e vai a Oggetto> Espandi Aspetto. Seleziona il gruppo risultante di percorsi insieme alla forma nera, apri il esploratore pannello (Finestra> Pathfinder) e fare clic su Dividere pulsante. Assicurati che il gruppo di forme risultante sia selezionato e semplicemente colpito Maiuscole-Ctrl-G a Separa esso.

Sposta in Livelli pannello e concentrarsi sulle forme appena create. Seleziona quello senza set di colori per il riempimento o il tratto (evidenziato nella quarta immagine) e rimuovilo semplicemente usando il Elimina pulsante dalla tastiera.

Passaggio 8

Seleziona la messa a fuoco in alto a forma di nero sul Aspetto pannello. Innanzitutto, seleziona il riempimento e sostituisci il colore esistente con R = 55 G = 55 B = 55.

Continua a concentrarti sul Aspetto pannello e aggiungi un secondo riempimento per la tua forma usando il Aggiungi nuovo riempimento pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona il nuovo riempimento, imposta il colore su R = 100 G = 100 B = 100 e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px offset e fare clic ok.

Passaggio 9

Assicurati che la forma superiore rimanga selezionata, concentrati su Aspetto pannello, selezionare il riempimento in alto e duplicarlo utilizzando il Duplica elemento selezionato pulsante (indicato dal cerchio blu nell'immagine seguente).

Seleziona il nuovo riempimento, apri il Pendenza pannello (Finestra> Gradiente) e fai semplicemente clic sulla miniatura della sfumatura per aggiungere il gradiente lineare da nero a bianco predefinito. Continua a concentrarti sul Pendenza pannello, impostare il Angolo a 90 gradi quindi spostati sui cursori del gradiente. Seleziona il cursore del gradiente di sinistra e imposta il colore su R = 50 G = 50 B = 50 quindi seleziona il cursore del gradiente giusto e imposta il colore su R = 65 G = 65 B = 65. Assicurati che il riempimento aggiunto in questo passaggio sia ancora selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Concentrarsi sul Mossa sezione, trascina il Verticale cursore a 1px quindi fare clic ok.

Passaggio 10

Successivamente, è necessario copiare le proprietà utilizzate per la forma superiore e incollarle sulla forma nera e inferiore. Ecco come puoi farlo facilmente. Vai al Livelli pannello, concentrati sul lato destro e noterai che ogni forma ha un piccolo cerchio grigio. Si chiama un'icona bersaglio. Tenere il alt pulsante dalla tastiera, fai clic sull'icona di destinazione che rappresenta la forma superiore e trascina semplicemente il cerchio che rappresenta la tua forma inferiore nera. Ora, seleziona la forma in basso e concentrati su Aspetto pannello. Seleziona il riempimento in alto, vai al Pendenza pannello e impostare il Angolo a -90 gradi quindi tornare al Aspetto pannello e apri l'esistente Trasformare effetto. Basta trascinare il Spostare-Verticale cursore a -1px e fare clic ok. Alla fine le cose dovrebbero assomigliare all'immagine seguente.

Passaggio 11

Anche in questo caso, utilizzare le icone di destinazione per copiare il Aspetto attributi usati per le forme in alto e in basso e incollali nelle forme sinistra e destra. Seleziona le forme sinistra e destra una alla volta. Innanzitutto, modifica l'angolo impostato per il gradiente, quindi le proprietà utilizzate per Trasformare effetti come mostrato nell'immagine seguente.

Passaggio 12

Concentrarsi sul Livelli pannello e accendi la visibilità per il tuo percorso rosso. Selezionalo e semplicemente premi Shift -Control-] per portarlo in primo piano.

Passaggio 13

Assicurati che il tuo percorso rosso sia ancora selezionato e ti concentri su Aspetto pannello. Seleziona il tratto esistente, sostituisci il rosso con R = 100 G = 100 B = 100 e vai a Effetto> Distorci e trasforma> Trasforma. Concentrarsi sul Mossa sezione, trascina il Verticale cursore a 0.7px e fare clic ok.

Passaggio 14

Assicurati che il tuo percorso grigio sia ancora selezionato, concentrati su Aspetto pannello e aggiungere un secondo tratto utilizzando il Aggiungi nuovo tratto pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona il nuovo tratto, imposta il Peso a 1px e il colore a R = 30 G = 30 B = 30 poi vai a Effetto> Distorci e trasforma> Trasforma. Concentrarsi sul Mossa sezione, trascina il Verticale cursore a -0.7px e fare clic ok.

Passaggio 15

Concentrarsi sul Livelli pannello, accendi la visibilità per la tua forma bianca e portala in primo piano (Shift -Control-] ). Riselezionare questa forma bianca insieme a quel percorso obliquo, aprire il Trasparenza pannello (Finestra> Trasparenza) e fare semplicemente clic sul Crea maschera pulsante. Alla fine le cose dovrebbero assomigliare alla terza immagine.

Passaggio 16

Seleziona tutte le forme fatte fino ad ora e semplicemente colpisci Controllo-G a Gruppo loro. Sposta in Livelli pannello, doppio click sul tuo nuovo gruppo e rinominalo "blackframe".

3. Creare la cornice bianca

Passo 1

Usando il Strumento rettangolo (M), creare un 260 x 340 px forma e posizionalo come mostrato nell'immagine seguente. Aggiungere un 20px tratto per questo nuovo rettangolo, imposta il colore a R = 247 G = 172 B = 64 e allinearlo all'interno. Assicurati che la tua forma non abbia un set di colori per il riempimento, quindi vai a Oggetto> Percorso> Corsa contorno.

Passo 2

Usando il Strumento penna (P), crea un nuovo percorso obliquo come mostrato nell'immagine seguente. Aggiungere un 1pt tratto e imposta il suo colore a R = 233 G = 28 B = 36.

Passaggio 3

Assicurati che il tuo percorso rosso sia ancora selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nell'immagine seguente (non dimenticare di controllare il Rifletti X casella) quindi fare clic ok.

Passaggio 4

Assicurati che il tuo percorso rosso sia ancora selezionato e vai di nuovo su Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nell'immagine seguente (non dimenticare di controllare il Rifletti Y casella) quindi fare clic ok.

Passaggio 5

Riseleziona il tuo percorso rosso e vai a Oggetto> Espandi Aspetto. Selezionare il gruppo risultante di percorsi insieme alla forma arancione e fare clic su Dividere pulsante dal esploratore pannello. Assicurati che il gruppo risultante di forme sia selezionato e Separa (Maiuscole-Ctrl-G). Sposta in Livelli pannello, selezionare la forma senza set di colori per il riempimento o il tratto e semplicemente eliminarlo.

Passaggio 6

Selezionare la parte superiore, la forma arancione e sostituire il colore piatto utilizzato per il riempimento con il gradiente lineare mostrato nell'immagine seguente.

Passaggio 7

Seleziona la forma inferiore, arancione e sostituisci il colore piatto usato per il riempimento con il gradiente lineare mostrato nell'immagine seguente.

Passaggio 8

Concentrati sulle forme arancioni rimanenti e sostituisci l'arancione con i colori indicati nell'immagine seguente.

Passaggio 9

Riselezionare le quattro forme grigie e Gruppo loro (Controllo-G). Sposta in Livelli pannello, doppio click su questo nuovo gruppo e rinominalo "whiteFrame".

4. Aggiungi l'ombreggiatura sottile e l'immagine

Passo 1

Usando il Strumento rettangolo (M), creare un 220 x 300 px forma e imposta il colore di riempimento su bianco. Posiziona questo nuovo rettangolo come mostrato nell'immagine seguente e poi rimandalo indietro (Shift-Control- [ ). Sposta in Livelli pannello, semplicemente doppio click su questa nuova forma e rinominala "imageMask".

Passo 2

Usando il Strumento rettangolo (M), creare un 260 x 340 px forma, imposta il colore di riempimento su bianco e posizionalo come mostrato nell'immagine seguente. Assicurati che questo nuovo rettangolo sia selezionato e vai a Effetto> Stilizzazione> Bagliore interno. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 3

Riseleziona il rettangolo con il Bagliore interno effetto e vai a Oggetto> Espandi Aspetto. Sposta in Livelli pannello e apri il gruppo di forme appena creato. Elimina quindi il rettangolo bianco Separa (Maiuscole-Ctrl-G) la forma rimanente mascherata. Alla fine le cose dovrebbero assomigliare alla terza immagine.

Passaggio 4

Usando il Strumento rettangolo (M), creare un 260 x 340 px forma, imposta il colore di riempimento sul nero e posizionalo come mostrato nell'immagine seguente.

Passaggio 5

Assicurati che il tuo rettangolo nero rimanga selezionato e colpisca semplicemente Shift-X per trasferire le proprietà del colore dal riempimento al tratto.

Concentrarsi sul Aspetto pannello, selezionare quel tratto, impostare il Peso a 3px, allinearlo all'interno, quindi fare semplicemente clic sul Opacità pezzo di testo per aprire il Trasparenza pannello a scomparsa. Cambiare il Modalità di fusione a Luce soffusa e abbassare il Opacità a 10%.

Continua a concentrarti sul Aspetto pannello, assicurati che il tratto sia ancora selezionato e duplicalo usando quello stesso Duplica elemento selezionato pulsante. Seleziona il nuovo tratto, aumentalo Opacità a 20% e impostare il Peso a 2px. Duplica il tuo 2px tratto, seleziona la copia, aumenta la sua Opacità a 30% e impostare il Peso a 1px. Alla fine le cose dovrebbero assomigliare all'immagine seguente.

Passaggio 6

Usando il Strumento rettangolo (M), creare un 220 x 300 px forma, imposta il colore di riempimento sul nero e posizionalo come mostrato nell'immagine seguente.

Passaggio 7

Assicurati che il tuo rettangolo nero rimanga selezionato e colpito Shift-X. Concentrarsi sul Aspetto pannello, selezionare quel tratto, impostare il Peso a 4px, allinearlo all'interno e abbassare il Opacità a 2%. Duplica questo tratto, seleziona la copia, imposta il Peso a 2px e aumentare il Opacità a 3%. Duplica il tuo 2px tratto, seleziona la copia, aumenta la sua Opacità a 5% e impostare il Peso a 1px.

Continua a concentrarti sul Aspetto pannello e aggiungi un quarto riempimento per la tua forma usando lo stesso Aggiungi nuovo tratto pulsante. Seleziona il nuovo tratto, imposta il Peso a 1px e il colore al bianco, allinearlo all'esterno e poi abbassarlo Opacità a 75% e cambia il Modalità di fusione a Luce soffusa. Alla fine le cose dovrebbero assomigliare all'immagine seguente.

Passaggio 8

Trascina l'immagine che desideri inquadrare nel documento e inviarla indietro (Shift-Control- [ ). Prova a ridimensionare l'immagine e se supera i limiti del frame usa "imageMask"rettangolo per mascherarlo.

L'immagine che sto usando per questo esempio è tratta dal tutorial di Monika Zagrobelna su come disegnare i cavalli.

5. Creare il gancio

Passo 1

Concentrati sul lato superiore della cornice. Usando il Strumento rettangolo (M), creare un 260x 50 px forma e posizionalo come mostrato nell'immagine seguente. Aggiungere un 1px tratto per questa nuova forma e impostare il suo colore a R = 55 G = 55 B = 55. Passare al Elimina strumento Punto di ancoraggio (-), concentrati sul lato superiore e fai semplicemente clic sul punto di ancoraggio sinistro per rimuoverlo. Prendi il Strumento di selezione diretta (A), seleziona il punto di ancoraggio superiore rimanente e trascinalo 130px a sinistra. Questo dovrebbe trasformare il tuo rettangolo in un triangolo.

Passo 2

Per questo passaggio avrai bisogno di una griglia ogni 1px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 1 nel Gridline ogni scatola. Concentrati sull'angolo superiore del tuo triangolo. Usando il Strumento ellisse (L), creare un 6px cerchio, imposta il colore di riempimento su R = 55 G = 55 B = 55 e posizionarlo come mostrato nell'immagine seguente.

Assicurati che questa piccola, nuova forma rimanga selezionata, concentrati sul Aspetto pannello e aggiungi un secondo riempimento. Seleziona il nuovo riempimento, imposta il colore su R = 100 G = 100 B = 100 e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px offset e fare clic ok.

Ritorna al Aspetto pannello e aggiungi un terzo riempimento per la tua cerchia. Selezionalo, imposta il colore su R = 55 G = 55 B = 55 e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px offset, clic ok e vai a Effetto> Distorci e trasforma> Trasforma. Concentrarsi sul Mossa sezione, trascina il Verticale cursore a 1px e fare clic ok.

Passaggio 3

Ritornare a gridline ogni 10px, quindi semplicemente vai Modifica> Preferenze> Guide e griglia ed entra 10 nel Gridline ogni scatola.

Riseleziona il tuo triangolo insieme al piccolo cerchio e Gruppo loro (Controllo-G). Assicurati che questo nuovo gruppo rimanga selezionato, invialo indietro (Shift-Control- [ ) e andare a Effetto> Stilizzazione> Sfalsa ombra. Inserisci le proprietà mostrate nella finestra di sinistra (nella seguente immagine), clicca ok e vai di nuovo a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra di destra e fare clic ok.

Passaggio 4

Seleziona tutte le forme fatte finora e Gruppo loro (Controllo-G). Sposta in Livelli pannello e semplicemente rinominare questo nuovo gruppo "posterFrame".

6. Creare la forma di sfondo principale

Passo 1

Usando il Strumento rettangolo (M), creare un 620 x 720 px forma, imposta il colore di riempimento su R = 237 G = 237 B = 237 e inviarlo di nuovo (Shift-Control- [ ).

Successivamente, devi centrare questo rettangolo grigio, quindi apri il Allineare pannello (Finestra> Allinea). Imposta l'allineamento su tavola da disegno (apri il menu a tendina e vai a Mostra opzioni se non riesci a vedere il Allinea a sezione come mostrato nell'immagine seguente) quindi fare semplicemente clic sul Centro allineamento orizzontale e Centro di allineamento verticale pulsanti. Alla fine il tuo rettangolo dovrebbe coprire l'intera tavola da disegno. Sposta in Livelli pannello e semplicemente rinominarlo "bg".

Passo 2

Assicurati che il tuo "bg"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungi un secondo riempimento. Selezionalo, imposta il colore al nero, abbassalo Opacità a 5%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 3

Assicurati che il tuo "bg"la forma è ancora selezionata, si concentra su Aspetto pannello e aggiungi un terzo riempimento. Selezionalo, imposta il colore su bianco, abbassalo Opacità a 30%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Spugna. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

7. Crea i mattoni

Passo 1

Apri il Spazzole pannello (Finestra> Pennelli) e concentrati sull'angolo in alto a sinistra della tua tavola da disegno. Usando il Strumento rettangolo (M), creare un 60 x 20 px forma e posizionalo come mostrato nell'immagine seguente.

Aprire il menu a comparsa di Spazzole pannello, vai a Apri la libreria dei pennelli> Artistico> Artistic_ChalkCharcoalPencil e una nuova finestra con un gruppo di spazzole integrate si aprirà. Riselezionare il rettangolo creato pochi istanti fa, selezionare il tratto, aggiungere il Matita - Sottile pennello artistico e impostare il suo colore a R = 125 G = 125 B = 125. Assicurati che il tratto rimanga selezionato e vai su Effetto> Stilizzazione> Sfalsa ombra. Inserisci le proprietà mostrate nella finestra di sinistra (nella seguente immagine), clicca ok e vai di nuovo a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra di destra e fare clic ok.

Passo 2

Riselezionare il rettangolo con il pennello artistico, concentrarsi su Aspetto pannello, selezionare il tratto e duplicarlo usando lo stesso Duplica elemento selezionato pulsante. Concentrati sul nuovo tratto, apri i due Ombra esterna effetti e sostituire gli attributi esistenti con quelli mostrati nell'immagine seguente.

Passaggio 3

Riselezionare il rettangolo con i pennelli artistici, duplicarlo (Control-C> Control-F), selezionare la copia e posizionarla come mostrato nella prima immagine. Riselezionare entrambi i rettangoli e Gruppo loro (Controllo-G). Sposta in Livelli pannello e nominare questo nuovo gruppo "mattoni".

Passaggio 4

Concentrarsi sul Livelli pannello e trascina il tuo "mattoni"gruppi sotto il"posterFrame"gruppo. Seleziona il"mattoni"raggruppa e vai a Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

Passaggio 5

Assicurati che il tuo "mattoni"il gruppo è ancora selezionato e torna a Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.

8. Aggiungi ombreggiatura aggiuntiva per la cornice del tuo poster

Passo 1

Usando il Strumento rettangolo (M), creare un 280 x 360 px forma, imposta il colore di riempimento sul nero e posizionalo come mostrato nell'immagine seguente. Sposta in Livelli pannello e chiama questo nuovo rettangolo "ombra".

Passo 2

Concentrarsi sul Livelli pannello e trascina il tuo "ombra"rettangolo sotto il"posterFrame"gruppo. Assicurati che questo rettangolo nero rimanga selezionato, concentrati su Aspetto pannello, seleziona il riempimento e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra in alto a sinistra (nell'immagine seguente), fare clic su ok quindi aggiungi gli altri tre Ombra esterna effetti mostrati di seguito.

Passaggio 3

Riseleziona il tuo "ombra"rettangolo, concentrarsi sul Aspetto pannello e aggiungi un secondo riempimento. Selezionalo, assicurati che il colore sia nero, abbassalo Opacità a 15% e vai a Effetto> Distorci e trasforma> Trasforma. Inserisci le proprietà mostrate nell'immagine seguente (assicurati di controllare il punto di riferimento superiore, centrale), clicca ok e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un 15px raggio e clicca ok.

Passaggio 4

Usando il Strumento rettangolo (M), creare un 280 x 170 px forma, riempilo con il gradiente lineare mostrato sotto e posizionalo come mostrato nell'immagine seguente. Lo zero giallo dal Pendenza immagine sta per