SlideShare una empresa de Scribd logo
1 de 7
GUÍA DE
DISEÑO
 1. Introducción al diseño
 2. Conceptos básicos de Diseño Gráfico

 3. Elaboración de piezas graficas publicitarias en
  Photoshop
 4. Pre-prensa

 5. Retoque fotográfico

 6. Elaboración de películas y piezas animadas en Flash
  MX
 7. Renderizacion de proyectos multimediales

 8. Elaboracion de Paginas web Lenguaje HTML en
  Dreamweaver
   Diseño: La palabra "diseño" se usará para referirse al proceso de programar, proyectar,
    coordinar,
    seleccionar y organizar una serie de factores y elementos con miras a la realización de
    objetos
    destinados a producir comunicaciones visuales. La palabra "diseño" se usará también en
    relación
    con los objetos creados por esa actividad.
   Grafico: La palabra "gráfico" calificaa la palabra "diseño", y la relaciona con la
    producción de
   objetos visuales destinados a comunicar mensajes específicos.
   Las dos palabras juntas: "diseño gráfico", desbordan la suma de sus significados
    individuales y
    pasan a ser el nombre de una profesiónEn función de proponer una definición inicial,
    se podría
    decir que el diseño gráfico, visto como actividad, es la acción de concebir, programar,
    proyectar y
    realizar comunicaciones visuales, producidas en general por los medios industriales y
    destinadas a
    transmitir mensajes específicos a grupos determinados."
   Semántica denotativa y estética connotativa
    Semántica denotativa: lo que quiere decir
    Estética connotativa: como atraer diciéndolo
Composición
La composición se define como una distribución o disposición de todos los elementos que incluiremos en un
diseño o composición, de una forma perfecta y equilibrada
   En un diseño lo primero que se debe elegir son todos los elementos que aparecerán en el, luego
debemos distribuirlos, para colocarlos con el espacio disponible. Los elementos pueden ser tanto
imágenes, como espacios en blanco, etc. Es muy importante, tener en cuenta de que forma
situaremos estos elementos, en nuestra composición, para que tengan un equilibrio formal y un
peso igualado.
  Proporción y Simetría
  En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y
nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda,
nos proporcionan una sensación de ligereza.
  Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual,
mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual.
   Actualmente no existe una composición perfecta. Cada composición dependerá de su resultado final, para todo
ello, es necesario conocer todos los aspectos y formas para obtener un resultado con un cierto equilibrio
  El factor equilibrio compositivo
 Cada forma o figura representada sobre un papel se comporta como un peso, un peso visual,
  porque ejerce una fuerza óptica. Una composición se encuentra en equilibrio si los pesos de los distintos
elementos que la
forman se compensan entre sí.
   Gestalt
   La teoría Gestalt permite el análisis del Diseño desde el punto de vista de las leyes de la percepción,
los que se pueden corroborar desde múltiples fases, abarcativas de la captación de la figura por el
ojo humano y su configuración desde su aplicación efectiva por medio de una integración
filosófica: ver la totalidad. El núcleo de la Psicología de la Gestalt gira en torno a la siguiente
afirmación: La percepción humana no es la suma de los datos sensoriales, sino que pasa por un
proceso de reestructuración que configura a partir de esa información una forma, una Gestalt, que
  constituye un todo, que no es la mera suma de las partes. Es anterior a las partes y fundamental para ellas. No
es una composición de elementos. Las formas son totalidades cuya conducta no se determina por la de sus
elementos, sino por la naturaleza interior total. (Cofer, 1991).
 Conceptos básicos del espacio de trabajo
 Paneles y Menús

 Herramientas

 Visualización de imágenes

 Modificación de imagen

 Filtros y Plugins

 Fusión de capas

 Capas

 Uso de mascaras
4. PREPRENSA DIGITAL
La preprensa digital es el conjunto de procesos posteriores al diseño operados por medio de una
computadora y previos a la   impresión.
Empieza cuando el diseñador termina el proceso creativo. Termina cuando se entrega el material
para entrar a impresión (Películas y Pruebas de Color).
La responsabilidad y los cuidados para un óptimo resultado de preprensa digital, comienzan en el
trabajo del diseñador antes de mandar los archivos a salida y terminan en la prensa misma.
Esto se traduce a que desde que se esta diseñando se debe cuidar de utilizar los perfiles de color
adecuados, que se aplique el trapping u overprint cuando sea necesario, que se manden los
archivos completos, en un medio adecuado y en buenas condiciones, es decir que vayan todas las
fuentes, archivos, ilustraciones, encapsulados, etc. y que estos vayan correctamente, o sea, bien
compaginados, con rebases, todos los archivos en colores CMYK, etc. Es muy importante que las
fuentes funcionen correctamente ya que existen algunas con limitante
También debemos de conocer la forma y los materiales en que se va a imprimir el trabajo para
decidir a que resolución y que tipo de película se va usar. No es lo mismo imprimir en offset,
flexografía o serigrafía, y la calidad del papel igualmente variará nuestra decisión así como en
algunos casos el tipo o marca de tintas será una variante en el trabajo de preprensa.
   El retoque fotográfico es una técnica que permite obtener otra imagen modificada, ya sea
    para lograr una mejor calidad o más realismo, o para obtener una composición totalmente
    diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan
    mayoritariamente programas informáticos.

   Utilizando distintas técnicas de retoque fotográfico es bastante simple mejorar la calidad
    de las imágenes originales procesadas, consiguiendo así un resultado notablemente
    superior en calidad con respecto a la imagen original. Además también pueden
    conseguirse efectos impactantes o simplemente corregir diversos errores en las imágenes
    originales. Antes de la existencia de la fotografía en color era muy frecuente emplear
    acuarelas líquidas u otros pigmentos para ofrecer la imagen coloreada. También se
    retocaban los negativos fotográficos para eliminar imperfecciones.

   Las técnicas de retoque fotográfico digital son hoy en día muy utilizadas como método de post-
    producción, sobre todo en ámbitos donde la imagen es lo que vende. Se da mucho su utilización
    en las producciones de modelaje, ya que la perfección en las modelos debe ser alcanzada a toda
    costa

Más contenido relacionado

Destacado

Cartel de la problemática pedagógica 2015 17 diciembre
Cartel de la problemática pedagógica 2015  17 diciembreCartel de la problemática pedagógica 2015  17 diciembre
Cartel de la problemática pedagógica 2015 17 diciembreprofesorsiglo
 
Crea tu empresa - Diseño gráfico y publicidad web
Crea tu empresa - Diseño gráfico y publicidad webCrea tu empresa - Diseño gráfico y publicidad web
Crea tu empresa - Diseño gráfico y publicidad webAbby Cortez
 
Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012Gaby Isabel Guerrero Lévano
 
Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012ProfMiriamJannett
 
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015menita2015
 
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICA
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICAPROGRAMACIÓN DE COMPUTACIÓN E INFORMATICA
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICADrea Ecasaas
 
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013Carolina Naveros
 
Programación anual de computación.
Programación anual de computación.Programación anual de computación.
Programación anual de computación.Marly Rodriguez
 
Programacion anual de ept 1156 jsbl- 2015 ccesa
Programacion anual de ept 1156 jsbl- 2015 ccesaProgramacion anual de ept 1156 jsbl- 2015 ccesa
Programacion anual de ept 1156 jsbl- 2015 ccesaDemetrio Ccesa Rayme
 
Cartel diversificado 2010 -computación e informática.doc-1ero a 5to
Cartel diversificado 2010 -computación e informática.doc-1ero a 5toCartel diversificado 2010 -computación e informática.doc-1ero a 5to
Cartel diversificado 2010 -computación e informática.doc-1ero a 5toIEAMAUTA
 

Destacado (13)

Cartel de capacidades
Cartel de capacidadesCartel de capacidades
Cartel de capacidades
 
Guía de diseño grafico..
Guía de diseño grafico..Guía de diseño grafico..
Guía de diseño grafico..
 
Cartel de la problemática pedagógica 2015 17 diciembre
Cartel de la problemática pedagógica 2015  17 diciembreCartel de la problemática pedagógica 2015  17 diciembre
Cartel de la problemática pedagógica 2015 17 diciembre
 
Crea tu empresa - Diseño gráfico y publicidad web
Crea tu empresa - Diseño gráfico y publicidad webCrea tu empresa - Diseño gráfico y publicidad web
Crea tu empresa - Diseño gráfico y publicidad web
 
Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012
 
Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012Cartel de contenidos del área de computación 2012
Cartel de contenidos del área de computación 2012
 
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015
Cartel de contenidos DE LA E.B.A. EDUCACIÓN PARA EL TRABAJO 2015
 
Ept 2006
Ept   2006Ept   2006
Ept 2006
 
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICA
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICAPROGRAMACIÓN DE COMPUTACIÓN E INFORMATICA
PROGRAMACIÓN DE COMPUTACIÓN E INFORMATICA
 
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013
PROGRAMACIÓN Y UNIDAD 4º COMPUTACIÓN . 2013
 
Programación anual de computación.
Programación anual de computación.Programación anual de computación.
Programación anual de computación.
 
Programacion anual de ept 1156 jsbl- 2015 ccesa
Programacion anual de ept 1156 jsbl- 2015 ccesaProgramacion anual de ept 1156 jsbl- 2015 ccesa
Programacion anual de ept 1156 jsbl- 2015 ccesa
 
Cartel diversificado 2010 -computación e informática.doc-1ero a 5to
Cartel diversificado 2010 -computación e informática.doc-1ero a 5toCartel diversificado 2010 -computación e informática.doc-1ero a 5to
Cartel diversificado 2010 -computación e informática.doc-1ero a 5to
 

Similar a guia de diseño

Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)tupapicool
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO PublicitarioAx el
 
Resumen Diseño Gráfico y Photoshop
Resumen Diseño Gráfico y PhotoshopResumen Diseño Gráfico y Photoshop
Resumen Diseño Gráfico y PhotoshopPatricia Ferrer
 
Fundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineFundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineRusia González
 
Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02JuanFern
 
Criterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesCriterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesclau5
 
Andres gil 1002 jm
Andres gil 1002 jmAndres gil 1002 jm
Andres gil 1002 jmandres7gil
 
Fundamentos comp visual
Fundamentos  comp visualFundamentos  comp visual
Fundamentos comp visualVane Reyes
 
Fundamentos de composicion_visual
Fundamentos de composicion_visualFundamentos de composicion_visual
Fundamentos de composicion_visualmadymy28
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visualAmed Gonzalez Arauz
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráficomnunezg
 
Software de productividad - PowerPoint
Software de productividad - PowerPointSoftware de productividad - PowerPoint
Software de productividad - PowerPointFloridalia Acosta
 
Composición visual
Composición visualComposición visual
Composición visualrays-tampa
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visualemilsen osorio cruz
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño graficoUTA
 

Similar a guia de diseño (20)

Guia de diseño (completo)
Guia de diseño (completo)Guia de diseño (completo)
Guia de diseño (completo)
 
Taller de boceto
Taller de bocetoTaller de boceto
Taller de boceto
 
DiseñO Publicitario
DiseñO PublicitarioDiseñO Publicitario
DiseñO Publicitario
 
Resumen Diseño Gráfico y Photoshop
Resumen Diseño Gráfico y PhotoshopResumen Diseño Gráfico y Photoshop
Resumen Diseño Gráfico y Photoshop
 
Presentación1
Presentación1Presentación1
Presentación1
 
Fundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos onlineFundamentos de Composición Visual para Cursos online
Fundamentos de Composición Visual para Cursos online
 
Presentaciones visuales
Presentaciones visuales Presentaciones visuales
Presentaciones visuales
 
Fundamentos
FundamentosFundamentos
Fundamentos
 
Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02Fundamentos 110301100434-phpapp02
Fundamentos 110301100434-phpapp02
 
Criterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantesCriterios básicos de diseño para elaborar afiches y volantes
Criterios básicos de diseño para elaborar afiches y volantes
 
Andres gil 1002 jm
Andres gil 1002 jmAndres gil 1002 jm
Andres gil 1002 jm
 
Fundamentos comp visual
Fundamentos  comp visualFundamentos  comp visual
Fundamentos comp visual
 
Fundamentos de composicion_visual
Fundamentos de composicion_visualFundamentos de composicion_visual
Fundamentos de composicion_visual
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visual
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Software de productividad - PowerPoint
Software de productividad - PowerPointSoftware de productividad - PowerPoint
Software de productividad - PowerPoint
 
Composicion grafica
Composicion graficaComposicion grafica
Composicion grafica
 
Composición visual
Composición visualComposición visual
Composición visual
 
Fundamentos de composicion visual
Fundamentos de composicion visualFundamentos de composicion visual
Fundamentos de composicion visual
 
Factores de influencia en el diseño grafico
Factores de influencia en el diseño graficoFactores de influencia en el diseño grafico
Factores de influencia en el diseño grafico
 

guia de diseño

  • 2.  1. Introducción al diseño  2. Conceptos básicos de Diseño Gráfico  3. Elaboración de piezas graficas publicitarias en Photoshop  4. Pre-prensa  5. Retoque fotográfico  6. Elaboración de películas y piezas animadas en Flash MX  7. Renderizacion de proyectos multimediales  8. Elaboracion de Paginas web Lenguaje HTML en Dreamweaver
  • 3. Diseño: La palabra "diseño" se usará para referirse al proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de factores y elementos con miras a la realización de objetos destinados a producir comunicaciones visuales. La palabra "diseño" se usará también en relación con los objetos creados por esa actividad.  Grafico: La palabra "gráfico" calificaa la palabra "diseño", y la relaciona con la producción de  objetos visuales destinados a comunicar mensajes específicos.  Las dos palabras juntas: "diseño gráfico", desbordan la suma de sus significados individuales y pasan a ser el nombre de una profesiónEn función de proponer una definición inicial, se podría decir que el diseño gráfico, visto como actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por los medios industriales y destinadas a transmitir mensajes específicos a grupos determinados."  Semántica denotativa y estética connotativa Semántica denotativa: lo que quiere decir Estética connotativa: como atraer diciéndolo
  • 4. Composición La composición se define como una distribución o disposición de todos los elementos que incluiremos en un diseño o composición, de una forma perfecta y equilibrada En un diseño lo primero que se debe elegir son todos los elementos que aparecerán en el, luego debemos distribuirlos, para colocarlos con el espacio disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco, etc. Es muy importante, tener en cuenta de que forma situaremos estos elementos, en nuestra composición, para que tengan un equilibrio formal y un peso igualado. Proporción y Simetría En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda, nos proporcionan una sensación de ligereza. Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual. Actualmente no existe una composición perfecta. Cada composición dependerá de su resultado final, para todo ello, es necesario conocer todos los aspectos y formas para obtener un resultado con un cierto equilibrio El factor equilibrio compositivo Cada forma o figura representada sobre un papel se comporta como un peso, un peso visual, porque ejerce una fuerza óptica. Una composición se encuentra en equilibrio si los pesos de los distintos elementos que la forman se compensan entre sí. Gestalt La teoría Gestalt permite el análisis del Diseño desde el punto de vista de las leyes de la percepción, los que se pueden corroborar desde múltiples fases, abarcativas de la captación de la figura por el ojo humano y su configuración desde su aplicación efectiva por medio de una integración filosófica: ver la totalidad. El núcleo de la Psicología de la Gestalt gira en torno a la siguiente afirmación: La percepción humana no es la suma de los datos sensoriales, sino que pasa por un proceso de reestructuración que configura a partir de esa información una forma, una Gestalt, que constituye un todo, que no es la mera suma de las partes. Es anterior a las partes y fundamental para ellas. No es una composición de elementos. Las formas son totalidades cuya conducta no se determina por la de sus elementos, sino por la naturaleza interior total. (Cofer, 1991).
  • 5.  Conceptos básicos del espacio de trabajo  Paneles y Menús  Herramientas  Visualización de imágenes  Modificación de imagen  Filtros y Plugins  Fusión de capas  Capas  Uso de mascaras
  • 6. 4. PREPRENSA DIGITAL La preprensa digital es el conjunto de procesos posteriores al diseño operados por medio de una computadora y previos a la impresión. Empieza cuando el diseñador termina el proceso creativo. Termina cuando se entrega el material para entrar a impresión (Películas y Pruebas de Color). La responsabilidad y los cuidados para un óptimo resultado de preprensa digital, comienzan en el trabajo del diseñador antes de mandar los archivos a salida y terminan en la prensa misma. Esto se traduce a que desde que se esta diseñando se debe cuidar de utilizar los perfiles de color adecuados, que se aplique el trapping u overprint cuando sea necesario, que se manden los archivos completos, en un medio adecuado y en buenas condiciones, es decir que vayan todas las fuentes, archivos, ilustraciones, encapsulados, etc. y que estos vayan correctamente, o sea, bien compaginados, con rebases, todos los archivos en colores CMYK, etc. Es muy importante que las fuentes funcionen correctamente ya que existen algunas con limitante También debemos de conocer la forma y los materiales en que se va a imprimir el trabajo para decidir a que resolución y que tipo de película se va usar. No es lo mismo imprimir en offset, flexografía o serigrafía, y la calidad del papel igualmente variará nuestra decisión así como en algunos casos el tipo o marca de tintas será una variante en el trabajo de preprensa.
  • 7. El retoque fotográfico es una técnica que permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad. Para llevar a cabo dicho proceso, se utilizan mayoritariamente programas informáticos.  Utilizando distintas técnicas de retoque fotográfico es bastante simple mejorar la calidad de las imágenes originales procesadas, consiguiendo así un resultado notablemente superior en calidad con respecto a la imagen original. Además también pueden conseguirse efectos impactantes o simplemente corregir diversos errores en las imágenes originales. Antes de la existencia de la fotografía en color era muy frecuente emplear acuarelas líquidas u otros pigmentos para ofrecer la imagen coloreada. También se retocaban los negativos fotográficos para eliminar imperfecciones.  Las técnicas de retoque fotográfico digital son hoy en día muy utilizadas como método de post- producción, sobre todo en ámbitos donde la imagen es lo que vende. Se da mucho su utilización en las producciones de modelaje, ya que la perfección en las modelos debe ser alcanzada a toda costa