RIATMP1084-Simple web Button para o seu uso, Photoshop | Solucións Rich Internet Application

RIATMP1084-Simple web Button para o seu uso, Photoshop Tutorial

08 xullo de 2009

RIATMP1084- Simple Web Button for your use, Photoshop Tutorial

RIATMP1084-Simple web Button para o seu uso, Photoshop Tutorial

Prema aquí para baixar

Hoxe eu estou cargando un tutorial sinxelo botón web. Podes usar isto para o seu proxecto web.

Crea un novo ficheiro 400/200 px. Encha a capa de fondo con Branco.

DESEÑO botón usando o Shape RECTANLE: crear unha nova capa. Agora seleccione a Rounded Rectangle Tool, escriba 5 px de radio para o canto redondeado e debuxe a súa forma de botón rectángulo. Prema co botón dereito sobre que forma e escolla "Make Selection". Agora enche esta selección coa cor que sexa. Tomei # 5c89cc.

Photoshop Tutorial, Button

pic2

Photoshop Tutorial, Button

Pic3

Engadido Layer Style: O palato capa; botón dereito sobre a capa botón e opción Blending Options drop Shadow Primeiro add .. Pode aproveitar esta foto (Aínda PIC1) como referencia para todos os valores. Gradient Overlay próxima add. Agora, no editor de degrade clic na interrupción de memoria primeiro e prema na cor de embaixo para muda-lo como a cor que sexa. Eu usei # a4cee6. Faga o mesmo para a parada de cor cara á dereita. Por esa parada eu usei # 56add6. Agora engada un par de paradas cor no medio, premendo debaixo do gradiente no medio. Pode corrixir esas posicións, introducindo un 50% no campo de localización. Eu usei # 468bcc & # 81b3e2 para estas dúas paradas de cor. Vexa a imaxe superior (PIC2). Agora imos engadir Stroke. Seleccione a opción de curso na parte inferior. Tomé 1 px para o tamaño e negro como a cor, ou tamén pode ter a súa cor de fondo. (Pic3)

pic4 RIATMP1084 Simple Web Button for your use, Photoshop Tutorial

Photoshop Tuitorial, Button

pic4pic5

Engadido Glow: Agora podes enriquecer a mirada engadindo brillo na parte superior do botón. Podes utilizar a ferramenta Pen. Pero para facer este proceso máis sinxelo que acaba xogado con opción de selección. Botón dereito do rato sobre a capa de Button en palet capa e escolla "Transparencia Seleccione a capa". Crear outra capa e enche esta selección con branco. Agora seleccione a ferramenta Move e mover os seleccionados brancas rectángulo 4 abaixo px. Agora engade máscara. Manteña porción superior e eliminar a parte extra. Vexa PIC4. Agora engade o teu texto e iso é todo o que tes un botón simple legal. PIC5.