Your SlideShare is downloading. ×
Dibujando Con Inkscape
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Dibujando Con Inkscape

6,583
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

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
6,583
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
73
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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