Da leggere!
Visualizzazione post con etichetta Web Design: Illustrator Tutorial. Mostra tutti i post
Visualizzazione post con etichetta Web Design: Illustrator Tutorial. Mostra tutti i post
venerdì 12 agosto 2011
Creare un biglietto da visita con Illustrator: progetto passo a passo
Da leggere!
venerdì 5 agosto 2011
Realizzare un badge web 2.0 con Illustrator
Se avete bisogno di realizzare un badge vettoriale per una brochure, un manifesto, ecc, questo tutorial vi viene in aiuto: http://www.learnit2.com/web-2-0-badge-adobe-illustrator-tutorial/
Buon badge a tutti!
Riflesso web 2.0 con Illustrator
Ormai il web 2.0 è agli sgoccioli, almeno per quanto riguarda le caratteristiche grafiche di questo stile. Riflessi, effetti glossy, ecc stanno ormai rapidamente scomparendo dai nuovi design.
Per chi però si fosse ormai affezionato al buon vecchio riflesso, ecco un tutorial su come realizzarlo con Illustrator: http://www.bittbox.com/illustrator/tutorial-web-20-logo-reflection-in-vector-format-with-illustrator
Buon lavoro!
Leggi tutto...
Per chi però si fosse ormai affezionato al buon vecchio riflesso, ecco un tutorial su come realizzarlo con Illustrator: http://www.bittbox.com/illustrator/tutorial-web-20-logo-reflection-in-vector-format-with-illustrator
Buon lavoro!
mercoledì 26 novembre 2008
Illustrator: effetto "amico dell'ambiente" su testo
Ecco un altro fantastico tutorial su Illustrator, proposto da Vectortuts.com, che ci spiega come creare un testo effetto "Amico dell'Ambiente".Il risultato finale è strepitoso, da provare.
Link: http://vectortuts.com/text-effects/creating-an-environmentally-friendly-green-type-treatment/
Illustrator: creare un albero di Natale
Mi permetto di segnalare il bellissimo tutorial che trovate sul sito di N-Design Studio, che spiega nel dettaglio come realizzare un realistico albero di Natale con Illustrator.Il tutorial è in inglese, ma è corredato di molte immagini che rendono il tutto piuttosto chiaro.
domenica 9 novembre 2008
Illustrator: creare un logo 3D
La procedura per creare un logo 3D con Adobe Illustrator è molto semplice e richiede solo pochi passaggi.
1^ STEP
Innanzitutto scriviamo un testo oppure disegniamo qualcosa con gli strumenti che Illustrator ci mette a disposizione.
2^ STEP
Premiamo CTRL+A per selezionare tutti gli oggetti sullo stage, e quindi dal menu Effetto scegliamo 3D e quindi Estrusione e Smusso.
Sulla finestra che si apre selezioniamo la checkbox Anteprima per visualizzare già il risultato finale.
Proviamo varie combinazioni finchè non otteniamo un risultato che ci soddisfi, e clicchiamo su OK.
3^ STEP
A questo punto avremo il nostro bel logo 3d, ma non è detto che l'ombreggiatura automatica aggiunta dal programma ci soddisfi.
La soluzione migliore per personalizzare il nostro logo è premere CTRL+A e quindi selezionare la voce Espandi aspetto dal menu Oggetto.
A questo punto avremo ottenuto un gruppo di tracciati.
4^ STEP
Per separare i tracciati, clicchiamo su Oggetto > Separa.
Ora sarà sufficiente selezionare il tracciato con lo strumento Selezione, e quindi scegliere un nuovo colore di riempimento.
Una volta raggiunto un risultato soddisfacente, è consigliabile raggruppare nuovamente i tracciati cliccando su Oggetto > Raggruppa.
Leggi tutto...
1^ STEP
Innanzitutto scriviamo un testo oppure disegniamo qualcosa con gli strumenti che Illustrator ci mette a disposizione.
2^ STEP
Premiamo CTRL+A per selezionare tutti gli oggetti sullo stage, e quindi dal menu Effetto scegliamo 3D e quindi Estrusione e Smusso.
Sulla finestra che si apre selezioniamo la checkbox Anteprima per visualizzare già il risultato finale.
Proviamo varie combinazioni finchè non otteniamo un risultato che ci soddisfi, e clicchiamo su OK.3^ STEP
A questo punto avremo il nostro bel logo 3d, ma non è detto che l'ombreggiatura automatica aggiunta dal programma ci soddisfi.
La soluzione migliore per personalizzare il nostro logo è premere CTRL+A e quindi selezionare la voce Espandi aspetto dal menu Oggetto.
A questo punto avremo ottenuto un gruppo di tracciati.
4^ STEP
Per separare i tracciati, clicchiamo su Oggetto > Separa.
Ora sarà sufficiente selezionare il tracciato con lo strumento Selezione, e quindi scegliere un nuovo colore di riempimento.
Una volta raggiunto un risultato soddisfacente, è consigliabile raggruppare nuovamente i tracciati cliccando su Oggetto > Raggruppa.
giovedì 7 agosto 2008
Vectortuts: un mondo di tutorial per la grafica vettoriale
Vi avevo forse già parlato di PSDTUTS, un fantastico sito che raccoglie una gran quantità di ottimi tutorial per photoshop (e quando parlo di ottimi, intendo veramente superlativi, anche per la bellezza e la qualità delle realizzazioni finali).Oggi vi segnalo il suo gemello, VECTORTUTS, dallo stesso creatore, un altro meraviglioso sito che raccoglie utilissimi tutorial per la grafica vettoriale, in particolare per Illustrator.
Ve lo consiglio caldamente, è veramente un calderone di idee, che vi aiuterà a realizzare le vostre illustrazioni vettoriali personali!
Che dire della mano "magica", che sembra fatta di rami e foglie? Oppure del cruscotto di un'auto sportiva?
Buon lavoro!!!
lunedì 7 gennaio 2008
Illustrator: Creare un bottone con effetto vetro
Questo semplice tutorial spiega nel dettaglio come realizzare un bel bottone vettoriale in perfetto stile Mac X!
Link: http://www.bittbox.com/illustrator/
Leggi tutto...
Link: http://www.bittbox.com/illustrator/
martedì 20 novembre 2007
Aqua-Style con Illustrator
* Tratto dal sito http://bartelme.at/, in tedesco
Da quando Mac OS X ha introdotto l'Aqua-Style, questa tecnica è sulla bocca di tutti. In molti sono rimasti affascinati da questo stile e hanno provato a riprodurlo. Nel tutorial seguente, vi mostreremo come sia possibile creare con Illustrator un simbolo in perfetto Aqua-Style, in pochi semplici passaggi.
PRIMO STEP - IL CERCHIO SFUMATO
Apriamo Illustrator, clicchiamo sullo "Strumento Rettangolo" nella finestra "Strumenti". Tenendo premuto il pulsante del mouse per più di un secondo, apparirà un menu a tendina con svariate altre forme: scegliamo lo "Strumento Ellisse". Spostiamoci sullo stage. Tenendo premuto il tasto SHIFT della tastiera, disegniamo un cerchio perfetto della grandezza che preferiamo.
Ora probabilmente il cerchio sarà bianco con il contorno o "traccia" di colore nero.
Torniamo sulla finestra "Strumenti". Nella parte più bassa della finestra sono rappresentati due quadrati sovrapposti, uno intero e uno "bucato". Il quadrato intero indica il colore di riempimento, mentre il quadrato bucato indica il colore del contorno o "traccia".
Selezioniamo il quadrato "bucato", che si porterà così in primo piano, e facciamo doppio clic su di esso. Si aprirà così la finestra "Selettore colore". Scegliamo un colore blu, ad esempio #000099.
Ora il nostro cerchio sarà bianco con il bordo blu.
NOTA BENE! Per poter cambiare la colorazione del cerchio, questo deve sempre essere selezionato! Per vedere se è selezionato, dobbiamo verificare che sia circondato da un tracciato blu chiaro. Se il nostro cerchio non è più selezionato, è sufficiente usare lo "Strumento Selezione" (la freccia nera) della finestra Strumenti. Clicchiamo sulla freccia, e clicchiamo sul nostro cerchio. Ed eccolo magicamente selezionato!!!
Per dare l'idea della profondità, dobbiamo applicare una sfumatura radiale.
Clicchiamo sul quadrato "intero" per portarlo in primo piano.
Ora dal menu principale selezioniamo "Finestra" e quindi "Campioni". Si aprirà così una finestra laterale che contiene diversi riempimenti. Selezioniamo la "Sfumatura radiale viola" (un cerchio grigio/viola sfocato in campo viola).
A questo punto il nostro cerchio avrà una sfumatura radiale, ma del colore sbagliato. Come possiamo modificare il colori della sfumatura? E' molto semplice!
Dal menu principale scegliamo "Finestra" e quindi "Sfumatura". Si aprirà una finestra laterale con diverse linguette, tra cui quella relativa alla "Sfumatura". Clicchiamo sulla linguetta e, tenendo premuto il pulsante del mouse, trasciniamo la finestra "Sfumatura" sullo stage. Clicchiamo più volte sulla doppia freccia che appare accanto alla dicitura "Sfumatura", fino a che non appare una barra colorata dal bianco al viola.
Facciamo doppio click sul quadratino bianco posto all'inizio della barra, e automaticamente si aprirà la finestra laterale "Colore". I valori presenti saranno R 255 G 255 B 255, poichè il centro della sfumatura è bianco. Modifichiamo questi valori, e quelli degli altri due quadratini, come da immagine sottostante, e otteremo una splendida sfumatura blu.
Per creare un effetto più realistico, dobbiamo applicare il gradiente appena creato un po' più in basso della metà. Per fare ciò, selezioniamo lo "Strumento Sfumatura" dalla finestra Strumenti (il rettangolo sfumato), e quindi clicchiamo sulla parte più bassa del nostro cerchio, e, tenendo premuto il mouse, tracciamo una linea leggermente inclinata verso l'alto. Dovremmo ottenere questo risultato:
SECONDO STEP - IL RIFLESSO
Ora selezioniamo di nuovo lo "Strumento Ellisse" dalla finestra "Strumenti", e disegniamo una ellisse, posizionandola come nell'immagine sottostante:
L'ellisse da noi creata, però, sarà probabilmente sfumata come il primo cerchio, e non bianca. Per farla diventare bianca, modifichiamo i colori di riempimento e di traccia. Selezioniamo il quadrato "intero", facciamo doppio clic, e nel "Selettore colore" scegliamo il bianco. Ora selezioniamo il quadrato "bucato", e clicchiamo sul quadratino bianco con un segno rosso, posizionato proprio sotto ai due quadrati sovrapposti. In questo modo decidiamo che il nostro oggetto non ha una "traccia".
Dal menu principale selezioniamo "Finestra" e quindi "Trasparenza". Settiamo l'opacità di questo secondo cerchio al 40%.
TERZO STEP - MASCHERA DI OPACITA'
Per rendere l'effetto un po' più soft, usiamo la "maschera di opacità". Selezioniamo il cerchio, apriamo la finestra "Trasparenza", clicchiamo sulla freccetta che va verso il basso e scegliamo la voce "Crea maschera di opacità".
Il nostro secondo cerchio è sparito! Nessuna paura: clicchiamo sul quadrato nero (la maschera) e deselezioniamo la voce "Ritaglia". A questo punto il nostro secondo cerchio sarà identico a prima.
Ora selezioniamo lo "Strumento Rettangolo" dal menu "Strumenti", e disegniamo un rettangolo attorno alla nostra piccola ellisse. Ora selezioniamo il colore di riempimento, e dalla finestra "Campioni" (oppure dalla barra in alto, accanto alla dicitura "Tracciato"), selezioniamo il colore "Sfumatura lineare 1". A questo punto selezioniamo lo "Strumento Sfumatura" dalla finestra Strumenti, clicchiamo nel punto più alto della nostra ellisse, e tracciamo una retta verso il basso.
Ecco applicata una maschera di opacità ("opacity mask") sfumata al nostro riflesso!!!
Finito! abbiamo ottenuto un bellissimo simbolo Aqua-Style!
Questo tutorial in lingua originale, esempi e download su http://bartelme.at/journal/archive/aqua_style_mit_illustrator/.
Leggi tutto...
Da quando Mac OS X ha introdotto l'Aqua-Style, questa tecnica è sulla bocca di tutti. In molti sono rimasti affascinati da questo stile e hanno provato a riprodurlo. Nel tutorial seguente, vi mostreremo come sia possibile creare con Illustrator un simbolo in perfetto Aqua-Style, in pochi semplici passaggi.
PRIMO STEP - IL CERCHIO SFUMATO
Apriamo Illustrator, clicchiamo sullo "Strumento Rettangolo" nella finestra "Strumenti". Tenendo premuto il pulsante del mouse per più di un secondo, apparirà un menu a tendina con svariate altre forme: scegliamo lo "Strumento Ellisse". Spostiamoci sullo stage. Tenendo premuto il tasto SHIFT della tastiera, disegniamo un cerchio perfetto della grandezza che preferiamo.
Ora probabilmente il cerchio sarà bianco con il contorno o "traccia" di colore nero.
Torniamo sulla finestra "Strumenti". Nella parte più bassa della finestra sono rappresentati due quadrati sovrapposti, uno intero e uno "bucato". Il quadrato intero indica il colore di riempimento, mentre il quadrato bucato indica il colore del contorno o "traccia".
Selezioniamo il quadrato "bucato", che si porterà così in primo piano, e facciamo doppio clic su di esso. Si aprirà così la finestra "Selettore colore". Scegliamo un colore blu, ad esempio #000099.
Ora il nostro cerchio sarà bianco con il bordo blu.
NOTA BENE! Per poter cambiare la colorazione del cerchio, questo deve sempre essere selezionato! Per vedere se è selezionato, dobbiamo verificare che sia circondato da un tracciato blu chiaro. Se il nostro cerchio non è più selezionato, è sufficiente usare lo "Strumento Selezione" (la freccia nera) della finestra Strumenti. Clicchiamo sulla freccia, e clicchiamo sul nostro cerchio. Ed eccolo magicamente selezionato!!!
Per dare l'idea della profondità, dobbiamo applicare una sfumatura radiale.
Clicchiamo sul quadrato "intero" per portarlo in primo piano.
Ora dal menu principale selezioniamo "Finestra" e quindi "Campioni". Si aprirà così una finestra laterale che contiene diversi riempimenti. Selezioniamo la "Sfumatura radiale viola" (un cerchio grigio/viola sfocato in campo viola).
A questo punto il nostro cerchio avrà una sfumatura radiale, ma del colore sbagliato. Come possiamo modificare il colori della sfumatura? E' molto semplice!
Dal menu principale scegliamo "Finestra" e quindi "Sfumatura". Si aprirà una finestra laterale con diverse linguette, tra cui quella relativa alla "Sfumatura". Clicchiamo sulla linguetta e, tenendo premuto il pulsante del mouse, trasciniamo la finestra "Sfumatura" sullo stage. Clicchiamo più volte sulla doppia freccia che appare accanto alla dicitura "Sfumatura", fino a che non appare una barra colorata dal bianco al viola.
Facciamo doppio click sul quadratino bianco posto all'inizio della barra, e automaticamente si aprirà la finestra laterale "Colore". I valori presenti saranno R 255 G 255 B 255, poichè il centro della sfumatura è bianco. Modifichiamo questi valori, e quelli degli altri due quadratini, come da immagine sottostante, e otteremo una splendida sfumatura blu.
Per creare un effetto più realistico, dobbiamo applicare il gradiente appena creato un po' più in basso della metà. Per fare ciò, selezioniamo lo "Strumento Sfumatura" dalla finestra Strumenti (il rettangolo sfumato), e quindi clicchiamo sulla parte più bassa del nostro cerchio, e, tenendo premuto il mouse, tracciamo una linea leggermente inclinata verso l'alto. Dovremmo ottenere questo risultato:
SECONDO STEP - IL RIFLESSO
Ora selezioniamo di nuovo lo "Strumento Ellisse" dalla finestra "Strumenti", e disegniamo una ellisse, posizionandola come nell'immagine sottostante:
L'ellisse da noi creata, però, sarà probabilmente sfumata come il primo cerchio, e non bianca. Per farla diventare bianca, modifichiamo i colori di riempimento e di traccia. Selezioniamo il quadrato "intero", facciamo doppio clic, e nel "Selettore colore" scegliamo il bianco. Ora selezioniamo il quadrato "bucato", e clicchiamo sul quadratino bianco con un segno rosso, posizionato proprio sotto ai due quadrati sovrapposti. In questo modo decidiamo che il nostro oggetto non ha una "traccia".
Dal menu principale selezioniamo "Finestra" e quindi "Trasparenza". Settiamo l'opacità di questo secondo cerchio al 40%.
TERZO STEP - MASCHERA DI OPACITA'
Per rendere l'effetto un po' più soft, usiamo la "maschera di opacità". Selezioniamo il cerchio, apriamo la finestra "Trasparenza", clicchiamo sulla freccetta che va verso il basso e scegliamo la voce "Crea maschera di opacità".
Il nostro secondo cerchio è sparito! Nessuna paura: clicchiamo sul quadrato nero (la maschera) e deselezioniamo la voce "Ritaglia". A questo punto il nostro secondo cerchio sarà identico a prima.
Ora selezioniamo lo "Strumento Rettangolo" dal menu "Strumenti", e disegniamo un rettangolo attorno alla nostra piccola ellisse. Ora selezioniamo il colore di riempimento, e dalla finestra "Campioni" (oppure dalla barra in alto, accanto alla dicitura "Tracciato"), selezioniamo il colore "Sfumatura lineare 1". A questo punto selezioniamo lo "Strumento Sfumatura" dalla finestra Strumenti, clicchiamo nel punto più alto della nostra ellisse, e tracciamo una retta verso il basso.
Ecco applicata una maschera di opacità ("opacity mask") sfumata al nostro riflesso!!!
Finito! abbiamo ottenuto un bellissimo simbolo Aqua-Style!
Questo tutorial in lingua originale, esempi e download su http://bartelme.at/journal/archive/aqua_style_mit_illustrator/.
Iscriviti a:
Post (Atom)