Una interfície fàcil d'utilitzar, gràfics ben dibuixats, la correcta disposició dels elements a la pàgina, la meitat de l'èxit del lloc amb el visitant. Dibuixar botons per a un lloc web és una part petita però important de treballar en un projecte en línia.
Instruccions
Pas 1
Proveu de dibuixar un botó rodó. El mètode que es mostra a continuació també és universal per crear logotips i avatars. Dibuixar-lo no és difícil, tot i la quantitat d'accions que heu de realitzar.
Pas 2
Obriu Adobe Photoshop. Creeu un document nou prement la combinació "Ctrl + N". Paràmetres de la imatge 300 * 300, resolució 72 ppi. El fons i el mode de color per defecte són blanc i RGB, respectivament.
Pas 3
El millor és dibuixar amb vectors, de manera que quan es redueix el botó, la seva qualitat no es deteriori. Seleccioneu l'eina Oval, manteniu premuda la tecla Maj i dibuixeu un cercle des del centre.
Pas 4
Ara apliqueu alguns efectes al cercle resultant. Aneu al menú "Capes" - "Estil de capa" - "Opcions de fusió". Aquí haureu d'aplicar un degradat.
Pas 5
A continuació, marqueu aquí la casella que hi ha al costat de "Relief" per donar al prototip necessari el botó i configureu els paràmetres següents: estil - relleu d’esquema, mètode - tall suau, profunditat - 220%, mida - 1 píxel, estovament - 5 píxels, angle - 135® sense il·luminació global, alçada - 32, mode de ressaltat - normal amb un 30% d’opacitat, mode d’ombra - multiplicat per un 25% d’opacitat
Pas 6
Per donar encara més volum, aquí, als paràmetres de fusió, marqueu la casella "Ombra" i configureu els paràmetres següents: mode de fusió - multiplicació, transparència - 40%, angle - 125o mitjançant il·luminació global, desplaçament - 5 píxels, mida - 20 píxels.
Pas 7
El resultat de les accions realitzades serà la imatge que es mostra a la figura.
Pas 8
Ara creeu una capa nova, torneu a seleccionar "Oval" i dibuixeu un cercle amb un radi més petit que la primera forma. Obriu les "Opcions de fusió", marqueu la casella que hi ha al costat de "Ombra interior" i configureu els paràmetres: Mode de fusió - Llum suau, Angle - 125o, Desplaçament - 0 px, Reducció - 45%, Mida - 21 px.
Pas 9
A continuació, aquí, a les opcions de fusió, marqueu "Superposició de degradat" i creeu un degradat amb els paràmetres com a la imatge. Feu clic a D'acord
Pas 10
A continuació, configureu l'estil de fusió a Radial i l'escala al 124%.
Pas 11
Ara marqueu la casella "Traç" i configureu els paràmetres següents: mida - 5 píxels, posició - fora, mode de fusió - normal, opacitat - 100%, tipus de traç - gradient.
Pas 12
Com a resultat d’aquestes accions, hauríeu d’obtenir alguna cosa que s’assembli més a un botó. Podeu tornar a obrir les opcions de fusió i provar-les.
Pas 13
Ara cal afegir els botons de ressaltat perquè el botó prengui una textura de vidre. Per fer-ho, torneu a crear una capa nova, seleccioneu l'eina Selecció oval, creeu un oval a sobre del botó i ompliu-lo de blanc amb l'eina Omplir. Mantingueu premuda la tecla Ctrl, feu clic a la capa amb el cercle de colors, invertiu la selecció ("Selecció" - "Inversió"). Ara premeu Suprimeix. L’oval s’ha de retallar al voltant del perímetre del cercle.
Pas 14
Al tauler Capes, canvieu l’opció Normal a Llum suau i, a continuació, feu clic a la icona de màscara vectorial i seleccioneu l’Eina d’ompliment - Gradient. Ompliu el ressalt de baix a dalt. El botó ja està a punt.
Pas 15
Podeu afegir una inscripció al botó. També podeu aplicar-hi efectes de barreja, com ara resplendor interior, exterior, degradat, etc. No tingueu por d’experimentar, com més imaginació utilitzeu en el vostre treball, més ràpid dominarà l’editor i el disseny web.
