() translation by (you can also view the original English article)
En este tutorial, diseñaremos un par de gafas de sol geniales. Estas gafas de sol usan muchas formas diferentes compuestas por múltiples técnicas en todo Inkscape. Cubriremos cosas simples como dibujar formas, hasta cosas más complejas como operaciones de ruta. Entonces, ¿qué tal si saltamos directamente?
1. Configura el documento
Abramos Inkscape y vayamos a Archivo > Propiedades del documento para preparar nuestro lienzo. Para este tutorial, vamos a establecer el tamaño de nuestro documento en Ancho 600px y Alto 600px. Para facilitar un poco las cosas, también vamos a comprobar Borde en la parte superior del dibujo.
2. Dibuja una lente
Paso 1
Haz clic en la herramienta Crear círculos (F5) y dibuja un círculo perfecto (mantén presionada la tecla Control mientras haces clic/arrastra). El tamaño no es importante todavía, así que haz un círculo lo suficientemente grande para trabajar.
Paso 2
Con tu círculo seleccionado, dirígete a Ruta > Objeto a ruta (Mayús + Control + C) para convertir este círculo en una ruta.
De esta manera, podemos editar el círculo usando nodos como se muestra a continuación.
Paso 3
Ahora vamos a usar la herramienta Editar rutas por nodos para hacer clic y arrastrar estos nodos y manijas para formar el círculo en la forma de una lente de gafas de sol (también puedes usar las teclas de flecha para mover los nodos). Esta es la parte complicada, por lo que las coordenadas exactas de los 4 nodos se enumeran a continuación para comenzar.
3. Estilo de la lente
Paso 1
Primero, abre Relleno y trazo haciendo clic en Objeto > Relleno y trazo. Establezcamos la pintura Stroke en un color plano de R=93, G=93, B=93.
Paso 2
El relleno será un degradado lineal. Para cambiar los colores de nuestro degradado, vamos a hacer clic en Editar... bajo Degradado lineal. Esto abre el Editor de degradado donde podremos cambiar nuestros colores de parada.
Haz clic en ese primer menú desplegable para seleccionar las paradas. Nuestra primera parada será R=197, G=137, B=79, A=200. La segunda parada será R=176, G=79, B=0, A=200. En caso de que te lo preguntes, estamos disminuyendo la A, que es Alpha, para que nuestros lentes sean transparentes. Esto agregará algo de realismo más adelante.
Paso 3
Necesitamos ajustar el ángulo de este gradiente. Para hacer esto, hagamos clic en la herramienta Degradados y seleccionemos la lente. Esto muestra un par de nodos que designan la dirección de nuestro gradiente. Haz clic y arrastra los nodos para hacer una línea vertical (mantén presionado Control para mantener las líneas rectas).
Paso 4
Necesitamos darle un marco a nuestra lente, así que hagamos clic en la pestaña Estilo de trazo en Relleno y trazo. Establece el Ancho en 8px.
4. Agrega algunos detalles
Paso 1
Copia y pega la lente para obtener una forma exacta para nuestros detalles. En nuestra lente copiada, eliminemos el Relleno haciendo clic en el icono "X", establezcamos la pintura de Trazo en R=0, G=0, B=0, y démosle al estilo de Trazo un Ancho de 1px. En la parte inferior de Relleno y trazo, verás Desenfocar y Opacidad, % de valores. Dale a este detalle un Desenfoque de 0.5px y una Opacidad del 30%.
Paso 2
Coloca este detalle sobre la lente original y colócalo verticalmente unos 2px hacia abajo (lo que se vea mejor en tu lente).
Paso 3
Vamos a hacer otro detalle como este, así que selecciona el detalle que acabamos de hacer y cópialo y pégalo. Este tendrá una pintura de trazo de R=255, G=255, B=255, un desenfoque de 0.3px y una opacidad del 40%. Coloca este sobre la lente nuevamente, pero esta vez desplaza verticalmente aproximadamente 2px hacia arriba.
Como puedes ver, estos pequeños detalles añaden algo de dimensión a nuestra lente.
5. Agrega reflejos a la lente
Paso 1
Selecciona la lente (no los detalles), luego cópiala y pégala. Dos veces. Usaremos estos lentes copiados para crear reflejos con formas perfectas.
Paso 2
Selecciona una de las lentes copiadas y asegúrate de que esté por encima de todas las demás formas yendo a Objeto > Subir a la parte superior. Luego, arrastra esa lente sobre la otra lente copiada y haz clic y arrastra uno de los iconos de escala en las esquinas de tu lente seleccionada (Mantén presionado el control para escalar uniformemente) y haz que esta lente sea un poco más grande que la lente debajo de ella, como se muestra a continuación .
Cuando todo esté posicionado como se muestra a continuación, selecciona las dos lentes copiadas y haz clic en Trazado > Diferencia.
Deberías terminar con una forma como esta:
Paso 3
Como puedes ver, esta forma será un gran punto culminante para la lente. Eliminemos la pintura de Trazo de esta forma haciendo clic en el icono "X". Luego, colócalo sobre nuestra lente como se muestra a continuación (o como desees).
Necesitamos darle a esta forma un gradiente lineal con la primera parada como R=255, G=255, B=255, A=255 y la segunda parada como R=255, G=255, B=255, A=0. Si esta dirección de degradado lineal aún no es vertical, puedes usar la herramienta Degradados nuevamente para ajustar en consecuencia. Finalmente, dale a esta forma una Opacidad del 80%.
Paso 4
Para agregar algo de profundidad, copiemos y peguemos este resaltado y colócalo unos 4 píxeles más bajo que el original. Luego, dale a este nuevo resaltado un Desenfoque de 4px y una Opacidad del 50%.
Paso 5
Y solo para mantener toda nuestra lente organizada, seleccionemos todo y hagamos clic en Objeto > Grupo (Control + G).
6. Duplica la lente
Selecciona la lente y haz clic en Editar > Duplicar (Control + D). Esto también creará un duplicado exacto con la posición exacta. Si has estado siguiendo este tutorial exactamente, lo que querrás hacer es ingresar las coordenadas X exactas a continuación para garantizar el espacio adecuado entre las lentes. De lo contrario, puedes utilizar el espaciado que mejor se adapte a tu diseño.
Cuando tu nueva lente izquierda esté en posición, haz clic en el botón Voltear horizontalmente los objetos seleccionados.
7. Dibuja el puente
Paso 1
Con la herramienta Crear rectángulos, dibuja un rectángulo, que actúa como puente para las lentes, a través de las dos lentes. También vamos a Objeto > Objeto a ruta para poder editar esta forma con nodos nuevamente.
Paso 2
Con la herramienta Editar rutas junto con los nodos y las manijas, dibuja un diseño de puente similar al que se muestra a continuación. Además, no olvides que puedes agarrarte entre dos nodos para curvar una línea. Ten en cuenta que eventualmente colocaremos el puente detrás de las lentes para que no veamos nada que no queramos.
Casi ahí...
Paso 3
Primero, coloca el puente detrás de todo haciendo clic en Objeto > Inferior a Inferior. Vamos a establecer un degradado lineal para el relleno de nuestro puente. Primera parada R=93, G=93, B=93 y segunda parada R=73, G=73, B=73. Usa la herramienta Degradados para hacer esto vertical.
También vamos a establecer un degradado lineal para la pintura de trazo. Primera parada R=188, G=188, B=188 y segunda parada R=76, G=76, B=76. Usa la herramienta Degradados para hacer esto vertical también.
8. Resalta el puente
Paso 1
Haremos exactamente lo que hicimos con los reflejos de la lente. Copiemos y peguemos dos puentes más y colócalos como se muestra a continuación. Luego, por supuesto, Ruta > Diferencia.
Deberías haber terminado con una forma como esta:
Paso 2
Primero, retira la pintura de trazo y colócala sobre el puente como se muestra a continuación. Démosle a este resaltado un gradiente lineal con la primera parada como R=255, G=255, B=255, A=0 y la segunda parada como R=255, G=255, B=255, A=255. Luego, configura el Desenfoque en 2px y la Opacidad en 10%.
9. Dibuja las piezas de los extremos
Paso 1
Con la herramienta Pluma, dibuja un polígono rugoso de cuatro lados para que parezca una pieza final para nuestras gafas.
Paso 2
Haz clic en la herramienta Editar rutas por nodos y selecciona los cuatro nodos de la pieza final. Luego, haz clic en Suavizar los nodos seleccionados en el menú de nodos. Esta es una forma rápida de acercar nuestra forma a lo que queremos.
Arrastra los nodos y los tiradores para realizar los ajustes finales...
Paso 3
Quita la pintura de trazo en la pieza final y dale un Relleno de R=93, G=93, B=93. Luego copia/pega, gira horizontalmente y colócalo en el eje x para la otra lente.
10. Dibuja las piezas de la sien
Paso 1
Vamos a dibujar libremente la pieza de la sien con la herramienta Pluma como se muestra a continuación. Puede que sea necesario un par de intentos para hacerlo bien.
Paso 2
Con la herramienta Editar rutas por nodos, selecciona solo los nodos que queremos redondear (cuatro nodos resaltados en amarillo a continuación). Puedes seleccionar varios nodos manteniendo presionada la tecla Mayús y haciendo clic en los nodos deseados.
Con los nodos adecuados seleccionados, haz clic en Suavizar los nodos seleccionados en el menú de nodos.
Paso 3
Con nuestra pieza de la sien redondeada seleccionada, dale un Relleno de R=93, G=93, B=93. Luego copia/pega, gira horizontalmente y colócalo en el eje x para la otra lente.
Paso 4
Selecciona una de las piezas de la sien y dale un Desenfoque de 4px. Repite con la otra pieza de la sien (desenfocamos los objetos uno a la vez porque si seleccionas varios objetos, el cálculo de desenfoque cambia). Selecciona ambas piezas de la sien (mantén presionada la tecla Mayús para seleccionar varios objetos) y haz clic en Objeto > Bajar a la parte inferior.
Paso 5
Finalmente, seleccionemos todo y vayamos a Objeto > Grupo para mantener estas gafas de sol en una sola pieza.
11. Dibuja un fondo para completar tu ilustración.
Paso 1
Con la herramienta Pluma, dibujemos una línea de costa simple y ligeramente curvada para que se asienten nuestras gafas. Tengo el Relleno en este conjunto en R=208, G=168, B=118 junto con un ligero Desenfoque de 2px para un poco de profundidad.
Paso 2
Ahora necesitamos agregar algo de textura. Duplica este objeto y ve a Filtros > Efectos de imagen, transparente > Grabado alfa.
Paso 3
Con esta forma aún seleccionada, establece la Opacidad en 15%. Esto será una bonita superposición de textura. Luego, colócalo sobre la costa original como se muestra a continuación.
Paso 4
Ahora, toma esos lentes y colócalos en la arena. Incluso puedes rotarlos un poco para darle un aspecto más natural.
Paso 5
Agreguemos una sombra a nuestras gafas de sol para obtener aún más realismo. Selecciona la herramienta Pluma y dibuja una forma abstracta que se asemejaría a una sombra para las gafas de sol. Para obtener una referencia, consulta la imagen a continuación.
Paso 6
Lo que haremos ahora es quitar la pintura de Trazo y darle a la sombra un Relleno de R=0, G=0, B=0. Luego, haremos un Desenfoque de 7px junto con una Opacidad del 40%.
Paso 7
Dibujemos un rectángulo (usando la herramienta Rectángulo, por supuesto) para nuestro océano en el fondo. Asegúrate de que este rectángulo esté ubicado detrás de la costa. Vamos a darle a este rectángulo un relleno de degradado lineal. La primera parada es R=62, G=149, B=166 y la segunda parada es R=75, G=113, B=134. Finalmente, dale a este rectángulo un Desenfoque de 4.2px.
Con la herramienta Degradados, coloca el degradado verticalmente, pero desplaza las paradas como se muestra a continuación (hacia el horizonte).
Paso 8
Ahora, dibuja un rectángulo similar para el cielo. Asegúrate de que este rectángulo esté detrás del océano. Vamos a darle a este rectángulo un Relleno de degradado radial. La primera parada es R=227, G=250, B=255 y la segunda parada es R=122, G=191, B=229. Con la herramienta Degradados, puedes colocar el cielo de forma similar a como se muestra a continuación.
¡Ahora relájate, has terminado!
Eso termina este tutorial. Hemos hecho mucho aquí con Inkscape, así que espero que hayas aprendido algunas cosas nuevas. ¡Deberías tener un par de gafas de sol geniales diseñadas ahora, justo a tiempo para el verano!
