taller de inkscape · illustrator, corel draw, freehand, o xara x. lo que diferencia a inkscape es...

62
Taller de Inkscape Jos´ e Antonio Serrano Garc´ ıa Universidad de Granada Facultad de Ciencias Oficina de Software Libre 15 de mayo de 2011 Jos´ e Antonio Serrano Garc´ ıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Upload: others

Post on 17-Apr-2020

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Taller de Inkscape

Jose Antonio Serrano Garcıa

Universidad de GranadaFacultad de Ciencias

Oficina de Software Libre

15 de mayo de 2011

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 2: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion

Parte I

¿Que es Inkscape?

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 3: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion

1 Definicion¿Que son los graficos vectoriales?¿Que significa SVG?Sistemas operativosLicencia de Inkscape

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 4: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

1 Definicion¿Que son los graficos vectoriales?¿Que significa SVG?Sistemas operativosLicencia de Inkscape

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 5: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Inkscape

¿Que es Inkscape?Inkscape es un editor de graficos vectoriales defuente abierta (open source) similar a AdobeIllustrator, Corel Draw, Freehand, o Xara X.

Lo que diferencia a Inkscape es que utilizaScalable Vector Graphics (SVG), un estandarabierto del W3C basado en XML, como formatonativo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 6: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Inkscape

¿Que son los graficos vectoriales?A diferencia de los editores de graficos rasterizados (mapas debits), como Photoshop o Gimp, Inkscape almacena susgraficos en formato vectorial. Los graficos vectorialesdescriben las formas y objetos reales que ve en la imagen,independientemente de la resolucion de la misma. Un motorde rasterizacion utiliza esta informacion para determinar comodibujar cada lınea y curva en cualquier resolucion o nivel deacercamiento.

Esto contrasta con los graficos rasterizados, que siempre estanatados a una resolucion especıfica y almacenan la imagencomo una grilla de pıxeles.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 7: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Inkscape

¿Que son los graficos vectoriales II?Los graficos vectoriales son un complemento a los graficosrasterizados, mas que una alternativa. Cada uno tiene suproposito y son utiles para distintas cosas. Los graficosrasterizados suelen ser mejores para fotografıas y algunosdibujos artısticos, mientras que los vectoriales son mas aptospara composiciones de diseno, logotipos, imagenes con texto,ilustraciones tecnicas, etc.

Sin embargo Inkscape tambien puede importar y mostrargraficos rasterizados. Una vez importado, este se convierte enotro objeto dentro del grafico vectorial y se puede hacer con eltodo lo que es posible con otros tipos de objetos (moverlo,transformarlo, recortarlo, etc).

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 8: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Inkscape

¿Que significa SVG ’Scalable Vector Graphics’?

Graficos Vectoriales Escalables (SVG) es unformato abierto y estandar basado en XML paragraficos vectoriales, desarrollado por el W3C.

Su aceptacion esta creciendo rapidamente.

La mayorıa de los editores vectoriales actualespueden importar y exportar SVG y losnavegadores modernos pueden mostrarlodirectamente sin la necesidad de plugins.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 9: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Sistemas operativos

¿En que plataformas funciona Inkscape?Sistemas Operativos disponible:

Linux

Windows 2000/2003/XP/Vista/7 (autoinstalablecompleto)

Mac OS X (paquete dmg)

Inkscape tambien funciona en FreeBSD y otros sistemasoperativos similares a Unix.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 10: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Definicion ¿Que son los graficos vectoriales? ¿Que significa SVG? Sistemas operativos Licencia de Inkscape

Licencia de Inkscape

Licencia de Inkscape

GNU GENERAL PUBLIC LICENSE Version 2, June1991

http://www.gnu.org/licenses/gpl.txt

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 11: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Parte II

Mapa de Bits Vs. Vectorial

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 12: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

2 Diferencias Mapa de Bits Vs. Vectorial

3 Ventajas e Inconvenientes

4 Algunos recursos interesantes sobre Inkscape

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 13: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Mapa de Bits Vs. Vectorial

Mapa de Bits

Informacion por pixeles

Transformaciones destructivas

Para imagenes fotorealistas

Zoom difıcil

JPEG, PNG, TIFF, GIF, . . .

Imagenes Vectoriales

Informacion por primitivasgeometricas

Transformacion no destructivas

Apropiado para dibujos

SVG, SWF, VML, . . .

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 14: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Mapa de Bits Vs. Vectorial

Mapa de Bits

Informacion por pixeles

Transformaciones destructivas

Para imagenes fotorealistas

Zoom difıcil

JPEG, PNG, TIFF, GIF, . . .

Imagenes Vectoriales

Informacion por primitivasgeometricas

Transformacion no destructivas

Apropiado para dibujos

SVG, SWF, VML, . . .

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 15: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Mapa de Bits Vs. Vectorial

Mapa de Bits

Informacion por pixeles

Transformaciones destructivas

Para imagenes fotorealistas

Zoom difıcil

JPEG, PNG, TIFF, GIF, . . .

Imagenes Vectoriales

Informacion por primitivasgeometricas

Transformacion no destructivas

Apropiado para dibujos

SVG, SWF, VML, . . .

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 16: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

2 Diferencias Mapa de Bits Vs. Vectorial

3 Ventajas e Inconvenientes

4 Algunos recursos interesantes sobre Inkscape

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 17: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Ventajas e Inconvenientes

VentajasLibre Gratuito

Sencillo de manejar

Actualizaciones con frecuencia anadiendo mejoras sustanciales

Utilizacion de un estandar (SVG) como fichero de trabajo base

InconvenientesDifıcil de manejar con pantallas pequena

Algunos problemas (pocos) al importar SVG.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 18: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Ventajas e Inconvenientes

VentajasLibre Gratuito

Sencillo de manejar

Actualizaciones con frecuencia anadiendo mejoras sustanciales

Utilizacion de un estandar (SVG) como fichero de trabajo base

InconvenientesDifıcil de manejar con pantallas pequena

Algunos problemas (pocos) al importar SVG.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 19: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Ventajas e Inconvenientes

VentajasLibre Gratuito

Sencillo de manejar

Actualizaciones con frecuencia anadiendo mejoras sustanciales

Utilizacion de un estandar (SVG) como fichero de trabajo base

InconvenientesDifıcil de manejar con pantallas pequena

Algunos problemas (pocos) al importar SVG.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 20: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

2 Diferencias Mapa de Bits Vs. Vectorial

3 Ventajas e Inconvenientes

4 Algunos recursos interesantes sobre Inkscape

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 21: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Diferencias Mapa de Bits Vs. Vectorial Ventajas e Inconvenientes Algunos recursos interesantes sobre Inkscape

Algunos recursos interesantes sobre Inkscape

Manual de Inkscape:

http://tavmjong.free.fr/INKSCAPE/MANUAL/html es/index.html

Tutoriales para Inkscape:http://www.inkscape.org/doc/basic/tutorial-basic.html,http://www.inkscape.org/doc/advanced/tutorial-advanced.htmlhttp://inkscapetutorials.wordpress.com/

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 22: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Parte III

Ejercicios practicos

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 23: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 24: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Aspecto del documento

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 25: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Formas basicas

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 26: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Formas basicas y II

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 27: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Colores

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 28: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Colores y II

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 29: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Estilos de lınea

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 30: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Estilos de lınea

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 31: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Degradados

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 32: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 33: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Circulo

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 34: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Modificamos el circulo

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 35: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Mano alzada

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 36: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Exclusion

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 37: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 38: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Imagenes

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 39: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Texto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 40: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Alineaciones

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 41: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 42: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Trazos

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 43: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

El texto sigue el trazo

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 44: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 45: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Texto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 46: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Texto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 47: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Figuras

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 48: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Figuras

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 49: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

5 Aspecto del documento, formas basicas, colores, degradados,estilos de lınea,. . .

6 Operaciones con formas

7 Imagenes, texto y alineaciones

8 Textos que siguen trazos

9 Sombras: texto y figuras

10 Creamos un logo.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 50: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Figuras

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 51: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Texto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 52: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Reflejamos el Texto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 53: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Variamos el degradado

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 54: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Aspecto del documento, formas basicas, colores, degradados, estilos de lınea,. . . Operaciones con formas Imagenes, texto y alineaciones Textos que siguen trazos Sombras: texto y figuras Creamos un logo.

Final

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 55: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Licencia de este documento

Parte IV

Licencia

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 56: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Licencia de este documento

11 Licencia de este documento

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 57: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Licencia de este documento

Esta presentacion tiene licencia BY-NC-SA.

Esta licencia cuyo texto puedes obtener en:

http://creativecommons.org/licenses/by-nc-sa/3.0/

Jose Antonio Serrano GarcıaCopyright (c) 2011

Este obra esta bajo una licencia Creative CommonsReconocimiento-NoComercial-CompartirIgual 3.0 Unported.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 58: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Contacto

Parte V

Contacto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 59: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Contacto

12 Contacto

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 60: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Contacto

Contacto

Jose Antonio Serrano GarcıaDoctorando en Comunicacion Audiovisual

Master en Informacion Cientıfica: tratamiento, acceso yevaluacion.

Licenciado en Comunicacion Audiovisual.

Diplomado en Informatica de Gestion.

Master en Formacion y Tecnologıas para E-learning.

Tecnico Superior en Prevencion de Riesgos Laborales.

Correo electronico: [email protected]

Curriculum Vitae.

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 61: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Parte VI

FIN

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR

Page 62: Taller de Inkscape · Illustrator, Corel Draw, Freehand, o Xara X. Lo que diferencia a Inkscape es que utiliza Scalable Vector Graphics (SVG), un est andar abierto del W3C basado

Jose Antonio Serrano Garcıa Taller de Inkscape - Facultad de Ciencias - OSL - UGR