En este tutorial, explicaremos cómo dibujar un ícono de videocámara desde cero en Photoshop usando capas de formas, pinceles y estilos de capas. Empecemos!
Comencé con un simple boceto y luego usé herramientas de vectores para dibujar la forma básica. Usé colores brillantes para ayudarme a distinguir cada área..
Agregue una nueva capa y luego pinte reflejos ásperos y sombras manualmente usando la herramienta Pincel.
Usando el boceto como referencia, use la herramienta pluma para dibujar su cuerpo principal. Usa el color # 4e4d52.
Ayuda a reducir la opacidad para que podamos ver la referencia al mismo tiempo..
Dibuja un polígono más pequeño y más oscuro. Haga doble clic en la forma de la capa y aplique la Sombra interior con un tamaño muy grande para agregar ruido.
Dibuje la siguiente forma en el extremo de la videocámara con el color # 40474d
Selecciona alguna de las formas y destaca la pintura..
Agrega más luces y sombras para darle un aspecto tridimensional. Como puedes ver a continuación, solo trabajo en su parte superior. Eso es porque su parte inferior estará cubierta por su pantalla LCD..
Seleccione el cuerpo principal de la videocámara. Agregue una nueva capa y luego pinte de blanco con un pincel de baja opacidad. Haz esto unas cuantas veces.
Reducir su capa de opacidad..
Usa la misma técnica para pintar sombras en el cuerpo. También puede pulsar Comando / Ctrl + H para ocultar temporalmente la selección.
Dibuje una forma de media luna y aplique una sutil superposición de degradado de blanco a negro.
Active la herramienta Pincel con baja opacidad y pinte de blanco sobre la nueva capa, justo encima de la forma de la media luna.
Comando / Ctrl-clic en la forma creciente para hacer una nueva selección basada en su forma.
Coloque el resaltado y la forma de media luna dentro de una capa de grupo. Haga clic en el icono Agregar máscara de capa. Lo más destacado ahora va dentro de la forma..
Agregar nueva capa y luego dibujar una selección rectangular. Llénalo de blanco. Haga clic en Filtro> Ruido> Agregar ruido.
Haga clic en Filtro> Desenfoque> Desenfoque de movimiento con ángulo 90 °.
HIt Command / Ctrl + T y luego gírelo 90 °.
Pulsa Comando / Ctrl + T. En la barra de opciones, selecciona Warp: Arch.
Gire la forma nuevamente y colóquela en el lado de la lente. Es posible que deba experimentar varias veces con la configuración de deformación hasta que obtengamos la curvatura adecuada..
Gira la forma y borra sus dos extremos..
Cambia su modo de mezcla para multiplicar y reducir su opacidad. Borre ambos extremos con la herramienta Borrador suave.
Dibuja una elipse en la parte frontal de la forma..
Agregue una nueva capa y luego conviértala en Máscara de recorte (Comando / Ctrl + Alt + G). Dibuje un toque de luz y sombree usando la herramienta Pincel de baja opacidad.
Añadir otra elipse que cubra la forma anterior..
Añadir nueva capa y convertirla en máscara de recorte. Pintar blanco y negro para resaltar y sombras..
Dibuja otra elipse y agrega Superposición de degradado.
Añadir nueva capa y convertirla en máscara de recorte. Pintar algunas sombras.
Dibuja una elipse más oscura y vuelve a aplicar Gradient Overlay.
Seleccione la forma superior. Crea una nueva capa y luego rellénala con #efefef. Mueva la selección 1 px a la izquierda y luego presione la tecla Borrar.
Pinta el resaltado y luego dibuja un trazo negro. Cúbralo con una elipse..
Agrega otra forma de media luna blanca usando la técnica anterior. Dibuja una elipse más pequeña y agrega más forma de media luna..
Pinte el resalte suave con la herramienta Pincel y luego cúbralo con una forma de elipse gris. Aplicar sutil superposición de degradado.
Agrega una nueva capa y pinta una sombra sutil y resalta en la superficie de la lente.
Dibuja una pequeña elipse y un paralelogramo en el centro de la lente. Establece su modo de intersección. Aplicar sombra interna y superposición de degradado sutil.
Dibuja un polígono con color # 222423.
Seleccione el lado izquierdo del polígono. Agrega una nueva capa y pinta negro en la parte superior y gris más claro en la parte inferior. Esto agregará apariencia tridimensional..
Comando / Ctrl-clic en el polígono. Crea una nueva capa y pinta algunos reflejos en su interior..
No elimines la última selección. Crea una nueva capa y rellénala con negro. Haga clic en Filtro> Render> Destello de lente.
Cambia su modo de mezcla a pantalla y reduce su opacidad..
Seleccione la parte exterior de la lente de la cámara y luego pinte sombras.
Seleccione la lente y llénela con negro. Añadir destello de lente de nuevo.
Aplicar Gaussian Blur.
Establece su modo de mezcla en pantalla.
Dibuje la siguiente forma usando la herramienta Pluma. Aplicar superposición de degradado.
Agrega una nueva capa y una sombra de pintura y resalta en la parte superior de la forma. Vea la imagen de abajo para referencia.
Sigue agregando más luces a la forma para darle un aspecto tridimensional convincente. Podría ayudar si pones todos los pinceladas en capas separadas. De esta manera, puede agregar fácilmente un resaltado más fuerte apilándolos.
Dibuja una forma debajo usando la herramienta Pluma, usa el blanco como su color. Aplicar sutil superposición de degradado.
Agregue una nueva capa y luego dibuje manualmente los resaltes y las sombras para darle un aspecto tridimensional.
Añadir sombra debajo del botón.
Usa las mismas técnicas para dibujar otro botón..
Dibuja forma negra debajo de la lente
Pintar negro debajo de la forma..
Agregue luces con un pincel de baja opacidad..
Dibuja algunos círculos. Inclínalos hasta que los círculos se vean realistas en la superficie..
Aplicar el interior en los círculos..
Dibuja otra forma y aplica Superposición de degradado. Vea la imagen de abajo para referencia.
Comencemos dibujando bisagras LCD. Dibuja un rectángulo redondeado. Modifica los puntos de la izquierda y acércalos. Añadir nueva capa y convertirla en máscara de recorte. Añade resalte dentro de la forma para convertirla en un agujero.
Añadir otra capa para agregar puntos destacados del modo.
Dibuja la siguiente forma para cubrir el agujero.
Agregue una nueva capa y luego pinte el resalte y la sombra dentro de la cubierta.
Pinte un toque muy sutil en el lado de la cubierta con un pincel suave y pequeño.
Dibuja la siguiente forma y agrega una sutil superposición de degradado. Pintar resaltado en la parte superior de la forma.
Dibuja forma de rectángulo medio redondeado cubriendo la forma anterior. Pinta de relieve y sombra en su borde..
Dibuja un rectángulo redondeado y luego modifica su esquina hasta que tengamos la siguiente forma. Aplicar sutil superposición de degradado.
Comando / Ctrl-clic forma para seleccionarlo.
Añadir forma más pequeña con un color más oscuro. Añadir brillo interno y superposición de degradado.
Agrega una nueva capa y luego dibuja una línea negra suave en la parte superior. Reducir su opacidad.
Dibuja un rectángulo redondeado más pequeño. Como de costumbre, aplique Gradient Overlay..
Dibuja un rectángulo redondeado aún más pequeño. Añadir sombra interior.
Agregue una imagen en la parte superior de la pantalla y luego presione Comando / Ctrl + Alt + G para convertirla en Máscara de recorte. La imagen ahora va dentro de la forma..
Dibuja un circulo. Aplicar algunos estilos de capa.
Dibuja un círculo más pequeño en el centro del anterior. Aplicar otros estilos de capa.
Dibuja un círculo más pequeño con un color más claro. Reducir su opacidad.
Dibuja forma de círculo rojo y aplica los siguientes estilos de capa.
Agregar nueva capa y dibujar manualmente resaltar y sombrear en el botón.
Dibuja más botones en la pantalla LCD.
Dibuja una forma de elipse en su lado derecho. Añadir trazo y superposición de degradado.
Pintar algunas sombras.
Dibuja una elipse oscura en el cuerpo de la videocámara. Pintar algunas sombras y resaltar en el botón. Vea la imagen de abajo para referencia.
Agregue una elipse más pequeña y luego resalte más con la herramienta Pincel.
Dibuja una línea blanca fuera del área del botón.
Aplicar Gaussian Blur para suavizarlo..
Reducir su opacidad. Borrar algunos de los trazos. Asegúrate de usar un borrador de baja opacidad.
Coloque el botón en una capa de grupo. Alt-arrastrar para duplicar el botón.
Dibuja una forma de rectángulo redondeado negro y luego sesga.
Duplica la forma. Muévalo 1 px a la derecha. Pinte el punto culminante encima de él. Una vez más, duplica la forma. Muévalo unos pocos píxeles a la derecha y cambie su color a gris más claro..
Agregue una nueva capa y luego dibuje el resaltado y la sombra en la superficie del botón. No olvide pintar la sombra del botón en el cuerpo de la videocámara..
Dibuje un polígono negro y luego aplique una sutil superposición de degradado. Agrega otros rectángulos para su otro lado. Vea la imagen de abajo para referencia.
Dibuje la siguiente forma y aplique Gradient Overlay.
Dibuje la siguiente forma en la parte superior de la videocámara. Agregue una nueva capa, conviértala en Máscara de recorte y luego pinte algunos puntos destacados..
Dibuja la siguiente forma. Como en el paso anterior, pinta su punto culminante.
Cubriremos la tarjeta de memoria. Comience dibujando siguiendo la forma. Pinta el resaltado sutil usando una herramienta de pincel suave.
Dibuja una forma más pequeña con un color más claro. Pintura resaltada en su superficie..
Añadir nueva capa. Comando / Ctrl-clic en la forma. Haga clic en Editar> Trazar con blanco como color..
Aplica un pequeño Desenfoque Gaussiano para suavizarlo. Borre parte de la línea de trazo con la herramienta Borrador suave. Reducir su opacidad.
Dibuja la parte frontal del área. Como de costumbre, pinta su punto culminante..
Dibuja la siguiente forma detrás de la ranura de la tarjeta de memoria. Añade un toque de luz y sombra.
También queremos agregar un área de asa donde podamos colocarle una correa. Comience por dibujar su gancho. Y aplicar sutil gradiente de superposición..
Seleccione su lado exterior. Agrega una nueva capa y pinta un color más claro para agregar resalte.
Agrega una nueva capa y agrega un resaltado más fuerte. Para ello, utiliza un pincel más pequeño..
Dibuja su forma interior y pinta su realce y sombra..
Continúa dibujando una correa unida a ella. Comience dibujando siguiendo la forma. Aplicar siguiente patrón de superposición. Podemos usar el patrón predeterminado que está disponible en cada Photoshop. También agregue Gradient Overlay para agregar luz natural a la forma.
Comando / Ctrl-clic en la correa para seleccionarlo. Añadir capa de ajuste Blanco y Negro. Esto asegurará que la correa se convierta en blanco y negro..
Vamos a añadir alguna etiqueta en la superficie de la videocámara. Comience agregando un texto usando la herramienta de tipo estándar. Pulsa Comando / Ctrl + T y selecciona Sesgar.
Agrega nuevo texto y aplica Warp. Puedes encontrar su botón en la barra de opciones..
Gira el texto hasta que encaje en la superficie..
Agrega más texto a la superficie.
Para hacerlo más realista, vamos a añadir un poco de sombra en el texto. Agregue una capa sobre el texto y luego conviértala en Máscara de recorte. Usa un pincel suave para pintar sombras sobre el texto..