Diseño de un Gatico en Inkscape [ESP/ENG]

in Hive Diy3 years ago
Saludos amigos de Hive, hoy les presento el diseño de un Gatico, realizado en el programa vectorial Inkscape. El resultado de esta ilustración me gusto mucho el efecto en los ojos y los bordes de color azul que resaltan más el diseño. A continuación les presento los pasos:


portada.png

Diseño de un Gatico en Inkscape:

Paso 1:

Abrimos el programa Inkscape, y desde la barra de herramienta que está en el lado izquierdo presionamos clic en la opción de dibujar curvas Bézier y se traza esta figuras, que es la cabeza del gatico.

p01.png

En esta parte de curvas Bézier se selecciona la opción de Crear Trayecto Modo Trayecto BSpline, para que las forma queden de forma curvas.

Paso 2:

Continuamos trazando en la parte inferior el cuerpo y la cola del gatico, utilizando la misma herramienta.

p02.png

Paso 3:

Ahora encima del cuerpo del gatico, se realizan dos trazos que son el pecho, y otra en la parte de abajo con la herramienta de curvas Bézier.

p03.png

Paso 4:

Se traza dos figuras que va terminar de formar las dos orejas del gatico, y encima de la cara trazamos otra figura en forma de una máscara, utilizando la misma herramienta.

p04.png

Paso 5:

Ahora procedemos a dibujar los ojos del Gatico, para esto se inserta seis círculos de diferentes tamaños en la siguiente ubicación, con la opción de crear círculos de la barra de herramientas, después se trazan una figura ovalada con forma de pestañas con la herramienta de curvas Bézier.

p05.png

Paso 6:

Después insertamos una figura con la opción crear estrella de 26 esquinas, longitud de radio 0,590, redondez 0,030, se desplaza al fondo del ojo para darle un mejor efecto.

p05-1.png

Paso 7:

Se selecciona todo el ojo del lado derecho, lo duplicamos con la teclas Control + D y luego lo desplazamos al lado izquierdo, se cambian algunas direcciones de las figuras y tenemos listo ambos ojos. Se trazan además las pestañas, la nariz y la boca del gatico con la herramienta de curvas Bézier.

p06.png

Paso 8:

Se trazan diferentes formas en la cabeza, el cuerpo, en las orejas, la cola y las patas, para darle mayor efecto, utilizando la herramienta de curvas Bézier.

p06-1.png

Paso 9:

Se selecciona el color comenzando por ojo derecho del Gatico, para esto hacemos clic en la figura y luego el color blanco de la paleta de colores, que está en la parte inferior del programa.

p07.png

Paso 10:

Se aplica los mismos colores en el ojo izquierdo, utilizando el paso 9.

p07-1.png

Paso 11:

Continuamos aplicando el color en la cabeza del gatico.

p08.png

Paso 12:

Ahora terminamos de seleccionar todos los colores en cada una de las partes del gatico.

p09.png

Paso 13:

Se eliminan los bordes de algunos figuras del Gatico, para esto se seleccionamos una parte y luego nos vamos a la barra de menú Objeto – Rellenos y Bordes.

p10.png

Se visualizará un recuadro, donde vamos a cliquear en la pestaña color de trazo y luego para poder borrar el borde le damos clic en la X para eliminarlo.

p10-1.png

Paso 14:

Ahora procedemos a cambiar los bordes a un color azul claro, para esto nos vamos a la barra de menú Objeto – Rellenos y Bordes.

p11.png

Se visualizará un recuadro, donde vamos a cliquear en la pestaña color de trazo y luego se selecciona el color.

p12.png

Paso 15:

Para finalizar este diseño agrupamos toda el Gatico con la combinación de teclas Ctrl + G, la duplicamos, con las teclas Control + D, se reduce el tamaño, se desplaza en la parte inferior del y se aplica un desenfoque de 10%, quedando como una sombra. Luego insertamos un fondo color negro y tenemos listo nuestro diseño final.

portada.png

Imagen de Referencia Fuente

El programa Inkscape se puede descargar en esta dirección Fuente

Espero que les haya gustado mi tutorial, nos vemos en el próximo.

English

Greetings Hive friends, today I present to you the design of a Kitten, made in the vector program Inkscape. The result of this illustration I really like the effect on the eyes and the blue edges that highlight the design more. Here are the steps:


cover.png

Cat Design in Inkscape:

Step 1:

We open the Inkscape program, and from the toolbar on the left side we click on the option to draw Bézier curves and this figure is drawn, which is the cat's head.

p01.png

In this part of Bézier curves, the Create Path BSpline Path Mode option is selected, so that the shapes are curved.

Step 2:

We continue tracing on the bottom of the kitty's body and tail, using the same tool.

p02.png

Step 3:

Now above the cat's body, two strokes are made that are the chest, and another at the bottom with the Bézier curves tool.

p03.png

Step 4:

Two figures are drawn that will finish forming the two ears of the kitten, and on top of the face we draw another figure in the form of a mask, using the same tool.

p04.png

Step 5:

Now we proceed to draw the eyes of the Gatico, for this six circles of different sizes are inserted in the following location, with the option to create circles from the toolbar, then an oval figure with the shape of eyelashes is drawn with the curves tool Bezier.

p05.png

Step 6:

Then we insert a figure with the option create 26 corner star, radius length 0.590, roundness 0.030, it is moved to the bottom of the eye to give it a better effect.

p05-1.png

Step 7:

The entire eye on the right side is selected, we duplicate it with the Control + D keys and then we move it to the left side, some directions of the figures are changed and we have both eyes ready. The kitten's eyelashes, nose and mouth are also traced with the Bézier curves tool.

p06.png

Step 8:

Different shapes are traced on the head, body, ears, tail and legs, for added effect, using the Bézier curves tool.

p06-1.png

Step 9:

The color is selected starting with the right eye of the Cat, for this we click on the figure and then the white color from the color palette, which is at the bottom of the program.

p07.png

Step 10:

The same colors are applied to the left eye, using step 9.

p07-1.png

Step 11:

We continue applying the color on the kitten's head.

p08.png

Step 12:

Now we finish selecting all the colors in each of the parts of the kitten.

p09.png

Step 13:

The borders of some figures of the Gatico are eliminated, for this we select a part and then we go to the menu bar Object – Fills and Borders.

p10.png

A box will be displayed, where we are going to click on the stroke color tab and then, in order to erase the border, we click on the X to eliminate it.

p10-1.png

Step 14:

Now we proceed to change the borders to a light blue color, for this we go to the menu bar Object – Fills and Borders.

p11.png

A box will be displayed, where we are going to click on the stroke color tab and then the color is selected.

p12.png

Step 15:

To finish this design we group the entire Gatico with the Ctrl + G key combination, we duplicate it, with the Control + D keys, the size is reduced, it is moved to the bottom of the and a 10% blur is applied, remaining as A shadow. Then we insert a black background and we have our final design ready.

cover.png

Reference Image Source

The Inkscape program can be downloaded at this address Source

I hope you liked my tutorial, see you in the next one.

Translated with Traductor de Google

banner-cetb2008.png

Sort:  

Hola, me gusta mucho la forma en que haces arte con el programa, este gato quedó muy hermoso el resultado. Buen trabajo

 3 years ago  

Hola @bleuclair muchas gracias por visitar mi blog.

 3 years ago  

Como siempre un excelente trabajo amigo. Y el paso a paso bien explícito.

 3 years ago  

hola muchAS gracias

i really loved your design and work ❣

 3 years ago  

Hola muchas gracias


The rewards earned on this comment will go directly to the person sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.

 3 years ago  

Que hermoso gatico digital tienes mucho talento, éxitos y bendiciones.

 3 years ago  

Hola muchas gracias por tu visita