Crear una imagen básica de Vexel

Esta vez crearemos una imagen vexel simple de una imagen. Además, usaremos algunos efectos de patrón para darle a la imagen una textura interesante. Esta es una forma básica de crear una imagen vexel utilizando principalmente herramientas basadas en vectores de Photoshop. Después de completar este tutorial, te convertirás en un maestro de la herramienta Pluma.

Vista previa de la imagen final

Antes de comenzar, echemos un vistazo a la imagen que vamos a crear. Haga clic en la captura de pantalla de abajo para ver la imagen a tamaño completo. Como siempre, el archivo de Photoshop en capas está disponible a través de nuestra membresía Psdtuts + Plus.

Paso 1

Comience creando un nuevo documento de 768 px por 1024 px y pegue esta imagen. Borre la capa de fondo. A continuación, agregue una nueva capa de relleno de color sólido blanco.

Paso 2

Ahora las pocas cosas que necesitarás son la herramienta de la pluma y mucha paciencia. Seleccione la herramienta Pluma y establezca este Color de primer plano como # FFE400. Esto no es realmente importante porque cambiarás los colores más tarde. Crea algunos puntos sobre las franjas amarillas. Una vez que haya creado una forma, seleccione Agregar al área de forma en las opciones del lápiz. Luego sigue dibujando. De esta manera obtendrá una forma compleja en una capa. Nombre esta capa "BGLines".

Oculta la capa de la imagen por un momento. Obtendrás algo como la imagen 3 a continuación. Finalmente, coloque la capa de imagen sobre la capa "BGLines" y muéstrela. Recuerda este paso, porque debes colocar la capa de la imagen sobre las demás tantas veces como necesites.

Paso 3

Ahora usa un primer plano blanco y dibuja el contorno de la camisa. Crea una nueva capa llamada "Camisa". No te preocupes por las rayas verdes en este momento. Una vez que hayas terminado toda la forma de la camisa, oculta la capa de la imagen. Ver el resultado. Luego coloque la capa "Camisa" sobre los "BGLines" y recuerde colocar la capa "imagen" sobre todas las demás capas cada vez que dibuje una forma.

Etapa 4

Dibuja los brazos y las manos. Dibujé cada uno en una capa diferente, pero puedes dibujar ambos brazos en una sola capa. Quizás el objeto más difícil de dibujar es la mano humana. Revisa las uñas; Usé casi un ángulo curvo de 90º allí. Finalmente, coloque las capas "manos" y "brazos" sobre la capa "Camiseta".

Paso 5

Dibuje la forma de los pantalones, use un color azul en primer plano (# 002352). Coloque la capa "Jeans" sobre la capa "BGLines".

Paso 6

Usando el mismo color de primer plano que las manos, dibuje la forma de la cara y la cabeza. Coloque la capa "Cabeza" debajo de la capa "Camisa".

Paso 7

Ahora dibuja el pelo moreno (# 7e4a22). Luego coloca la nueva capa "Cabello" sobre la capa "Cabeza".

Paso 8

Ahora, para las gafas de sol use un color de fondo gris oscuro (# 212121). Coloque la capa "Gafas de sol" sobre las capas "Cabeza" y "Cabello".

Paso 9

En este punto, obtenemos la forma básica de la niña. Ahora es el momento de agregar algunos detalles. Primero, agregue las rayas verdes. No es difícil, y solo debería tomar entre diez y quince minutos. Recuerde seleccionar Agregar al área de forma en las Opciones de pluma. A continuación, establezca un primer plano verde (# 03b72d). Coloque la capa "Líneas de la camisa" sobre la capa "Camiseta".

Paso 10

Dibuje los labios (# E05328) y el labio superior (# A33B1E). Además, dibuja un pequeño agujero negro en la nariz. Coloca estas tres capas encima de la capa "Cabeza".

Paso 11

Ahora añadiremos los detalles finales. Establezca la opacidad de la capa "imagen" en 50%. Esto le dará un mejor aspecto que las formas dibujadas anteriores. Agregue el cristal de las gafas de sol con un color gris (# 404040), coloque la capa "Cristal de las gafas de sol" sobre la capa de "Gafas de sol".

Paso 12

Este es un paso importante, agregaremos algunas sombras vectoriales a la piel para crear una ilusión de iluminación. Para esto no hay forma de seguir. Debes usar tu sentido común. Una buena manera de hacerlo es mirar las áreas oscuras de la piel para crear una forma similar. Asegúrese de utilizar siempre la herramienta Pluma para esto. Utilicé un color naranja oscuro (# d29115). Coloque la capa "Sombras de la piel" sobre las capas "Manos".

Paso 13

Dibuja algunas formas de sombra usando un fondo azul oscuro. Luego coloque la capa "Sombra de jeans" sobre la capa "Pantalones vaqueros".

Paso 14

En este punto, tiene un vexel básico de la imagen de la niña, puede agregar más detalles si desea.

Paso 15

Ahora puede personalizar las formas con su imaginación, comenzaré a cambiar los colores de la siguiente manera: Piel (# F8C769), Sombra de piel (# E7B148), Rayas de camisa (# C50505), Fondo (# C50505) y Rayas de fondo ( #FFFFFF).

Paso 16

Crea un nuevo Grupo de capas, llámalos "Chica". Agregue todas las capas al grupo excepto "BGLines" y "BG". Selecciona el grupo y redimensionalo..

Paso 17

Seleccione la capa "Cristal de gafas de sol". Luego agregue una Superposición de degradado (# 3D3D3D a # 858585). Primero agregue Linear Light Overlay luego un Pattern Overlay. Utilicé el patrón "Tablero óptico". Asegúrese de que la opción Enlace con capa esté seleccionada. Arrastra un poco el patrón para obtener el resultado que se muestra a continuación..

Paso 18

Seleccione la capa "Jeans". Luego agregue una Superposición de degradado (# 00345E - # 025B87).

Paso 19

Seleccione la capa "BG". Luego, agregue una Superposición de degradado que vaya del rojo al rojo oscuro (# C70704 - # 6A0000) ...

Paso 20

Agregue la misma Superposición a la capa "Líneas de la camisa", pero invierta los colores esta vez (# 6A0000 - # C70704).

Paso 21

Ahora seleccione la capa "BGLines" y agregue un estilo de trazo degradado usando estos valores.

Paso 22

En la capa "BGLines" agregue una Superposición de patrón utilizando el mismo patrón que las gafas de sol, pero esta vez deseleccione la opción Vincular con capa. Luego haga clic en Ajustar al origen, de esta manera está arreglando el patrón al origen del documento.

Paso 23

Agrega el mismo estilo de patrón a la capa "Camisa". Recuerde anular la selección de la opción Vincular a capa. Como puede ver a continuación, parece que solo hay un estilo de capa.

Conclusión

Esta técnica es una de las más flexibles, ya que un gráfico vectorial puede redimensionarse sin perder ninguna calidad. Esto también puede ayudarte a imprimir tus diseños. Recuerda que tu imaginación es el único límite. Intente visualizar otras imágenes y jugar con los estilos, o para miembros Plus descargue el archivo .PSD y agregue más detalles.