JOOMLA!
Pulsante rettangolare / ovale
- Nuovo 205 x 55 sfondo trasparente
- Prendiamo la Selezione ovale e creiamo un ellisse. Con lo strumento Riempimento la riempiamo di un colore vivace, ad esempio un rosa fucsia.
- Applichiamo Filtri/Decorativi/Porta in rilievo con valore 10,
- Sfocature/Gaussiana raggio di sfocatura 5 metodo RLE
- e quindi Luce e Ombra/Proietta Ombra spostamento 8 raggio 15 opacità 80 impostando un colore grigio scuro.
- Con lo strumento Testo inseriamo la scritta scegliendo font e dimensioni adatte, di colore bianco.
- Applichiamo al testo Porta in rilievo e Sfocatura gaussiana 0,5 e ancora Porta in rilievo.
- Salviamo con File/Salva con nome.
Pulsante rettangolare / ovale- Nuovo 600x400 sfondo bianco
- nuovo livello
- Prendiamo la Selezione rettangolare e creiamo un rettangolo con angoli arrotondati. Con lo strumento Riempimento la riempiamo di un colore bianco
- duplica livello, Con lo strumento Riempimento la riempiamo di un colore vivace, ad esempio un rosa fucsia.
- Applichiamo Filtri/Decorativi/Porta in rilievo con valore 10,
- Sfocature/Gaussiana raggio di sfocatura 5
- e quindi Luce e Ombra/Proietta Ombra spostamento 8 raggio 15 opacità 80 impostando un colore grigio scuro.
- Nuovo livello, con lo strumento Testo inseriamo la scritta scegliendo font e dimensioni adatte 60, di colore bianco, spostiamo il testo al centro.
- Applichiamo al testo Porta in rilievo e Sfocatura gaussiana 0,5 e ancora Porta in rilievo.
- immagine, ritaglia al contenuto
- Salviamo con File/Salva con nome.
PULSANTE ROSSO- Nuovo 1000 x 1000 sfondo trasparente
- cerchio 860
- colori pp:rosso sp: giallo
- sfumatura dal basso verso l'alto tenendo premuto ctrl
- nuovo livello
- stessa selezione sfumatura dall'alto verso il basso tenendo premuto ctrl
- livello / scala livello 800x800
- tasto destro sul livello alfa a selezione per selezionarlo
- nuovo livello 1000
- secchiello (riempire di rosso)
- livello / riaglia alla selezione
- livello / scala livello 660
- deseleziono tutto - tasto destro sul livello alfa a selezione
- nuovo livello
- colori sciegliamo un rosso più scuro
- secchiello e coloro
- seleziona riduci di 4
- canc (viene così lasciato un leggero bordo)
- seleziona niente
- filtri / sfocatura gaussiana 5
- filtri / luci e ombre / proietta ombra tradizionale (drop shadov) 4,4,15,60
- facciamo la scritta la selezioniamo (con lo strumento allinea) scritta bianca 400
- andiamo sul livello del rosso, centra verticale e orizzontale
- mettiamo in risalto la lettera (non si può fare co tutti i font- si con quelle senza grazie)
- andiamo sul livello lettera
- tasto destro alfa a selezione
- nuovo livello / secchiello nero click
- selziona / riduci 4 / canc
- seleziona niente, si vede un bordino nella lettera
- seleziono il livello della lettera- filtri / luci e ombre / proietta ombra
- andiamo sul livello del rosso - tasto destro sul livello / alfa selezione
- nuovo livello, opacità 50, secchiello bianco click, si crea un alone bianco
- con seleziona ellittica, creiamo un cerchio leggermente più grande e decentrato
- con il livello bianco attivo, diamo canc
- deselezioniamo
- filtri / sfocatura / gaussiana 20
https://www.youtube.com/watch?v=qx4_qkg5zak
Pulsante metallico- file/nuovo 600x400
- nuovo livello trasparente
- selezione ellittica 250x250
- colore pp bianco sp nero
- gradiente/ scostamento 20, taglio radiale, sovracampionamento adattivo 3 0,2 - dall'alto verso il basso, ok (invio)
- seleziona, riduci 25
- gradiente dal basso verso l'alto,
- nominiamo questo livello base
- nuovo livello trasparente, seleziona, riduci 5
- pp azzurro,secchiello riempi la selezione
- pp azzurro chiaro, (toglie la spunta da gradiente) sfumatura da pp a trasparente (toglie la spunta da sovracampionamento adattivo), dall'alto in basso partendo da metà circa
- pp bianco, pennello molto sfumato, opacità 75 scala 10, ci spostiamo alla base della selezione e click 1 volta
- rinominiamo questo livello sfera
- nuovo livello che chiamiamo ombra sempre trasparente, seleziona, allarga 1
- pp nero, secchiello click all'interno della selezione
- seleziona, sfumatura 20, modifica ,taglia , creerà un'ombra attorno alla nostra base
- click sul livello ombra e lo duplichiamo, click destro su ombra copia fondi in basso
- filtri, sfocatura, gaussiana 2
- nuovo livello luce trasparente
- selezioe ellittica, creiamo una piccola ellisse in alto al centro
- pp bianco, sfumatura da pp a trasparente, opacità 75, scostamento 0, lineare, dall'alto verso il basso
- Nuovo livello testo 100, scriviamo una lettera e la spostiamo al centro
- filtri, luci e ombra, proietta ombra, spostamento xy 0, raggio 15, opacità 80, permetti ridimensionamento
- andiamo sul livello base, filtri, proietta ombra, stessi parametri
https://www.youtube.com/watch?v=TGQXqz_FiKA
-------------------------------------------------------
- Prepariamo un nuovo documento con lo sfondo bianco. 1000x1000
- Creiamo un primo livello, nella palette Livelli, dove con la Selezione Ellittica creiamo un cerchio che riempiamo di nero e a cui applichiamo il filtro Sfocature/Gaussiana con raggio 5.
- Duplichiamo il livello nella palette Livelli e con Livello/Scala livello lo scaliamo al 90%.
- Ora lo riempiamo con una sfumatura dal grigio al bianco. Applichiamo il filtro Decorativi/Porta in rilievo con valore 5. Creiamo un nuovo livello che riempiamo con lo strumento Sfumatura da bianco a trasparente.
- Creiamo un duplicato del secondo cerchio, lo scaliamo al 90% e abbassiamo nella palette Livelli l‘Opacità di livello a 41. Rendendo questo livello visibile o meno otteniamo i due stati del pulsante.
- Creiamo un altro livello e lo riempiamo con la strumento Sfumatura da bianco a trasparente. Con la Selezione Ellittica selezioniamo quasi tutta l’area del pulsante meno uno spicchio e diamo cancella per ottenere il riflesso.
Salviamo quindi due differenti GIF con il cerchio prima indicato visibile e invisibile utilizzando il comando File/Salva come.
1 Avviare GIMP. Fare una nuova immagine, 500 per 500 pixel. Dategli uno sfondo bianco. Selezionate lo strumento Rettangolo. Disegnare un rettangolo delle dimensioni e la forma del pulsante che si desidera. Spostare rettangolo a centro dell'immagine.
2 Vai al menu di livello. Create un nuovo livello. Selezionate lo strumento riempimento, e riempire il rettangolo con il nero.
3 Fare clic sul Seleziona strumento rettangolo. Tenere premuto il tasto di controllo e tenendola, selezionare la metà superiore del rettangolo. Questo rimuoverà il riempimento nero da che la metà del rettangolo.
4 Selezionate lo strumento Gradiente dal menu Strumenti. Utilizzare questo strumento per riempire la metà superiore del rettangolo con un gradiente bianco.
5 Deseleziona gli elementi selezionati. È possibile farlo dal menu o usando la scorciatoia da tastiera (tenere premuto Ctrl e Shift insieme, e premere il tasto a).
Fare clic destro sul livello superiore. Questo fa apparire un menu. A sinistra click sull'opzione "Alpha alla selezione". Questo dovrebbe selezionare l'intero del rettangolo.
6 Creare un nuovo livello. Dare un nome, come "Glow". Dal menu Strumenti, selezionare lo strumento pennello. Selezionare un pennello a forma di cerchio, e modificare le dimensioni in modo che il diametro è di circa tre quarti della lunghezza del rettangolo. Cambiare il colore di un rosso scuro.
7 Posizionare la parte superiore del pennello sul rettangolo modo da coprirlo parte con il terzo superiore del cerchio. Fare clic sul pulsante sinistro una volta. Si dovrebbe avere una sezione colorata curva dolcemente del rosso rettangolo sul quel livello.
8 Aprire il menu Filtri. Clicca su "sfocatura gaussiana." Impostare il metodo di sfocatura a RLE. Sollevare il raggio di sfocatura a circa venticinque pixel per entrambe le impostazioni orizzontali e verticali.
Ora si dovrebbe avere un pulsante rettangolare scuro con un aspetto traslucido e un bagliore rossastro.
9 Unire tutti i livelli in modo da avere un unico strato. Salvare una copia dell'immagine. Il tuo pulsante è ora pronto per caricare il tuo sito web.
Cambiare il colore del pulsante cambiando il colore dello strato Glow.
