Successfully reported this slideshow.

Dibujando Con Inkscape

8,016 views

Published on

Efectos hechos en inkscape, algunos de ellos traducidos de video tutoriales en: http://screencasters.heathenx.org/ para pequeño taller de uso de Inkscape

Published in: Design, Travel
  • Be the first to comment

  • Be the first to like this

Dibujando Con Inkscape

  1. 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. 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. 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. 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. 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

×