Share
Cosa starai creandoNei seguenti passaggi imparerai come creare un semplice grafico a linee in Adobe Illustrator. Per i principianti imparerai come impostare una griglia semplice e come creare i due rettangoli principali. Successivamente, imparerai come creare una griglia tratteggiata usando lo strumento griglia rettangolare insieme ad alcuni effetti di base e gli attributi di tratto. Andando avanti imparerai come creare le guide linea utilizzando solo il pannello Aspetto e come salvare e utilizzare uno stile grafico semplice. Infine, imparerai come creare alcune semplici parti di testo e come aggiungere sfumature sottili.
Colpire Control-N per creare un nuovo documento. Selezionare pixel dal unità menu a discesa, immettere 600 nelle caselle larghezza e 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 = 40 G = 35 B = 45. Basta fare clic sulla tua tavola da disegno per aprire il Rettangolo finestra. accedere 610 nel Larghezza e Altezza caselle quindi fare clic su ok pulsante per creare il tuo 610px piazza.
Successivamente, è necessario centrare questa nuova forma, quindi aprire 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 quadrato dovrebbe coprire l'intera tavola da disegno come mostrato nell'immagine seguente.
Sposta in Livelli pannello (Finestra> Livelli), apri il livello esistente, semplicemente doppio click sulla tua forma e rinominala "sfondo".
Assicurarsi che il Strumento rettangolo (M) è ancora attivo, imposta il colore di riempimento su R = 30 G = 61 B = 81, creare un 475px piazza e posizionalo approssimativamente come mostrato nell'immagine seguente. Sposta in Livelli pannello e semplicemente rinominare questa nuova forma "principale".
Concentrati sulla barra degli strumenti, rimuovi il colore dal riempimento, quindi seleziona il tratto e imposta il colore su bianco (R = 255 G = 255 B = 255). Continua a concentrarti sulla tua barra degli strumenti e seleziona il Strumento griglia rettangolare per aprire il Opzioni dello strumento griglia rettangolare finestra. Basta fare clic sulla tua tavola da disegno, inserire tutti gli attributi mostrati nell'immagine seguente e fare clic su ok pulsante. Assicurati che questa nuova griglia sia selezionata e posizionala esattamente come mostrato nella prima immagine, la Aggancia alla griglia funzione dovrebbe facilitare il tuo lavoro.
Assicurati che l'intera griglia sia ancora selezionata e colpisca semplicemente Maiuscole-Ctrl-G a Separa esso. Seleziona il rettangolo che incornicia la tua griglia e premi semplicemente il Elimina pulsante dalla tastiera per rimuoverlo. Alla fine le cose dovrebbero assomigliare alla seconda immagine.
Continua a concentrarti sulla tua griglia, seleziona i dieci percorsi orizzontali e apri il Trasformare pannello (Finestra> Trasforma). Assicurarsi che il Limita le proporzioni di larghezza e altezza il pulsante non è attivato e basta inserire 360px nel Larghezza scatola. Alla fine le cose dovrebbero assomigliare alla seconda immagine.
Assicurati che tutti i tuoi percorsi bianchi siano selezionati, concentrati su Aspetto pannello e basta cliccare su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Controlla il Linea tratteggiata scatola e il Allinea i Dash agli angoli e finisce il percorso i pulsanti quindi semplicemente inserire 5px nei primi due trattini e caselle vuote. Alla fine le cose dovrebbero assomigliare all'immagine seguente.
Assicurati che tutti i tuoi percorsi bianchi siano selezionati e semplicemente colpiti Controllo-G a Gruppo loro. Successivamente, è necessario assicurarsi che questi sottili percorsi siano perfettamente allineati alla griglia dei pixel. Seleziona il gruppo creato in questo passaggio e vai a Effetto> Distorci e trasforma> Trasforma. Trascina entrambi Mossa cursori a -0.5px e fare clic ok.
Abilita il Anteprima pixel (Visualizza> Anteprima pixel) quindi dai un'occhiata al tuo percorso con e senza il Trasformare influire per capire esattamente come cambiano le cose. Non dimenticare di disabilitare il Anteprima pixel (Visualizza> Anteprima pixel) una volta che hai finito.
Riseleziona il tuo gruppo di percorsi bianchi, concentrati su Aspetto pannello e basta cliccare su "Opacità"pezzo di testo per aprire il Trasparenza pannello a scomparsa. Abbassare il Opacità a 25% e continua a concentrarti sul Aspetto pannello. Assicurati che il tuo gruppo sia ancora selezionato e vai a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Prendi il Strumento penna (P) e creare un percorso un po 'semplice come mostrato nell'immagine seguente. Selezionalo e concentrati su Aspetto pannello. Assicurarsi che non vi sia alcun colore impostato per il riempimento, selezionare il tratto, impostare il colore su R = 255 G = 25 B = 100 quindi apri il Ictus pannello a scomparsa. Impostare il Peso a 4px quindi semplicemente controllare il Tappo rotondo e il Round Join pulsanti (indicati dai cerchi blu nell'immagine seguente).
Assicurati che il tuo percorso giallo rimanga selezionato, concentrati su Aspetto pannello, selezionare il tratto esistente e semplicemente duplicarlo usando il Duplica elemento selezionato pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona questo nuovo tratto, imposta il Peso a 3px e il colore a R = 255 G = 222 B = 23 poi vai a Effetto> Distorci e trasforma> Trasforma. Immettere le proprietà mostrate nell'immagine seguente e fare clic ok.
Assicurati che il tuo percorso giallo rimanga selezionato, concentrati su Aspetto pannello, selezionare il tratto superiore e duplicarlo usando lo stesso Duplica elemento selezionato pulsante. Seleziona questo nuovo tratto, imposta il Peso a 1px e il colore a R = 247 G = 148 B = 30 quindi apri l'esistente Trasformare effetto. Sostituisci le proprietà esistenti con quelle mostrate nell'immagine seguente e clicca ok.
Assicurati che il tuo percorso giallo rimanga selezionato, concentrati su Aspetto pannello, selezionare il tratto inferiore e duplicarlo usando lo stesso Duplica elemento selezionato pulsante. Seleziona questo nuovo tratto, trascinalo nella parte inferiore del Aspetto pannello, impostare il Peso a 6px e il colore al nero (R = 0 G = 0 B = 0) quindi abbassatelo Opacità a 15%.
Assicurati che il tuo percorso giallo rimanga selezionato, concentrati su Aspetto pannello, selezionare il 4px colpo e andare a Effetto> Stilizzazione> Sfalsa ombra. Inserisci le proprietà mostrate nella finestra di sinistra (nella seguente immagine), clicca ok poi colpisci Maiuscole-Ctrl-E due volte per aggiungere lo stesso effetto altre due volte. Assicurati che il tuo 4px è ancora selezionato e passa ancora una volta a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra di destra e fare clic ok.
Riseleziona il tuo percorso giallo, concentrati su Aspetto pannello, assicurati che l'intero percorso sia selezionato (fai semplicemente clic sul pulsante "Sentiero"pezzo di testo dalla cima del Aspetto pannello) e andare a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio 5px e fare clic ok. Assicurati che il tuo percorso giallo 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.
Prendi il Strumento penna (P) e creare un nuovo percorso come mostrato nell'immagine seguente. Selezionalo e aggiungi semplicemente lo stile grafico salvato da Stili grafici pannello. Assicurati che questo percorso fresco rimanga selezionato e si concentri su Aspetto pannello. Seleziona il tratto superiore e sostituisci il colore esistente con R = 239 G = 65 B = 54. Continua a concentrarti sul Aspetto pannello, spostati verso il basso fino al tratto successivo, selezionalo e sostituisci il colore esistente con R = 247 G = 148 B = 30. Infine, seleziona il 4px accarezza e sostituire il colore esistente con R = 255 G = 205 B = 109.
Prendi il Strumento penna (P) e creare un nuovo percorso come mostrato nell'immagine seguente. Selezionalo e aggiungi semplicemente lo stile grafico salvato da Stili grafici pannello. Assicurati che questo percorso fresco rimanga selezionato, concentrati su Aspetto pannello e sostituisci semplicemente i colori dei tratti esistenti con quelli mostrati sotto.
Usando il Strumento ellisse (L), creare un 20px cerchio e posizionarlo come mostrato nella prima immagine. Seleziona questa nuova forma e concentrati sul Aspetto pannello. Assicurati di non aver impostato alcun colore per il riempimento, seleziona il tratto, imposta il suo colore su R = 39 G = 170 B = 225 quindi apri il Ictus pannello a scomparsa. Impostare il Peso a 4px, controlla il Allinea il tratto all'esterno pulsante (evidenziato dal cerchio blu nell'immagine seguente) quindi vai a Oggetto> Percorso> Corsa contorno.
Disattiva lo snap alla griglia (Visualizza> Aggancia alla griglia) quindi vai a Modifica> Preferenze> Generale e assicurarsi che il Incremento della tastiera è impostato a 1px. Assicurati che la tua forma blu sia selezionata e faccia due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 1px giù usando il tasto freccia giù dalla tastiera.
Riselezionare entrambe le copie eseguite in questo passaggio, aprire il esploratore pannello (Finestra> Pathfinder) e fare clic su Fronte meno pulsante. Assicurati che il gruppo di forme risultante sia selezionato e semplicemente colpito Control-8 per trasformarlo in un percorso composto semplice. Selezionalo, imposta il colore su bianco e cambialo Modalità di fusione a Luce soffusa.
Assicurati che la tua forma blu sia selezionata e facciane altre due 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. Trasforma il gruppo di forme risultante in un nuovo percorso composto (Control-8), imposta il colore di riempimento sul nero e cambia il Modalità di fusione a Luce soffusa.
Riseleziona la tua forma blu e concentrati su Aspetto pannello. Seleziona il riempimento, abbassalo Opacità a 10% e sostituire il colore esistente con il bianco.
Assicurati che il tuo cerchio bianco rimanga selezionato, concentrati su Aspetto pannello e selezionare il tratto. Imposta il colore al nero e il Peso a 1px, abbassalo Opacità a 20% e controllare il Allinea il tratto all'esterno pulsante dal Ictus pannello a scomparsa.
Continua a concentrarti sul Aspetto pannello e aggiungi un secondo tratto per la tua forma usando il Aggiungi nuovo tratto pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona questo nuovo tratto, imposta il colore su bianco e il Peso a 1px, abbassalo Opacità a 10% e controllare il Allinea Stroke to Inside pulsante dal Ictus pannello a scomparsa.
Riseleziona il tuo cerchio bianco, concentrati su Aspetto pannello, assicurati che l'intero percorso sia selezionato e aggiungi i tre Ombra esterna effetti (Effetto> Stilizzazione> Sfalsa ombra) mostrato nell'immagine seguente.
Abilita il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Riseleziona il tuo cerchio bianco insieme ai due percorsi composti sottili e Gruppo loro (Controllo-G). Moltiplicare questo nuovo gruppo (Control-C> Control-F) e distribuire le copie approssimativamente 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. Prendi il Tipo Strumento (T), fai semplicemente clic sulla tua tavola da disegno e aggiungi il pezzo di testo mostrato nell'immagine seguente. Assicurati che tutto questo testo rimanga selezionato, imposta il suo colore su R = 187 G = 183 B = 200 e apri il Personaggio pannello (Finestra> Tipo> Carattere). Seleziona il font Calibri, fallo Grassetto e impostare la dimensione a 12px.
Riseleziona tutto il testo e aggiungi il cinque Ombra esterna effetti mostrati nell'immagine seguente. Assicurati che una di queste parti di testo sia ancora selezionata e salva un nuovo stile grafico usando quello stesso Nuovo stile grafico pulsante dal Stili grafici pannello.
Prendi il Tipo Strumento (T) e aggiungi una porzione di testo più lunga come mostrato nell'immagine seguente. Usa lo stesso colore, tipo di carattere e stile, ma aumenta la dimensione del carattere a 15px. Assicurati che questa nuova parte di testo sia selezionata e aggiungi semplicemente lo stile grafico salvato nel passaggio precedente.
Seleziona il tuo "principale"forma, concentrarsi sul Aspetto pannello e aggiungere un secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante (indicato dal cerchio blu nell'immagine seguente). Seleziona questo nuovo riempimento, abbassalo Opacità a 50%, cambiare il Modalità di fusione a copertura e apri il Pendenza pannello (Finestra> Gradiente). Basta fare clic sulla miniatura della sfumatura per aggiungere il gradiente lineare da nero a bianco predefinito. Continua a concentrarti sul tuo Pendenza pannello, seleziona il cursore sinistro e assicurati che il colore sia impostato su bianco, quindi seleziona il cursore destro, imposta il colore su R = 30 G = 61 B = 81 e abbassatelo Opacità a 0%. Assicurati che il riempimento aggiunto in questo passaggio rimanga selezionato, prendi il Strumento sfumatura (G), concentrati sulla tavola da disegno e allunga il tuo gradiente lineare approssimativamente come mostrato nell'immagine seguente.
Riseleziona il tuo "principale"forma, concentrarsi sul Aspetto pannello e aggiungere un terzo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, imposta il colore al nero, abbassalo Opacità a 7%, 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.
Assicurati che la tua forma "principale" rimanga selezionata, concentrati su Aspetto pannello e selezionare il tratto. Imposta il colore al bianco, abbassalo Opacità a 50%, cambiare il Modalità di fusione a copertura quindi imposta il Peso a 2px e controllare il Allinea Stroke to Inside pulsante dal Ictus pannello a scomparsa.
Assicurati che il tuo "principale"la forma rimane selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo tratto pulsante. Seleziona questo nuovo tratto, imposta il colore su R = 55 G = 32 B = 35 e il Peso a 1px quindi controllare il Allinea Stroke to Inside pulsante dal Ictus pannello a scomparsa. Ritorna al Aspetto pannello e aggiungi un terzo tratto per la tua forma. Imposta il colore a R = 35 G = 31 B = 32, abbassalo Opacità a 10%, cambiare il Modalità di fusione a Luce soffusa quindi imposta il Peso a 1px e controllare il Allinea il tratto all'esterno pulsante dal Ictus pannello a scomparsa.
Assicurati che il tuo "principale"la forma rimane selezionata, si concentra su Aspetto pannello, selezionare il riempimento inferiore e aggiungere i quattro Ombra esterna effetti mostrati nell'immagine seguente.
Riseleziona il tuo "principale"forma, concentrarsi sul Aspetto pannello, assicurati che l'intero percorso sia selezionato e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio 5px, clic ok e hai finito.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua