domingo, 13 de abril de 2014

Crear un icono para mobile app en Photoshop


Tutorial Assets

Los siguientes activos fueron utilizados durante la producción de este tutorial.

Paso 1

Crear un nuevo documento. En este tutorial vamos a diseñar nuestro icono de 1024x1024 píxeles, pero no dude en diseñar el suyo en 256x256 o 512x512 píxeles.

Paso 2

Con la herramienta Rectángulo redondeado (U) dibujar una forma con un color rojo.(Probé la herramienta Cuentagotas (I) en la Psdtuts + icono oficial).

Paso 3

Con la herramienta Pincel (B) de la pintura de un color rojo viva luz para crear un punto de luz en la parte superior derecha del icono.

Paso 4

Añadir una sombra de color negro con la herramienta Pincel. Utilizar la imagen como referencia.

Paso 5

Agregar una forma como esta en la parte superior del icono con el siguiente estilo de capa.

Paso 6

Duplicar y reducir la última forma con Cmd / Ctrl + T. En una nueva capa, establecido como una máscara de recorte (Alt-clic en la línea de separación entre dos capas en la paleta de capas), pintar un poco de color rojo claro con la herramienta Pincel (B ).

Paso 7

Refinar las luces superiores utilizando la herramienta Pincel (B) luz y de color rojo oscuro alterna.

Paso 8

Refiné la parte inferior con la misma manera que el paso anterior.

Paso 9

En una capa separada, usando la herramienta de Selección Rectangular (M) añadir dos rayas finas y seleccionar el modo de fusión de superposición.

Paso 10

Hacer una selección rectangular. Rellenar con la herramienta de degradado (G) Ajuste del blanco a transparente. Deformar la capa con T Cmd / Ctrl + y establecer el modo de fusión de la capa a Overlay.

Paso 11

Crear una nueva capa y con la Selección Rectangular (M), seleccione una franja delgada de píxel. Llenarlo con negro y distorsionar la capa con T + Cmd / Ctrl para obtener un resultado como la imagen de abajo. Coloque la capa cerca de la frontera con el centro blanco gradiente. Como puede ver Yo duplicado el golpe por el lado derecho.

Paso 12

Refinar la sombra con la herramienta Pincel (B) en una nueva capa.

Paso 13

Añadir dos rayas Destacados. Utilice el método el paso 11 de nuevo.

Paso 14

Poco de ajuste con la herramienta Pincel (B) para el centro de atención centro y fronteras. Hago un grupo con las capas centrales y añadí una máscara de capa para suavizar las líneas un poco.

Paso 15

Añadir una textura sutil a el icono con el ruido del filtro> Añadir ruido, establezca el modo de fusión a luz suave. Trate de alterar la capa con Cmd / Ctrl + T.

Paso 16

Con la herramienta Forma Rectangular (U) crear una forma más y añadir el siguiente estilo de capa.

Paso 17

Duplicar la forma más y cambiar un poco para el fondo con la herramienta Mover (V).Añadir este Estilo de capa.

Paso 18

Añadir algunas reflexiones con la herramienta Pluma (P). Dibuje un poco de forma aleatoria y negro con la opacidad de una capa baja.

Paso 19

Refiné la frontera de la cruz superior añadiendo líneas blancas con la herramienta Lápiz.

Paso 20

Momento mágico de la varita. Agregar una forma de cilindro negro con este estilo de capa.

Paso 21

Agregar otro formas blancas en la parte superior de la vara con este estilo.

Paso 22

Y finalmente la última forma con el siguiente estilo de capa.

Paso 23

El cepillo se compone de dos partes. Primero dibuje la forma principal con la herramienta Pluma (P). Utilice este estilo de capa.

Paso 24

Con la herramienta Pincel (B) empezar a pintar el interior de la brocha con un pequeño cepillo duro. Utilice el espaciado decoro dentro del panel Brush (F5) para aumentar la velocidad de esta etapa. Trate de cambiar el color del pincel también.

Paso 25

He añadido una sombra inferior y coloreado con amarillo la parte superior con la herramienta Pincel (B) en una nueva capa.

Paso 26

Dibujar una forma de cilindro con la herramienta Pluma (P) Aplicar el siguiente estilo de capa.

Paso 27

Coloque la textura de la madera dentro del documento y aplicarlo a la forma anterior como máscara de recorte en el modo de superposición.

Paso 28

Para la parte metálica, sacar otra forma con este estilo de capa. Refiné la sombra en esta parte con una nueva capa de pintura por algunos dentro de negro.

Paso 29

Crear una nueva capa y pintar el humo utilizando la herramienta Pincel (B) con los colores morado y amarillo.

Paso 30

Dibuja una estrella usando la herramienta de forma personalizada. Añadir este Estilo de capa.

Paso 31

Duplicar la forma de la estrella y que sea más oscuro, seleccione un color amarillo oscuro. Organizar esta capa detrás de la anterior. Yo duplicado la estrella dos veces y puse el copiado alrededor del tubo en varios tamaños.

Paso 32

Un último paso es refinar toda la iluminación de icono en una capa separada con la herramienta Pincel (B). He añadido algunos pequeños detalles al icono, como gota de la pintura, brillo, sombras simplemente pintarlos.

Paso 33

He añadido una luz de color azul entre los objetos con la herramienta Pincel (B) en una nueva capa.
Anuncio

Paso 34

Finalmente he creado una sombra paralela al icono y un fondo anaranjado de encargo, en capas separadas.

Imagen final