Tecnología

Inicio

Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4

Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Este tutorial es una bastante fácil crear un objeto limpio que se puede utilizar como un botón de la web en un sitio web. Aquí es un tutorial paso a paso para crear un botón de la web muy bien cuidado.

Instrucciones

1 Iniciar Adobe Photoshop CS4 y crear un nuevo proyecto seleccionando "web" como un valor preestablecido. Usted puede elegir cualquier tamaño sólo asegúrese de que tiene el espacio suficiente para trabajar con

2 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4

Crear una nueva capa. Cambiarle el nombre "capa inferior".

3 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Seleccione la herramienta rectángulo redondeado y establecer el radio de 10 px y dibujar el objeto.

4 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Rasterizar el objeto que acaba de dibujar haciendo clic derecho sobre el objeto y seleccionando "rasterizar capa".

5 Crear una nueva capa. Cambiarle el nombre "capa más pequeña".

6 Cambiar el color predeterminado de blanco pulsando la letra "x" en el teclado hasta que el color por defecto es blanco.

7 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4

Con la herramienta rectángulo redondeado con el radio sigue siendo ajustado a 10px. Dibujar un objeto más pequeño en la parte superior del objeto existente que dibujó anteriormente, y rasterizar la nueva capa de objetos. El dibujo presentará looke como lo que se muestra en la imagen asociada con este paso.

8 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Seleccione "capa más pequeña", a continuación, haga clic en el elemento de menú "Filtro" y luego seleccione "Blur" y luego seleccione "desenfoque gaussiano".

9 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Cuando la ventana de desenfoque gaussiano parece decidido el radio de 7,0 píxeles.

10 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Pulse las teclas "CTRL + T" en su teclado para activar la herramienta de transformación. Vamos a utilizar esta tirar del objeto más pequeño a cada uno de los bordes del objeto Biggler. Una vez que haya terminado, haga clic en la marca de verificación para aceptar los cambios.

11 Seleccionar la capa inferior. Ahora vamos a añadir los efectos necesarios para que se vea como nuestro último botón.

12 Haga clic en el icono "fx" que se encuentra en la parte inferior de la ventana de capa para que aparezca la ventana "Estilo de capa".

13 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4

Haga clic en la casilla de verificación "Sombra" y utilizar la configuración como se muestra en la imagen asociada con este paso.

14 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Haga clic en la casilla de verificación "Resplandor interior" y utilizar la configuración como se muestra en la imagen asociada con este paso.

15 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Haga clic en la casilla de verificación "Superposición de degradado" y utilizar la configuración como se muestra en la imagen asociada con este paso.

dieciséis Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Haga clic en el cuadro de gota pendiente hacia abajo para abrir la ventana de "editor de gradiente". Ajuste el color de la corredera izquierda a "fa0707" y el color del cursor derecho a "710202" y la ubicación de la corredera izquierda a 75%. Echar un vistazo a la imagen asociada con este paso.

17 Cómo hacer que este botón fresco del Web con Adobe Photoshop CS4


Haga clic en la casilla de verificación "Stroke" y utilizar la configuración como se muestra en la imagen asociada con este paso.

18 Ahora tiene el objeto en su etapa final. Sólo tiene que añadir un poco de texto a ella con la herramienta de texto y ya está.


Artículos relacionados