Inkscape Clase #17 -Logo botón Arco Iris
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
🎨 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.
🌈 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.
👋 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
💡Geometría
💡Arcos concéntricos
💡Relleno y Bordes
💡Trazo
💡Cortar Trayecto
💡Desenfoque
💡Texto curvo
💡Alinear
💡Filtros
💡Sombra
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
Transcripts
cordial saludo para esta nueva clase de
ilustración con la herramienta inkscape
en esta oportunidad voy a describir los
pasos para realizar este logo que
compone geometrías de las cuales hemos
visto hasta ahora en clase lo primero es
identificar esos elementos Entonces
tenemos fondos tenemos texto tenemos
texto curvo Y tenemos una serie de arcos
concéntricos Ahí viene la técnica que
vamos a aplicar inicialmente vamos a
generar los 7 arcos con siete colores
hay varias técnicas para hacerlo Y
seguramente ustedes Pensarán en algunas
utilizando las herramientas conocidas
voy a explicarles una que se me ocurre
que es utilizando circunferencias pero
no rellenas si no voy a utilizar de la
circunferencia solamente los trazos voy
a utilizar aquí con la herramienta
círculo
voy a generar un círculo
muy importante que tenga el valor Exacto
Entonces en la parte de arriba voy a
Vamos a darle un valor de 50
de tal manera que el diámetro será 100 y
el grosor de la línea Recuerden que para
llegar al panel de allá hacemos control
shift F y tengo mi panel de relleno y
bordes y en el estilo de trazo voy a
darle 2.5 de grosor es decir que cada
círculo va disminuyendo 2.5 a
continuación vamos a duplicar este
círculo entonces control de lo vamos a
achicar de forma concéntrica control
shift y con este tirante lo voy a
achicar el valor será en este caso 95 en
la parte de arriba Vamos a darle 95 voy
a cambiar el color en este caso naranja
es el siguiente color
y lo voy a centrar aquí pueden ocurrir
dos cosas Si ustedes tienen activado los
ajustes de conmutar
él lo hará quizá automáticamente
solamente al mover O al pasar por acá
si no lo tienen entonces simplemente
seleccionamos todo y con alinear con el
bloque de alinear hacemos una alineación
desde el punto de vista vertical y
horizontal y él nos hará la
concentricidad de los dos círculos
eso mismo lo voy a hacer En las
siguientes cinco veces
reduciendo cada vez de a 5 milímetros
aquí en el en el diámetro y cambiando
los colores para agilizar un poco el
vídeo Entonces vamos a agilizar la
cámara
una vez terminado de hacerlos los siete
círculos
importante verificar que cada uno tenga
el grosor de 2.5 puede suceder que
hacerlas al hacer las copias pueda
modificarse este valor Entonces nos
aseguramos de que cada uno tenga el
ancho es alto el siguiente paso es dejar
solamente la mitad de este círculo
cromático como no se puede hacer todo en
uno solo Entonces tendremos que hacer
una tarea las siete veces Cuál es voy a
trazar una línea esta línea debe pasar
por el centro muy importante que esté
ubicada en el centro a continuación voy
a empezar a hacer un recorte bien sea de
adentro hacia afuera o de afuera hacia
adentro como ustedes prefieran voy a
seleccionar esta línea
simultáneamente seleccionaré el arco
el primer círculo rojo y en el menú
trayecto Voy a escoger la opción cortar
trayecto
al hacerlo van a notar que este elemento
quedó fracturado
Entonces lo puedo borrar
ese mismo procedimiento lo vamos a hacer
con cada uno de los arcos
decir volveré a trazar una línea
selecciono la línea el segundo elemento
trayecto cortar trayecto
selecciono El Sobrante
y lo voy eliminando hago lo demás con
los otros arcos voy a adelantar el vídeo
nuestro siguiente paso es
desenfocar los diferentes componentes
del arco iris
prueben hacerlo en conjunto prueben
hacerlo individualmente y miren los
resultados lo voy a hacer aquí
simultáneo
y en desenfoque voy a cambiar un valor
aproximadamente del 12% Aproximadamente
a continuación voy a hacer un círculo
vamos a escribir la palabra arcoiris
la voy a ampliar un poco
y la vamos a colocar sobre este círculo
como lo vimos en la clase anterior
recuerde que para hacerlo seleccionamos
los dos elementos
en el menú texto poner en trayecto
girar el círculo
mover
dinámicamente hasta encontrar lo que
queremos
descomponemos trayecto objeto a trayecto
y quitamos el círculo
a cada letra vamos a cambiarle
el color en este caso rojo el siguiente
es naranja
el siguiente es amarillo
el siguiente es verde
el siguiente es
cian
el siguiente es morado Lila el siguiente
es azul y el último puede ser nuevamente
rojo volvemos aquí a escribir un nuevo
texto
cambiamos la Fuente
voy a ampliarla de tal manera que
Busquemos
que inicie la mitad del Arco Iris y
termine en la mitad del otro lado a
continuación voy a generar
un rectángulo de fondo
un rectángulo de fondo y a ese
rectángulo voy a modificarle los ángulos
de redondez
buscando que me quede de esta forma
lo seleccionamos lo enviamos atrás con
este botón voy a cambiar el fondo de ese
color vamos a colocarlo negro este texto
vamos a colocarlo de color blanco para
que cuidadosamente voy a retocar que me
quede todos los elementos centrados es
buena idea seleccionar estos estos
elementos y agruparlos
para que los pueda manejar como un solo
componente
objeto
agrupar los voy a ubicar
centrado aquí
y ya tendría
esta esta primera parte a continuación
Vamos a darle una textura a este a este
fondo negro lo seleccionamos y vamos a
filtros
en filtros Voy a escoger biseles y tengo
una una buena variedad de biseles en
este caso voy a escoger botón
Y entonces me va a generar esta textura
un paso anterior podría ser el siguiente
voy a devolverme a este elemento lo voy
a copiar a duplicar
lo voy a mover lo voy a enviar atrás
y lo voy a mover ligeramente a un
costado
aquí
y le voy a dar un color gris
lo vamos a enviar atrás
lo vamos a mover ligeramente dándole una
posición adecuada
generando esta sombra
selecciono esa sombra y vamos a
desenfocar esa sombra para que me dé
este esta sensación
más real y ahora sí volvemos a aplicar
el filtro biseles botón y bien de esa
forma tenemos nuestro diseño voy a dejar
esta clase hasta aquí espero les haya
gustado nos vemos en la próxima
Посмотреть больше похожих видео
5.0 / 5 (0 votes)