Spanish (Español) translation by Maira (you can also view the original English article)
En este tutorial, crearemos un icono de cámara instantánea. Usaremos un montón de estilos de capas y dibujaremos a mano con la herramienta Pincel para lograr una apariencia realística. ¡Empecemos!
Paso 1: Parte superior del cuerpo
Crea un nuevo archivo, con un tamaño de 600x700 px. Empieza creando un rectángulo redondeado con el color #dbd3co.
Paso 2
Teclea Comando/Ctrl + T para realizar la transformación. Haz clic derecho y elige Perspectiva. Arrastra la esquina inferior hacia afuera.
Paso 3
Añade los siguientes estilos de capa.
Paso 4
Haz clic en la capa con la tecla Command/Ctrl para conseguir una selección basada en su forma. Mueve la selección 1 px hacia arriba presionando la flecha hacia arriba. Mantén pulsado Comando/Ctrl + Alt y vuelve a hacer clic en la capa para restar la selección. Este proceso te dará una selección de 1 px en la parte superior de la forma.
Paso 5
Crea una nueva capa y rellena la selección con color blanco. Reduce la opacidad de la capa al 60%. Mira la sutil diferencia entre antes y después de añadir una línea de 1 px.
Paso 6
Repite el paso anterior, esta vez para la parte inferior de la forma. Rellena la selección con color negro.
Paso 7: Cuerpo medio
Usa la herramienta Pluma para crear esta forma. Elige #dbd3co como color. Agrega el estilo de capa Resplandor interior y Superposición de degradado.
Paso 8:
Duplica la forma que acabamos de crear. Colócala detrás de la original. Usa la herramienta flecha para mover los puntos superiores hacia arriba. Cambia el color de la forma a #908a7a.
Paso 9
La forma sigue siendo demasiado clara. Necesitamos oscurecerla de nuevo para añadir más profundidad. Crea una nueva capa. Transforma la capa en máscara de recorte pulsando Comando/Ctrl + Alt + G. Pinta de negro la parte superior de la forma.
Paso 10
Crea una nueva capa. Habilita la herramienta Pincel, regula la dureza del pincel al 0% en la barra de opciones. Dibuja una línea blanca suave.
Paso 11
De nuevo, pinta otras líneas blancas suaves en las zonas indicadas.
Paso 12
Crea una nueva capa. Haz clic en la forma pulsando Comando/Ctrl. Usa un pincel difuso para pintar blanco en cada borde. Reduce la opacidad de la capa al 9%.
Paso 13: Cara de la cámara
Dibuja un rectángulo redondeado para la cara frontal de la cámara. Usa el #24201d como color. Aplica el estilo de capa Superposición de degradado.
Paso 14
Dibuja un rectángulo redondeado más pequeño con el color #131611 dentro de la forma anterior. Agrega los siguientes Estilos de Capa.
Paso 15
Añade un pequeño rectángulo redondeado con el color #4a4847 y colócalo en el centro de la forma anterior.
Paso 16
Duplica la forma, muévela 1 px hacia arriba. Cambia su color a #2c2a29.
Paso 17
Crea una nueva capa y conviértela en máscara de recorte pulsando Comando/Ctrl + Alt + G. Dibuja la sombra encima de la forma.
Paso 18
Duplica las formas arrastrándolas mientras mantienes pulsada la tecla Alt.
Paso 19
Dibuja un rectángulo negro redondeado. Mira la imagen de abajo para ver su posición.
Paso 20
Pulsa Comando/Ctrl + T, haz click derecho y elige Sesgar.
Paso 21
Tire de la esquina inferior derecha hacia arriba. Añade una superposición de degradado.
Paso 22
Duplica la forma. Muévela hacia el lado opuesto. Pulsa Comando/Ctrl + T para realizar la transformación. Haz clic derecho y elige Voltear Horizontal.
Paso 23
Dibuja el contorno redondeado que cubre las dos formas que acabamos de crear. Añade los Estilos de capa.
Paso 24
Usa la herramienta Texto para añadir el nombre de la cámara. Añade una sutil Sombra paralela para darle una apariencia tridimensional.
Paso 25: La lente
Dibuja un círculo que usarás como lente de la cámara. Añade una Superposición de degradado.
Paso 26
Selecciona el trazado del círculo. Pulsa Comando/Ctrl + C y luego Comando/Ctrl + V para duplicarlo. Transforma el círculo (Comando/Ctrl + T) y hazlo más pequeño. Usa la imagen de abajo como referencia.
Paso 27
Desde la barra de opciones, establece el modo de trazado en Restar.
Paso 28
Crea una nueva capa y conviértela en máscara de recorte pulsando Comando/Ctrl + Alt + G. Dibuja el resaltado encima de la lente.
Paso 29
Crea una nueva capa y ponla detrás de la forma que acabamos de crear. Crea una selección circular y rellénala de negro. Atenúa la imagen añadiendo el Desenfoque Gaussiano (Filtro > Desenfocar > Desenfoque Gaussiano).
Paso 30
Dibuja una forma circular con el color #212121. Duplica la forma y muévela 5 px hacia arriba. Establece el modo de trazado en Restar.
Paso 31
Luego, crea una forma de anillo. Para crear esta forma, comienza con una forma de círculo regular, duplica el trazado y transfórmalo a un tamaño más pequeño. Establece el modo de trazado en Restar. Añade Bisel y relieve y Superposición de degradado.
Paso 32
Empezaremos a dibujar la parte interior de la lente. En primer lugar, quiero que sepas que son simplemente un montón de formas de círculo combinado con el estilo de capa. Dibuja una forma de círculo dentro de la lente.
Paso 33
De nuevo, dibuja una forma circular más pequeña. Añade Bisel y relieve y Superposición de degradado.
Paso 34
Duplica la forma que acabamos de crear. Cambia su tamaño al 98%. Elimina todos sus estilos de capa y añade una superposición de degradado con estos ajustes.
Paso 35
Duplica las dos formas circulares que hemos creado en los pasos 32 y 34. Cambia su tamaño a uno más pequeño.
Paso 36
Dibuja un círculo más grande desde el mismo origen. Colócalo detrás de los otros círculos. Define el Modo de Fusión como Trama, reduce su Opacidad al 2% y añade el Trazo.
Paso 35
Duplica y cambia el tamaño de la forma varias veces para crear más líneas. Recuerda que la Opacidad de estas formas es sólo del 2%, muy sutil.
Paso 36
Dibuja una forma circular con el color #515151 cubriendo la lente. Añade una superposición de degradado y reduce su opacidad al 38%.
Paso 37
Añadamos luces y sombras para hacerlo más realista. Crea una selección circular que cubra la lente. Crea un nuevo grupo y haz clic en el icono de Añadir máscara de capa.
Paso 38
Crea una nueva capa y asegúrate de que está dentro del grupo que acabamos de crear. Rellena la capa con negro. Haz clic en Filtro > Interpretar > Destello de lente. Cambia el modo de fusión a Trama y reduce la opacidad al 15%.
Paso 39
Crea una nueva capa y pinta los reflejos en la lente. Reduce la opacidad de la capa al 10%.
Paso 40
Usa un pincel más pequeño para dibujar algunas líneas en la lente. Cambia el modo de fusión de la capa a Trama y reduce la Opacidad al 15%.
Paso 41
Dibuja otra capa y dibuja un pequeño punto de luz y una sombra.
Paso 42: El visor
Dibuja un rectángulo redondeado con el color #1b1614. Añade los siguientes Estilos de Capa.
Paso 43
Dibuja un rectángulo redondeado más pequeño. Añade los siguientes Estilos de Capa.
Paso 44
Duplica las formas del círculo de la lente y reduce su tamaño hasta que encaje dentro del visor. Crea una nueva capa encima del círculo y dibuja algunos reflejos sutiles.
Paso 45: El botón
Dibuja un círculo verde. Añade los siguientes estilos de capa.
Paso 46
Duplica la forma del círculo verde. Colócala detrás de la forma original. Cambia el tamaño a 102%.
Paso 47
Dibuja una forma de anillo con el color #c9c2b1. Añade los siguientes estilos de capa.
Paso 48
Dibuja un círculo negro y ponlo detrás de la forma del anillo. Esto añadirá profundidad al anillo y hará que parezca un agujero.
Paso 49
Crea una nueva capa y colócala detrás de todas las demás formas de botones. Dibuja una sombra suave.
Paso 50
Dibuja una forma circular. Añade el estilo de capa Resplandor exterior.
Paso 51: El botón
Continuemos con el segundo botón. Dibuja otro círculo, esta vez usa #383838 como su color. Añade los siguientes Estilos de capa.
Paso 52
Crea una nueva capa encima del círculo. Pulsa Comando/Ctrl + Alt + G para convertirla en máscara de recorte. Dibuja muchas líneas verticales negras de 1 px.
Paso 53
Dibuja un círculo más oscuro encima del círculo anterior. Añade los siguientes Estilos de capa.
Paso 54
Dibuja una forma de anillo detrás del pomo y añade los siguientes estilos de capa.
Paso 55
Dibuja un círculo negro detrás de la forma de anillo.
Paso 56
Usa un pincel difuso para dibujar una sombra suave debajo del botón.
Paso 57
Dibuja un círculo detrás del anillo. Añade Resplandor Exterior.
Paso 58: El flash
Dibuja un rectángulo redondeado. Añade estos estilos de capa.
Paso 59
Dibuja un rectángulo redondeado más pequeño. Añade los siguientes Estilos de capa.
Paso 60
Duplica la forma que acabamos de crear. Elimina todos los estilos de capa utilizados. Establece la capa de Relleno al 0% y añade el estilo de capa Bisel y Relieve.
Paso 61
Dibuja un rectángulo redondeado más pequeño, color: #c6c6c6. Aplica el estilo de capa "Resplandor interior" y el estilo de capa "Bisel y relieve".
Paso 62
Pulsa Comando/Ctrl y haz clic en la capa del rectángulo redondeado. Crea una nueva capa. Usa un pincel difuso para dibujar algunas iluminaciones y sombras. Usa la imagen de abajo como referencia.
Paso 63
Dibuja un rectángulo redondeado más pequeño. Añade un trazo. Cambia la opacidad de la capa a 16% y el relleno a 0%.
Paso 64
Usa un pincel difuso para dibujar más luces en el centro del flash.
Paso 65
Crea una nueva capa. Dibuja líneas negras de 1 px. Reduce la Opacidad de la capa al 13%.
Paso 66
Crea más sombras en la parte superior e inferior de la superficie del flash.
Paso 67
Crea una nueva capa y colócala debajo del flash. Usa un pincel difuso para hacer la sombra del flash.
Paso 68: La parte trasera
Dibuja un rectángulo redondeado. Colócalo detrás de todas las formas.
Paso 69
Duplica la forma. Añade un rectángulo redondeado más pequeño y desde la barra de opciones ponlo en Intersección. En la siguiente imagen puedes ver su ubicación. Añade los siguientes estilos de capa.
Paso 70: La luz AF
Dibuja un círculo debajo del flash. Agrega la Sombra interior y el Resplandor exterior.
Paso 71
Crea un círculo más pequeño dentro de la forma anterior con el color #4d4b43. Añade una Sombra interior.
Paso 72: La etiqueta de la cámara
Haz un rectángulo redondeado en la parte inferior izquierda de la cámara. Agrega Resplandor interior y Bisel y relieve. Escribe el nombre de la cámara dentro del rectángulo redondeado.
Paso 73: El selector
Esboza un rectángulo redondeado en el lado opuesto. Añade Brillo interior y Bisel y relieve.
Paso 74:
Dibuja un rectángulo en el centro de la forma. Añade Superposición de degradado y Sombra paralela.
Paso 75
Activa la Herramienta Pluma. Haz clic en la parte inferior del rectángulo para añadir un nuevo punto. Usa la Herramienta Selección directa para arrastrarlo hacia abajo.
Paso 76
Dibuja una forma de triángulo oscuro.
Paso 77
Encima de la forma que acabamos de crear, dibujamos un rectángulo redondeado oscuro. Añade el estilo de capa Trazo.
Paso 78
Dibuja los círculos y el triángulo para el indicador de la perilla.
Paso 79: La cinta de colores
Nuestro siguiente paso es dibujar una cinta de colores en la parte superior del cuerpo de la cámara. Temporalmente, oculte el flash. Primero, dibuje un rectángulo rojo alto. Añada una superposición de degradado para evitar el color plano y bisel y relieve para darle una apariencia tridimensional.
Paso 80
Duplica el rectángulo arrastrándolo con la tecla Alt. Cambia su color.
Paso 81
Agrupa todas las líneas seleccionando todas las capas de líneas y pulse Comando/Ctrl + G. Comando/Ctrl-clic en la forma de rectángulo redondeado que forma la parte superior de la cámara. Haz clic en el icono Añadir máscara de capa. Ahora, la cinta está dentro de la parte superior de la cámara.
Paso 82
Repite los pasos anteriores para añadir otra cinta en la parte central de la cámara.
Paso 83
Duplica las formas y colócalas en la parte inferior de la cámara.
Paso 84
Para estas cintas, cambia el modo de superposición de degradado de Trama a Multiplicar.
Paso 85
Selecciona el grupo de cintas. Pulsa Comando/Ctrl + T para realizar la transformación. Haz clic derecho y elige Perspectiva. Arrastra la esquina inferior. Usa la imagen de abajo como referencia.
Paso 86
Selecciona la parte inferior de la cinta. Invierte la selección presionando Comando/Ctrl + Shift + I y luego haz clic en el ícono de Agregar Máscara de Capa.
Paso 87
Duplica el grupo de cintas de colores, cambia su tamaño y colócalo debajo de la cinta anterior. Pinta una línea blanca suave en alguna parte de la cinta para darle una apariencia tridimensional.
Paso 88
Crea una nueva capa por encima de la cinta. Pinta en negro con un pincel difuso y de baja opacidad para añadir profundidad a la cinta.
Paso 89: La foto
Crea un nuevo grupo para la foto. Usa esta imagen como referencia de su posición. Traza una selección rectangular delante de la cámara. Haz clic en el icono de Añadir máscara de capa.
Paso 90
Utiliza la herramienta Pluma para dibujar la forma básica de la foto. Añade una superposición de degradado para evitar usar un color plano y un trazo para añadir el borde de la foto, que es la característica de una foto Polaroid.
Paso 91
Toma una imagen para la foto. Yo he utilizado una foto de sxc.hu. Coloca la imagen justo encima de la forma de la foto. Convierte la capa en máscara de recorte pulsando Command/Ctrl + Alt + G. La imagen se ubicara dentro de la foto automáticamente.
Paso 92
Haz clic en la foto y presiona Command/Ctrl. Crea una nueva capa por encima de la imagen. Esboza una sombra en la foto.
Paso 93
Crea una nueva capa y ponla debajo de la forma de la foto. Usa la herramienta de pincel difuso para dibujar la sombra de la foto en el suelo.
Paso 94: La correa de la cámara
Usa la Herramienta Pluma para dibujar esta forma. Colócala detrás de la cámara.
Paso 95
Luego, traza un gran rectángulo redondeado. Arrastra dos puntos de la parte inferior hacia arriba. Añade un trazado de rectángulo y ponlo en modo Restar.
Paso 96: Las sombras
Crea una nueva capa y colócala debajo de todas las capas. Traza una selección rectangular debajo de la cámara. Haz clic en Selección > Modificar > Desvanecer, establece un radio de 35 píxeles. Rellena la selección con negro.
Paso 97
Usar la Herramienta Pincel para dibujar una sombra más oscura justo debajo de la cámara.
Imagen final
Por fin, hemos llegado al final. Este es el icono final de la cámara polaroid que acabamos de crear. Espero que disfrutes de este tutorial y aprendas nuevas técnicas.
By
