Charla Introducción al Diseño Gráfico

Introducción al Diseño Gráfico

Ponente: Andrés Bayona

Asociación de Webmasters de Granada

0.- Indice de Contenidos

Introducción al Diseño Gráfico Ponente: Andrés Bayona

PáGINA 2

Indice de Contenidos

1.- Concepto 4.- Análisis

5.- Agradecimientos2.- Clasificación

3.- Software

3 - ¿Qué es diseño gráfico?

4 - Esquema Emisor - Receptor

8-16 - Adobe Photoshop

17-23 - Adobe Illustrator

24-26 - Adobe InDesign

6 - Adobe Creative Suite 4

7 - Corel Corporation y otras compañías

5 - ¿Qué puede hacer un diseñador gráfico?

27 - Agradecimientos

1.- Concepto


PáGINA 3

¿Qué es diseño gráfico?

El Diseño Gráfico es una forma de comunicación visual. Se ocupa de organizar imágenes y textos para comunicar un mensaje.Puede aplicarse a muchos medios; ya sean impresos, digitales o au-diovisuales.

1.- Concepto


PáGINA 4

Esquema Emisor - ReceptorFacilitar la fluidez de esa comunicación, y aportarle mediante gags estéticos, algu-nas cargas simbólicas. Pero esto debe ser entendido como un filtro, es decir, que si por la carga estética disminuye la fluidez (o directamente corre peligro el entendi-miento del mensaje), nuestro diseño es perjudicial. ¿Por qué? Porque un mensaje confuso (en el caso de que se entienda) es menos eficiente que un mensaje fluido y que se entiende perfectamente.

Emisor

Mensaje

Receptor

Diseñador Gráfico

Diseñar es comunicar

2.- Clasificación de productos de Diseño Gráfico


PáGINA 5

¿Qué puede hacer un diseñador gráfico?

* Diseño Publicitario * Diseño Editorial. * Imágen Corporativa. * Diseño Web. * Diseño de Envases(Packaging). * Diseño Tipográfico. * Cartelería. * Señalética. * Diseño Multimedia.

3.- Software de Diseño Gráfico


PáGINA 6

Adobe Creative Suite 4:

* Photoshop. * Freehand. * Illustrator. * Pagemaker. * InDesign. * Dreamweaver. * Flash. * Fireworks.

Actualmente la última version es la CS 4 (11.0). Es la

suite, desde la fusión con Macromedia, del programa

más popular entre diseñadores gráficos, diseñadores

web, ilustradores, productores de vídeo y diversos

artistas y trabajadores de lo digital.

3.- Software de Diseño Gráfico


PáGINA 7

Corel Corporation :

Otras compañías:

* Corel Draw. * Photo-Paint. * Corel Trace.

* QuarkXPress. * Xara Extreme. * InkScape. * XaraLX. * GIMP.

Aunque se mencionen la mayoría, solamente en-

traremos en detalle en las principales y más utili-

zadas.

4.- Análisis de Software


PáGINA 8

Adobe Photoshop¿Qué es?Es una aplicación en forma de taller de pintura y fotografía

que trabaja sobre un "lienzo" y que está destinado para la

edición, retoque fotográfico y pintura a base de imágenes de

mapa de bits o gráficos rasterizados.

¿Para que se utiliza Photoshop? * Diseño web

* Composición de imágenes bitmap.

* Estilismo digital.

* Fotocomposición.

* Edición y grafismos de video.

* Otros...



PáGINA 9

Adobe PhotoshopPhotoshop es la herramienta principal de un fotógrafo profesional que lo usan para realizar el proceso de "positivado y ampliación digital", no teniendo que pasar por un laboratorio salvo para la impresión digital (imprenta).



PáGINA 10

Adobe PhotoshopFormatos de Archivo en Photoshop: * PSD: es el formato original de PSD. Guarda toda la infor-

mación de capas, guías, canales y cualquier modo de color.

* POSTSCRIPT: es un lenguaje creado por Adobe el cual

se describe en forma de números y letras.

* BMP: formato estándar de Windows.

* TIFF: una solución creada para pasar de PC a MAC y vice-

versa (formato universal).

* GIF: es el formato utilizado para web. Guarda un canal alfa

con transparencias. Admite hasta 256 colores.

* PNG: es igual que un GIF pero con mayor calidad. Admite

colores de 24 bits.

* JPEG: muy utilizado para web. Destaca su factor de com-

presión muy alto y buena calidad de imágen.

* PDF: permite almacenar vectores y bits. Ideal para Imprimir.

Barra de Herramientas de Photoshop



PáGINA 11

Adobe Photoshop Ejemplos de Diseño Web



PáGINA 12

Adobe Photoshop Más ejemplos



PáGINA 13




PáGINA 14




PáGINA 15




PáGINA 16

Adobe Photoshop Enlaces de InterésTipografiawww.unostiposduros.comwww.agfamonotype.comwww.myfonts.comwww.serifmagazine.comwww.dafonts.com

Revistas Diseño Gráficowww.visual.giwww.howdesign.comwww.gammag.comwww.idnworld.comwww.printmag.comwww.gdusa.comwww.artistica.orgwww.metropolismag.comwww.id-mag.comwww.commarts.comwww.graphis.comwww.wallpaper.com

Banco de Imágenes www.gettyimages.comwww.photodisc.com www.photoessentials.comwww.focus.com.arhttp://pro.corbis.comwww.stockphoto.comwww.stockphotos.comwww.photostock.comwww.stockphotos.eswww.photoalto.comwww.agefotostock.comwww.latinstock.comwww.cover.eswww.cordonpress.comhttp://quickimage.eswww.cd-gallery.comwww.indexfototeca.eswww.comstock.comwww.alfaqui.comwww.asa-agency.es

Tutoriales Photoshopwww.psdtuts.comwww.photoshop-designs.comwww.solophotoshop.comwww.tutorial-lab.comwww.todo-photoshop.comwww.canalphotoshop.comzonaphotoshop.comwww.tutorialesphotoshop.orgwww.tutorial-enlace.netwww.webtaller.comwww.web-studio.com.arwww.cristalab.comwww.liliansdesign.netwww.photoshop-newsletter.comwww.photoshoproadmap.comwww.maestrosdelweb.comwww.original-design.eswww.ayudaphotoshop.comwww.fisiontips.com.artutoralia.com

Recursos Photoshopwww.brusheezy.comwww.psbrushes.netwww.smashingmagazine.comwww.qbrushes.comwww.getbrushes.comwww.photoshoptextures.comwww.photoshopmosaic.comwww.blogvecindad.com



PáGINA 17

Adobe Illustrator¿Qué es?Es una aplicación en forma de taller de arte que trabaja sobre un

tablero de dibujo, llamado “mesa de trabajo” y está destinado a

la creación artística de dibujo y pintura para la Ilustración. Con-

tiene opciones creativas, un acceso más sencillo a las herramien-

tas y una gran versabilitad para producir rápidamente gráficos

flexibles y de gran calidad llamados Vectores.

¿Para que se utiliza Photoshop? * Diseño web

* Composición de imágenes vectoriales.

* Maquetaciones - Publicaciones.

* Impresión.

* Otros...



PáGINA 18

Adobe IllustratorForma parte de la familia Adobe Creative Suite y tiene como

función única y primordial la creación de material gráfico-

ilustrativo altamente profesional basadónse para ello en la

producción de objetos matemáticos llamado Vectores. La

extensión de sus archivos es .AI (Adobe Illustrator).



PáGINA 19

Adobe IllustratorMesa de trabajo



PáGINA 20

Adobe Illustrator Ejemplos



PáGINA 21




PáGINA 22




PáGINA 23

Adobe Illustrator Enlaces de InterésTipografiawww.unostiposduros.comwww.agfamonotype.comwww.myfonts.comwww.serifmagazine.comwww.dafonts.com

Revistas Diseño Gráficowww.visual.giwww.howdesign.comwww.gammag.comwww.idnworld.comwww.printmag.comwww.gdusa.comwww.artistica.orgwww.metropolismag.comwww.id-mag.comwww.commarts.comwww.graphis.comwww.wallpaper.com

Banco de Imágenes www.gettyimages.comwww.photodisc.com www.photoessentials.comwww.focus.com.arhttp://pro.corbis.comwww.stockphoto.comwww.stockphotos.comwww.photostock.comwww.stockphotos.eswww.photoalto.comwww.agefotostock.comwww.latinstock.comwww.cover.eswww.cordonpress.comhttp://quickimage.eswww.cd-gallery.comwww.indexfototeca.eswww.comstock.comwww.alfaqui.comwww.asa-agency.es

Tutoriales Illustratorwww.smashingmagazine.comwww.vectortuts.comwww.vectips.comwww.vectordiary.comwww.vectorials.comwww.ndesign-studio.comwww.sketchpad.netwww.layersmagazine.comwww.good-tutorials.comwww.noupe.comwww.jt-book.comwww.pixel2life.comwww.techtutorials.infowww.tutorialoutpost.comwww.voidix.comwww.adobeillustratortutorials.comwww.vecpix.comwww.huntfor.comwww.learnit2.comwww.vandelaydesign.com

Recursos Illustratorwww.freevectors.netwww.vecteezy.comwww.free-vectors.comwww.vector4free.comwww.graphicmania.netwww.freevectors.orgwww.qvectors.comwww.freevectors.comwww.illustrationclass.com



PáGINA 24

Adobe InDesign¿Qué es?Adobe InDesign (ID) es una aplicación de maquetación desarrollada por la compañía Adobe Systems para diseñadores gráficos. Presentada en 1999, su objetivo era constituirse una alternativa a QuarkXPress (QXP), de Quark Inc. Que desde hacía doce años venía ejerciendo el monopolio en la composición profesional de páginas.

Adobe InDesign es una herramienta ideal y necesaría para la edición y diseño de publicaciones profesionales.

Su funcionamiento está basado en la línea de trabajo de Adobe Photoshop y Adobe Illustrator, dándote un único e integrado diseño de trabajo que no te interrum-pirá en su proceso de creatividad.



PáGINA 25

Adobe InDesignEspacio de trabajo



PáGINA 26

Adobe InDesign Ejemplos

5.- Agradecimientos


PáGINA 27

Desde la Asociación de Webmasters de Granada leagradecemos su asistencia y le invitamos a participar en ella.

Más información en www.webmastergranada.es

Asociación de Webmasters de Granada

Charla Introducción al Diseño Gráfico

Design

Transcript of Charla Introducción al Diseño Gráfico