Come Fare Un Bel Bottone

Sommario:

Come Fare Un Bel Bottone
Come Fare Un Bel Bottone

Video: Come Fare Un Bel Bottone

Video: Come Fare Un Bel Bottone
Video: Tutorial come si attacca un bottone 2024, Maggio
Anonim

Quando viaggiano su Internet, gli utenti spesso prestano attenzione alla progettazione grafica delle risorse. Questo è un parametro importante di qualsiasi sito. L'aspetto della pagina determina se il visitatore rimane su di essa o la chiude e non la visita mai. Pertanto, viene data particolare importanza alla grafica del sito. Ma quando si decora una risorsa, non bisogna dimenticare la sua funzionalità. I link dovrebbero apparire come i link e i pulsanti dovrebbero apparire come i pulsanti.

Come fare un bel bottone
Come fare un bel bottone

Istruzioni

Passo 1

Per realizzare un bel design per il sito, avrai bisogno della conoscenza degli editor grafici. Uno dei leader in questo settore è Adobe Photoshop. Apri il tuo programma. Crea un nuovo documento con i parametri mostrati nell'immagine.

Passo 2

Riempi lo sfondo con il colore "bfbfbf". Utilizzare lo strumento Sposta per centrare le guide orizzontali e verticali nel documento. Seleziona lo strumento Rettangolo arrotondato. Nota che deve essere in modalità Livello forma. Spostare il cursore al centro del documento, fare clic con il tasto sinistro e contemporaneamente tenere premuto il tasto "Alt". Disegna un rettangolo. Apri gli stili di livello e imposta i parametri mostrati nell'immagine.

Passaggio 3

Tieni premuto il tasto "Ctrl" sulla tastiera e fai clic con il pulsante sinistro del mouse sul livello forma. La selezione verrà caricata. Prendi dalla barra degli strumenti "selezione rettangolare". Impostalo in modalità sottrazione. Delinea la parte superiore della selezione. Crea un nuovo livello e riempilo di bianco. Imposta l'opacità del livello al 20%.

Passaggio 4

Prendi lo strumento di testo. Scrivi la parola che vuoi. Imposta il carattere, la dimensione e lo stile del testo. Vai agli stili di livello e imposta i seguenti parametri. Il tuo pulsante è pronto.

Passaggio 5

Ora controlliamo i pixel esatti. Prendi lo strumento zoom. Aumenta il più possibile le dimensioni del pulsante. Guarda attentamente tutti i bordi. Devono avere confini chiari. Nessun colore di transizione. Se le forme non sono chiare, carica la funzione "trasformazione libera" e usa i tasti di controllo per correggere la forma del pulsante. Ora puoi inserirlo nel tuo sito.

Consigliato: