Efectos hechos en inkscape, algunos de ellos traducidos de video tutoriales en: http://screencasters.heathenx.org/ para pequeño taller de uso de Inkscape
Planificación del mes de afrovenezolanidad2024.doc
Dibujando Con Inkscape
1. Dibujando con Inkscape
Material de apoyo:
Primera interacción con el Programa:
1. Aplicaciones->Gráficos->Editor de Gráficos Vectoriales Inkscape
2. Recorrido por las opciones y barras de Inkscape.
Operaciones Booleanas muy útiles:
Inkscape incorpora:
En el menú Ayuda->Tutoriales, una serie de tutoriales Básico, Formas, Avanzados,
Caligrafía, Vectorizar, Elementos de Diseño, Trucos y Consejos.
Hagamos un ícono tipo Web 2.0:
1. Dibujamos un circulo, rectángulo o la figura de color que nos guste más.
2. En relleno y borde degradamos el fondo.
3. Duplicamos la figura con Control+D o en el Botón de Duplicar los Objetos
seleccionados y le colocamos un relleno.
2. 4. Para hacer la sombra, utilizamos la herramienta para dibujar curvas de
Bézier o Línea rectas y le colocámos un color sólido.
5. Seleccionamos la sombra y el duplicado de la figura, dejando presionado
shift.
6. Del menú Trayecto->Intersección.
7. Del menú Trayecto->Objeto a Trayecto.
8. Del menú Trayecto->Desvío Dinámico.
9. Seleccionar la sombra y aplicar relleno colo blanco.
10. Aplicar un degradado a la sombra.
11. Selecionar nuestro ícono y agrupar con ctrl+g.
12. (Opcional) Si queremos escribir algún texto sobre nuestro botón, con la
herramienta para Crear y Editar objetos de texto.
13. Seleccionamos todo el ícono y lo duplicamos con ctrl+d o
del menú Edición -> Duplicar.
14. De la barra de herramientas de control seleccionamos Reflejar los objetos
seleccionados verticalemente.
15. Seleccionamos el reflejo y sobre el trazamos un cuadrado degradado.
16. Editamos el color del degrado, la primera parada color negro y la segunda
color blanco, ambos opacos, además cambiamos la dirección del degrado.
17. Seleccionamos el rectángulo de encima y el que está debajo del mismo.
18. Del menú Objeto->Máscara->Aplicar. (Máscara: muestra la parte clara, la
oscura la esconde).
19. Por último seleccionamos todos los objetos y los agrupamos.
Icono Web 2.0
3. Efecto de Chapa:
1. Dibujamos un círculo y en la barra de herramientas de control lo llevamos a
estas dimensiones W 410, H 410.
2. Duplicamos el círculo con ctrl+d, aplico el Desvío Dinámico del menú
Trayecto, le agrego borde de tamaño 8px color blanco con degradado
moviendolo a la izquierda de opacidad 1 y le elimino el relleno.
3. Creo un óvalo de tamaño W 270 y H 175 de color blanco, lo muevo a la
parte superior dentro del borde del círculo interior, aplicándole gradiente
lineal.
4. Selecciono los dos círculos y en el Objeto-> Relleno y Borde, aplico color
negro y gradiente circular, presiono editar. En color de parada selecciono
HSL, añado una parada, la superior en L 255 y en A 0; en la parada del
medio L 120 y A 25 y en la parada inferior A 255, ajusto el gradiente y
agrupo todo.
5. Duplico la imagen y le coloco un relleno uniforme.
6. Busco la imagen que colocaré en el fondo de la chapa y le aplico del menú
Objeto->objeto a patron.
7. Borro la imagen y selecciono el circulo, en menú Relleno y Borde selecciono
Patrón y posiciono la imagen con doble click y muevo, la selección la llevo al
fondo.
8. Selecciono efecto que cubrirá la chapa y el círculo que tiene por relleno la
imagen que seleccionamos y en la barra de comandos selecciono diálogo
de alineación y distribución, seleccionando entre las opciones centrar en el
eje horizontal.
Aquí nuestra chapa:
4. Efecto Web 2.0 para texto:
1. Escribimos un texto y escogemos tipo de letra que más nos guste.
2. Duplicamos y enviamos la selección al fondo y en menú Trazado->Desvío
dinámico, le colocamos a ese nuevo objeto un color blanco de relleno y un
color negro para el trazo.
3. Aumentamos el grosor al trazo.
4. El objeto al cual le aplicamos desvío lo debemos convertir a trazos en
Objeto->Objeto a Trazo.
5. Duplicamos el primer texto que hicimos y creamos una elipse sobre el, para
el efecto de brillo.
6. Seleccionamos el duplicado y la elipse, del menú Trayecto->Diferencia, le
aplicamos un relleno blanco, un gradiente linea.
7. Al texto inicial lo convertimos en trayecto (Trayecto->Objeto a trayecto) y
le aplicamos Trayecto->Descombinar. Tendremos que aplicar diferencias
entre los objetos debido a que lo descombianmos para trabajar las letras
por separado y colocarles colores independientes si se quiere.
Efecto de cromado en texto:
1. Escribimos un texto.
2. Aplicamos degradado.
3. Aplicamos dos paradas más y le colocamos los siguientes valores: a la
primera 699bcd99, la segunda e6f0ffff, la tercera 4b3c2dff y 0,54 en desvío,
por última la cuarta faf0e6ff.
4. Le colocamos color negro como relleno y lo duplicamos, al duplicado le
volvemos aplicar y de relleno blanco.
5. Del menú Trayecto->Reducir y ajustamos la capa con color blanco.
6. Seleccionamos los dos texto de ambos colores y le aplicamos Diferencia.
7. Seleccionamos el segundo texto, lo duplicamos y el aplicamos Desvío
5. Dinámico, a esa selección interior le coloco 4 de opacidad
8. Seleccionamos ambas capas, le aplicamos gradiente lineal y seleccionamos
el gradiente que habíamos creado anteriormente.
9. Ajustamos el gradiente de horizontal a vertical.
10. Duplicamos esta capa, rellenamos de color negro y le aplicamos 1,5 de
desenfoque, llevamos la selección al fondo.
11. Ajustamos la sombra llevándola la selección al primer plano.
12. Agrupamos todas las capas.
Aquí el resultado:
Syra Lacruz
syralg@gmail.com
syralg.wordpress.com