BOTONES
Botón Metálico:
- Creamos un nuevo documento en Phtoshop con las dimensiones 240x70.
- En una nueva capa, con la herramienta de selección creamos un rectángulo, la cual rellenamos de color con herramienta degradado.
- Luego creamos un rectángulo mas pequeño con la herramienta selección y creamos un canal alfa, en cual pintamos de color blanco la selección, Después aplicamos un efecto de desenfoque gussiano.
- Seleccionamos el canal alfa creamos una nueva capa y rellenamos la selección con un color de degradado de blanco y negro.
- Creamos una nueva capa, y a continuación modificamos la selección con la herramienta contraer a 2px y rellenamos la selección con otro degradado con el color frontal y blanco de color de fondo, a continuación le añadimos un contorno negro
- Para terminar creamos una nueva capa y usando la selección anterior recortamos la parte inferior, contraemos la selección 2 px rellenamos con degradado y duplicamos la capa para rotarlo 180º y posicionarla debajo.
Aquí podemos observar el resultado final, donde podemos observar el efecto metal.
Botón Web:
- Para este botón creamos un nuevo archivo y lo rellenamos el fondo de color gris claro. A continuación hacemos una capa nueva y creamos una elipse con la herramienta de elipses y lo llenamos de color gris más oscuro que el del fondo.
- Con la selección de la capa calamos aplicando 4PX en los valores. A continuación invertimos la selección y la rellenamos de color negro. Cargamos la selección de la capa elipse , la invertimos y borramos con esa selección la capa que rellenamos de negro. Por ultimo bajamos la opacidad al 70%.
- A continuación creamos una nueva capa y cargamos la selección de la elipse, movemos la selección 10PX hacia abajo y 10 PX hacia la derecha e invertimos la selección. Manteniendo la selección mantenemos pulsado las teclas Shift+Ctrl+Alt hacemos clic en la capa de la elipse y obtendremos la intersección, a continuación contraemos la selección 4PX y calamos con valor de 2 PX. Por ultimo rellenamos de color blanco.
- A continuación creamos una nueva capa y vamos a Filtro-Interpretar-Nubes, a continuación otra vez Filtro-Interpretar-Nubes de diferencia. Por ultimo en este paso, cambiamos el modo de capa a sobre exponer el color, cargamos la selección de la elipse, invertimos y borramos lo que nos sobra.
- Cargamos la selección de la elipse y elegimos el color frontal blanco y contorneamos por el exterior 2PX. Modificamos el tono y saturación con la casilla colorear activa. Por ultimo añadimos sombra paralela.
Este es resultado final de nuestro Botón Web
Efecto Abstracto:
- Creamos un nuevo documento con las medidas 400x400px y aplicamos un degradado circular con los colores deseados.
%2B11.14.25.png)
- Aplicamos el filtro de "nubes de diferencia".
- A continuación aplicamos unos destellos a la imagen.
- Luego vamos a Filtro-Estilizar-Relieve y ponemos los valores 25 de altura y 500 de cantidad.
Efecto Papel Roto:
- Para este trabajo primero necesitamos una imagen la que deseemos para crear el efecto sobre esta.
- A continuación creamos un nuevo documento con las dimensiones de la imagen original. Con este archivo creamos una selección rectangular, que cubra la zona de la imagen que vamos a visualizar y rellenamos de negro.
- A continuación duplicamos el archivo que acabamos de crear y aplicamos el filtro "Interpretar-Nubes de Diferencia" dos veces y guardamos el archivo en PSD.
- Seleccionamos el archivo con el rectángulo de color negro y aplicamos el filtro "Distorsionar-Desplazar" con una escala horizontal del 20 %, una escala vertical del 10% y el mapa en estirar, para luego cargar el anterior archivo.
- Invertimos la imagen y la copiamos. Deseleccionamos todo e invertimos otra vez.
- A continuación desplazamos y desenfocamos la imagen aplicando el filtro "Otro- Desplazamiento" con la escala horizontal 5, vertical 7, con la opción de repetir píxeles activada. Aplicamos desenfoque gussiano con valor de 5PX.
- Pegamos la imagen que copiamos en el anterior paso y cambiamos su modo de fusión a Trama. Por ultimo copiamos y pegamos en este archivo nuestra imagen original.
%2B10.40.29.png)
%2B10.53.35.png)
%2B12.19.jpg)
%2B10.33.17.png)
%2B10.33.36.png)
%2B10.47.51.png)
%2B10.34.00.png)
%2B10.34.15.png)
%2B10.34.25.png)
%2B11.07.54.png)
%2B11.08.07.png)
%2B11.08.13.png)
%2B11.09.53.png)
%2B11.09.47.png)