Cómo ilustrar digitalmente una cámara con rayas de luz

Sin lugar a dudas, la ilustración digital y el arte son una parte importante de cualquier comunidad orientada a Photoshop. Una excelente manera de comenzar en ese camino es crear tanto como sea posible con las herramientas únicas de Photoshop. Hagámosles un buen uso y aprendamos una forma de presentar una cámara digital con brillantes rayos de luz..

Preludio

¿Puedes decir la diferencia entre un artista y un diseñador? ¡Por supuesto que puede! E incluso puede comprender la diferencia entre un diseñador y esta nueva generación de photoshopper. Sorprendentemente, Photoshop ha creado un campo creativo completamente nuevo, en el que puede utilizar su talento artístico, su mentalidad de diseñador y sus habilidades de PS para crear un trabajo profesional y comisionado..

A algunos de los principales diseñadores de hoy se les pide que creen diseños basados ​​en su arte y experimentos personales. La verdad es que si identifica su propio estilo y pule sus técnicas, la gente hará más que apreciarlo. Ellos lo pagarán. No puedo decir que estoy en esa etapa, bastante lejos de eso, pero sí sé que estoy haciendo todo lo posible para llegar allí. Y la única manera de llegar a ese punto es empujarse hacia nuevos límites y encontrar soluciones originales..

¡Por eso me encantan las entrevistas! No solo proporcionan una gran fuente de inspiración, sino que también demuestran que convertirse en un artista increíble consiste en un proceso. Es como escalar una montaña; es posible que desee llegar a la cima, pero no puede saltarse la escalada, ni posiblemente ignorar las formas de hacer que todo el viaje sea una mejor experiencia. Aprendes valiosas lecciones a lo largo del camino, ¿por qué no tomarse el tiempo para estudiar nuevas técnicas y aplicarlas en un estilo nuevo y único que lo represente? Haz el mejor uso de los tutoriales de Psdtuts + dándoles un giro y no solo pregúntate a ti mismo '¿Qué hay para mi ahí dentro?' El conocimiento acumulado y la experiencia fresca ayudarán lo suficiente como para que valga la pena su tiempo. Es una inversión que devuelve..

Introducción

Volviendo al camino, permítame compartir el punto de este diseño. Quería crear una ilustración digital de un producto real, en este caso una cámara digital. Es básicamente un ejercicio personal en el uso de mucho de lo que Photoshop puede hacer. Aquí está mi proceso de pensamiento en la creación de esta pieza:

Analicé el estilo del producto. La cámara es elegante, oscura, brillante y reflectante. También tiene un esquema de color muy limitado, y le da una gran importancia a la función. No hay bordes afilados, por lo que la cámara es cómoda mientras se sostiene y se usa durante períodos de tiempo potencialmente largos. Decidí que mi ilustración debería ser predominantemente oscura, pero que necesitaba un agente que creara interés y agregara contraste a la imagen. Ese agente se convertiría en pintura ligera, un estilo nuevo y emocionante con el que las personas están experimentando en todo el mundo. Pensé en esto porque las pinturas de luz normalmente se hacen con cámaras fijas a baja velocidad de obturación. Así es como haría la pieza artística, usando rayos de luz viajantes. Estas vigas también deben ser curvas, algo que armonice con la ergonomía de la cámara..

Vista previa de la imagen final

Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Puede ver la vista previa de la imagen final a continuación o ver una versión más grande aquí.

Video Tutorial

Nuestro editor de video, Gavin Steele, ha creado este video tutorial para complementar este texto + tutorial de imagen..

Paso 1

Abra un nuevo documento de Photoshop, 2200 px por 1700 px de tamaño, y a 300 ppi. Cree un degradado radial (G) desde el centro utilizando un cian oscuro (203534) como color de primer plano y negro como color de fondo..

Paso 2

Ahora necesitarás una cámara digital para mostrar, así que obtén esta foto. Recórtelo utilizando la herramienta Pluma (P) y colóquela en el centro del lienzo.

Nota: debe asegurarse de que la orientación de la cámara seguirá siendo la misma desde el principio hasta el final. No puedes voltearlo, porque todas las cámaras están hechas para sujetarse de una sola manera, con botones específicos en los lados designados. Y también hay algo de texto en la lente que obviamente se verá divertido.

Paso 3

Seleccione la capa de cámara digital y vaya a Capa> Nueva capa de ajuste> Mapa de degradado. Agregue los mismos colores que el fondo, pero agregue blanco al final y un color adicional: f4d597. Convierta esta capa de ajuste en una máscara de recorte manteniendo presionada la tecla Alt y haciendo clic entre las dos capas.

Etapa 4

Ahora vamos a comenzar la parte más tediosa. Haz una nueva capa debajo de la capa de la cámara para acomodarlos. Para crear las líneas usaremos la herramienta Pluma (P), pero antes de trazar las rutas, formatearemos la configuración del pincel (B). Elija un ancho apropiado para el primer trazo y color (e66663). En el Modo de ruta, dibuje una ruta con la herramienta Pluma (P) en la dirección deseada, haga clic con el botón derecho y seleccione Ruta de carrera. Asegúrese de que la casilla Simulación de presión no esté marcada. Una vez que haya acariciado la primera línea, transforme (Comando + T) la ruta y cámbiela ligeramente girándola o sesgandola. Luego simplemente vuelve a acariciarlo con una sutil diferencia de ancho. Repetir el proceso.

Nota: Cree nuevas capas para cada grupo de colores y mantenga las líneas relativamente cerca unas de otras. También deberá visualizar el diseño general de las líneas que está a punto de crear. Así que tómate el tiempo para imaginar dónde deberían estar en primer lugar..

Además, no hay truco de magia para hacer esto, al menos no uno que yo sepa. Sí, tendrá que crear muchas de las líneas individualmente ... No olvide modificar las configuraciones de pincel para cada una, o al menos cada tercera o cuarta parte..

Paso 5

Cambia tu preajuste de pincel a Pinceles Caligráficos. Puedes encontrarlos haciendo clic en la flecha pequeña en la configuración de tu pincel. Elija el que se muestra a continuación. Cree algunos más prominentes, así como otros más pequeños con variación en la intensidad del color..

Nota: Estos son los únicos dos pinceles que usaremos en todo el diseño. Utilice el pincel caligráfico para trazos más gruesos y grandes, y el pincel redondeado para líneas más pequeñas y delgadas.

Paso 6

Crea líneas más gruesas. Es más fácil crear unos cuatro o cinco, y simplemente duplicarlos (Comando + J).

Paso 7

Continúa creando algunos más delgados, pero eso rompe el patrón típico. Puede hacerlo reposicionando los extremos y asegurándose de que terminen dentro del área del lienzo. Además, use la herramienta de difuminación (R) para difuminar algunos de los extremos y lados de las líneas. Aunque no exageres.

Paso 8

Agregue algunas líneas más finas cerca del fondo, también usando los colores de fondo reales.

Paso 9

Ahora que ha agrupado los trazos en capas separadas, seleccione líneas similares y duplíquelas. Si esto consiste en más de una capa, Combínelos (Comando + E). Una vez que los haya duplicado, vaya a Filtro> Desenfoque> Desenfoque de movimiento. Añade un valor de unos 30 píxeles. Esta cantidad debe variar, de acuerdo con la posición de las líneas. No manche toda la colección, solo modifíquela ligeramente y colóquela debajo de los golpes actuales.

Paso 10

Repita el proceso a algunos otros grupos. Cree grupos más pequeños también, y mantenga su capa por encima de todas las demás. Establezca el modo de fusión de estas capas en Color más claro y modifique la opacidad. Es posible que deba reducirlo un poco, para que las líneas no queden demasiado manchadas.

Nota: Algunas de las líneas más finas pueden verse mejor al agregar un Desenfoque de lente en su lugar. Agregue uno sutil a estos yendo a Filtro> Desenfoque> Desenfoque de lente.

Paso 11

Lo siguiente que haremos es agregar un Desenfoque de lente solo a partes de ciertas líneas. Haz una capa encima de la cámara y dibuja algunas líneas más. Ingrese al modo de máscara rápida y cree un degradado de negro a blanco (G). La porción roja permanecerá intacta, mientras que la región vacía estará borrosa. Asegúrese de que la región vacía es generalmente más pequeña. Luego, vaya a Filtro> Desenfoque> Desenfoque de lente, y agregue un desenfoque con un valor de aproximadamente 10 píxeles. A continuación se muestra un ejemplo de cómo hacer esto..

Paso 13

Nuevamente por encima de la capa de la cámara, cree algunas líneas más y no olvide agregar una versión duplicada con un desenfoque de lente. Como este está arriba, agregué un borrón más prominente, con un valor más alto.

Paso 14

Duplica estas líneas y reposiciona por rotación. También agregué un par de versiones más borrosas de estas líneas en la parte superior. Siéntete libre de borrar las porciones que se vuelven demasiado obvias..

Paso 15

Ahora use un pincel redondo de dos píxeles y cree pequeñas líneas que sigan el patrón general de las líneas existentes. Puede utilizar un ratón para hacer esto, o tableta de lápiz.

Paso 16

Bueno, podría fingir que todo salió según lo planeado, pero no fue así ... ahora es un poco demasiado complicado. ¿No te alegra que hayas hecho capas individuales para grupos? Es hora de limpiar la imagen ocultando algunas capas innecesarias.

Paso 17

Mejor, ¿no es así? Es un buen momento para agregar el flash también. Solo pinte un círculo suave regular con un amarillo claro y sesgue (Comando + T). Obtendrás una luz alargada. Juega un poco con la opacidad también, para que no se convierta en una molestia. Colóquelo sobre la unidad de flash de la cámara..

Paso 18

Ahora agregaremos un destello de lente, pero para asegurarnos de que sea muy sutil, lo crearemos en un documento nuevo que es considerablemente más grande. Digo más grande porque eso hará que sea más fácil para ti decidir cómo colocarlo sobre la cámara. Luego simplemente arrástrelo a su archivo de proyecto principal y cambie su tamaño.

Paso 19

Y aquí está, posicionado y modificado. Con el fin de limitar sus colores, he creado un mapa de degradado. Al igual que controlaba los colores de la cámara, haga lo mismo con el destello de lente: agregue una Capa de ajuste, especifique un esquema de color similar y conviértalo en una máscara de recorte para el destello de lente. Además, establezca el modo de fusión de la llamarada en Pantalla y la Opacidad en 80%.

Paso 20

Naturalmente, todas estas luces brillarán. Consigue un pincel suave (B) y pinta debajo de grupos de líneas. Los he aislado, para hacerlos más fáciles de detectar..

Paso 21

Para completar el siguiente paso, deberás tomar esta foto. Lo reduje hacia abajo y cloné partes (S) pegadas.

Paso 22

Ahora configure el Modo de fusión de la capa en Pantalla y borre (E) la parte central que cubre la cámara.

Paso 23

Ingrese al modo de máscara rápida (Q), arrastre un degradado lineal reflejado (blanco y negro) desde el centro hacia afuera y salga (Q). Debes tener las extremidades seleccionadas. Desenfoque hacia fuera yendo a Filtro> Desenfoque> Desenfoque de lente. Dependiendo de cuánto hayas seleccionado, ajusta la fuerza.

Paso 24

Y para terminar de editar las estrellas, vaya a Capa> Nueva capa de ajuste> Mapa de degradado y cree un esquema de color similar.

Paso 25

Vamos a ajustar el contraste y la saturación. Vaya a Capa> Nueva capa de ajuste> Curvas para aumentar el contraste y Capa> Nueva capa de ajuste> Tono y saturación para reducir la intensidad del color.

Paso 26

En este paso, agregaremos un efecto que no solo dará a las líneas un brillo más intenso y una apariencia en 3D, sino que también iluminará los bordes de la cámara.

Alise el proyecto (Comando + Shift + E), seleccione todo el lienzo (Comando + A) y cópielo (Comando + C). Revise su panel de historial y retroceda unos pasos, justo antes de fusionar todas las capas. Pegue (Comando + V) la imagen aplanada y vaya a Filtro> Estilizar> Bordes brillantes. Use la configuración estándar como referencia, pero aumente la suavidad en un par de puntos. Aplica el efecto..

Paso 27

Establezca el modo de fusión de la capa en Pantalla. Notarás cómo están resaltados todos los bordes.

Conclusión

Bueno, eso es suficiente por el momento, el desenfoque de líneas y el fundido ligero por ahora ... Espero que encuentre esta técnica útil y aplicable a sus proyectos. ¡Que tengas un gran día! Puede ver la imagen final a continuación o ver una versión más grande aquí.