Hello!
Thank you very much for visiting my project, in which I detail my creative process for creating illustrations with the style popularly known as "low-poly".
Here I’ll show you the process I follow to create a low poly illustration mixing Adobe Illustrator and Photoshop.
The main objective is to highlight the fundamental points to be able to understand the most important aspects to achieve a good result and not to get discouraged in the attempt.
For this tutorial I will show you how to create the portrait of the famous movie character, “The Joker”.
Let's get started!
¡Hola!
Muchas gracias por visitar mi proyecto, en el cual detallo mi proceso creativo para la creación de ilustraciones con el estilo popularmente conocido como “low-poly”.
En esta oportunidad voy a mostrarles cómo es el proceso que sigo para la creación de una ilustración utilizando Adobe Illustrator como también Adobe Photoshop.
El objetivo principal es destacar los puntos fundamentales para poder entender el proceso y llegar así a un resultado óptimo sin desanimarse en el intento.
Para este tutorial decidí elegir como idea para el desarrollo de la ilustración, un retrato del famoso personaje de películas, “El Joker”.
¡Empecemos!
First step: “Let’s begin!”
Before starting to design it’s essential to define what we are going to create. For this reason, once the theme, concept, or trigger idea has been defined, it’s essential to create a moodboard with all the images that inspire us or that are fundamental elements for the creative process.
Please note that’s very important to take the time to find the visual elements that are going to serve as inspiration, so we must dedicate the necessary time to have all the references.
What I also do, is add a series of concepts in the form of a list to be able to reinforce the idea to be developed.
You can find everything detailed in the following image “01. Moodboard”
Primer paso: “¡Comencemos!”
Antes de empezar con el trabajo, es fundamental definir qué es lo que vamos a diseñar. Por eso una vez definida la temática, concepto o idea disparadora, es esencial crear un moodboard con todas las imágenes que nos inspiren o que sean elementos fundamentales para la creación de nuestra pieza.
Es importante tomarse el tiempo necesario para encontrar los elementos visuales que van a servir de inspiración, por lo que recomiendo no pasar a la siguiente etapa hasta contar con todas las referencias que creamos necesarias.
Otro de los puntos a desarrollar en esta primera etapa consiste en agregar una serie de conceptos en forma de lista para poder reforzar la idea a desarrollar.
Puedes encontrar todo lo detallado en la siguiente imagen “01. Moodboard”
Second step: “The sketch”
The second step is to create the pre-design foundation. The reference can be in three ways, a sketch made by hand from the ideas of the moodboard, you can use an image or you can create a montage in Photoshop to use the guide and later be able to “trace” in a vector way in Adobe Illustrator.
In this case, I decided to create a photomontage for the further development of the illustration.
You can find everything detailed in the following image “02. Sketch”
Segundo paso: “El boceto”
El segundo paso consiste en crear la base previa al diseño. La referencia puede ser de tres maneras, un sketch hecho a mano a partir de las ideas del moodboard, puedes usar una imagen o bien puedes crear un montaje en Photoshop para usar de guía y posteriormente poder “calcar” de forma vectorial en Adobe Illustrator.
En este caso, yo elegí la creación de un fotomontaje para el posterior desarrollo de la ilustración.
Puedes encontrar todo lo detallado en la siguiente imagen “02. Boceto”
Third step: "Base"
The file to be worked on is created here. The size of the same is indifferent since when working it in vector, it can be enlarged or reduced later without losing quality.
What I do is create a first layer, which I call "Base" and on which I embed the montage on which I am going to work.
Subsequently, a top layer is created in which the illustration will be developed.
Go to Adobe Illustrator, and create a new file. I always recommend leaving the "base" coat locked to prevent unwanted and involuntary movements.
Another thing that is done in this step are different annotations, or things to keep in mind to add, modify or delete. Annotations are always necessary so as not to forget the details that make up the final result, for which I always recommend making this type of annotations as references.
You can find everything detailed in the following image “03. Layers"
Tercer paso: “La base”
Aquí se crea el archivo sobre el que se va a trabajar. El tamaño del mismo es indiferente ya que al trabajarlo en vector, se puede agrandar o achicar posteriormente sin perder calidad.
Vamos a Adobe Illustrator, y creamos un archivo nuevo. Lo que yo hago es crear una primera capa, la cual le suelo poner como nombre “Base” y sobre la cual incrusto el montaje sobre el cual voy a trabajar.
Posteriormente se crea una capa superior en la cual se va a desarrollar la ilustración.
Recomiendo siempre dejar bloqueada la capa “base” para evitar movimientos indeseados e involuntarios.
Otra cosa que se hace en este paso son diferentes anotaciones, o cosas a tener en cuenta para agregar, modificar o eliminar. Las anotaciones siempre son necesarias para no olvidarnos de detalles que hacen al resultado final, por lo cual recomiendo siempre realizar este tipo de anotaciones como referencias.
Puedes encontrar todo lo detallado en la siguiente imagen “03. Capas”
Fourth step: “Let's do it”
For the development of the illustration, the technique consists of working by range of colors. The most important thing is to create a mental map of how to reconstruct the base image, with triangles.For this reason, this technique is based on trial and error. You must create triangles one next to the other, imagining how they will combine with each other. The process is based on appealing to intuition and seeing how the triangles behave appropriately to be able to give shape to our design. Using the colors of the "base" image is very important to determine the meaning and size of the triangles that we are creating.To generate transitions or different effects, one can create triangles one next to the other where the point of contact is the nodes, or the triangular figures can be superimposed to achieve different results.
To create the triangles, the process consists of joining three nodes with the pen tool. As much as the triangles share their sides, it's important to always join the three points so that a closed figure is generated.
Once the development of the "skeleton" is finished, the eyedropper tools are used to take the original colors of the base photograph.
Later, once finished, the base layer is eliminated and the file is exported to work on the details of lights, shadows, textures in Photoshop.
You can find everything detailed in the following image “04. Developing"
Cuarto paso: “Manos a la obra”
Para el desarrollo de la ilustración, la técnica consiste en trabajar por gama de colores. Lo más importante es crear un mapa mental de qué manera ir reconstruyendo la imagen de base, con triángulos.
Por tal motivo, esta técnica se base en la prueba y error. Debes ir creando triángulos uno al lado del otro imaginando de qué manera van a combinar el uno con el otro. El proceso se basa en apelar a la intuición y ir viendo de qué manera los triángulos se comportan de manera adecuada para poder ir dándole forma a nuestro diseño. Usar los colores de la imagen "base" es muy importante para determinar el sentido y el tamaño que deben tener los triángulos que vamos creando.
Para ir generando transiciones o efectos diferentes uno puede crear triángulos uno al lado del otro donde el punto de contacto sean los nodos, o bien se pueden ir superponiendo las figuras triangulares para lograr así resultados diferentes.
Para crear los triángulos, el proceso consiste en unir tres nodos con la herramientas pluma. Por más que los triángulos compartan sus lados, es importante siempre unir los tres puntos para que se genere una figura cerrada.
Una vez que se termina con el desarrollo del “esqueleto” se utiliza la herramientas de cuentagotas para ir tomando los colores originales de la fotografía base.
Posteriormente una vez terminado se elimina la capa base y se exporta el archivo para trabajar los detalles de luces, sombras, texturas en Photoshop.
Puedes encontrar todo lo detallado en la siguiente imagen “04. Desarrollo”
This is what the skeleton looks like once you've finished drawing all the triangles for your design creation. Once you have reached this point, it is time to color each figure and even make changes to the triangles, if necessary.
Así es como se ve el esqueleto una vez que hayas terminado de trazar todos los triángulos para la creación de tu diseño. Una vez que llegaste a este punto es hora de darle color a cada figura e inclusive de hacer cambios en cuanto a los triángulos, en caso de ser necesario.
Fifth step: "The final details"
Once the development of the vector illustration has been completed and it has been colored, it is time to work on the details.
Here we can add textures, lights, shadows and much more. What is important is to build your own collection of brushes, textures, and practice how to apply the lights and shadows correctly.
Working with layers and masks, will allow you to make the necessary changes and adjustments without modifying your original design, thus being able to have greater control of each of the added effects.
Once finished, always verify that the final measurements of the file are the ones we need and we can now export it in ".jpg" format to share it with the whole world.
You can find everything detailed in the following image “05. Retouches"
Quinto paso: “Los detalles finales”
Una vez finalizado el desarrollo de la ilustración vectorial y de haberla dotado de color es hora de trabajar los detalles.
Aquí podemos agregar texturas, luces, sombras y mucho más. Lo que es importante es ir armándose tu propia colección de pinceles, texturas, e ir practicando de qué manera aplicar de forma correcta las luces y sombras.
Trabajar con capas y con máscaras te va a permitir realizar los cambios y ajustes necesarios sin modificar tu diseño original, pudiendo así tener mayor control de cada uno de los efectos añadidos.
Una vez finalizado siempre verificar que las medidas finales del archivo sean las que necesitamos y ya podemos exportarlo en formato “.jpg” para compartirlo con el mundo entero.
Puedes encontrar todo lo detallado en la siguiente imagen “05. Retoques”
Step Six: "We made it"
Finally, remind you that each of the points mentioned above are (personally) essential and extremely important for the final result to be the desired one. Each one has their ways of working or knows what works best for them in their creative process to achieve the goal.
The idea of the tutorial is to be able to tell what works for me and what is the process that I follow for the development of each of my illustrations, I hope it will serve as a guide.
Sexto paso: “Lo hemos logrado”
Finalmente recordarte que cada uno de los puntos mencionados con anterioridad, son (a modo personal) esenciales y sumamente importantes para que el resultado final sea el deseado. Cada uno tiene sus formas de trabajo o sabe qué es lo que le mejor le funciona en su proceso creativo para lograr el objetivo.
La idea del tutorial es poder contar lo que a mi me funciona y cual es el proceso que sigo para el desarrollo de cada una de mis ilustraciones, espero les sirva de guía.
FINAL PIECE | PIEZA FINAL
Always remember, we all learn to do, by doing. For this reason, patience and practice make perfect!
Siempre recuerda, todos aprendemos a hacer, haciendo. Por tal motivo, la paciencia y la práctica hace ¡Al maestro!
For more information or if you need to ask me something, you can contact me via email at info@designgeo.me or contact me on social networks here:
Para más información o si necesitas consultarme algo puedes ponerte en contacto conmigo vía email en info@designgeo.me o bien contactarme en las redes sociales aquí:
Thank you very much and I look forward to seeing all your creations!
¡Muchas gracias y espero ver todas sus creaciones!
