Share
Cosa starai creandoPer i principianti imparerai come impostare una griglia semplice e come creare una serie di pixel perfetti che ti aiuteranno a creare la forma del logo principale. Usando le tecniche di masking di base, fusione e vector shape building imparerai come aggiungere sottili riflessi e texture. Sfruttando appieno il pannello Aspetto imparerai come aggiungere colore, ombreggiature e più texture per il tuo sfondo e la forma del logo. Infine, imparerai come aggiungere diversi, minuscoli punti luminosi.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nella casella di larghezza e 410 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 5px, quindi semplicemente vai Modifica> Preferenze> Guide> Griglia, accedere 5 nel Gridline ogni scatola e 1 nel suddivisioni scatola. Cerca di non scoraggiarti da tutta quella griglia, faciliterà il tuo lavoro e tieni presente che puoi facilmente abilitarlo o disabilitarlo usando il Controllo-" scorciatoia da tastiera. 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.
Scegli il Strumento rettangolo (M) e concentrati sulla tua barra degli strumenti. Rimuovi il colore dal tratto, quindi seleziona il riempimento e imposta il suo colore su R = 247 G = 148 B = 30. Passa alla tua tavola da disegno e crea semplicemente a 310 x 100 px rettangolo, lo Snap to Grid dovrebbe facilitare il tuo lavoro.
Imposta il colore di riempimento su R = 39 G = 170 B = 225, scegli il Strumento ellisse (L) e creare a 170 x 90 px forma. Cerca di usare la griglia nella parte posteriore come riferimento e assicurati di posizionare questa nuova forma come mostrato nella prima immagine. Puoi facilmente abbassare il Opacità di questa forma blu se desideri vedere la griglia nella parte posteriore. Assicurati che la tua forma sia selezionata, apri il Trasparenza pannello (Finestra> Trasparenza) e semplicemente abbassare il Opacità a circa 50%. Assicurati che la tua forma blu sia selezionata e faccia una copia davanti (Control-F> Control-F). Selezionalo e trascinalo semplicemente 170px a destra come mostrato nella seconda immagine.
Imposta il colore di riempimento su R = 0 G = 148 B = 68, scegli il Strumento ellisse (L), creare un 175 x 100 px forma e posizionalo esattamente come mostrato nella prima immagine. Assicurati che questa nuova forma rimanga selezionata e vai a Oggetto> Trasforma> Sposta. Accedere "375px" nel Orizzontale casella e fare semplicemente clic sul copia pulsante. Questo dovrebbe creare una seconda forma verde come mostrato nella seconda immagine.
Per questo passaggio avrai bisogno di una griglia ogni 1px, quindi vai Modifica> Preferenze> Guide e griglia ed entra 1 nel Gridline ogni scatola. Imposta il colore di riempimento su R = 127 G = 63 B = 152, scegli il Strumento rettangolo (M), creare un 55 x 45 px forma e posizionalo esattamente come mostrato nell'immagine seguente.
Concentrati sul lato inferiore del rettangolo viola e seleziona il Strumento di selezione diretta (A). Seleziona il giusto punto di ancoraggio e trascinalo 10px a sinistra quindi selezionare il punto di ancoraggio sinistro e trascinarlo 15px a destra e 5px su. Alla fine la tua forma viola dovrebbe assomigliare alla seconda immagine.
Continua a concentrarti sul lato inferiore della tua forma viola e assicurati che il Strumento di selezione diretta (A) è ancora attivo. Selezionare il punto di ancoraggio corretto (evidenziato dal cerchio blu nell'immagine seguente), spostarsi sul pannello di controllo, concentrarsi su angoli sezione e inserisci semplicemente "8px"in quella scatola bianca.
Quindi, seleziona il punto di ancoraggio sinistro (evidenziato dal cerchio verde nell'immagine seguente), torna a angoli sezione dal pannello di controllo e inserire "25px"in quella scatola bianca, alla fine la tua forma viola dovrebbe apparire nella seconda immagine.
Riseleziona la tua forma viola e vai a Effetto> Distorci e trasforma> Trasforma. Controlla il Rifletti X pulsante, inserisci "1" In ciò copie casella, trascinare il Spostare-Orizzontale cursore a 60px e fare clic ok. Assicurati che la tua forma viola sia ancora selezionata e vai a Oggetto> Espandi Aspetto. Seleziona il gruppo di forme risultante semplicemente colpito Maiuscole-Ctrl-G a Separa esso.
Imposta il colore di riempimento su R = 237 G = 28 B = 36, scegli il Strumento rettangolo (M), creare un 17 x 15 px forma e posizionalo esattamente come mostrato nella prima immagine. Concentrati sul lato inferiore di questo nuovo rettangolo e seleziona il Strumento di selezione diretta (A). Seleziona il giusto punto di ancoraggio e trascinalo 4px a sinistra quindi selezionare il punto di ancoraggio sinistro e trascinarlo 4px a destra. Alla fine la tua forma rossa dovrebbe trasformarsi in un trapezio come mostrato nella seconda immagine.
Usando il Strumento ellisse (L), creare un 17 x 6 px forma e posizionalo esattamente come mostrato nella prima immagine. Seleziona questo cerchio schiacciato insieme al tuo trapezio rosso, apri il esploratore pannello (Finestra> Pathfinder) e fare clic su Fronte meno pulsante.
Riseleziona tutte le forme fatte fino ad ora e fai semplicemente clic sul Fronte meno pulsante dal esploratore pannello. La forma risultante dovrebbe apparire come nella seconda immagine. Sposta in Livelli pannello, apri il livello esistente, semplicemente doppio click sulla tua forma e rinominala "logo".
Continua a concentrarti sul tuo "logo"forma, scegli il Strumento di selezione diretta (A) e selezionare i tre punti di ancoraggio evidenziati nella prima immagine. Vai angoli sezione dal pannello di controllo e inserire semplicemente "0.2px"in quella scatola bianca.
Continua con il Strumento di selezione diretta (A), seleziona i quattro punti di ancoraggio evidenziati nella seconda immagine, torna al angoli sezione e inserire "1px"in quella scatola bianca.
Infine, seleziona i due punti di ancoraggio evidenziati nella terza immagine e inserisci "3px" nel angoli scatola.
Scegli il Strumento rettangolo (M) e fai semplicemente clic sulla tua tavola da disegno per aprire il Rettangolo finestra. accedere 610 nel Larghezza scatola e 420 nel Altezza casella quindi fare clic ok. Riempi questa nuova forma con R = 67 G = 71 B = 82 quindi inviarlo di nuovo (Shift-Control-[ ).
Successivamente, devi centrare questo rettangolo, 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 come mostrato nell'immagine seguente.
Sposta in Livelli e semplicemente rinominare questa nuova forma "sfondo".
Assicurati che il tuo "logo"la forma è selezionata e vai a Oggetto> Percorso> Percorso offset. Entrare in un -1px offset e fare clic ok. Seleziona la forma risultante e concentrati su Aspetto pannello (Finestra> Aspetto). Rimuovi il colore dal riempimento, quindi seleziona il tratto e imposta il suo colore su R = 237 G = 28 B = 36.
Continua a concentrarti sul tuo percorso rosso e scegli il Strumento di selezione diretta (A). Seleziona gli undici punti di ancoraggio evidenziati nella prima immagine, semplicemente premi il tasto Elimina pulsante dalla tastiera e si dovrebbe finire con i sette percorsi rossi come mostrato nella seconda immagine.
Concentrati sul tuo fondo, percorso rosso e scegli il Strumento di selezione diretta (A). Selezionare il punto di ancoraggio evidenziato nella prima immagine, spostarsi sul pannello di controllo e fare semplicemente clic sul Tagliare il percorso pulsante. Questo dovrebbe tagliare il tuo percorso a metà.
Riseleziona tutti i tuoi percorsi rossi e concentrati su Aspetto pannello. Seleziona il tratto, sostituisci il colore esistente con il bianco, quindi fai semplicemente clic su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 0.5px quindi spostati verso il Profilo sezione, apri il menu a discesa e seleziona Profilo di larghezza 1.
Alla fine le cose dovrebbero assomigliare alla prima immagine. Assicurati che tutti questi percorsi siano ancora selezionati e colpiti Controllo-G a Gruppo loro. Seleziona questo nuovo gruppo, concentrati sul Aspetto pannello, basta cliccare su "Opacità"pezzo di testo per aprire il Trasparenza pannello a scomparsa e abbassare il Opacità a 35%.
Assicurati che il tuo gruppo di percorsi bianchi sia ancora selezionato e faccia una copia davanti (Control-C> Control-F). Seleziona questo nuovo gruppo, concentrati sul Aspetto pannello, aumentare la sua Opacità a 80%, cambiare il Modalità di fusione a Dodge Color e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio 5px e fare clic ok.
Quindi, è necessario mascherare quel gruppo sfocato di percorsi creati nel passaggio precedente. Riseleziona il tuo "logo"forma, crea una copia di fronte (Control-C> Control-F), portalo in primo piano (Maiusc-Control-] ) e sostituire il colore di riempimento esistente con il bianco (R = 255 G = 255 B = 255). Seleziona questa nuova forma insieme al gruppo di forme sfocate, concentrati su Trasparenza pannello e basta fare clic su quello Crea maschera di opacità pulsante. Alla fine il tuo gruppo mascherato dovrebbe apparire nella terza immagine.
Disabilitare il Aggancia alla griglia (Visualizza> Aggancia alla griglia) quindi vai a Modifica> Preferenze> Generale e assicurarsi che il Incremento della tastiera è impostato a 1px. Seleziona il tuo "logo"forma e crea due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 1px usando il tasto freccia su dalla tastiera.
Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Assicurati che il gruppo di forme risultante sia selezionato e semplicemente colpito Control-8 per trasformarlo in un semplice Percorso composto. Selezionalo e concentrati su Aspetto pannello. Imposta il colore di riempimento su nero (R = 0 G = 0 B = 0), abbassatelo Opacità a 50% e cambia il Modalità di fusione a Luce soffusa.
Riseleziona il tuo "logo"forma e crea una copia di fronte (Control-C> Control-F). Seleziona questa nuova forma e concentrati sul Aspetto pannello (Finestra> Aspetto). Rimuovi il colore dal riempimento, quindi seleziona il tratto e imposta il suo colore su R = 237 G = 28 B = 36.
Usando il Strumento di selezione diretta (A), seleziona i due punti di ancoraggio evidenziati nella prima immagine, cancellali e finirai con due percorsi rossi. Seleziona quello in alto e liberalo.
Concentrati sul rimanente percorso rosso. Avrai bisogno di un pennello integrato per questo percorso in modo da aprire il Spazzole pannello (Finestra> Pennelli). Apri il menu a comparsa e vai a Apri la libreria dei pennelli> Artistico> Artistic_ChalkCharcoalPencil. Assicurati che il tuo percorso rosso sia selezionato, semplicemente sostituisci quel tratto rosso con "Gesso"Pennello artistico, abbassalo Opacità a 20% e cambia il Modalità di fusione a Luce soffusa.
Ora devi mascherare il percorso con quello "Gesso"pennello artistico, riseleziona il tuo"logo"forma, crea una copia di fronte (Control-C> Control-F), portalo in primo piano (Maiusc-Control-] ) e sostituire il colore di riempimento esistente con il bianco. Seleziona questa nuova forma insieme al percorso e fai clic su di essa Crea maschera di opacità pulsante dal Trasparenza pannello. Alla fine il tuo percorso mascherato dovrebbe apparire come nella terza immagine.
Riseleziona il tuo "logo"forma e vai a Oggetto> Percorso> Percorso offset. Entrare in un -1px offset e fare clic ok. Assicurati che la tua nuova forma sia selezionata e faccia una copia davanti (Control-C> Control-F). Seleziona questa copia e spostala 5px usando il tasto freccia su dalla tastiera.
Riselezionare entrambe le forme fatte in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Trasforma il gruppo di forme risultante in a Percorso composto (Control-8), imposta il colore di riempimento su R = 190 G = 197 B = 207, abbassalo Opacità a 20% e cambia il Modalità di fusione a Luce soffusa.
Assicurati che il tuo "logo"la forma rimane selezionata e si concentra sul Aspetto pannello. Seleziona il riempimento, sostituisci il colore esistente con R = 190 G = 197 B = 207 e vai a Effetto> Stilizzazione> Bagliore interno. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona il 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 tuo Pendenza pannello, selezionare Radiale dal genere menu a discesa quindi passare ai colori sfumati. Seleziona il cursore giusto e imposta il colore su R = 58 G = 62 B = 73 quindi seleziona il cursore sinistro, aggiungi lo stesso colore e abbassalo Opacità a 0%. Assicurati che il riempimento aggiunto in questo passaggio rimanga selezionato, concentrati sulla tua tavola da disegno, seleziona il Strumento sfumatura (G) e allunga il tuo gradiente all'incirca come mostrato nell'immagine seguente. Ritorna al Aspetto pannello, continua a concentrarti sul riempimento aggiunto in questo passaggio e abbassalo Opacità a 50%. Tieni presente che lo zero giallo dal Pendenza immagine sta per Opacità percentuale.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un terzo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, cambia il suo Modalità di fusione a Luce soffusa e aggiungi il gradiente radiale mostrato nell'immagine seguente. Non dimenticare che lo zero giallo dal Pendenza immagine sta per Opacità percentuale e utilizzare il Strumento sfumatura (G) per allungare questo nuovo gradiente come mostrato nell'immagine seguente.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un quarto riempimento. Selezionalo, imposta il colore al nero, abbassalo Opacità a 30%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Spugna. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok e vai a Effetto> Stilizzazione> Piuma. Entrare in un Raggio 5px e fare clic ok.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un quinto riempimento. Selezionalo, imposta il colore al nero, abbassalo Opacità a 15%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Distorci> Bagliore diffuso. Immettere le proprietà mostrate nell'immagine seguente, fare clic su ok e vai a Effetto> Stilizzazione> Piuma. Entrare in un Raggio 5px e fare clic ok.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un sesto riempimento. Selezionalo, imposta il colore su R = 47 G = 51 B = 62 e cambia il Modalità di fusione a Luce soffusa.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e selezionare il tratto. Imposta il colore al nero, abbassalo Opacità a 30%, cambiare il Modalità di fusione a Luce soffusa quindi apri il Ictus pannello a scomparsa. Assicurarsi che il Peso è impostato a 1px e controllare il Allinea Stroke to Inside pulsante.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello, selezionare il tratto esistente e duplicarlo usando il Duplica elemento selezionato pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona il nuovo tratto, abbassalo Opacità a 10%, sostituisci il colore piatto con il gradiente lineare mostrato nell'immagine seguente e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px Offset e fare clic ok.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello, seleziona il riempimento inferiore 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 quattro Ombra esterna effetti mostrati nell'immagine seguente.
Assicurati che il tuo "logo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un nuovo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Trascina questo nuovo riempimento nella parte inferiore del Aspetto pannello, abbassatelo Opacità a 5%, cambiare il Modalità di fusione a Luce soffusa e vai a Effetto> Percorso> Percorso offset. Entrare in un Offset 5px, clic ok e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un 25px Raggio e fare clic ok.
Assicurati che il tuo "sfondo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un secondo riempimento. Selezionalo, imposta il colore al nero, 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.
Assicurati che il tuo "sfondo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un terzo riempimento. Selezionalo, imposta il colore al nero, abbassalo Opacità a 20%, cambiare il Modalità di fusione a Luce soffusa e vai a Effetto> Distorci> Bagliore diffuso. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Assicurati che il tuo "sfondo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un quarto riempimento. Avrai bisogno di un pattern incorporato per questo nuovo riempimento, quindi vai al campioni pannello, aprire il menu a comparsa e andare a Apri la Libreria campioni> Motivi> Grafica di base> Grafica_Texture di base. Si dovrebbe aprire una nuova finestra con un set di pattern incorporati. Assicurati che il riempimento aggiunto in questo passaggio sia ancora selezionato, aggiungi "Diamante"pattern, abbassa la sua opacità a 15%, cambiare il Modalità di fusione a Moltiplicare e vai a Effetto> Artistico> Grana del film. Immettere le proprietà mostrate di seguito e fare clic ok.
Assicurati che il tuo "sfondo"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungi un quinto riempimento. Seleziona questo nuovo riempimento, abbassalo Opacità a 50%, cambiare il Modalità di fusione a Luce soffusa e aggiungi il gradiente radiale mostrato nell'immagine seguente. Non dimenticare che lo zero giallo dal Pendenza immagine sta per Opacità percentuale.
Usando il Strumento ellisse (L), creare un 4px cerchia e imposta il colore di riempimento sul bianco. Assicurati che questa piccola forma rimanga selezionata e si concentri sul Aspetto pannello. Seleziona il riempimento esistente, abbassalo Opacità a 30%, cambiare il Modalità di fusione a copertura e vai a Effetto> Distorci e trasforma> Pucker e Bloat. Trascina il cursore su -75% e fare clic ok.
Assicurati che il tuo cerchio bianco rimanga selezionato, concentrati su Aspetto pannello e aggiungi un secondo riempimento. Seleziona questo nuovo riempimento, trascinalo nella parte inferiore del Aspetto pannello e assicurarsi che il colore di riempimento sia impostato su bianco. Abbassare la sua Opacità a 50%, cambiare il Modalità di fusione a Dodge Color e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio 5px e fare clic ok. Assicurati che il tuo piccolo cerchio sia ancora selezionato, apri il Stili grafici pannello (Finestra> Stili grafici) e fare semplicemente clic sul Nuovo stile grafico pulsante per salvare un nuovo stile grafico. Una volta che hai finito puoi sbarazzarti di quel piccolo cerchio.
Usando il Strumento ellisse (L), creare due, 3px cerchi e due, 4px cerchi, imposta il colore di riempimento sul bianco e posizionale approssimativamente come mostrato nella prima immagine. Assicurati che tutte e quattro le forme siano selezionate e aggiungi semplicemente lo stile grafico dal Stili grafici pannello.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua