Riflesso Web 2.0 con Inkscape


Eccovi una semplice guida per creare un riflesso in stile Web 2.0 in 3 semplici passaggi.

Duplicare e Riflettere



Selezionare il vostro elemento grafico, premiamo prima il tasto duplica (indicato con 1 nella figura seguente). Subito dopo cliccare su Rifletti Verticalmente (indicato con 2 nella figura).



uploaded_image



Vedremo che è stato creato un duplicato ribaltato dell'elemento grafico selezionato in precedenza.

Spostare il clone


Sempre tenendo selezionato l'elemento duplicato, trasciniamolo ai piedi dell'oggetto di partenza. Per farlo usiamo il mouse tenendo premuto il Control che ci permette di spostarlo nella sola direzione verticale.



uploaded_image



Creare il gradiente



Premendo il tasto indicato dalla figura sottostante (Riempimento e Contorni), selezionare la scheda 'Riempimento' dalla finestra che si aprirà.



uploaded_image



Qui, cliccare prima sul tasto 'Gradiente Lineare' (tasto 1 nella figura successiva), e fare in modo di avere selezionato un gradiente che vada dal colore del vostro elemento grafico (nel caso della figura arancio) al colore trasparente. Successivamente clicchiamo sul tasto 'Crea e modifica i gradienti' (2 nella figura seguente) per far apparire la guida della direzione del gradiente.



uploaded_image



Muovere il quadrato della guida nella parte alta dell'immagine del riflesso ed il cerchio nella parte bassa in modo simile a quanto rappresentato nella prossima immagine.



uploaded_image



Ed ecco il risultato finale!



uploaded_image



Articolo tratto da: TaiSoN.altervista.org - Informatica e Tecnologia - http://taison.altervista.org/
URL di riferimento: http://taison.altervista.org/index.php?mod=read&id=1243358401