Crea el icono de Twitter, Facebook y Google plus con Photoshop

En este nuevo tutorial aprenderemos a hacer iconos de redes sociales famosas; Facebook, Twitter y Google además de usar estilos de capas para una apariencia profesional.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Bienvenido a este nuevo tutorial, en él crearemos íconos de redes sociales usando estilos de capa y aquí hay una vista previa del resultado final

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Para comenzar, abra un nuevo 800 × 600 píxeles , resolución 72 ppp , colores RGB8bits y llena el fondo de gris #cdcdcd utilizando la herramienta del cubo de pintura (G) .

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Luego agregue una capa de relleno degradado yendo a Menú> Capa> Nueva capa de relleno> Degradado.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Cambie su modo de fusión a embutido y reducir su opacidad a 30%

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Entonces toma la herramienta rectángulo redondeado (U) con un Rayo de 50px y dibuja un rectángulo azul # 407bcc en el centro.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Luego duplícalo tres veces presionando el atajo Ctrl + J , obtendrá cuatro capas rectangulares azules.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

vaya al primero y vaya a las opciones de combinación

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Ponte en la segunda capa y amplíala unos pocos píxeles yendo a Menú> Editar> Transformación manual ( Ctrl + T ), mientras transforma la forma, mantenga las teclas Alt + Mayús para aplicar la misma transformación manteniendo las proporciones del marco

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Nos vemos de nuevo en el fusionar opciones

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Ponte en la tercera capa y aplica una Filtro difuso gaussiano yendo en Menú> Filtro> Atenuación> Desenfoque gaussiano

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Ahora pon visto en la cuarta capa y agranda de la misma manera que la segunda capa

Crea el icono de Twitter, Facebook y Google plus con Photoshop

En las opciones de fusión, aplique una sombra paralela como esta.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Luego dibuja otro rectángulo redondeado del mismo tamaño que la última capa usando la herramienta rectángulo redondeado (U) y el color # 175e7c .

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Luego muévelo hacia abajo así

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Vaya a las opciones de combinación para aplicar un sombra interna

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Dibuja otro rectángulo redondeado con color # 58a1cf o simplemente duplica tu última capa, muévela hacia arriba y luego cambia ese color.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Entonces ve al fusionar opciones

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Lo que te da el siguiente resultado

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Ahora dibuja el logo de Gorjeo ya sea Facebook o Google+ ; tomar la herramienta Pluma (P) en modo capa de forma y dibuja uno de los logotipos (aquí hay un tutorial para aprender cómo hacer curvas y segmentos con la herramienta Pluma )

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Duplica tu forma dos veces usando el atajo ( Ctrl + J ) vaya al primero y aplique una sombra en las opciones de fusión.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Ponte en la segunda capa y vuelve a ir a las opciones de combinación.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Crea el icono de Twitter, Facebook y Google plus con Photoshop

De la misma forma aplica una sombra interna en la tercera capa.

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Y aqui esta el resultado final

Crea el icono de Twitter, Facebook y Google plus con Photoshop

También puede crear varios iconos cambiando logotipos y colores para obtener el siguiente resultado

Crea el icono de Twitter, Facebook y Google plus con Photoshop

Rate this post

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio