Inkscape Clase #17 -Logo botón Arco Iris

Profe Juan Hernani

24 Aug 202310:19

Summary

TLDREn esta clase de Inkscape, se explica cómo crear un logotipo compuesto por geometrías, texto curvo y arcos concéntricos. Se detalla el proceso de generar siete arcos con colores distintos, utilizando círculos y trazos, y cómo reducir su tamaño y cambiar colores de forma concéntrica. Además, se muestra cómo cortar los círculos por la mitad, agregar texto y aplicar efectos de desenfoque y textura para completar el diseño.

Takeaways

😀 Se inicia el diseño del logo con geometrías básicas, como fondos, texto curvo y arcos concéntricos.
🔵 Para crear los arcos, se utilizan circunferencias con trazos, asegurando que cada uno tenga el grosor correcto de 2.5.
🔶 Se recomienda utilizar las herramientas de alineación para centrar los círculos concéntricos de manera precisa.
🟢 Los círculos deben reducirse de 5 mm en 5 mm y cambiar de color para representar el arco iris.
🟡 Para dividir los arcos a la mitad, se traza una línea y se usa la opción 'Cortar trayecto' en Inkscape.
🟠 Se debe verificar el grosor y el color de cada arco después de recortarlos.
🟣 Después de hacer los arcos, se puede aplicar un desenfoque a los componentes del arco iris para mejorar el diseño.
🔴 Se agrega texto sobre el círculo, usando la opción de 'poner en trayecto' para ajustar el texto al contorno.
🟡 El fondo del diseño puede ser un rectángulo con ángulos redondeados y un color negro, al que se le puede aplicar una textura con biseles.
🟠 Finalmente, se puede agregar una sombra al diseño para darle mayor realismo, usando desenfoque para mejorar el efecto.

Q & A

¿Qué herramienta se utiliza para crear el logo en el tutorial?
-Se utiliza Inkscape para crear el logo en el tutorial.
¿Cuáles son los elementos principales que componen el logo?
-Los elementos principales que componen el logo son fondos, texto, texto curvo y una serie de arcos concéntricos.
¿Cuál es el primer paso para crear los arcos concéntricos?
-El primer paso es identificar los elementos y generar 7 arcos con siete colores diferentes.
¿Cómo se crean los arcos concéntricos utilizando Inkscape?
-Se crean utilizando trazos de circunferencias y no los círculos llenos, ajustando el grosor de la línea a 2.5.
¿Cómo se duplican y reducen los círculos concéntricos?
-Se duplican y se reducen de forma concéntrica utilizando el atajo de teclado Ctrl+D y cambiando el valor del diámetro en 5 milímetros cada vez.
¿Cómo se cambia el color de los arcos concéntricos?
-Se cambia el color seleccionando el círculo y eligiendo el color deseado en el panel de relleno y bordes.
¿Qué hace el proceso de recorte de los arcos concéntricos?
-El proceso de recorte de los arcos concéntricos implica trazar una línea que pasa por el centro y seleccionar la línea y el arco para cortar el trayecto, eliminando luego el sobrante.
¿Cuál es el propósito del desenfoque aplicado a los componentes del arco iris?
-El desenfoque se aplica para dar una sensación de profundidad y realismo al logo.
¿Cómo se escribe y coloca el texto 'arcoiris' sobre el círculo?
-Se escribe el texto, se amplía y se coloca sobre el círculo utilizando la opción 'poner en trayecto' y girando el círculo hasta encontrar la posición deseada.
¿Cómo se cambia el color de cada letra del texto 'arcoiris'?
-Se cambia el color de cada letra seleccionando la letra y eligiendo el color deseado en el panel de relleno y bordes.
¿Cómo se crea el rectángulo de fondo y se le da forma?
-Se crea un rectángulo y se le modifican los ángulos de redondez para darle la forma deseada.
¿Cómo se le da textura al fondo negro del logo?
-Se le da textura al fondo negro seleccionándolo y aplicando un filtro de biseles en el menú 'filtros'.
¿Cómo se crea la sombra en el logo?
-Se crea una copia del elemento, se mueve ligeramente a un costado y se le da un color gris, luego se desenfoca para dar una sensación más real.

Outlines

00:00

🎨 Creación de un Logotipo con Inkscape

En esta lección, el instructor presenta los pasos para crear un logotipo utilizando Inkscape. Primero, se identifican los elementos geométricos que lo componen: fondos, texto plano y texto curvo, y arcos concéntricos. Se explica cómo generar 7 arcos con colores distintos utilizando círculos no rellenos y trazos de 2.5 de grosor. Se detalla el proceso de duplicación y reducción de los círculos en 5 mm para crear arcos concéntricos, cambiando los colores a naranja, y se enfatiza la importancia de asegurar que cada círculo tenga el grosor correcto. Finalmente, se muestra cómo cortar los arcos para dejar solo la mitad del círculo cromático.

05:01

🌈 Detallando el Arco Iris con Texto y Fondo

El instructor continúa explicando cómo desenfocar los componentes del arco iris y cómo escribir la palabra 'arcoiris' sobre un círculo. Se detalla cómo aplicar colores a cada letra del texto y cómo posicionar el texto en relación con el arco iris. Además, se muestra cómo crear un rectángulo de fondo con ángulos redondeados y cómo aplicarle un color negro y un texto blanco. Se detalla el proceso de aplicar texturas al fondo negro y cómo crear una sombra para dar profundidad al diseño. Finalmente, se describe cómo aplicar un filtro de biseles para mejorar la apariencia del diseño.

10:02

👋 Conclusión de la Clase de Diseño

El instructor concluye la clase, expresando su deseo de que los estudiantes hayan disfrutado de la lección y los anima a participar en la próxima clase.

Mindmap

Keywords

💡Inkscape

Inkscape es un software de vectores gratuito y de código abierto, utilizado para crear y editar imágenes vectoriales. En el video, se utiliza Inkscape para ilustrar y crear un logotipo que consta de diferentes geometrías como arcos concéntricos y texto. El programa es fundamental para el desarrollo del diseño.

💡Geometría

La geometría se refiere a la rama de las matemáticas que estudia las formas, tamaños y propiedades de las figuras geométricas. En el video, la geometría es clave en la creación del logotipo, ya que se compone de elementos geométricos como arcos concéntricos y texto curvo.

💡Arcos concéntricos

Los arcos concéntricos son círculos que comparten el mismo centro pero tienen diferentes radios. En el video, se utilizan para crear una parte del logotipo, donde cada arco tiene un grosor de 2.5 y se disminuye en 5 milímetros para cada arco siguiente, cambiando también de color.

💡Relleno y Bordes

En el contexto de diseño vectorial, el relleno hace referencia al color del interior de una forma, mientras que los bordes se refieren al color y grosor de los contornos de la forma. En el video, se menciona cómo configurar el relleno y los bordes para los círculos que conforman los arcos concéntricos.

💡Trazo

Un trazo en diseño vectorial es la línea que define el contorno de una forma. En el video, el presentador utiliza trazos de círculos para crear los arcos concéntricos, en lugar de círculos llenos, lo que implica un grosor de 2.5 para cada uno.

💡Cortar Trayecto

Cortar Trayecto es una herramienta en Inkscape que permite 'cortar' una forma con otra, dejándolo en dos partes. En el video, se usa esta técnica para eliminar la mitad de los arcos concéntricos, dejando solo la mitad visible del arco.

💡Desenfoque

El desenfoque es un efecto visual que se utiliza para hacer que ciertos elementos parezcan más lejanos o menos focalizados. En el video, se aplica un desenfoque al arco iris para dar una sensación de profundidad al logotipo.

💡Texto curvo

El texto curvo es una técnica en la que se adapta el texto a una forma curva, como un arco. En el video, el texto 'arcoiris' se coloca sobre un círculo y se gira para que se adapte a la forma del arco.

💡Alinear

Alinear es una función en Inkscape que permite alinear objetos de forma horizontal o vertical. En el video, se usa para asegurarse de que los arcos concéntricos estén centrados y concéntricos entre sí.

💡Filtros

Los filtros en Inkscape son herramientas que se pueden aplicar a los objetos para agregar efectos visuales. En el video, se utiliza el filtro 'biseles' para dar una textura al fondo del logotipo, creando una sensación de profundidad y detalle.

💡Sombra

La sombra en diseño gráfico se utiliza para dar una sensación de profundidad y realismo a los elementos. En el video, se crea una sombra para el texto 'arcoiris' y se desenfoca para integrarla mejor en el diseño y dar una sensación más real.

Highlights

Introducción a una nueva clase de ilustración con Inkscape

Objetivo de crear un logotipo compuesto por geometrías

Identificación de elementos: fondos, texto plano y curvo, y arcos concéntricos

Técnica para generar 7 arcos con siete colores

Uso de circunferencias no rellenas para crear trazos

Creación de un círculo con un diámetro de 100 unidades y un grosor de línea de 2.5

Duplicación y reducción concéntrica de círculos con control+shift

Cambio de color de los círculos y verificación del grosor de la línea

Alineación de los círculos para concentricidad

Proceso de reducción y cambio de color repetido para los siete círculos

Eliminación de la mitad de los círculos para crear arcos

Traza de líneas para corte de los arcos

Selección y eliminación de los sobrantes después del corte

Desenfoque de los componentes del arco iris para efectos visuales

Creación de un círculo para el texto 'arcoiris'

Colocación del texto sobre el círculo y cambio de colores de las letras

Creación de un rectángulo de fondo con ángulos redondeados

Modificación del fondo y del texto para contraste

Alineación y agrupación de elementos para facilitar la manipulación

Aplicación de textura de biseles al fondo negro

Creación de una sombra para profundizar la ilusión de profundidad

Aplicación del filtro de biseles al elemento de sombra

Conclusión de la clase y expectativa para la próxima