SlideShare una empresa de Scribd logo
INTRODUCCION
Objetivos

 Valorar la importancia del diseño
 Conocer los principios del diseño
 Conocer los principios, métodos y herramientas del
  diseño
 Conocer las técnicas básicas del diseño
 Compartir los conocimientos
Contenido

 Introducción al diseño gráfico
 Historia del diseño gráfico
 Elementos morfológicos de diseño gráfico
 Uso del color
 Técnicas de diseño gráfico
 Iconos
 Ejemplos
Introducción
 El diseño grafico surgió como disciplina independiente
  a mediados del Siglo XX. En términos generales se
  puede definir el diseño como la ordenación,
  composición, y combinación de formas y figuras

 El diseñador grafico es un artista al servicio de los que
  le encarguen su trabajo.

 Además de la publicidad y los Medios de Comunicación
  de Masas (MCM) el trabajo del diseñador se ha
  extendido a campos diferentes.
HISTORIA
 El ser humano ha tenido siempre
  la necesidad de comunicarse con
  sus semejantes, hasta tal punto
  que podemos afirmar que si el
  hombre es el ser más avanzado
  de la naturaleza.
 Las primeras formas
  comunicativas fueron mediante      Pintura rupestre (Cueva de Altamira, España)
  elementos visuales. Antes de que
  desarrollaran capacidades de
  expresión mediante el lenguaje
  hablado
HISTORIA
 Estos     lenguajes     escritos
  estaban basados, bien en la
  representación de elementos
  tomados de la naturaleza, a
  los que se les asignaba una
  interpretación particular, bien
  en un conjunto artificial de
  símbolos     inventados:     los
  alfabetos.                         Grabado en piedra con jeroglíficos (Egipto)
HISTORIA
 Otro    gran    impulsor  del
  desarrollo del diseño gráfico
  fue la Revolución Industrial.
  Surgieron las fábricas y la
  economía de mercado, un gran
  número     de    personas  se
  desplazó a las ciudades a
  trabajar,    aumentaron   las
  tiendas y los comercios y
  empezó la competitividad
                                  Cartel publicitario
Elementos de la imagen

 Para representar algo utilizamos unos elementos que
  constituyen un alfabeto gráfico. Estos elementos
  son:
  El punto
  La línea
  La forma
  La luz
  El color
  El tiempo
  El tamaño
  El formato
  La composición
Elementos de la imagen
           El punto

 El elemento más simple
 Posee una gran fuerza
  atractiva como marca
  Su situación puede establecer los
   ejes básicos de la estructura
  Varios puntos juntos se perciben
   agrupados creando formas
  Una secuencia de puntos puede
   imprimir ritmo a la imagen,
   creando una dirección de
   movimiento
  Ayuda a dirigir la visión del
   observador
Elementos de la imagen
          La línea

 Organizan el espacio
  Determinan ejes que
   delimitan zonas de
   atracción
 Pueden crear texturas,
  profundidad y
  movimiento
 Su dirección y grosor les
  da una expresividad
Elementos de la imagen
         La forma

 Define una superficie con unas dimensiones dadas
 Formas básicas
  Cuadrado, triángulo y círculo
 Función: definir y organizar el espacio
 Pueden simular tridimensionalidad cuando se
  representan en perspectiva
Tipos de Imagenes
 Mapa de Bits
    También denominadas imágenes raster: son imágenes
    pixeladas, es decir que están formadas por un conjunto de
    puntos (píxeles) contenidos en una tabla. Cada uno de estos
    puntos tiene un valor o más que describe su color.
 Vectorial
    Las imágenes vectoriales son representaciones de entidades
    geométricas tales como círculos, rectángulos o segmentos.
    Están representadas por fórmulas matemáticas (un
    rectángulo está definido por dos puntos; un círculo, por un
    centro y un radio; una curva, por varios puntos y una
    ecuación).
EJEMPLOS
MODELOS DE COLOR
 Modelo de color RGB(Red, Green, Blue)
Colores primarios de luz: Rojo, Verde, Azul.
Es un modelo de color basado en la síntesis aditiva,
con el que es posible representar un color mediante la
mezcla por adición de los tres colores luz primarios.
MODELOS DE COLOR
 Modelo CMYK (Cian, Magenta, Yellow,Black)
En este modelo, los colores usados
son cian, magenta , amarillo y negro, de la conbinacion
de estos colores primarios originan los demas colores
TIPO ARCHIVO IMAGENES

 TIFF (Tagged Image File Format)
  Formato de archivo de imágenes etiquetadas. Se trata de un formato
  de imagen de alta resolución basado en etiquetas. TIFF se utiliza para
  el intercambio universal de imágenes digitales

 GIF (Graphics Interchange Format)
  Uno de los dos formatos de archivo de gráficos preferido en la Web (el
  otro es .JPG). Comprimido al igual que los .JPG, pero por otro sistema
  llamado LZW, patentado por Unisys. Se abre con cualquier visor de
  gráficos.

 JPEG (Joint Photographic Expert Group)
  Este formato es utilizado para almacenar y presentar fotos e imágenes
  sin movimiento. A diferencia de su similar "gif", permite el manejo de
  un mayor número de colores. Jpeg es un estándar para el manejo de
  imágenes en Internet.
TIPO ARCHIVO IMAGENES

 PNG (Portable Network Graphics)
  (Portable Network Graphics). Gráficos Portables de Red. Formato
  gráfico muy completo especialmente pensado para redes.

 PDF (Portable Document Format)
  Este formato debe su nombre al acrónimo del inglés Portable
  Document Format y permite transferir documentos como folletos,
  trípticos y en general, aquellos que contengan diseño gráfico y utilicen
  fuentes tipográficas especiales, con la seguridad de que se verán en la
  forma adecuada, sin importar el tipo de equipo que se utilice.

 BMP: archivo de mapa de bits de Windows. Se ve con el accesorio de
  Microsoft Paint o con cualquier visor de gráficos, como el ACDSee.
  archivo de diseño de la aplicación Corel Draw. Se ejecuta con la misma
  aplicación.
TIPO ARCHIVO IMAGENES

 ICO: archivo de gráfico de ícono. Es utilizado por Windows para
  lanzar una aplicación con un clic sobre el mismo.

 PCX: archivo de gráficos creado con PC Paintbrush, de Soft. Se
  abre teniendo instalada en Windows ésta aplicación.

 PIC: archivo de gráficos de PC Paint. Se ejecuta con esta
  aplicación.

 PSD: archivo de mapa de bits hecho con Adobe Photoshop. Se
  ejecuta con esta aplicación o con un visor de gráficos, como
  ACDSee.
RESOLUCION DE IMAGENES

 La resolución de la imagen, es la cantidad de píxeles. La
  resolución se utiliza también para clasificar casi todos los
  dispositivos relacionados con las imagen digital ya sean
  pantallas de ordenador o televisión, impresoras, escáneres,
  cámaras, etc.

Más contenido relacionado

PDF
Une histoire de la photo 19eme
PDF
El plano y el collage 1º ESO
PPT
La retorica visual
PPTX
Alto Contraste
PPSX
Arte objetual
PPT
Arte Digital
DOCX
Los principios del dibujo
PPT
El diseño grafico en la publicidad
Une histoire de la photo 19eme
El plano y el collage 1º ESO
La retorica visual
Alto Contraste
Arte objetual
Arte Digital
Los principios del dibujo
El diseño grafico en la publicidad

La actualidad más candente (20)

PPTX
PPT
Historias del dibujo
PPT
Introducción a la Semiotica - la imagen como discurso
DOCX
Introduccion a la teoria de la imagen
PPT
Iconicidad
PDF
Pre prensa y post prensa
PDF
PDF
Ilustración Digital
PDF
Historia y técnica del collage en el arte
PPT
Animacion 2013
PPT
Imagen vectorial
PPTX
Animation
PPTX
Historia del cómic
PPT
FilosofíA Del Arte
PPTX
Imagen y realidad
PPTX
Fotografia
PPTX
comic , manga y anime.
PPT
Presentacion Preprensa
PPT
1 la imagen movimiento cine
PPT
Relato, Guiones, Storyboard
Historias del dibujo
Introducción a la Semiotica - la imagen como discurso
Introduccion a la teoria de la imagen
Iconicidad
Pre prensa y post prensa
Ilustración Digital
Historia y técnica del collage en el arte
Animacion 2013
Imagen vectorial
Animation
Historia del cómic
FilosofíA Del Arte
Imagen y realidad
Fotografia
comic , manga y anime.
Presentacion Preprensa
1 la imagen movimiento cine
Relato, Guiones, Storyboard
Publicidad

Similar a Introducion (20)

PPSX
Introducion al Diseño Grafico
PPTX
Modulo 2 software de diseño
PDF
Imagen Digital
PPT
Imagen digital
PPTX
Diapositivas del taller
PPTX
Diapositivas del taller
PPTX
Introducción al Diseño Digital Para Educacion media superior.pptx
PPTX
Herramientas multimedia para la educación superior
PDF
Bloque 1 concepto de diseño, diseño digital y mensaje visual
PPT
que es el diseño grafico y sus características .ppt
PDF
Actividad 1.1
PDF
Exposición.pdf
PDF
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguana
PPTX
Unidad 1 it
PPTX
PRINCIPIOS DE COMPOSICION EN DISEÑO GRAFICO Y ARQUITECTURA
DOC
DOC
PPTX
Tecnología gráficos digitales
PDF
Graficacion por Computadora
PPT
Diseño Digital II
Introducion al Diseño Grafico
Modulo 2 software de diseño
Imagen Digital
Imagen digital
Diapositivas del taller
Diapositivas del taller
Introducción al Diseño Digital Para Educacion media superior.pptx
Herramientas multimedia para la educación superior
Bloque 1 concepto de diseño, diseño digital y mensaje visual
que es el diseño grafico y sus características .ppt
Actividad 1.1
Exposición.pdf
Actvidad 1 1_diseno_grafico_dayana_guaman_amaguana
Unidad 1 it
PRINCIPIOS DE COMPOSICION EN DISEÑO GRAFICO Y ARQUITECTURA
Tecnología gráficos digitales
Graficacion por Computadora
Diseño Digital II
Publicidad

Introducion

  • 2. Objetivos  Valorar la importancia del diseño  Conocer los principios del diseño  Conocer los principios, métodos y herramientas del diseño  Conocer las técnicas básicas del diseño  Compartir los conocimientos
  • 3. Contenido  Introducción al diseño gráfico  Historia del diseño gráfico  Elementos morfológicos de diseño gráfico  Uso del color  Técnicas de diseño gráfico  Iconos  Ejemplos
  • 4. Introducción  El diseño grafico surgió como disciplina independiente a mediados del Siglo XX. En términos generales se puede definir el diseño como la ordenación, composición, y combinación de formas y figuras  El diseñador grafico es un artista al servicio de los que le encarguen su trabajo.  Además de la publicidad y los Medios de Comunicación de Masas (MCM) el trabajo del diseñador se ha extendido a campos diferentes.
  • 5. HISTORIA  El ser humano ha tenido siempre la necesidad de comunicarse con sus semejantes, hasta tal punto que podemos afirmar que si el hombre es el ser más avanzado de la naturaleza.  Las primeras formas comunicativas fueron mediante Pintura rupestre (Cueva de Altamira, España) elementos visuales. Antes de que desarrollaran capacidades de expresión mediante el lenguaje hablado
  • 6. HISTORIA  Estos lenguajes escritos estaban basados, bien en la representación de elementos tomados de la naturaleza, a los que se les asignaba una interpretación particular, bien en un conjunto artificial de símbolos inventados: los alfabetos. Grabado en piedra con jeroglíficos (Egipto)
  • 7. HISTORIA  Otro gran impulsor del desarrollo del diseño gráfico fue la Revolución Industrial. Surgieron las fábricas y la economía de mercado, un gran número de personas se desplazó a las ciudades a trabajar, aumentaron las tiendas y los comercios y empezó la competitividad Cartel publicitario
  • 8. Elementos de la imagen  Para representar algo utilizamos unos elementos que constituyen un alfabeto gráfico. Estos elementos son: El punto La línea La forma La luz El color El tiempo El tamaño El formato La composición
  • 9. Elementos de la imagen El punto  El elemento más simple  Posee una gran fuerza atractiva como marca Su situación puede establecer los ejes básicos de la estructura Varios puntos juntos se perciben agrupados creando formas Una secuencia de puntos puede imprimir ritmo a la imagen, creando una dirección de movimiento Ayuda a dirigir la visión del observador
  • 10. Elementos de la imagen La línea  Organizan el espacio Determinan ejes que delimitan zonas de atracción  Pueden crear texturas, profundidad y movimiento  Su dirección y grosor les da una expresividad
  • 11. Elementos de la imagen La forma  Define una superficie con unas dimensiones dadas  Formas básicas Cuadrado, triángulo y círculo  Función: definir y organizar el espacio  Pueden simular tridimensionalidad cuando se representan en perspectiva
  • 12. Tipos de Imagenes  Mapa de Bits También denominadas imágenes raster: son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color.  Vectorial Las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación).
  • 14. MODELOS DE COLOR  Modelo de color RGB(Red, Green, Blue) Colores primarios de luz: Rojo, Verde, Azul. Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color mediante la mezcla por adición de los tres colores luz primarios.
  • 15. MODELOS DE COLOR  Modelo CMYK (Cian, Magenta, Yellow,Black) En este modelo, los colores usados son cian, magenta , amarillo y negro, de la conbinacion de estos colores primarios originan los demas colores
  • 16. TIPO ARCHIVO IMAGENES  TIFF (Tagged Image File Format) Formato de archivo de imágenes etiquetadas. Se trata de un formato de imagen de alta resolución basado en etiquetas. TIFF se utiliza para el intercambio universal de imágenes digitales  GIF (Graphics Interchange Format) Uno de los dos formatos de archivo de gráficos preferido en la Web (el otro es .JPG). Comprimido al igual que los .JPG, pero por otro sistema llamado LZW, patentado por Unisys. Se abre con cualquier visor de gráficos.  JPEG (Joint Photographic Expert Group) Este formato es utilizado para almacenar y presentar fotos e imágenes sin movimiento. A diferencia de su similar "gif", permite el manejo de un mayor número de colores. Jpeg es un estándar para el manejo de imágenes en Internet.
  • 17. TIPO ARCHIVO IMAGENES  PNG (Portable Network Graphics) (Portable Network Graphics). Gráficos Portables de Red. Formato gráfico muy completo especialmente pensado para redes.  PDF (Portable Document Format) Este formato debe su nombre al acrónimo del inglés Portable Document Format y permite transferir documentos como folletos, trípticos y en general, aquellos que contengan diseño gráfico y utilicen fuentes tipográficas especiales, con la seguridad de que se verán en la forma adecuada, sin importar el tipo de equipo que se utilice.  BMP: archivo de mapa de bits de Windows. Se ve con el accesorio de Microsoft Paint o con cualquier visor de gráficos, como el ACDSee. archivo de diseño de la aplicación Corel Draw. Se ejecuta con la misma aplicación.
  • 18. TIPO ARCHIVO IMAGENES  ICO: archivo de gráfico de ícono. Es utilizado por Windows para lanzar una aplicación con un clic sobre el mismo.  PCX: archivo de gráficos creado con PC Paintbrush, de Soft. Se abre teniendo instalada en Windows ésta aplicación.  PIC: archivo de gráficos de PC Paint. Se ejecuta con esta aplicación.  PSD: archivo de mapa de bits hecho con Adobe Photoshop. Se ejecuta con esta aplicación o con un visor de gráficos, como ACDSee.
  • 19. RESOLUCION DE IMAGENES  La resolución de la imagen, es la cantidad de píxeles. La resolución se utiliza también para clasificar casi todos los dispositivos relacionados con las imagen digital ya sean pantallas de ordenador o televisión, impresoras, escáneres, cámaras, etc.