Utilice Inkscape para crear un par de gafas de sol con facilidad

En este tutorial, estaremos diseñando un par de gafas de sol geniales. Estas gafas de sol utilizan muchas formas diferentes compuestas por múltiples técnicas en todo Inkscape. Cubriremos cosas simples, como dibujar formas, y algunas cosas más complejas como operaciones de ruta. Entonces, ¿qué tal si saltamos a la derecha en?


1. Configura el documento

Abramos Inkscape y vayamos a Archivo> Propiedades del documento para preparar nuestro lienzo. Para este tutorial, vamos a configurar el tamaño de nuestro documento a Ancho 600px y Altura 600px. Solo para hacer las cosas un poco más fáciles, también vamos a revisar Borde encima de dibujo.


2. Dibujar una lente

Paso 1

Haga clic en el Crear círculos (F5) herramienta y dibujar un circulo perfecto (mantenga presionada la tecla Control mientras hace clic / arrastra). El tamaño aún no es importante, así que solo haga un círculo lo suficientemente grande para trabajar.

Paso 2

Con su círculo seleccionado, diríjase a Ruta> Objeto a ruta (Mayús + Control + C) para convertir este círculo en un camino.

De esta manera, podemos editar el círculo usando nodos como se muestra a continuación.

Paso 3

Ahora vamos a usar el Editar rutas por nodos herramienta para clic y arrastre estos nodos y manijas forman el círculo en la forma de una lente de gafas de sol (también puede usar las teclas de flecha para mover los nodos). Esta es la parte difícil, por lo que las coordenadas exactas de los 4 nodos se enumeran a continuación para comenzar..


3. Diseñar la lente

Paso 1

En primer lugar, plantear Rellenar y trazar haciendo click Objeto> Relleno y Trazo. Vamos a configurar la pintura de trazo a un color plano de R = 93, G = 93, B = 93.

Paso 2

El relleno va a ser un degradado lineal. Para cambiar los colores de nuestro gradiente, vamos a hacer clic. Editar… debajo Gradiente lineal. Esto trae la Editor de gradiente Donde podremos cambiar nuestros colores de parada..

Haga 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 el UNA, cual es Alfa, Para hacer nuestras lentes transparentes. Esto agregará un poco de realismo más adelante.

Paso 3

Necesitamos ajustar el ángulo de este gradiente. Para ello, vamos a hacer clic en el Herramienta de gradientes y seleccione la lente. Esto trae un par de nodos que designan la dirección de nuestro gradiente. Haga clic y arrastre los nodos para hacer una línea vertical (mantener Controlar para mantener líneas rectas).

Etapa 4

Tenemos que darle un marco a nuestra lente, así que vamos a hacer clic en el Estilo de trazo pestaña en Rellenar y trazar. Selecciona el Anchura a 8px.


4. Agregando algunos detalles

Paso 1

Copia y pega la lente para obtener una forma exacta para nuestros detalles. En nuestra lente copiada, vamos a quitar el Llenar haciendo clic en el icono "X", establezca Pintura de trazo a R = 0, G = 0, B = 0, y dar el Estilo de trazo una Anchura de 1px. En la parte inferior de Rellenar y trazar, verás Difuminar y Opacidad,% valores. Dale a este detalle un Difuminar de 0.5px y Opacidad de 30%.

Paso 2

Coloque este detalle sobre la lente original y compárelo verticalmente aproximadamente 2px hacia abajo (lo que se vea mejor en su lente).

Paso 3

Vamos a hacer otro detalle como este, así que seleccione el detalle que acabamos de hacer y cópielo y péguelo. Este va a tener un Pintura de trazo de R = 255, G = 255, B = 255, una Difuminar de 0.3px, y un Opacidad de 40%. Coloca este sobre la lente de nuevo, pero esta vez desplazalo verticalmente 2px arriba.

Como puede ver, estos pequeños detalles añaden algo de dimensión a nuestra lente..


5. Agregue luces a la lente

Paso 1

Seleccione la lente (no los detalles), luego cópiela y péguela. Dos veces. Vamos a utilizar estos lentes copiados para crear reflejos perfectamente formados.

Paso 2

Seleccione una de las lentes copiadas y asegúrese de que esté por encima de todas las otras formas yendo a Objeto> Elevar a la parte superior. Luego, arrastre esa lente sobre la otra lente copiada y clic y arrastre uno de los iconos de escala en las esquinas de la lente seleccionada (Mantener el control a escala uniforme) y hacer que esta lente sea un poco más grande que la lente debajo de ella, como se muestra a continuación.

Cuando todo esté en la posición que se muestra a continuación, seleccione las dos lentes copiadas y haga clic en Ruta> Diferencia.

Deberías terminar con una forma como esta:

Paso 3

Como puede ver, esta forma hará un gran punto culminante para la lente. Vamos a quitar esta forma de Pintura de trazo haciendo clic en el icono "X". Luego, colóquelo sobre nuestra lente como se muestra a continuación (o a su gusto).

Tenemos que dar 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 gradiente lineal no es vertical ya, puede usar el Herramienta de gradientes de nuevo para ajustar en consecuencia. Finalmente, dale a esta forma un Opacidad de 80%.

Etapa 4

Para agregar algo de profundidad, copiemos y pegemos este resaltado y lo posicionemos unos 4 píxeles más bajo que el original. Entonces, dale a este nuevo destaque un Difuminar de 4px y un Opacidad de 50%.

Paso 5

Y solo para mantener toda nuestra lente organizada, seleccionemos todo y hagamos clic Objeto> Grupo (Control + G).


6. Duplicar la lente

Seleccione la lente y haga clic Editar> Duplicar (Control + D). Esto creará un duplicado exacto con la posición exacta también. Si ha estado siguiendo este tutorial exactamente, lo que querrá hacer es ingresar las coordenadas X exactas a continuación para garantizar el espaciado correcto entre las lentes. De lo contrario, puede hacer cualquier espacio que se vea mejor para su diseño..

Cuando su nueva lente izquierda esté en posición, haga clic en Voltear los objetos seleccionados horizontalmente botón.


7. Dibuja el puente

Paso 1

Utilizando la Crear rectángulos herramienta, dibuje un rectángulo, actuando como el puente para las lentes, a través de las dos lentes. Nosotros tambien vamos a Objeto> Objeto a ruta para que podamos editar esta forma con nodos de nuevo.

Paso 2

Utilizando la Editar rutas junto con los nodos y las asas, dibuje un diseño de puente similar como se muestra a continuación. Además, no olvide que puede tomar entre dos nodos para curvar una línea. Tenga en cuenta que eventualmente colocaremos el puente detrás de las lentes para que no veamos nada que no queramos.

Casi allí ...

Paso 3

Primero, establece el puente detrás de todo haciendo clic Objeto> De abajo a abajo. Vamos a establecer un Gradiente lineal Para el Llenar de nuestro puente. Primera parada R = 93, G = 93, B = 93 y segunda parada R = 73, G = 73, B = 73. Utilizar el Herramienta de gradientes para hacer esto vertical.

También vamos a establecer una Gradiente lineal Para el Pintura de trazo. Primera parada R = 188, G = 188, B = 188 y segunda parada R = 76, G = 76, B = 76. Utilizar el Herramienta de gradientes para hacer esto vertical tambien.


8. Resalta el puente

Paso 1

Vamos a hacer exactamente lo que hicimos para los aspectos destacados de la lente. Copiemos y pegemos dos más de nuestros puentes y colóquelos como se muestra a continuación. Entonces por supuesto, Ruta> Diferencia.

Deberías haber terminado con una forma como esta:

Paso 2

En primer lugar, retire el Pintura de trazo y colóquelo sobre el puente como se muestra a continuación. Vamos a dar a este punto culminante 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. A continuación, establezca la Difuminar a 2px y el Opacidad a 10%.


9. Dibuja las piezas finales

Paso 1

Utilizando la Lapicera, dibuja un polígono áspero de cuatro lados para asemejarse a una pieza final para nuestras gafas.

Paso 2

Haga clic en el Editar rutas por nodos Herramienta y seleccione los cuatro nodos de la pieza final. Luego, haga clic en Hacer nodos seleccionados lisos en el menú de nodos. Esta es una forma rápida de acercar nuestra forma a lo que queremos.

Arrastre los nodos y las manijas para los ajustes finales ...

Paso 3

Eliminar el Pintura de trazo en la pieza final y darle una Llenar de R = 93, G = 93, B = 93. Luego copie / pegue, gire horizontalmente y coloque en el eje x para la otra lente.


10. Dibuja las piezas del templo.

Paso 1

Vamos a sacar gratis la pieza del templo con la Lapicera Como se muestra abajo. Puede tomar un par de intentos para hacerlo bien.

Paso 2

Utilizando la Editar rutas por nodos herramienta, seleccione solo los nodos que queremos redondear (cuatro nodos resaltados en amarillo a continuación). Puede seleccionar múltiples nodos por turno de tenencia y haciendo clic en los nodos deseados..

Con los nodos apropiados seleccionados, haga clic en Hacer nodos seleccionados lisos en el menú de nodos.

Paso 3

Con nuestra pieza de templo redondeada seleccionada, dale Llenar de R = 93, G = 93, B = 93. Luego copie / pegue, gire horizontalmente y coloque en el eje x para la otra lente.

Etapa 4

Selecciona una de las piezas del templo y dale una Difuminar de 4px. Repita con la otra pieza del templo (desdibujamos los objetos uno a la vez porque si selecciona varios objetos, el cálculo borroso cambia). Selecciona las dos piezas del templo. (mantenga pulsada la tecla Mayús para seleccionar varios objetos) y haga clic Objeto> De abajo a abajo.

Paso 5

Finalmente, seleccionemos todo y nos dirigimos a Objeto> Grupo para mantener estas gafas de sol en una sola pieza.


11. Dibuja un fondo para completar tu ilustración

Paso 1

Utilizando la Lapicera, dibujemos una línea de costa simple y ligeramente curva para que nuestras gafas se sienten. Tengo el Llenar en este conjunto a R = 208, G = 168, B = 118 junto con un ligero Difuminar de 2px para algo de profundidad.

Paso 2

Ahora tenemos que añadir algo de textura. Duplica este objeto y ve a Filtros> Efectos de imagen, transparentes> Grabado alfa.

Paso 3

Con esta forma aún seleccionada, establece la Opacidad a 15%. Esto lo hará como una bonita superposición de textura. Luego, colóquese sobre la línea de costa original como se muestra a continuación.

Etapa 4

Ahora, toma esos vasos 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 el Lapicera y dibuja una forma abstracta que se asemejaría a una sombra para las gafas de sol. Para una referencia, vea la imagen de abajo.

Paso 6

Lo que haremos ahora es eliminar el Pintura de trazo y dale a la sombra un Llenar de R = 0, G = 0, B = 0. Entonces, haremos un Difuminar de 7px junto con un Opacidad de 40%.

Paso 7

Dibujemos un rectángulo (usando la Herramienta rectangular por supuesto) para nuestro océano en el fondo. Asegúrese de que este rectángulo esté colocado detrás de la línea de la costa. Vamos a darle a este rectángulo una 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 una Difuminar de 4.2px.

Utilizando la Herramienta de gradientes, posicione el degradado verticalmente, pero desplace 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 una 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. Utilizando la Herramienta de gradientes, Puedes colocar el cielo de manera similar a como se muestra a continuación..


Ahora Chill, ya está hecho!

Eso termina este tutorial. Hemos hecho mucho aquí usando Inkscape, así que espero que hayas aprendido algunas cosas nuevas. Debes tener un par de gafas de sol geniales diseñadas ahora, justo a tiempo para el verano!