sábado, 13 de diciembre de 2014

BOTONES Y EFECTOS

A partir de la página web Todo Photoshop he creado dos botones y dos efectos.

Botón de Metal



  • Para hacer el botón de metal lo primero creamos un documento nuevo en Photoshop de 240 x 70 píxeles.
  • En una nueva capa y usando la herramienta de selección rectangular creamos una selección que rellenamos con la herramienta de degradado con blanco y negro.
  • Luego creamos un rectángulo más pequeño en el medio con la herramienta de selección y creamos un nuevo "canal alfa" pintamos esta selección de color blanco, a este canal le aplicamos un desenfoque gaussiano y luego modificamos los niveles.
  • Seleccionamos el "canal alfa", creamos una nueva capa y rellenamos la selección con un degradado con blanco y negro.
  • Creamos una nueva capa y modificamos la selección anterior con contraer a 2px y rellenamos esta selección con otro degradado con el color frontal que queramos y blanco de color de fondo. A esta selección le agregamos un contorno interior negro.
  • Por último hacemos una nueva capa y usando la selección anterior la   recortamos con la herramienta de selección rectangular (+Alt), eliminando   así la parte inferior. Contraemos la selección 2px y rellenamos con degradado y duplicamos la capa para rotarla 180º y posicionarla debajo. 
Botón Web


  • Para este botón creamos un documento y rellenamos el fondo de color gris claro. En una nueva capa creamos un óvalo con con la herramienta elipse y lo llenamos con un color gris algo más oscuro que el fondo anterior.

  • Con la selección de la capa anterior calamos aplicando 4px de valor. Luego contraemos la selección otros 4px. Invertimos la selección y la rellenamos de color negro. Cargamos la seleeción de la capa del elipse, la invertimos y borramos con esa selección la capa que rellenamos de negro. Bajamos la opacidad de la capa un 70%.

  • Creamos una nueva capa y cargamos la selección del óvalo, movemos la selección 10px hacia abajo y 10px a la derecha e invertimos la selección. Con esa selección mientras mantenemos presionadas las teclas Shift+Ctrl+Alt hacemos clic en la capa del óvalo y obtendremos la intersección, luego contraemos la selección 4px y calamos con un valor de 2px. Rellenamos con color blanco.

  • Creamos otra capa y vamos a Filtro - Interpretar - Nubes y luego a Filtro - Interpretar - Nubes de diferencia. Cambiamos el modo de la capa a sobre exponer color. 

  • Cargamos la selección del óvalo, invertimos y borramos lo que sobra.

  • Cargamos la selección del óvalo y elegimos el color frontal blanco  y contorneamos por fuera a 2px. Modificamos el tono y  saturación con la casilla colorear activa.
        Para terminar le añadimos una sombra paralela.

Efecto Abstracto

  • Lo primero creamos un documento de 400 x 400 px y aplicamos un degradado circular con los colores que queramos.
  • Podemos crear en la imagen unos cuantos destellos.
  • Vamos a Filtro-Relieve y ponemos de altura 25 y de cantidad 500.
  • Podemos jugar con la saturación de la imagen hasta que quede como nosotros deseamos.


Efecto de papel roto

  • Para crear este efecto primero abrimos la imagen en la que aplicaremos el efecto.
  • Creamos un nuevo documento del mismo tamaño que la imagen original. En este archivo creamos una selección con la herramienta de selección rectangular, que cubra el área que vamos a visualizar de nuestra imagen original, y la rellenamos de negro.
  • Duplicamos el archivo que acabamos de hacer y le aplicamos el filtro Interpretar - Nubes de diferencia dos veces. Guardamos el archivo en PSD.
  • Seleccionamos el documento con el rectángulo negro y aplicamos el filtro Distorsionar - Desplazar con una escala horizontal de 20%, una escala vertical de 10% y el mapa en estirar, para luego cargar el archivo que guardamos anteriormente.
  • Invertimos la imagen y la copiamos. Deseleccionamos todo e invertimos otra vez.
  • Desplazamos y desenfocamos la imagen aplicando el filtro Otro - Desplazamiento con escala horizontal 5, vertical 7, con la opción de repetir píxeles activada. Aplicamos desenfoque gaussiano con un valor de 5 píxeles.
  • Pegamos la imagen que copiamos en el paso 5 y cambiamos su modo de fusión a Trama.
  • Por último copiamos y pegamos en este archivo nuestra imagen original.



No hay comentarios:

Publicar un comentario