Advertisement
  1. Design & Illustration
  2. Concept Art

Crear una ilustración de arte conceptual de una bestia de cristal en Adobe Photoshop

Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Las ilustraciones de arte conceptual se tratan generalmente más de un producto que de arte. No es necesario que sean extraordinariamente prolijas, solo deben vender la idea. Sin embargo, tampoco pueden ser un desorden. ¿Cómo encontrar este equilibrio? ¿Cómo pintar algo rápidamente, pero sin que parezca un garabato? En este tutorial voy a mostrarte un método para pintar una fantástica criatura de forma rápida, pero con una apariencia refinada que ocurre casi mágicamente. ¿Estás listo para intentarlo?

1. Prepara el espacio de trabajo

Antes de iniciar la ilustración en sí, necesitamos preparar las herramientas.

Paso 1

Crea un Nuevo archivo con dimensiones que no sean muy demandantes para tu computadora. Para el inicio no necesitamos nada grande, y un espacio de trabajo más pequeño incluso podría ser mejor para ti, evitando que hagas un acercamiento en los detalles.

concept art start dimensionsconcept art start dimensionsconcept art start dimensions

Paso 2

Usa la Herramienta bote de pintura (G) para rellenar el fondo de negro.

concept art fill backgroundconcept art fill backgroundconcept art fill background

Paso 3

Si quieres, puedes hacer el fondo más vigoroso añadiendo una textura áspera o usando pinceles de textura. No es obligatorio, pero a veces funciona para inspirarte con ideas que de otra manera no hubieras tenido.

conecpt art bacground textureconecpt art bacground textureconecpt art bacground texture

Paso 4

Nuestro pincel básico será un típico pincel circular que ya deberías tener en tu conjunto de herramientas:

concept art brush what to useconcept art brush what to useconcept art brush what to use

2. Controla la idea

El inicio siempre es lo más difícil. Un buen concepto se defenderá incluso cuando se renderiza de manera deficiente, pero un magnífico renderizado de un concepto insulso no impresionará a nadie. ¡Asegúrate de prestar mucha atención a esta parte!

Paso 1

Podrías no estar consciente de esto, pero la idea en tu cabeza nunca está completa hasta que la plasmas en papel o en una pantalla (a menos que pases mucho tiempo interpretándola a detalle en tu mente, pero se requiere experiencia). Lo que tienes en mente es una esencia que necesitas transferir tan rápida e inconscientemente como sea posible hacia un medio real, de esta manera le proporcionas a tu subconsciente una forma de manifestarse. Mientras más experiencia tengas dibujando, más fácil será avanzar en este paso. No importa qué tan buena sea tu idea, se requerirán tus habilidades para presentarla correctamente.

concept art beast sketch gestureconcept art beast sketch gestureconcept art beast sketch gesture

Paso 2

Cuando las líneas principales estén establecidas, puedes intentar bosquejar más detalles. Trata de adivinar lo que quería lograr tu subconsciente y sigue ese camino. Trabaja en una Nueva capa, con el bosquejo previo más transparente (disminuye su Opacidad).

concept art beast sketch concept art beast sketch concept art beast sketch

Paso 3

Ahora, este paso pudiera ser un poco controvertido. El dibujo de conceptos se basa principalmente en un trabajo rápido, porque mientras más pienses en algo, menos creativas serán tus ideas. Sin embargo, si en verdad no tienes mucha experiencia y no controlas plenamente tus formas todavía, es bueno detenerse aquí y revisar la perspectiva. No estoy hablando de puntos de fuga, sino simplemente de establecer de manera correcta los lados, como se describió en este tutorial. Básicamente, encuentra el frente, la parte posterior, la parte superior, la parte inferior y los lados de tu criatura, y comprueba que su alineación sea la adecuada.

concept art beast perpsective animal creature bodyconcept art beast perpsective animal creature bodyconcept art beast perpsective animal creature body
Trabaja en una Nueva capa para mantener el trabajo organizado.

Paso 4

Antes de entrar en detalles, deberíamos redimensionar el lienzo a algo más grande. Cambia las dimensiones (Control-Alt-I) a al menos tres veces más grande de lo que se piensa tendrá la imagen final.

concept art canvas dimension resolution bigconcept art canvas dimension resolution bigconcept art canvas dimension resolution big

Paso 5

Una vez que tu base está terminada, puedes bosquejar finalmente los detalles. ¡No los planees! Dibújalos rápidamente en una Nueva capa, contrayendo tu mano para mover las líneas en direcciones arbitrarias. De esta manera tu idea se enriquecerá.

En esta fase es mejor utilizar un pincel ligeramente menos predecible. Puedes elegir tu favorito o descargar algo; aquí voy a usar un pincel hexágonal como se describió en la primera parte de este tutorial.

concept art brush fast easyconcept art brush fast easyconcept art brush fast easy
concept art brush fast easy 2concept art brush fast easy 2concept art brush fast easy 2

3. Luz y sombra

El ojo humano reconoce más rápido una forma cuando está definida por luz y sombra. ¡Usémoslas!

Paso 1

Cambia la Opacidad del bosquejo a 10%. Usa el blanco para pintar áreas iluminadas en una Nueva capa. Dibújalas audazmente, no trates de ser sutil.

concept art monster lightconcept art monster lightconcept art monster light

Paso 2

Disminuye la Opacidad de la capa a 20%. De esta manera obtendremos más espacio para una luz más brillante.

concept art monster light blendingconcept art monster light blendingconcept art monster light blending

Paso 3

Hay demasiado espacio entre la luz y las sombras más oscuras en nuestra imagen. Para eliminarlo, crea una Nueva capa y usa gris oscuro para rellenar las áreas negras, dejando oscuridad únicamente en las hendiduras.

Una lección para aprender aquí: el negro, igual que el blanco, es un color potente. No ocurre en la naturaleza demasiado frecuente, excepto en la noche. Mira a tu alrededor y trata de encontrar sombras verdaderamente negras. ¿Ves alguna? La conclusión es que son raras, y por lo tanto no se aprecian naturales cuando usas demasiadas. Mi consejo para pintura realista es evitar el negro a toda costa, dejándolo únicamente para las hendiduras.

concept art monster bledning shadowconcept art monster bledning shadowconcept art monster bledning shadow
concept art monster blending shadow 2concept art monster blending shadow 2concept art monster blending shadow 2

Paso 4

Es un buen momento para añadir texturas. Voy a utilizar rocas de texturamate.

Pega la textura y cambia su Modo de fusión a Superponer, y la Opacidad a 40%. Luego utiliza la Herramienta transformación libre (Control-T) en modo de Deformación para ajustar la forma a la perspectiva.

concept art monster texturesconcept art monster texturesconcept art monster textures
concept art monster textures 2concept art monster textures 2concept art monster textures 2

¡No te limites a solo una textura! Puedes ponerlas en todos lados, cambiando su tamaño y forma.

concept art monster textures 3concept art monster textures 3concept art monster textures 3

Es importante entender por qué usamos texturas. En mi caso no se trata de añadir elementos. No tengo ganas de dibujarme, pero para añadir una sugerencia de bosquejo. ¿Cómo funciona eso? Recuerdas cuando estabas viendo un motivo caótico en el piso o una pared y viste una sorprendente criatura ahí. Nunca podrías dibujar algo tan asombroso, ¡fue creado por sí mismo desde el caos! Así es cómo podemos usar texturas. Añaden caos compatible con nuestro bosquejo, dándonos más ideas y una base para una futura iluminación.

Paso 5

Agreguemos una luz más fuerte, pero únicamente en lugares que estén extremadamente iluminados. (¡Otra vez Nueva capa!).

concept art monster strong lightconcept art monster strong lightconcept art monster strong light

Paso 6

Cambia el Modo de fusión a Superponer ¡para hacerla brillar!

concept art monster string light blendingconcept art monster string light blendingconcept art monster string light blending

4. Perfecciona los detalles

Paso 1

Es momento de hacer un acercamiento y definir todo lo que puedes ver. Selecciona el color (tono) de cada elemento con la Herramienta cuentagotas (I) y dibuja en ellos bordes más claros. La parte complicada es que no debes solo seleccionar un color y usarlo en todos lados, de esta manera lo harías todo menos vistoso. Lo que tienes que hacer es seleccionar-dibujar-seleccionar-dibujar, no seleccionar-dibujar-dibujar-dibujar. Si suena cansado, recuerda que puedes seleccionar rápidamente un color manteniendo presionada la tecla Alt cuando pintas.

En mi opinión, la maldición de los principiantes no es la falta de habilidad, sino el impulso para efectos rápidos. Esa es la razón por los trazos grandes y el amor por las herramientas como Desenfocar, Dedo, Sobreexposición y Subexposición. Si quieres ser mejor, no esperes resultados rápido y fácil. Tómate tu tiempo, ¡con la práctica se volverá más rápido!

concept art monster shadingconcept art monster shadingconcept art monster shading
concept art monster shading 2concept art monster shading 2concept art monster shading 2

Paso 2

Trabajemos ahora en los cristales, ya que será nuestro punto focal. Bosquéjalos ligeramente en una Nueva capa, creando bloques transparentes.

concept art monster painting crystal digital concept art monster painting crystal digital concept art monster painting crystal digital

Paso 3

Para hacer que los cristales se vean gruesos por dentro, rellénalos con neblina blancuzca.

concept art monster painting crystal digital 2concept art monster painting crystal digital 2concept art monster painting crystal digital 2

Paso 4

Agrega imperfecciones a los cristales, sin ellas parecerían más como vidrio.

concept art monster painting crystal digital 3concept art monster painting crystal digital 3concept art monster painting crystal digital 3

Paso 5

¡Este es un buen momento para usar el negro! Sombrea los lados con tonos muy claros o muy oscuros.

concept art monster painting crystal digital 4concept art monster painting crystal digital 4concept art monster painting crystal digital 4

Paso 6

Puedes hacer los lados más sólidos "tallándolos" con líneas horizontales.

concept art monster painting crystal digital 5concept art monster painting crystal digital 5concept art monster painting crystal digital 5

Paso 7

Añade sombra a la base de los cristales para fusionarlos con el cuerpo.

concept art monster painting crystal digital 6concept art monster painting crystal digital 6concept art monster painting crystal digital 6

Paso 8

Puedes usar el blanco ahora para añadir puntos bonitos y definir algunos de los bordes.

concept art monster painting crystal digital 7concept art monster painting crystal digital 7concept art monster painting crystal digital 7

Paso 9

Para hacer la fusión más completa, agregué picos de cristal sencillos entre ellos.

concept art monster painting crystal digital 8concept art monster painting crystal digital 8concept art monster painting crystal digital 8
concept art monster painting crystal digital 9concept art monster painting crystal digital 9concept art monster painting crystal digital 9

Paso 10

También podemos convertir todos los picos, dientes y garras a cristal, de una manera similar. Primero los pintamos de negro...

concept art monster painting crystal digital 10concept art monster painting crystal digital 10concept art monster painting crystal digital 10

...luego cúbrelos ligeramente de gris...

concept art monster painting crystal digital 11concept art monster painting crystal digital 11concept art monster painting crystal digital 11

..y añade el brillo. ¡Un pincel definido (dureza 100%) puede ser muy útil aquí! También, nota cómo un simple punto blanco en la punta de un pico lo hace lucir afilado.

concept art monster painting crystal digital 12concept art monster painting crystal digital 12concept art monster painting crystal digital 12
concept art monster painting crystal digital 13concept art monster painting crystal digital 13concept art monster painting crystal digital 13

Paso 11

Debido a que nuestra bestia está parcialmente hecha de cristal, agreguemos pequeñas rocas en diversos puntos. Hará más rica la superficie sin dibujar detalles manualmente.

Crea una Nueva capa, toma tu pincel circular y cambia los Ajustes (F5) como se muestra en la imagen a continuación:

New round brush settingsNew round brush settingsNew round brush settings
Control Pen PressureControl Pen PressureControl Pen Pressure
Scatter 371Scatter 371Scatter 371

Paso 12

Para hacer el pincel de dispersión con un aspecto más tridimensional, agreguemos Bisel y relieve en Opciones de fusión (doble clic en la capa para abrirla).

Bevel EmbossBevel EmbossBevel Emboss

Ahora simplemente dibuja la textura en lugares más oscuros como gustes.

draw the texture in darker places to your likingdraw the texture in darker places to your likingdraw the texture in darker places to your liking

Paso 13

¿Qué tal si queríamos cubrir toda la parte posterior de la criatura con picos de cristal? Un pincel personalizado es la opción más fácil, pero hacen lo transparente negro, y eso no es lo que queremos. ¡Usaremos una genial característica llamada Herramienta pincel mezclador!

En una Nueva capa, prepara una base para la herramienta, un conjunto de picos.

concept art monster mixer brush tool digital painting how to use concept art monster mixer brush tool digital painting how to use concept art monster mixer brush tool digital painting how to use

Paso 14

Modifica un pincel circular y cambia sus ajustes como se observa en la imagen a continuación:

concept art monster mixer brush tool digital painting how to use 2concept art monster mixer brush tool digital painting how to use 2concept art monster mixer brush tool digital painting how to use 2
concept art monster mixer brush tool digital painting how to use 3concept art monster mixer brush tool digital painting how to use 3concept art monster mixer brush tool digital painting how to use 3

Paso 15

Toma la Herramienta pincel mezclador (está en el menú Pincel, justo donde puedes encontrar el Lápiz) y cambia sus combinaciones en la barra superior a Seco, Carga elevada. Asegúrate de que no esté marcada la opción Muestrear todas las capas. Luego redimensiona tu pincel para que encaje los picos adentro, mantén presionada la tecla Alt y haz clic.

concept art monster mixer brush tool digital painting how to use 4concept art monster mixer brush tool digital painting how to use 4concept art monster mixer brush tool digital painting how to use 4

Ahora, pinta un trazo de prueba ¡y ve la magia que se produce!

concept art monster mixer brush tool digital painting how to use 5concept art monster mixer brush tool digital painting how to use 5concept art monster mixer brush tool digital painting how to use 5

Paso 16

Usa el pincel para pintar algunos conjuntos esporádicamente.

concept art monster mixer brush tool digital painting how to use 6concept art monster mixer brush tool digital painting how to use 6concept art monster mixer brush tool digital painting how to use 6

Paso 17

Desafortunadamente el Pincel mezclador no tiene una opción para rotar su contenido, así que necesitarás crear una nueva muestra para cambiar la dirección de los picos.

concept art monster mixer brush tool digital painting how to use 7concept art monster mixer brush tool digital painting how to use 7concept art monster mixer brush tool digital painting how to use 7

Paso 18

Usa la misma técnica para añadir cualquier otra genial funcionalidad.

concept art monster mixer brush tool digital painting how to use 8concept art monster mixer brush tool digital painting how to use 8concept art monster mixer brush tool digital painting how to use 8

5. Agrega los toques finales

Paso 1

Por el momento nuestro monstruo es demasiado oscuro. Vamos a iluminarlo más. La parte complicada es que los picos aleatorios necesitan estar sombreados de acuerdo a la luz local, de otra manera se verán fuera de lugar. Para ahorrar tiempo puedes pintar en el Modo de pintura Trama, de esta  manera tus trazos se volverán más brillantes cada vez que los repitas.

concept art monster light strongerconcept art monster light strongerconcept art monster light stronger

Paso 2

Para tener equilibrio, añade luz reflejada en el otro lado. No lo olvides, ¡puede ser más brillante que la luz principal!

concept art monster reflected lightconcept art monster reflected lightconcept art monster reflected light

Paso 3

Antes de que agreguemos cualquier color, necesitamos ordenar la luminosidad (brillantez relativa). Diferentes colores tienen diferente brillantez, por ejemplo el amarillo es muy brillante, y el azul es oscuro, aún cuando tienen el mismo nivel de brillantez. Por eso necesitamos planear los colores y hacer más oscuras algunas de las áreas, y algunas más brillantes.

Usa una Nueva capa en modo Superponer para aplicar brillo a algunas áreas. Para mí estos son los picos y las escamas que serán de color cian brillante.

concept art monster muddy colors digital concept art monster muddy colors digital concept art monster muddy colors digital

Para oscurecer algunas partes (el cuerpo será azul/púrpura) usa una Nueva capa en modo Multiplicar.

concept art monster muddy colors digital 2concept art monster muddy colors digital 2concept art monster muddy colors digital 2

Paso 4

Ahora podemos pintar los colores de manera segura en una Nueva capa en modo Color. Si se necesita, siempre puedes regresar a las capas anteriores para ajustar la luminosidad a los colores.

Consejo: primero rellena la capa de azul oscuro (el color de la sombra), y luego pinta la luz. No utilices trazos grandes para ello, pinta escama por escama sin llegar a la sombra. De otra manera el resultado no será vistoso.

concept art monster muddy colors digital painting grayscale concept art monster muddy colors digital painting grayscale concept art monster muddy colors digital painting grayscale

Paso 5

En una Nueva capa en modo Superponer puedes añadir más  luz al elegir una versión más cálida de color (más rojizo/amarillento) y pintando únicamente una parte del área iluminada.

concept art monster muddy colors digital painting grayscale 2concept art monster muddy colors digital painting grayscale 2concept art monster muddy colors digital painting grayscale 2

Paso 6

Una manera más de agregar luz es crear una Nueva capa en modo Trama y pintar con un color cálido como naranja brillante. No exageres con esto, es buena idea mantener una Opacidad baja.

concept art monster muddy colors digital painting grayscale 3concept art monster muddy colors digital painting grayscale 3concept art monster muddy colors digital painting grayscale 3

Paso 7

Por fin terminaste. Puedes añadir algunos detalles elegantes pero son solo para decoración.

concept art monster muddy colors digital painting detailsconcept art monster muddy colors digital painting detailsconcept art monster muddy colors digital painting details

¡Acabamos!

¿No fue fácil? Al principio podría verse muy refinado, pero si lo ves más detenidamente, resulta que solo es una serie de manchas y puntos desordenados. Y eso es justo lo que queríamos, algo rápido que no parezca rápido. ¡Misión cumplida!

concept art details fastconcept art details fastconcept art details fast
concept art crystal beast monster fastconcept art crystal beast monster fastconcept art crystal beast monster fast
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.