Share
Cosa starai creandoPer i principianti imparerai come configurare una griglia semplice e come creare diverse forme perfette di pixel. Andando avanti, imparerai come aggiungere punti salienti sottili usando il pannello Pathfinder e le tecniche di fusione di base. Infine, imparerai come aggiungere ombreggiature e uno sfondo semplice usando il pannello Aspetto e il pannello Traccia insieme a una serie di semplici effetti.
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). 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. 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 = 255 G = 238 B = 205. Passa alla tua tavola da disegno e crea semplicemente a 115 x 125 px rettangolo, la funzione Aggancia alla griglia dovrebbe facilitare il tuo lavoro.
Usando il Strumento di selezione diretta (A), riseleziona il tuo rettangolo, passa al pannello di controllo e inserisci "5px" nel angoli scatola. Se ti capita di usare una versione precedente di Illustrator dovrai usare il Angoli arrotondati effetto. Assicurati che il tuo rettangolo sia selezionato e vai a Effetto> Stilizzazione> Angoli arrotondati. Entrare in un Raggio 5px, clic ok e vai a Oggetto> Espandi Aspetto. Alla fine la tua forma dovrebbe apparire nell'immagine seguente.
Sposta in Livelli pannello (Finestra> Livelli), apri il livello esistente, semplicemente doppio click sulla tua forma e rinominala "pagina".
Usando il Strumento penna (P), creare un 115px, percorso orizzontale e posizionarlo come mostrato nella prima immagine. Ancora una volta, il Aggancia alla griglia funzionalità sarà utile. Aggiungere un 1pt tratto per questo nuovo percorso e impostare il suo colore a R = 0 G = 128 B = 200.
Assicurati che il tuo percorso orizzontale rimanga selezionato e ti concentri su Aspetto pannello (Finestra> Aspetto). Basta cliccare su "Opacità"pezzo di testo per aprire il Trasparenza pannello a scomparsa e abbassare il Opacità a 15%. Successivamente, è necessario assicurarsi che il percorso sia perfettamente allineato alla griglia dei pixel. Riselezionalo e vai a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Verticale cursore 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.
Assicurati che il tuo percorso orizzontale sia ancora selezionato e vai a Effetto> Distorci e trasforma> Trasforma. Accedere "8" In ciò copie casella, trascinare il Spostare-Verticale cursore a 10px e quindi fare clic ok.
Usando il Strumento penna (P), creare un 100px, percorso verticale e posizionarlo come mostrato nella prima immagine. Aggiungere un 1pt tratto per questo nuovo percorso, impostare il suo colore a R = 248 G = 164 B = 150, abbassare il Opacità a 80% e poi andare a Effetto> Distorci e trasforma> Trasforma. Trascina il Spostare-Orizzontale cursore a 0.5px e fare clic ok.
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. Assicurati che il tuo "pagina"la forma è selezionata 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, aprire il esploratore pannello (Finestra> Pathfinder) e fare clic su Fronte meno pulsante. Seleziona la forma risultante, imposta il colore di riempimento sul nero (R = 0 G = 0 B = 0) e abbassare il suo Opacità a 5%. Assicurati che questo sottile, nuovo percorso rimanga selezionato, apri il Stili grafici pannello (Finestra> Stili grafici) e basta cliccare su quello Nuovo stile Graphci pulsante per salvare un nuovo stile grafico.
Assicurati che il tuo "pagina"la forma è selezionata e crea due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 2px usando lo stesso tasto freccia su dalla tastiera.
Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Seleziona la forma risultante e aggiungi semplicemente lo stile grafico salvato da Stili grafici pannello.
Assicurati che il tuo "pagina"la forma è selezionata e crea altre due copie davanti (Control-C> Control-F> Control-F). Seleziona la copia in alto e spostala 3px su.
Riselezionare entrambe le copie eseguite in questo passaggio e fare clic su Fronte meno pulsante dal esploratore pannello. Ancora una volta, seleziona la forma risultante e aggiungi il tuo stile grafico dal Stili grafici pannello.
Abilita il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Assicurati che il tuo "pagina"la forma è selezionata e fa una copia davanti (Control-C> Control-F). Usando il Strumento rettangolo (M), creare un 115 x 25 px forma, imposta il colore di riempimento su R = 235 G = 175 B = 56 e posizionarlo come mostrato nella seconda immagine.
Seleziona questo nuovo rettangolo insieme alla copia fatta all'inizio del passaggio e fai clic su intersecare pulsante dal esploratore pannello. Alla fine la tua forma arancione dovrebbe apparire nella quarta immagine.
Sposta in Livelli pannello, semplicemente doppio click sulla forma fatta in questo passaggio e rinominala "superiore".
Disabilitare il Aggancia alla griglia (Visualizza> Aggancia alla griglia). Assicurati che il tuo "superiore"la forma è selezionata e crea 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 e fare clic su Fronte meno pulsante dal esploratore pannello.
Seleziona la forma risultante, imposta il colore di riempimento su bianco (R = 255 G = 255 B = 255), abbassatelo Opacità a 50% e cambia il Modalità di fusione a Luce soffusa.
Assicurati che il tuo "superiore"la forma è selezionata e si concentra sul Aspetto pannello. Seleziona il tratto e imposta il colore su bianco, abbassalo Opacità a 30% e cambia il Modalità di fusione a Luce soffusa.
Continua a concentrarti sul Aspetto pannello e basta cliccare su "Ictus"pezzo di testo per aprire il Ictus pannello a scomparsa. Impostare il Peso a 1px e controllare il Allinea Stroke to Inside pulsante. Alla fine le cose dovrebbero assomigliare all'immagine seguente.
Riseleziona il tuo "superiore"forma, 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> Sfalsa ombra. Inserisci le proprietà mostrate nella finestra di sinistra (nella seguente immagine), clicca ok e vai di nuovo a Effetto> Stilizzazione> Sfalsa ombra. Inserire le proprietà mostrate nella finestra centrale, fare clic ok e andare ancora una volta a Effetto> Stilizzazione> Sfalsa ombra. Immettere le proprietà mostrate nella finestra di destra e fare clic ok.
Riseleziona il tuo "superiore"forma, assicurati che l'intero percorso sia selezionato e aggiungi i tre Ombra esterna effetti (Effetto> Stilizzazione> Sfalsa ombra) mostrato nell'immagine seguente.
Scegli il Strumento rettangolo (M) e fai semplicemente clic sulla tua tavola da disegno per aprire il Rettangolo finestra. accedere 610 nel Larghezza e Altezza caselle quindi fare clic ok. Riempi la forma appena creata con R = 0 G = 167 B = 157 quindi inviarlo di nuovo (Shift-Control-[ ).
Successivamente, devi centrare questo quadrato, 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 quadrato dovrebbe coprire l'intera tavola da disegno come mostrato nell'immagine seguente. Sposta in Livelli e rinominare questa nuova forma "sfondo".
Riseleziona il tuo "sfondo"forma, concentrarsi sul Aspetto pannello e secondo riempimento utilizzando il Aggiungi nuovo riempimento pulsante (indicato dal cerchio blu nell'immagine seguente). Assicurati che questo nuovo riempimento rimanga selezionato, 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 = 38 G = 34 B = 98 quindi seleziona il cursore sinistro, imposta il colore su R = 0 G = 167 B = 157 e abbassatelo Opacità a 0%. Prendi il Strumento sfumatura (G), spostati sulla tavola da disegno e allunga il gradiente radiale come mostrato nell'immagine seguente.
Assicurati che il tuo "pagina"la forma è selezionata e si concentra sul Aspetto pannello. Seleziona il tratto esistente, imposta il suo colore in nero e cambia il Modalità di fusione a Luce soffusa. Apri il Ictus pannello a scomparsa per questo tratto, assicurarsi che il Peso è impostato a 1px e controllare il Allinea Stroke to Inside pulsante.
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, abbassalo Opacità a 20%, cambiare il Modalità di fusione a Luce soffusa e controllare il Allinea il tratto all'esterno pulsante dal Ictus pannello a scomparsa.
Assicurati che il tuo "pagina"la forma è selezionata, si concentra su Aspetto pannello, selezionare il riempimento esistente e aggiungere i due Ombra esterna effetti (Effetto> Stilizzazione> Sfalsa ombra) mostrato nell'immagine seguente.
Assicurati che il tuo "pagina"la forma è selezionata, si concentra su Aspetto pannello e aggiungere un secondo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, trascinalo nella parte inferiore del Aspetto pannello e imposta il colore al nero.
Assicurati che rimanga selezionato, abbassalo Opacità a 10%, cambiare il Modalità di fusione a Luce soffusa e vai a Effetto> Percorso> Percorso offset. Entrare in un -1px offset, clic ok e vai a Effetto> Distorci e trasforma> Trasforma. Trascina the Move-Vertical cursore a 4px e fare clic ok.
Assicurati che il tuo "pagina"la forma è selezionata, si concentra su Aspetto pannello e aggiungere un terzo riempimento utilizzando lo stesso Aggiungi nuovo riempimento pulsante. Seleziona questo nuovo riempimento, trascinalo nella parte inferiore del Aspetto pannello e imposta il colore al nero.
Assicurati che rimanga selezionato, cambia il Modalità di fusione a Luce soffusa e vai a Effetto> Percorso> Percorso offset. Entrare in un -3px Offset, clic ok e vai a Effetto> Distorci e trasforma> Trasforma. Trascina the Move-Vertical cursore a 6px, clic ok e vai a Effetto> Sfocatura> Sfocatura gaussiana. Entrare in un Raggio 10px e fare clic ok.
Ecco come dovrebbe apparire. Spero ti sia piaciuto questo tutorial e puoi applicare queste tecniche nei tuoi progetti futuri.
Accentsconagua