SlideShare una empresa de Scribd logo
1 de 19
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

Similar a Introducion

DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)291992
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003291992
 
fundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdffundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdfROBERTO CHAMAN MARIN
 
Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017Tania Muñoa
 
Ligña Llano Taller de Diseño
Ligña Llano Taller de DiseñoLigña Llano Taller de Diseño
Ligña Llano Taller de DiseñoAdrhii Llano
 
Historia de la infografía
Historia de la infografíaHistoria de la infografía
Historia de la infografíaAna Gutierrez
 
TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018Tania Muñoa
 
Introduccion Al DiseñO
Introduccion Al DiseñOIntroduccion Al DiseñO
Introduccion Al DiseñODOMINOGO
 
El diseño (4 eso)
El diseño (4 eso)El diseño (4 eso)
El diseño (4 eso)Cres68
 
delcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion pptdelcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion pptdelcy roico
 

Similar a Introducion (20)

DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
DISEÑO GRÁFICO Y CREATIVIDAD (FRANKLIN POLENTINO)
 
PresentacióN DiseñO 2003
PresentacióN DiseñO 2003PresentacióN DiseñO 2003
PresentacióN DiseñO 2003
 
Los principios del dibujo
Los principios del dibujoLos principios del dibujo
Los principios del dibujo
 
fundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdffundamentos-del-diseno-grafico-pdf
fundamentos-del-diseno-grafico-pdf
 
Imagenes vectroriales
Imagenes vectrorialesImagenes vectroriales
Imagenes vectroriales
 
Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017Técnicas Digitales: Clase15 illustrator an2017
Técnicas Digitales: Clase15 illustrator an2017
 
Diapositivas del taller
Diapositivas del tallerDiapositivas del taller
Diapositivas del taller
 
Diapositivas del taller
Diapositivas del tallerDiapositivas del taller
Diapositivas del taller
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Ligña Llano Taller de Diseño
Ligña Llano Taller de DiseñoLigña Llano Taller de Diseño
Ligña Llano Taller de Diseño
 
Historia de la infografía
Historia de la infografíaHistoria de la infografía
Historia de la infografía
 
TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018TD_Clase15 illustrator an2018
TD_Clase15 illustrator an2018
 
Introduccion Al DiseñO
Introduccion Al DiseñOIntroduccion Al DiseñO
Introduccion Al DiseñO
 
Tipos de imágenes
Tipos de imágenesTipos de imágenes
Tipos de imágenes
 
El diseño (4 eso)
El diseño (4 eso)El diseño (4 eso)
El diseño (4 eso)
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Diseño grafico
Diseño graficoDiseño grafico
Diseño grafico
 
Capitulo 2
Capitulo 2Capitulo 2
Capitulo 2
 
Clase diseño editorial
Clase diseño editorialClase diseño editorial
Clase diseño editorial
 
delcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion pptdelcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion ppt
 

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.