domingo, 14 de diciembre de 2014

BOTÓN WEB, BOTÓN METÁLICO, EFECTO ABSTRACTO, EFECTO PAPEL ROTO

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.

  • 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.

  

No hay comentarios:

Publicar un comentario