Curso diseño

  • 279 views
Uploaded on

Curso diseño …

Curso diseño


Introducción al Diseño Gráfico
Para poder realizar cualquier pieza gráfica, debemos comprender primero qué es el
diseño, el diseño gráfico, sus áreas y elementos básicos.
Objetivos
. Introducción al Diseño
. Aprender a manejar diferentes herramientas empleadas en Diseño Gráfico como las
formas básicas, que ayudan a crear piezas gráficas ordenadas y creativas.
Concepto de Diseño
Proceso previo de configuración mental "pre-figuración" en la búsqueda de una solución
en cualquier campo.
Capacidad de organizar y jerarquizar elementos y darles un sentido práctico a fin
conseguir un todo que cumpla un objetivo de comunicación.
Práctica social especializada, que consiste en el procesa-miento racional e intuitivo de
una serie de variables objetivas y subjetivas.
El Diseño se divide en diferentes disciplinas:
Diseño textil
Diseño de Moda
Diseño Gráfico
Diseño de Multimedios
Diseño Web
Diseño Industrial
Diseño de Información

More in: Software
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
279
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
23
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Curso de Diseño Gráfico CLASE 1
  • 2. CLASE 1 Temas ElDiseño Diseño Gráfico Concepto Función Áreas Elem entosbásicosdeldiseñador Proceso de Diseño Elem entosbásicosde com posición Adobe Illustrator
  • 3. CLASE 1 Indice Concepto de Diseño................................... 1 Concepto de Diseño Gráfico...............................7 Función ........................................... 7 Áreas ............................................ 8 Elem entosbásicosdeldiseñador ..........................17 Proceso de diseño ....................................18 Adobe Illustrator.....................................19 Barra de herram ientas .................................21 Elem entosbásicosde com posición ......................... 25 Creación de form as-Elpunto ............................28 Exportardocum ento en Illustratorcom o jpg ................... 30
  • 4. CLASE 1 IntroducciónalDiseñoGráfico Para poder realizar cualquier pieza gráfica, debem os com prender prim ero qué es el diseño,eldiseño gráfico,sus áreas y elem entos básicos. Objetivos .Introducción alDiseño . Aprender a m anejar diferentes herram ientas em pleadas en Diseño Gráfico com o las form as básicas,que ayudan a crearpiezas gráficas ordenadas y creativas. ConceptodeDiseño Proceso previo de configuración m ental"pre-figuración"en la búsqueda de una solución en cualquiercam po. Capacidad de organizar y jerarquizar elem entos y darles un sentido práctico a fin conseguirun todo que cum pla un objetivo de com unicación. Práctica socialespecializada,que consiste en elprocesa-m iento racionale intuitivo de una serie de variables objetivas y subjetivas. ElDiseño se divide en diferentes disciplinas: Diseño textil Diseño de Moda Diseño Gráfico Diseño de Multim edios Diseño Web Diseño Industrial Diseño de Inform ación Curso de Diseño Gráfico 1
  • 5. CLASE 1 Diseño Textil 2 Curso de Diseño Gráfico
  • 6. CLASE 1 Diseño de Modas Curso de Diseño Gráfico 3
  • 7. CLASE 1 Diseño de Multim edios 4 Curso de Diseño Gráfico
  • 8. CLASE 1 Diseño Web Curso de Diseño Gráfico 5
  • 9. CLASE 1 Diseño Industrial 6 Curso de Diseño Gráfico
  • 10. CLASE 1 ConceptodeDiseñoGráfico Podem os definir eldiseño gráfico com o elproceso de program ar,proyectar,coordinar, seleccionary organizaruna serie de elem entos para producirobjetos visuales destinados a com unicarm ensajes específicos a grupos de-term inados. Función Transm itir una inform ación determ inada por m edio de com posiciones gráficas,que se hacen llegar al público destinatario a través de diferentes soportes, com o folletos, carteles,trípticos,etc. Elem entos El diseño gráfico busca transm itir las ideas esenciales del m ensaje de form a clara y directa,usando para ello dife-rentes elem entos gráficos que den form a alm ensaje y lo hagan fácilm ente entendible por los destinatarios delm ism o.Estos elem entos pueden ser: Elem entosConceptuales(Punto,línea,plano,volum en) Elem entosVisuales(Form a,m edida,color,textura) Elem entosdeRelación (Dirección,posición,espacio,gra-vedad) Elem entosPrácticos(Representación,Significado,Funci ón) Estructuras Retículas ElDiseñoGráficoesalgom ásquelasum ade elem entos. El diseñador debe conocer a fondo los diferentes recursos gráficos que tiene a su disposición y tener la im aginación, la experiencia, el buen gusto y el sentido com ún necesarios para com binarlos de form a adecuada. Elresultado finalde un diseño gráfico com pone una obra finalúnica y definida que va m ás allá de la sum a de las partes que la form an.
  • 11. CLASE 1 Curso de Diseño Gráfico 7
  • 12. CLASE 1 Áreas Existen diferentes áreas dentro delDiseño gráfico: ŸIm agencorporativa(m arcas,logos) ŸDiseñoeditorial(folletos,revistas,libros) ŸPackaging(envases) ŸSeñalética(sistem a de señales) ŸDiseñopublicitario Im agen Corporativa 8 Curso de Diseño Gráfico
  • 13. CLASE 1 Papelería institucional Curso de Diseño Gráfico 9
  • 14. CLASE 1 Diseño Editorial 10 Curso de Diseño Gráfico
  • 15. : Ir '· ·--.. '---·· --., -, -··-·---·------ ---·· ----- ----·----- -·----·-------·- 1if :'t!il f'' .. _ · - _....... _ -·-----·-· -·-··-·· - - -- ···---····--·---··---·-·-· I --• ---· .. _ ------· -·- --·-·-· --- --· -·---·---- · ----------------·---· -·----· ---- - .. ....... ! ." .X .II O..irsodeDseñoGáfic:o 11
  • 16. CLASE 1 Packaging 12 Curso de Diseño Gráfico
  • 17. CLASE 1 Diseño Publicitario Curso de Diseño Gráfico 13
  • 18. CLASE 1 Señalética 14 Curso de Diseño Gráfico
  • 19. CLASE 1 Merchandising Curso de Diseño Gráfico 15
  • 20. CLASE 1 Gráfica vehicular 16 Curso de Diseño Gráfico
  • 21. CLASE 1 Diseño de Vestim enta Elem entosbásicosdeldiseñador Lenguaje Visual:Saber com unicar el m ensaje adecuado, con los recursos oportunos, dependiendo delgrupo de personas o público alque vaya dirigido elm ensaje. Com unicación:Conocerlos procesos de com unicación,para podercaptarlos m ensajes que eldiseño ha de com unicar. Percepción Visual:es la m anera en que las personas vem os y percibim os lo que nos rodea. Adm inistración de recursos:Conocer todos los recursos de los que se dispone, y aplicarlos lo m ejorposible. Curso de Diseño Gráfico 17
  • 22. CLASE 1 Procesodediseño Cuando se encara un proyecto de diseño,se deben realizardistintos pasos para lograrel resultado final. 1-Problem a 2-Definicióndelproblem a 3-Definiciónyreconocim ientodesub-problem as 4-Recopilacióndedatos 5-Análisisdedatos 6-Creatividad 7-Materiales-Tecnología 8-Experim entación 9-Modelos 10-Verificación 11-Solución Otrosaspectosatenerencuentason: Losobjetivos Laaudiencia Lasestrategias Losrequisitosoespecificaciones Elem entosgráficos Estructurayorganización Inventariodecontenidos Presupuesto 18 Curso de Diseño Gráfico
  • 23. CLASE 1 AdobeIllustrator En este curso aprenderem os a m anejareste softw are, desde sus principales funciones para realizarvarias piezas gráficas. Es la principalherram ienta para los diseña- dores gráficos. Trabaja sobre un tablero de dibujo,conocido com o "m esa de trabajo"y está destinado a la creación artística de dibujo y pintura para Ilustración. Su uso en eldiseño gráfico es fundam ental para crear isologotipos, adem ás de piezas gráficas tales com o papelería corporativa, folletos,packaging,etc. Inform acióngeneralsobreelespaciodetrabajo Dentro de la aplicación,aparecen distintos elem entos com o paneles,barras,m enús y ventanas,conform ando elespacio de trabajo. .ElpanelHerram ientas incluye utilidades para crear y editar im ágenes,elem entos de página,etc.Las herram ientas relacionadas están agrupadas. .La barra Aplicación de la parte superiorcontiene un conm utadorde espacio de trabajo, m enús y otros controles de la aplicación. .ElpanelControlm uestra opciones específicas de la herram ienta seleccionada en el m om ento. .La ventana Docum ento exhibe elarchivo en elque se trabaja.Las ventanas Docum ento se pueden organizar com o fichas y, en ciertos casos, tam bién se pueden agrupar y acoplar. .Los paneles ayudan a controlar y m odificar el trabajo. Se pueden agrupar, apilar o acoplar. Curso de Diseño Gráfico 19
  • 24. CLASE 1 Cuandoseinicialaaplicación,apareceunaventanacondiferentesopciones: 20 Curso de Diseño Gráfico
  • 25. CLASE 1 Barradeherram ientas Curso de Diseño Gráfico 21
  • 26. CLASE 1 Abrirdocum entonuevo 22 Curso de Diseño Gráfico
  • 27. CLASE 1 Guardardocum entoenIllustrator Para guardar el docum ento o archivo que hem os realizado en Illustrator, se debe guardarlo com o: .archivo.ai(archivodeIllustrator) CONTROL+S(teclado) MenúARCHIVO/GUARDAR. Curso de Diseño Gráfico 23
  • 28. CLASE 1 Guardardocum entocom o.pdf Para guardar el docum ento o archivo que hem os realizado en Illustrator com o pdf, hacem os click en: MenúARCHIVO/GUARDARCOMOyenTIPOhacerclickenAdobepdf. 24 Curso de Diseño Gráfico
  • 29. CLASE 1 Elem entosbásicosdecom posición Las im ágenes contienen unidades de significación: el punto, la línea, el plano, el contorno,la textura y elcolor,etc. Cada uno tiene características diferentes, lo que les perm ite desem peñar funciones determ inadas dentro de la com posición. Elpunto Es la unidad m ínim a de com unicación visual,elelem ento gráfico fundam entaly portanto el m ás im portante y puede intensificar su valor por m edio del color, el tam año y la posición en elplano. En sentido gráfico, el punto es la unidad gráfica m ás pequeña, m ás sim ple, es el elem ento plástico básico. Elpunto está definido porsu color,dim ensión y sobre todo poreldinam ism o que puede reflejardependiendo de donde lo situem os dentro delplano. Cuando vem os varios puntos dentro de una determ inada com posición,por elprincipio de agrupación,podem os construirform as,contornos,tono o color. Curso de Diseño Gráfico 25
  • 30. CLASE 1 Característicasdelpunto: Tiene un gran poderde atracción cuando se encuentra solo. Puede producir sensación de tensión cuando se añade otro punto y construyen un vectordireccional. Da lugara la creación de otros conceptos com o elcolorcuando aparecen varios puntos en elm ism o cam po visual. 26 Curso de Diseño Gráfico
  • 31. •M a -..... -..... -- . •.•.t,sMfl•911•............ .-- ... - ....:-" --V... .. ,. .. •·--·---·--- -_ LA - lfSfN - tW - S --·-----·-··..-. ·...-. -...-..--... --. ·.. .-.. -.. -.-..-·._-- -·--,.·..·._·.·.... _...........,.,... ..........,.,-... -._-"-_·· -- •M -- -- --·., .. ..... OJrso de Dseño Gáfic:o 27
  • 32. Creacióndeform as En Illustrator existen diferentes herram ientas para realizar objetos: Rectángulos, cuadrados,círculos,etc. Las form as las cream os desde la Herram ienta de rectángulo. A estas form as podem os darle colores determ inados. Los colores se ubican en la paleta de colores. En la im agen elm odo de color es CM YK (cian,m agenta,am arillo y negro),que son los colores utilizados para im prenta. 28 Curso de Diseño Gráfico
  • 33. En la barra de Herram ientas se encuentra elcolorde relleno y elcolorde borde que puedentenerlasfigurasdibujadas. Tam biénaparece enelPanelcolor Para realizarfiguras de una m edida determ inada,se debe seleccionarla herram ienta de talfigura y hacerclick sobre la hoja. Allíaparecerá una ventana donde se pondrán las m edidas concretas. Curso de Diseño Gráfico 29
  • 34. Exportardocum entoenIllustratorcom ojpg MenúARCHIVO/EXPORTAR apareceunaventanayenTIPOseleccionam osjpg 30 Curso de Diseño Gráfico
  • 35. Im portante:colocarenMododeCOLOR:RGBya150dpiparaunabuenavisualización. Ejercicios Realizar1 com posición de 20 cm x 20 cm en Illustratorcon puntosen blanco y negro y otra com posición con puntos en color.Exportarlas com ojpgenRGB. Lospuntospuedenrealizarseconcírculosocuadrados. Curso de Diseño Gráfico 31
  • 36. Ejem plosdecom posiciones conpuntosenblancoynegro 32 Curso de Diseño Gráfico
  • 37. Curso de Diseño Gráfico 33
  • 38. Ejem plosdecom posiciones conpuntosencolor 34 Curso de Diseño Gráfico
  • 39. Curso de Diseño Gráfico CLASE 2
  • 40. CLASE 2 Temas Elem entosbásicosde com posición .Línea .Plano (círculo,cuadrado,triángulo) .Volum en .Pintura en Illustrator
  • 41. CLASE 2 Indice La línea........................................................ 1 ElPlano........................................... 3 Elcuadrado ........................................ 3 ElCírculo .......................................... 4 Eltriángulo .........................................5 Volum en ...........................................7 Acerca de losrellenosy lostrazos ......................... 7 Dibujo con Illustrator.................................. 9
  • 42. CLASE 2 Lalínea Sirve para conectardos puntos en elespacio. Podem os definirla com o la unión o aproxim ación de varios puntos. Definen direccionalm ente la com posición en la que la insertem os. Su presencia crea tensión en elespacio donde la ubiquem os y afecta a los diferentes elem entos que conviven con ella. Puede definirse tam bién com o un punto en m ovim iento o com o la historia del m ovim iento de un punto,porlo cualtiene una enorm e energía,nunca es estática. Adem ás la línea separa planos,perm itiendo creardiferentes niveles y volúm enes. Es uno de los elem entos gráficos m ás utilizados, ya que definen y delim itan las diferentes áreas de nuestra com posición,adem ás dirige la dirección de lectura dentro de una com posición,haciendo que elespectadorobserve ellugaradecuado.
  • 43. CLASE 2 Curso de Diseño Gráfico 1
  • 44. a..AEE2 T 11• 1 2 Q.Jrso de D9:ño Gáfioo
  • 45. CLASE 2 Ejercicios 1.Realizar1com posiciónde20cm x20cm enIllustratorconlíneasen blancoynegro.Exportarlacom ojpgenRGB 2.Realizar1com posiciónde20cm x20cm enIllustratorconlíneasen color. Elplano El recorrido de una línea en m ovim iento se convierte en un plano. Tiene posición y Dirección.Esta lim itado porlíneas. Define los lím ites extrem os de un volum en. Elcuadrado Es una figura de cuatro lados con ángulos rectos exactam ente iguales en sus esquinas y lados que tienen exactam ente la m ism a longitud. Es una figura estable y de carácter perm anente. Se asocia a ideas de estabilidad, perm anencia,torpeza,honestidad,rectitud,esm ero y equilibrio. Curso de Diseño Gráfico 3
  • 46. CLASE 2 Elcírculo Es una figura continuam ente curvada cuyo perím etro equidista en todos sus puntos del centro. Representa tanto el área que abarca, com o el m ovim iento de rotación que lo produce. Puede tener diferentes significaciones: protección, inestabilidad, totalidad, infinitud, calidez,cerrado.Su direccionalidad es la curva y su proyección tridim ensionalla esfera. 4 Curso de Diseño Gráfico
  • 47. CLASE 2 Eltriángulo Equilátero es una figura de tres lados cuyos ángulos y lados son todos iguales. Es tam bién una figura estable,con tres puntos de apoyo,uno en cada vértice,aunque no tan estático com o elcuadrado.Se le asocian significados de acción,conflicto y tensión. DibujartriángulosenIllustrator Para dibujartriángulos,existen dos m aneras: ● Dibujarcon la herram ienta Plum a 1.Se selecciona la herram ienta Plum a 2. Se hace un click en la hoja,se posiciona el puntero en otra parte para form aruna línea recta y se hace click. 3.Se vuelve a posicionar el puntero para form arotra línea recta.
  • 48. CLASE 2 Curso de Diseño Gráfico 5
  • 49. CLASE 2 Se posiciona elpuntero en elprim ernodo y se hace click form ando asíeltriángulo. ● Se dibuja eltriángulo a partirde la figura polígono Se selecciona la herram ienta polígono, se hace click en cualquierparte de la hoja,aparece una ventana donde le es- pecificam os m edida y cantidad de lados (3).Le dam os OK. Ejercicios 1.Realizar1com posiciónde20cm x20cm enIllustratorcontriángulos blancoynegro.Exportarlacom ojpgenRGB 2.Realizar1com posiciónde20cm x20cm enIllustratorcontriángulos encolor.
  • 50. CLASE 2 6 Curso de Diseño Gráfico
  • 51. CLASE 2 Volum en Elrecorrido de un plano en m ovim iento se convierte en volum en,tiene posición en el espacio,está lim itado porplanos y obviam ente en un diseño bidim ensionalelvolum en es ilusorio. Acercadelosrellenosylostrazos Un relleno es un color,m otivo o degradado situado en elinterior de un objeto.Puede aplicar rellenos a objetos abiertos y cerrados y a las caras de los grupos de pintura interactiva. Un trazo puede serelcontorno visible de un objeto,un trazado o elborde de un grupo de pintura interactiva.Es posible controlarla anchura y elcolorde un trazo.Tam bién puede crear trazos discontinuos m ediante las opciones de Trazado y pintar trazos estilizados con la ayuda de los pinceles. Los colores de relleno y trazo aplicados actualm ente se m uestran en elpanelHerram ientas. Controlesderellenoytrazo Los controles para ajustar el relleno y el trazo están disponibles en los paneles Herram ientas,Controly Color. Se pueden utilizarcualquiera de los controles delpanelHerram ientas para especificarel color: Botón RellenoHacerdoble clic para seleccionarun colorde relleno a través delSelectorde color. Curso de Diseño Gráfico 7
  • 52. CLASE 2 Botón Trazo Hacer doble clic para seleccionar un color de trazo a través delSelector de color. BotónIntercam biarrellenoytrazoHacerclic para intercam biarlos colores entre elrelleno y eltrazo. Botón Relleno y trazo pordefecto Hacer clic para recuperar los ajustes de colores por defecto (relleno blanco y trazo negro). Botón ColorHacer clic para aplicar elcolor uniform e seleccionado en últim o lugar a un objeto con relleno de degradado o sin trazo nirelleno. Botón Degradado Hacer clic para cam biar el relleno seleccionado actualm ente por el degradado seleccionado en últim o lugar. BotónNingunoHacerclic para elim inarelrelleno o eltrazo delobjeto seleccionado. Tam bién se puede especificarelcolory eltrazo de un objeto seleccionado m ediante los siguientes controles delpanelde control: ColorderellenoHacerclic para abrirelpanelM uestras o pulsarla tecla M ayús y hacer clic para abrirun panelde m odo de coloralternativo y escogerun color. ColordetrazoHacerclic para abrirelpanelM uestras o pulsarla tecla M ayús y hacer clic para abrirun panelde m odo de coloralternativo y escoja un color. PanelTrazo Hacer clic en la palabra Trazo para abrir el panel Trazo y especificar las opciones. GrosordetrazoEscogerun grosorde trazo delm enú em ergente. Cóm oaplicaruncolorderellenoaunobjeto Se puede aplicar un color,m otivo o degradado a todo un objeto o utilizar los grupos de pintura interactiva y aplicardistintos colores a las diferentes caras delobjeto. 1 Seleccionarelobjeto. 2Hacer clic en elcuadro Relleno de los paneles Herram ientas o de control.Esta acción indica que desea aplicarun relleno en lugarde un trazo.
  • 53. CLASE 2 8 Curso de Diseño Gráfico
  • 54. CLASE 2 3Seleccionarun colorde relleno m ediante una de las acciones siguientes: •Haga clic en un colorde los paneles de control,Color,M uestras o Degradado o en una biblioteca de m uestras. • Haga clic en elbotón Ninguno para elim inarelrelleno actualdelobjeto Cóm oaplicaruncolor,grosoroalineacióndetrazo 1Seleccionar elobjeto.(Para seleccionar un borde de un grupo de pintura interactiva, utilice la herram ienta Selección de pintura interactiva). 2 Hacer clic en elcuadro Trazo de los paneles Herram ientas, Color o de control. Esta acción indica que desea aplicarun trazo en lugarde un relleno. 3Elegirun colordelpanelColoro una m uestra delpanelM uestras o delpanelde control. Com o alternativa,haga doble clic en elcuadro Trazo y seleccione un colorcon elSelector de color. 4Seleccionarun grosoren elpanelTrazo o en elpanelde control. DibujoconIllustrator Illustratorincorpora varias herram ientas de dibujo: .Lápiz
  • 55. CLASE 2 .Pincel .Plum a .Segm entosdelíneas .Arcos Curso de Diseño Gráfico 9
  • 56. CLASE 2 Pinceles Acercadelospinceles Los pinceles perm iten estilizarla apariencia de los trazados.Se pueden aplicartrazos de pincel a trazados existentes, o usar la herram ienta Pincel para dibujar un trazado y aplicarle un trazo de pincelsim ultáneam ente. En Illustrator existen cuatro tipos de pinceles: caligráfico, de dispersión, de arte y de m otivo.Con estos pinceles se pueden conseguirlos efectos siguientes: Pinceles caligráficos Crean trazos sim ilares a los de la punta afilada de una plum a caligráfica, dibujados a lo largo del centro del trazado. Con la herram ienta pincel de m anchas,se puede pintarcon un pincelcaligráfico y am pliarautom áticam ente eltrazo delpincela una form a de relleno que se com bine con otros objetos rellenos delm ism o colorque estén en la intersección o juntos en orden de apilam iento. Pincelesde dispersión Dispersan copias de un objeto (com o un insecto o una hoja) a lo largo deltrazado. Pincelesde arte M odifican la form a de un pincel(com o Trazos carboncillo)o la form a de un objeto uniform em ente portodo eltrazado. 10 Curso de Diseño Gráfico
  • 57. CLASE 2 Pincelesdem otivoDibujan un m otivo,form ado porazulejos individuales,que se repite a lo largo deltrazado.Los pinceles de m otivo pueden incluircom o m áxim o cinco azulejos, destinados a los lados,la esquina interior,la esquina exterior,elcom ienzo y elfinaldel m otivo. Para cam biar eltipo de pincel, se debe ir alpanelPinceles. Allípodrem os cam biar el tam año deldiám etro y los diferentes tipos de pinceles. Para cam biar eltipo de pincel,se debe hacer clic en las carpetitas delextrem o inferior izquierdo. Dibujoconlaherram ientaLápiz La herram ienta Lápiz trabaja principalm ente de la m ism a m anera en Adobe Illustratore InDesign. Perm ite dibujar trazados abiertos y cerrados com o silo hiciera con un lápiz sobre un papel.Su principalutilidad consiste en crearbocetos rápidos o darun aspecto de dibujo a m ano. Una vez dibujado un trazado,se puede m odificarlo inm ediatam ente sies necesario. Curso de Diseño Gráfico 11
  • 58. CLASE 2 Según se dibuja con la herram ienta Lápiz,se crean puntos de ancla y no puede deter- m inardónde se colocan,aunque una vez com pletado eltrazado,éstos se pueden ajustar. El núm ero de puntos de ancla creados viene determ inado por la longitud y la com plejidad deltrazado y porlos ajustes de tolerancia delcuadro de diálogo Preferencias de la herram ienta Lápiz. Estos ajustes controlan la sensibilidad de la herram ienta Lápiz alm ovim iento delratón. Dibujodelíneasrectasconlaherram ientaSegm entodelínea Utilizar la herram ienta Segm ento de línea cuando se desee dibujar segm entos de línea recta de uno en uno. 12 Curso de Diseño Gráfico
  • 59. CLASE 2 Ejem plosde com posiciones con líneas Curso de Diseño Gráfico 13
  • 60. CLASE 2 Ejem plosde com posiciones con triángulos 14 Curso de Diseño Gráfico
  • 61. CLASE 2 Ejem plo de com posición con volum en Curso de Diseño Gráfico 15
  • 62. Curso de Diseño Gráfico CLASE 3
  • 63. CLASE 3 Temas Percepción Leyesde la Gestalt
  • 64. CLASE 3 Indice Percepción ..........................................1 Agrupary bloquearobjetosen Illustrator......................1 PanelTransform ar.....................................4 Leyesde percepción....................................4 Organizarobjetos .....................................8
  • 65. CLASE 3 Percepción Es la unidad básica de conocim iento y consiste en un proceso de integración del individuo con lo que ve. La percepción es una interpretación de las sensaciones. La percepción consiste en recibir, a través de los sentidos, las im ágenes, sonidos, im presiones o sensaciones externas. Se trata de una función psíquica que perm ite alorganism o captar,elaborare interpretar la inform ación que llega desde elentorno. Si sabem os com o es el proceso de percepción física y psicológica de los objetos,podrem os sercapaces de tenerm ás elem entos para poderinfluiren el receptorde nuestro trabajo de diseño. Cóm o percibim os los objetos: -Brillantez -Color -Tam año -Form a Curso de Diseño Gráfico 1
  • 66. CLASE 3 AgruparybloquearobjetosenIllustrator En Illustrator, cuando en un docum ento se tienen 2 o m ás objetos, para poder trasladarlos o seleccionarlos sin m overlos accidentalm ente,se deben agrupar. Para realizar algunas tareas,hay veces que es necesario bloquear objetos para que no m olesten en la transform ación de otros objetos nipara m overlos accidentalm ente. Agrupar:control+G Desagrupar:control+shift+G Bloquear:control+2 Desbloquear:M enúObjeto/Desbloqueartodo Transform acióndeobjetosenIllustrator La transform ación abarca m over,rotar,reflejar,cam biarescala y distorsionarobjetos. Se puede transform ar objetos m ediante el panel Transform ar, los com andos Objeto > Transform ary algunas herram ientas especializadas.
  • 67. CLASE 3 2 Curso de Diseño Gráfico
  • 68. CLASE 3 Tam bién se pueden realizar m uchos tipos de transform aciones arrastrando elcuadro delim itadorde una selección. Es posible reflejarelem entos. Tam bién se puede cam biarla perspectiva. Curso de Diseño Gráfico 3
  • 69. CLASE 3 PanelTransform ar El panel Transform ar (Ventana > Transform ar) m uestra in-form ación acerca de la ubicación,eltam año y la orientación de uno o varios objetos seleccionados. Se puede m odificar los objetos seleccionados o sus rellenos de m otivos introduciendo valores nuevos.Tam bién se puede cam biarelpunto de referencia de la transform ación y blo-quearlas proporciones delobjeto. Leyesdepercepción(Gestalt) La percepción está condicionada porelaprendizaje o conocim iento previo que tengam os de los objetos. Nuestro cerebro tiene tendencia a ubicar los elem entos dentro de los parám etros referenciales que nos hem os construidos a través de la experiencia previa o conocim iento. Hay varios factores que influyen en la percepción,com o son: La agrupación:tendem os a organizarlos elem entos que percibim os en torno a conjuntos significativos organizados. 4 Curso de Diseño Gráfico
  • 70. CLASE 3 Proxim idad Los elem entos tienen a agruparse con los que se encuentran a m enordistancia.Influyen tam bién la sem ejanza de la form a,eltam año,elcolor y otros aspectos visuales de los elem entos. En elprim ergrupo,percibim os m ás prontam ente cam inos estrechos,y no anchos;en el segundo caso,percibim os antes elpequeño grupo de tres,antes que la form a de cinco de la derecha. La cercanía de los distintos elem entos nos hace tendera agruparlos. Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm conproxim idaddeelem entos.Exportarcom ojpg.
  • 71. CLASE 3 Curso de Diseño Gráfico 5
  • 72. CLASE 3 Sim ilitudosem ejanza Tendem os a percibir agrupados los objetos iguales, m iram os las filas de círculos y cuadrados,pero no apreciam os las colum nas. Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm consim ilituddeelem entos.Exportarcom ojpg. Continuidad Los elem entos orientados en la m ism a dirección tienden a organizarse en una form a determ inada. 6 Curso de Diseño Gráfico
  • 73. CLASE 3 Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandocontinuidaddeelem entos.Exportarcom ojpg. Leydecierreoclausura La percepción tiende a com plem entarla form a de los elem entos que puedan dar definición y continuidad a lo observado;tam bién se conoce com o reintegración y de "buena form a". Efecto por el cual el observador tienden a cerrar, reintegrar y com pletar la inform ación necesaria para conform arun objeto percibido.
  • 74. CLASE 3 Curso de Diseño Gráfico 7
  • 75. CLASE 3 Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandoLeydeCierreoclausura.Exportarcom ojpg. 8 Curso de Diseño Gráfico
  • 76. CLASE 3 Leydesim plicidad Cuando m iram os una figura la percibim os de la m anera m ás sim ple posible. Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandoLeydeSim plicidad.Exportarcom ojpg. Figurayfondo Cualquier cam po perceptual puede dividirse en figura contra un fondo. La figura se distingue delfondo por características com o:tam año,form a,color, posición,etc. Curso de Diseño Gráfico 9
  • 77. CLASE 3 Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandoLeydeSim plicidad.Exportarcom ojpg. Leydelcontraste La posición relativa de los diferentes elem entos incide sobre la atribución de cualidades (com o sereltam año)de los m ism os.A m ayorcontraste de la form a contra elfondo,m ejorpercepción. Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandoLeydeContraste.Exportarcom ojpg. LeydeSim etría Los elem entos sem ejantes separados por un eje de sim etría se agrupan conform ando una unidad o totalidad reconocible. 10 Curso de Diseño Gráfico
  • 78. CLASE 3 Ejercicio:realizarenAdobeIllustrator1com posicionesde20cm x20 cm utilizandoLeydeSim etría.Exportarcom ojpg. Organizarobjetos Illustrator nos perm ite organizar diferentes objetos, con respecto a su ubicaciónenelplano. .Traeralfrente .Haciadelante .Haciaatrás .Enviaratrás Seseleccionalaim agen,clickconbotónderecho,Organizar. Curso de Diseño Gráfico 11
  • 79. Curso de Diseño Gráfico CLASE 4
  • 80. CLASE 4 Temas Equilibrio Espacio Form as Com posicionesform ales
  • 81. CLASE 4 Indice Tiposde Percepción ....................................1 Equilibrio ...........................................1 Espacio ............................................3 Ilusión de volum en en elespacio ...........................7 Elem entosVisuales-Form a...............................7 Medida ........................................... 8 Color .............................................9 Textura ........................................... 10
  • 82. CLASE 4 Tiposdepercepción a)Percepción delespacio (tridim ensional). b)Percepción de tam año. c)Percepción de tiem po Elem entosim portantesdentrodelapercepción • Equilibrio • Form a • Espacio • Luz • Color • Tensión • Peso • Dirección • Sim plicidad • Dibujo Equilibrio Elreceptor tiene necesidad de buscar elequilibrio de la com posición y los ejes en los cuales descansa.Eldesequilibrio crea provocación e inestabilidad. Podem os conseguiren nuestra com posición un equilibrio de form as y líneas,es decir,los pesos de los elem entos deben estarcom pensados. La m anera de m edir el peso de las form as y líneas del diseño es, analizando la im portancia visualde éstos dentro de nuestra com posición. Curso de Diseño Gráfico 1
  • 83. CLASE 4 Existendostiposdeequilibrio: Elequilibriosim étrico. Sidividim os la com posición en dos extrem os,elequilibrio sim étrico se produce cuando encontram os igualdad de peso y tono en am bos lados de nuestra com posición. Elequilibrioasim étrico. Se produce cuando no existe las m ism as dim ensiones (ya sea de tam año,color...) en am bos lados,pero aún asíexiste equilibrio entre los elem entos.
  • 84. CLASE 4 2 Curso de Diseño Gráfico
  • 85. CLASE 4 Espacio Es la distancia o elárea entre o alrededorde las cosas. Efectos que nos produce elespacio,dentro de nuestro cam po visual: -Alutilizarespacioenblancoenunacom posición,elojodescansa. -Lograrem osunam ayorprofundidad en nuestro diseño sisuperponem osun elem ento conotro. Curso de Diseño Gráfico 3
  • 86. CLASE 4 - Si utilizam os m ucho espacio en blanco, alrededor de un objeto, im agen o texto, conseguirem os que sobresalga y destaque del restodelacom posición. -Siutilizam osun espaciam iento desigualentre loselem en-tos,crearem osuna página dinám ica. 4 Curso de Diseño Gráfico
  • 87. a.PSE 4 O..irso de Dseño Gáfic:o 5
  • 88. CLASE 4 Elespacioem piezacon áreasvacíasqueluegoson activadas,llenadasotransform adas porelem entosdiversos. Elespacio ocupado suele denom inarse positivo,elespacio no ocupado se denom ina espacionegativo. Ilusión de profundidad en elespacio Un espacio parece poseerprofundidad cuando una form a se superpone a otra sin unirse a ella. Cuando las dos form as tienen igual tam año,la sensación de profundidad es m enor. La ilusión de profundidad es m ayor m ediante tam años diferentes. Tam bién puede darse sensación de profundidad girando figuras y cam biándoles proporciones. Ejercicio: Realizar en Adobe Illustrator 1 com posición creando sensacióndeprofundidad. 6 Curso de Diseño Gráfico
  • 89. CLASE 4 Ilusióndevolum enenelespacio Los volúm enes aparecen cuando los planos se curvan para form arcilindros,o cuando los planos se unen partiendo de direcciones diferentes y parecen encerrarun espacio. Los planos pueden ser sólidos,estar form ados por una secuencia de líneas y puntos, estarcontorneados o seruna com binación de esos m étodos. Elem entosVisuales Form a Todo lo que pueda servisto posee una form a que aporta la identificación principalen nuestra percepción. Es la característica esencialque capta la vista. La form a se refiere a las características estructurales de los objetos. La form a alude a los lím ites de los objetos,los cuales pueden serlineales,de contornos o de superficies y a la correspondencia entre interiory exterior.
  • 90. CLASE 4 Curso de Diseño Gráfico 7
  • 91. CLASE 4 Medida Eltam año de las form as. Es relativo si lo describim os en térm inos de m agnitud y pequeñez, pero así es físi- cam ente m esurable. 8 Curso de Diseño Gráfico
  • 92. CLASE 4 Color Una form a se distingue de sus cercanías porm edio delcolor. Elcolor se utiliza en su sentido am plio,com prendiendo no solo los delespectro solar sino tam bién los neutros (blanco,negro,los grises interm edios) y asím ism o sus varia- ciones tonales y crom áticas. Curso de Diseño Gráfico 9
  • 93. CLASE 4 Textura Se refiere a las cercanías de la superficie de una form a. Puede ser plana o decorada, suave o rugosa y puede atraertanto eltacto com o la vista. Ejercicio RealizarenAdobeIllustrator1flyer(volante,folletodeunasolacara) tam año A4 aplicando los conceptos de form as,m edidas,color y textura.Cliente o producto a elección.Debe contenernom bre del clienteydirección. 10 Curso de Diseño Gráfico
  • 94. CLASE 4 Ejem plosdeFlyers Curso de Diseño Gráfico 11
  • 95. Q.AEE 4 lit babvcottons /" .· €- .., (/,,_(u .f .f/ p.,.,. J7f5 s ,..,218., .O...I¡ . I (u.11) ntl.5066
  • 96. - ·Reservaacá . ·Más info • LOS JÓVENES, NISOMOS IGUALES NI r.0Nouc1Mos IGUALv srru §! P A l !E!! E DUCEMAL EMAS OE OiAASVEITTAJAS, - JE ru..l'flOYECiO G.ENEllAOCRIOl'lEtS GURO DE TU COCHE :GMAS LO JUSTO P PAGARAsMUCffOMENOS TIÍ l"lfCfS St, UNO Ot l.Oi. lO.OOó, Mllt4EROS OELPftOYfCTO Gff4Ef'.:ACION Y. "!··.· MAPFRE O..irsodeDseñoGáfic:o 13
  • 97. a.PSE 4 ·- .......Cuetpc¡a.con111ejl ) Ft!tucc.lfle .. r..tvcdn'-"I d• alt,.tl1c• '•r.t.1Ccino'ftf'do-con crrnu1 de $olll9or'I C,nocct. wutfll'I de hi.ct Ab i.-..s.i- 14 OJrso de IJseño Qáfioo
  • 98. Curso de Diseño Gráfico CLASE 5
  • 99. CLASE 5 Temas Interrelación de form as Com posicionesform ales Retículas
  • 100. CLASE 5 Indice Interrelación de Form as ................................ 1 Com posicionesform ales................................ 3 Traslación.......................................... 4 Rotación .......................................... 5 Reflexión .......................................... 5 Retículas .......................................... 6
  • 101. CLASE 5 InterrelacióndeForm as Las Form as pueden encontrarse entre side diferentes m aneras. A.Distanciam iento: Am bas form as quedan separadas entre si,aunque puedan estarm uy cercanas. B.Toque: Si acercam os am bas form as, com ienzan a tocarse. El espacio que las m antenía separadas queda anulado. C.Superposición Siacercam os aún m ás las form as,una se cruza sobre la otra y parece estarporencim a, cubriendo una porción de la cualqueda debajo.
  • 102. CLASE 5 Curso de Diseño Gráfico 1
  • 103. CLASE 5 D.Penetración No hay una relación obvia de arriba y debajo de ellas,y los contornos de am bas form as siguen siendo enteram ente visibles. E.Unión Am bas form as quedan reunidas y se convierten en una sola m ayor.Am bas pierden una parte de su contorno. F.Sustracción Cuando una form a invisible se cruza sobre otra visible,elresultado es una sustracción. La porción de la form a visible que queda cubierta porla invisible se convierte asim ism o en invisible. La sustracción puede ser considerada com o la superposición de una form a negativa sobre una positiva.
  • 104. CLASE 5 2 Curso de Diseño Gráfico
  • 105. CLASE 5 G.Intersección Com o resultado de la intersección,surge una form a nueva y m ás pequeña. H.Coincidencia Siacercam os aun m ás am bas form as,habrán de coincidir.Am bas form as se convierten en una. Com posicionesform ales Los cuatro m odos de producir com posiciones form ales se ba-san en conceptos m atem áticos de sim etría.Su utilización com binada conduce a num erosas variaciones, que incluyen: .Translación (o cam bio de posición) .Rotación (o cam bio de dirección) .Reflexión (o creación de una im agen reflejada de la form a) .Dilatación (o cam bio de tam año)
  • 106. CLASE 5 Curso de Diseño Gráfico 3
  • 107. CLASE 5 Traslación La traslación es la repetición de una form a en un diseño. La traslación de una form a hace cam biarsu posición. Sin em bargo,la dirección de la form a perm anece invariable. En las com posiciones form ales,las form as som etidas a la traslación están espaciadas regularm ente. Las traslaciones pueden serverticales,horizontales,diagonales,o una com binación de ellas. La distancia entre las form as puede m edirse, después de obtener una posición satisfactoria,usando com o guía un ángulo de la form a. Esto produce una ordenación estructuralque regula eldiseño definitivo. 4 Curso de Diseño Gráfico
  • 108. CLASE 5 Rotación La rotación de una form a tiene porresultado un cam bio en su dirección,produce tam bién un cam bio en su posición. Las form as radian cuando rotan regularm ente alrededorde un centro de referencia. Reflexión La reflexión de unas form a o un grupo de form as puede tenerporresultado una sim etría bilateral(una im agen de espejo de la form a). Esta es solo posible cuando la form a es sim étrica.La rotación de una form a en cualquier dirección no puede nunca producirsu form a reflejada.
  • 109. CLASE 5 Curso de Diseño Gráfico 5
  • 110. CLASE 5 Ejercicio 1: realizar en Adobe Illustrator 1 carpeta institucional tam año 42 cm x 29,7 cm abierta aplicando alguna o varias de las com posicionesform ales. Carpeta institucionalabierta CONTRATAPA TAPA 6 Curso de Diseño Gráfico
  • 111. a.PSE5 O..irso de Dseño Gáfic:o 7
  • 112. CLASE 5 Retículas La retícula es la base de las estructuras,es la sum a de líneas que generan sistem as de coordenadas, con el propósito de organizar form as, elem entos, cuerpos, objetos, m ódulos en un espacio determ inado. Se puede definircom o una plantilla,im pone orden,uniform idad y coherencia,transm ite estructura y una cierta m ecánica,frente a algo desordenado,desestructurado o caótico. Laretículabásica Se entiende com o una voluntad de orden y claridad, en busca de una unidad en la presentación de las inform aciones visuales. La retícula para algunos diseñadores gráficos proporciona precisión,orden y claridad.
  • 113. CLASE 5 8 Curso de Diseño Gráfico
  • 114. a.PSE5 tH"'ho-0-- §- --IU.• ··- ___ • • o---·-"-...-. - ·-- __ o___ ...*'- ·-- ..-..---- ....,..-.... _ ..._..a ... -- ............. _,_ ......_.... ...._t. R_,.._c-. §--- ... ..-·..-.---IA-li· · ......_. _.............._. _) · -- •.-,tltjd ,_,,_...,.......... ...................,,.... .,_IV... •Wl..... ,f _. o_,......_........................_......... ( T- .a-. .. ............._ ... ..... f._.. MR.SIMON COLLISON -- ._ . ... ·-·- ,...._i...t.., ......_. ......_t"'-- ...l'o. T..... ....-.........,,.,. .......... . -....... ... "".....,,._........ 1U--....-........ _.. .. j. ,....,.._....... Va..P'ltvlJU r'tlnPA 1<1•ta.;1r...#t11' r111 U."'!1191.Jl.ol"'.o..t. tllc.uHI"r A••iu CCI"'' ::IUJ'-Vot.• MA-'i H ... >Q_ .. ...... _.,,.._ ·------.-.-_--.·... "... -... .. _............_...., ... - ..-................ -., 1 .....,. .................. J. ,..,.....,...._ _ ¡.1 ¡ :.
  • 115. a.PSE5 O..irso de Dseño Gáfic:o 9
  • 116. a.PSE5 - -- - - -. .. . 1 - - .. DIGITAL PODGEil09 - "'"' - -- - - - •·o- .• -:. ·-.--- - ---- -..-. - · . ·r./.,::- -- . - . - . - .- ,.,, .--.-...--- Cl•lltW;lt · .. i (1Words "' •• "l"l • .. 11 s •• I l6º ·• -·- - 13% EJ- .&... UK SE - . 2 . 01' 9 --. --- - . - --- -.-.-.------ *- "" . ' - -- - - --. ---. - .-- - - .SIJUFFL8 • - - CI :irnrt,.,.., •• .0f Wordsª I .=:, .... .. .JI ·- -B ·• - Ul{ 11 SE 20.6
  • 117. a.PSE5 1O OJrso de IJseño Qáfioo
  • 118. CLASE 5 La retícula es un sistem a que parcela la inform ación en fragm entos m anejables. Los objetos sem ejantes se disponen de una m anera parecida, a fin de que sus sem ejantes resulten m ás evidentes y, así, m ás reconocibles, por lo tanto se puede concluirque la retícula es un organizadorvisual. La retícula es la m ás frecuentem ente usada en las estructuras de repetición. Se com pone de líneas verticales y horizontales,perfectam ente bien espaciadas,que se cruzan entre sí lo que resulta en una cantidad de subdivisiones cuadradas de igual m edida. Aporta a cada m ódulo una m ism a cantidad de espacio,arriba,abajo,a la izquierda y a la derecha. Excepto porla dirección generada porlos m ism os m ódulos,las direcciones verticales y horizontales quedan equilibradas,sin un dom inio obvio de una dirección sobre la otra.
  • 119. CLASE 5 Curso de Diseño Gráfico 11
  • 120. CLASE 5 Para incorporarim ágenes en Illustrator,nos vam os a Archivo/Colocaro en inglés: File/Place.Buscam os la im agen y le dam os Aceptar. Ejercicio1Parte1 Elegirunadelassiguientescom posicioneseinsertarlaenIllustratory realizarlasretículascorrespondientes conlíneasverticalesyhorizon- talessegúncorresponda. Ejercicio1Parte2 Elegirunadelasretículasrealizadasenelejercicioanterioryaplicarlas enunapublicidadgráfica. Ejercicio2 Realizaruna nota de revista con su correspondiente retícula en una hoja A4.
  • 121. CLASE 5 12 Curso de Diseño Gráfico
  • 122. a.PSE5 6 1 wr..... , llapprns .......... 041fQllt!Qn n zi',C> -tl_,, :v .-...·_ - RDTOUI 1 -·.... AUGI ,, . · !SCO 2 "m" / ............ 1 ... -- - 60l.: •• -º'°", -.., VL.. - - . ·.. - ü • OOlgopnJOnen• Sokolnhchevsl Balad1íkhinskl LloubemW<ayi PoutchinskB)'8 .C . 1 . • . 11 . 1 ..lb ..1 . 1 . C . CIA!Jol , -,.. - ... ·-- -...... ._. i...........................................................................................................................................................11 IZmayloYslUlya Soln a Otnj.all'lofl
  • 123. a.PSE5 1nscio"'s Wafta•llflitt' m191'11r..lf'll« 1.ooc.... 111c:o11.- ., iera on e ¡r11te.gn1 .,1sualf!Y .. .. .. .. .,., t.U"C O..irsodeDseñoGáfic:o 13
  • 124. Q.AEE 5 L-._._ - •-H CENTRO CULTURAL VILAFLOR OUIHAAAES ... .-·-·--·-WWW.CCUF.PT M/ü!
  • 125. Q.AEE 5 19-23 JULY 2008U •11i11G EN {1llOMAI hIAl fUON UlY WllH CllU.NJ DUIG••
  • 126. Q.AEE 5 - u-Muti ---- J1Hf1YCg . 0lJ.SlfR lll'AHJ, LAAA. 1¿J L5. "= JAVOJJ JAc w WA/LACf ROµLY. VllJCfITTHíWNq f>' -:_ 8 --- t4 ·- - - -::- -· J¡y ft»J/ . 0110T.4f/'10R. BERN kDO 5ASSnri.DfntAN (ABAUO 111> DIN(-· ! -•.,.,... - (/ (Y/¿Q,m¡f - · ....-- e·o eXY . -.J4SONMOR4N.D4Vf HILlNID .GllRiS ro11u. NI> fPJC H AllO dMJt1 it/ - - ---....... --------- ---- ...·-·- : = -. -: =::. :.- :- -= :- - - :- :- ·:: -: =::: =.-_ - -- - .
  • 127. a.PSE5 . IMPelONS BUNDLE ......, -- O..irsodeDseñoGáfic:o 17
  • 128. a.PSE5 __::;:; -.... ----. .. .".".".'.. ... . ,_,...i ----·-,...-"'"-- .,. _ ..... . r-_ _,,... _.............. ................................. .._4_._..,...,................ _. ....... --... ........ , ......""' .... ..tíl .. . . ......._ ..._ ............,........... ..... . .. _.,.. . . ()>.............. .. ....,._,................-.-..·..-,.-.._-,·w·..·-.·.-.·a-.- . -.....-.... . .....i. -... ·... .. - . .., · . .tp -- t. ...1.. .--..-...-. ....-.....-_..,,, -... .... ....,,........._,.... ·"--.....,... ........_.....,.....". , .,,..-".9.-.....,_._.,.......- Mio ...... . . ._._ .. r- - ..................,._..,_.,,,.......,.........".."..'.-_-, ... ..a.-J.. _._.,. -....._.,,. •Tt ..........,...._r---..c..;.,.,_ - ............_......,....._...•........,.........,............_ •..r..,........... '".. ,.....,....._.., .,_ ' .t .. .. .. .. .. .. .....,....w- .-.r, ...... .. .. .... .. .... ... .. ...... .. ... .. ..........v......... ..- .,,+P w _...,. ,......_"..'.",'....-.-...1.1.1."_9-.-.-...&..... .,,.._ --,..._., .. _...,_,...._p¡..-.. -..... ._....................... P"'!llf.-IL.Jlri .._-Ji--,........,....... i......&..--... "-"--'--".".t---"-t-··-·-'--.-.._-•.,,.-_ ,_ ......-" ." .. .. .. ._ .., .. .. . .... .. ., ""',.....,...--·- llil........,............._ ........_ _ --_ ............- . .. ., .u ...- .w ......... ..... ..... ....-.. .. .. .. .. ..." , ...... . - . . - . .. .. .'. .P• ..' ._ ........_ .. . . . . . ............ ........... .. .. .. ... ....... ..........f.............. .." ....,...... ..,,...,R¡ilm.i..-.., .. .... .., .. .. .... .,,,,,,.,. t ,.. ' ..., . .... , . . . .,: ,. ,. ..... ;;:-•.... . _.. . ,i. ...........
  • 129. a.PSE5 -·-- ............_._,.....r.J ...... i . . .... -.&.. ..... .. .. ., . .. _.... .. .. _.... ,.. .. .. .. .. .. """-"P" 18 OJrso de IJseño Qáfioo
  • 130. Q.AEE 5 desgr pfl l [•lkJ '•V f 1 UGLYDOLL Plnky St. Poper Crltters •
  • 131. a.PSE5 Algunos adolescentes org nHnas va no quieren una tiesta de quince o6os: ahora. de regalo. cambian er $alón de bolle por •Iquirófano. adonde llegane-nbuscadeunpardepechos ufflmo ..... 1"'. unaer6n1ca de Natalla Páez llustradon s de Jorge C3bleses 20 OJrso de IJseño Qáfioo
  • 132. a.PSE5 'º" ""°' o.Sl.lf!OO'i AJre-. SlllCPnt Yn- li.ey.ll'l aue121d dandP .e-lgunns qu1nme• ñrrc kltn ton"LOdo ta dl'br.tttn y y:i M quieren unai heflln pan1 ovt$4ffe a todo el mundo que dl!JarQn dto o:er nlM"· tfO ma ll"illtr.dos para 1J: lcbnidón dttlos qu•ncAJ añas-. No mil$ o.rqutt$t& d4 a,ieJ"" dñ qQIC' lnlitlV'"t'" unl:ils. H4m'4o v - hdo, n1 1orUI, rn OlJ n Buenos Alr9.'5, una orugle Pª"" c:ola.QtunpP.r cht Wca· n eo; G:uMt6 u. 1 b m• mo unn f'innt pam dosoentos invtt-lldos. flor aham. no he'r jl!;t.ad 't1im Sólo -:iiitoma' SI!! 1ni- ta d• ll"!;or •La ,.1 de oDt-moones lo nnte'll p 1bfott Y JKt.r.;.e C1no, uM •.a lohtitt;.C tlnn-:, muy pontue A.Mra. ;:,!)t't" I• pu«ta de IZI Pf'llJqlN'1'iaV ovon.ra c-rgu•do 1 como sa mu ;o- brela pao;.,mla.Asu pe'IO, ""JA tmprag• nt1do et !re vn oerfume d11ltón .q»r- t'f!c:wrda acrtookl.r"t.abna>. l•s1c;a:C1- nohuele a di>u1 Su ael1'eturt!:Ies lnac> y t-i11rw unrubio drimiiC'I En c n, pe uq"Ull"fin. lfoi;la1 Cirio ti"i unc diente habitual Mien(reo: hablei; ftHtl! aJ JO 1tdora TAt 1m"'91fO chmo queden. su ro tro d r.puiti; de quif! •• t tiwtn aJgunas. mer:tl ., rnil-: da· rns i:O .u m•lt:"nD J)aR ilum1nario Svs OJOS verde.s llewi.n unoll ptrlC• lodU de Jv-r gris q '1,eintt1"; ca un OC)('t11I' de pe:suiños rt'ladn:'i. P.o:rte del c:ut"'rpo dfl Cino uned.tec::lothQ J?.ñQC Su' <JtnM t•t:n(l1'ttr" l.o& pidj6 de <Jlo, ]P la;i Cno t nf! Ivat llgudr. y ha- b'A rt1p1dl,.-mo CllSt no pul'do pigu!r su modulaaOn. Ced.:i do< o treoQ fl"J$H kl"'ª 1.11ff OSrt:>-; fnor.eeoe;. 6.- n•lt:i. lo pido un a1irrooo d• ftashbnck Nas va· mo!'I aio:c .o o; Ahora, un aimi Q)f) sv drl!'l1 su mad y uM da &U-,: hesmlnc!<C. Ena lflrMi'ttia q-u• u.,. ri apr-111rw- tr."''"14'i., Ell" f'<: &a l1W'ftM" d• onco-. $c)lo tJCnC una he-r-rnr..na, "quo t-•tf'e pfll"h:Oll por neturat ui• Pfoto )l!"";1· Qq1.111rlnm6"; -.o de mis l•tA" fu• todD un IC'fTl"' dr dkett fern1J r. 'Vo tenia odu!nta a-n· titl'l'"tros dtt to O '$ .a nh 'lttJad ln entwndo. AcomplC't}O no llanar un .,.«-idoa pt'l'lt¡,r l!f'I lo tNnl:!:e- que que• d;rá el b k-1nl d.uf&lnt 11:'1 'lt1mnca Pr-rv p!!ltt'l oe 1-a cu:f ta hl!n n lol: f!"itete1 P4bloHerudt.,porf!'jetJTtplo,CH'I unr lo cn..I. fn 11 sone:lo •x.)(• di liU'i C1cm de emQr dedtir.adiM I! ?O"' bro M;:b10. Urrvtia f f."'Crit).ei: "' ! fci1. ldÓndfll t;;n •1cond1do..- -;eno1? f Son mlnimn como dO!'ó eopA de tngo" t.QI¡. pMnbr. PGf'" la ccllcT.i d•I po•l:a? tOes-dt1cundotoJl<t>queño'" "C:1nón1mo dtt í-told,1d'1 Pee-o ""'1.tcl: CiM tontinUo can <f.U mon6'°9o inuinar- -E$q no lopc>diacreer Mi¡,bU'f.'4;,to-- nio UN!:$ t"'t tmptet;1ont1nte!'< MI m.ttmiii y m4 hl!mu•:nl!S th•f'M"f "'7.lll!:nte•.q rott-A muy btc:n 'Y yo nad..:a. 1Quli de:$g:rulal Ma oja bu!;Cl!n de1ecperedot: un JO Mtl'l'I &•¡; cuatro pen:idr1 da 1iU fl-'lo O..irso de Dseño Gáfic:o 21
  • 133. a.PSE5 22 OJrso de IJseño Qáfioo
  • 134. Curso de Diseño Gráfico CLASE 6
  • 135. CLASE 6 Temas Com posicionesinform ales
  • 136. CLASE 6 Indice Com posicionesinform ales .............................. 1 Gravedad .......................................... 1 Contraste.......................................... 2 Ritm o ............................................ 4 Centro de interés .................................... 7
  • 137. CLASE 6 Com posicionesinform ales Las com posiciones inform ales no dependen de cálculos m atem áticos, sino de un ojo sensible a la creación de un equilibrio asim étrico y una unidad general m ediante elem entos y form as librem ente dispuestos. No existen procedim ientos fijos, pero pueden utilizarse los siguientes com o criterios para valorarlas com posiciones inform ales. Gravedad Peso y equilibrio de las form as.Eldiseñadorm anipula elm odo en que los pesos de las form as serán percibidos. La gravedad afecta elequilibrio de los elem entos en una com posición. Curso de Diseño Gráfico 1
  • 138. CLASE 6 Ejercicio:realizarunaficheaplicandogravedad. Contraste Diferencias visuales (características de form a y color),dim ensionales o cuantitativas que distinguen una form a,parte de una form a o un grupo de form as de otra form a,otra parte de la m ism a form a u otro grupo de form as 2 Curso de Diseño Gráfico
  • 139. CLASE 6 Ejercicio:realizarunaficheaplicandocontraste. Curso de Diseño Gráfico 3
  • 140. CLASE 6 Ritm o M ovim iento y velocidad sugeridos,sim ilares a desarrollos m elódicos en la m úsica. Elritm o se genera m ediante la m anipulación de las direcciones de los elem entos y de los espacios entre ellos. Los elem entos pueden serparalelos,sim ilares,contrastados o radiados 4 Curso de Diseño Gráfico
  • 141. 6 ., • <.':)..._ : •
  • 142. CLASE 6 Ejercicio:realizarunaficheaplicandoritm o 6 Curso de Diseño Gráfico
  • 143. CLASE 6 Centrodeinterés Punto focal que atrae la m irada o define la zona de convergencia, divergencia o de m áxim a concentración de fuerzas rítm icas. Una com posición inform al debe coordinar sus elem entos alrededor de un centro de interés: un área donde todos los elem entos se originan, cesan o interaccionan, proporcionando el dram a visual sin el cual el diseño se convierte en una sim ple agregación de partes Curso de Diseño Gráfico 7
  • 144. CLASE 6 Ejercicio:Realizarunaficheaplicandopuntodeinterés. 8 Curso de Diseño Gráfico
  • 145. Curso de Diseño Gráfico CLASE 7
  • 146. Temas Signos Sím bolos Señales Pictogram as
  • 147. CLASE 7 Indice Signos............................................ 1 Pictogram as ........................................ 5 Abstracción ........................................ 7 Iconicidad ......................................... 8 Gráficosvectoriales ................................... 9 Dibujo con la herram ienta Plum a ..........................11 Vectorización de im agen ............................... 14
  • 148. CLASE 7 Signos Los signos son todas aquellas cosas que, por su naturaleza, apariencia o por una convención prefijada y com partida,nos evocan en elentendim iento la idea de otra cosa. Los signos son representaciones visuales, auditivas o gestuales que dependen de aspectos culturales,sociales y religiosos. Curso de Diseño Gráfico 1
  • 149. CLASE 7 Cada signo se caracteriza porla presencia de un elem ento perceptible,que está en lugar delobjeto y lo evoca. Elsigno se puede dividiren dos partes : Significante,que es la form a,elaspecto sintáctico,elelem ento perceptible. Significado,que hace referencia alnivelsem ántico,o sea,alconcepto,elm ensaje que quiere transm itir. Es una unidad capaz de trasm itir contenidos represen-tativos, es decir, es un objeto m aterial,llam ado significante,que se percibe gracias a los sentidos y que en elproceso com unicativo es portadorde una inform ación llam ada significado. La función delsigno es re-presentar –sustituir–,ocupar elpuesto de otra evocándola a título de sustituto. Señala la ausencia del objeto de sustituido, una ausencia en sí m ism a. Representa algo que ya fue
  • 150. CLASE 7 presentado. 2 Curso de Diseño Gráfico
  • 151. CLASE 7 Según la form a en que elsigno representa –designa–a su referente,puede serclasificado de la siguiente m anera: Índice. M antiene relación directa con el objeto al que se refiere. No surge intencionalm ente (cicatriz-herida;huella-anim al;hum o-fuego;relám pago-torm enta). Curso de Diseño Gráfico 3
  • 152. CLASE 7 Ícono.Signo que sustituye algo tom ando de éste sus rasgos pertinentes.Posee alguna sem ejanza o analogía con su referente pero no tiene propiedades en com ún con el objeto,sino con elm odelo perceptivo delm ism o. Sím bolo. Hecho sensible que en un grupo social determ inado se tom a por representación de otro hecho,en virtud de una convención o poralguna analogía que el entendim iento percibe entre ellos. Señal. Signo que aporta una inform ación tendiente a prom over una conducta, a determ inaruna reacción en elreceptor.Es intencional,prem editada. 4 Curso de Diseño Gráfico
  • 153. CLASE 7 Pictogram as Ellenguaje pictogram ático se basa en la abstracción (proceso m entalque se centra no en caracteres particulares, sino en los que son genéricos y esenciales de un cam po visualo de pensam iento. Elpictogram a suele responder a 2 grandes universos: elde su significado y elde su repre-sentación Estos dos universos deben estar siem pre en com pleta arm onía, ya que cualquier desajuste entre ellos puede provocarla no interpretación delusuario. Curso de Diseño Gráfico 5
  • 154. CLASE 7 Ejercicio:Realizaruncuadrocom parativoconlosdistintostiposde signosconejem plos 6 Curso de Diseño Gráfico
  • 155. CLASE 7 Abstracción Proceso porelcualse reduce alm áxim o las form as sin perdersu reconocim iento.
  • 156. CLASE 7 Curso de Diseño Gráfico 7
  • 157. CLASE 7 Iconicidad Grado de referencialidad de una im agen, es decir la relación de apariencias entre la propia im agen (objeto real)y su referente. Propiedad de los signos que tienen una relación de sem ejanza con aquello que representan. 8 Curso de Diseño Gráfico
  • 158. CLASE 7 Gráficosvectoriales Los gráficos vectoriales (form as vectoriales u objetos vectoriales) están com puestos de líneas y curvas definidas porobjetos m atem áticos denom inados vectores,que describen una im agen de acuerdo con sus características geom étricas. Se pueden m over o m odificar gráficos vectoriales con libertad sin perder detalle ni claridad porque son independientes de la resolución; m antienen los bordes nítidos cuando se les cam bia eltam año y se guardan en un archivo PDF. Com o resultado, los gráficos vectoriales son la m ejor opción para ilustraciones de diferente tipo y uso. Curso de Diseño Gráfico 9
  • 159. CLASE 7 Los gráficos vectoriales son utilizados para la creación de isologotipos,ya que se pueden utilizaren varios tam años y distintos m edios de salida. Acercadelostrazados Cuando se dibuja,se crea una línea denom inada trazado. Un trazado consta de uno o m ás segm entos rectos o curvos.Elinicio y elfin de cada segm ento queda m arcado porpuntos de ancla. Un trazado puede estarcerrado (porejem plo,un círculo)o abierto,con m arcados puntos finales (porejem plo,una línea ondulante). Se puede cam biarla form a de un trazado arrastrando sus puntos de ancla,los puntos de dirección alfinalde las líneas de dirección que aparecen en puntos de ancla,o elpropio segm ento de trazado. Los trazados pueden tenerdos tipos de puntos de ancla:puntos de vértice y puntos de suavizado.En un punto de vértice,un trazado cam bia de dirección repentinam ente.En un punto de suavizado,los segm entos deltrazado se conectan com o una curva continua. 10 Curso de Diseño Gráfico
  • 160. CLASE 7 Dibujoconlaherram ientaPlum a Dibujo de segm entos de línea rectos con la herram ienta Plum a Para dibujar trazados precisos com o líneas rectas o suaves curvas, se utiliza la herram ienta Plum a. AddanchorPointTool:Agrega nodos o puntos a un trazado. DeleteanchorPointTool:Quita nodos o puntos a un trazado. ConvertanchorPointTool:Convierte curvas en ángulos y ángulos en curvas. Dibujodelíneasrectasconlaherram ientaPlum a Eltipo de trazado m ás sencillo que se puede dibujar con la herram ienta Plum a es una línea recta, que se crea haciendo clic con la plum a para crear dos puntos de ancla y nuevam ente otro click. Si se sigue haciendo clic, se crea un trazado com puesto de segm entos rectilíneos conectados porpuntos de vértice. Es decir:haciendo solam ente dos clicks en lugares diferentes,esto genera dos puntos,y con esto un segm ento,un trazo dibujado. Curso de Diseño Gráfico 11
  • 161. CLASE 7 Los gráficos vectoriales son utilizados para la creación de isologotipos,ya que se pueden utilizaren varios tam años y distintos m edios de salida. Dibujo de curvas con la herram ienta Plum a Para crearuna curva,se añade un punto de ancla en elque la curva cam bia de dirección y se arrastran las líneas de dirección que crean la curva. La longitud y la pendiente de la línea de dirección determ inan la form a de la curva. Las curvas son fáciles de m odificar y se pueden visualizar e im prim ir m ás rápido sise dibujan utilizando elm ínim o posible de puntos de ancla.Usardem asiados puntos puede tam bién introducirprotuberancias no deseadas en una curva. Com o dijim os antes, para com enzar un trazado sólo se deben hacer dos puntos en lugares diferentes.Pero siquiero realizarun trazado com pletam ente curvo,debo,a cada punto,arrastrarelpuntero para que se genere la curva en cada extrem o,porcada nodo. Veam os los pasos a seguiren elgráfico,las flechas rojas indican la dirección de arrastre que debem os darle alpuntero.Cuanto m ás lo alejem os delnodo,m ás pronunciada será la curva.
  • 162. CLASE 7 12 Curso de Diseño Gráfico
  • 163. CLASE 7 Cóm o m overnodos o puntos de un trazado. Para m overnodos de lugar,se utiliza la herram ienta de selección directa desde la barra de herram ientas o m ediante la tecla (A ). Una vez seleccionada,hacem os un clic sobre eltrazado.Notarem os que los tres puntos se vuelven blancos. Seleccionam os elpunto delm edio con un clic,y notam os que elpunto esta seleccionado porque ha cam biado su color m ientras los dem ás siguen estando blancos, com o lo m uestra la im agen. Ahora solo nos queda arrastrarelpunto hasta otro lugar. Curso de Diseño Gráfico 13
  • 164. CLASE 7 Vectorizacióndeim agen Calcodeilustraciones La form a m ás rápida de calcar ilustraciones consiste en abrir o colocar un archivo en Illustratory calcarautom áticam ente la ilustración con elcom ando Calco interactivo. Se puede controlarelnivelde detalle y elm odo en que se rellena elcalco. Cuando se haya obtenido el resultado que se desea, se puede convertir el calco en trazados vectoriales o en un objeto de calco interactivo. HacerclickenBotonOpciones deCalcopararealizarajustes
  • 165. CLASE 7 14 Curso de Diseño Gráfico
  • 166. CLASE 7 Enlaventanam arcarem os losajustesdeseados. HacerclickenPinturaInteractivaoLivePaint Nosquedarálaim agenvectorizada Curso de Diseño Gráfico 15
  • 167. CLASE 7 Ejercicio:Realizarabstraccióncondistintosgradosdeiconicidad de3objetos. Ejercicio:Realizar abstracción con m áxim o grado de iconicidad de objetos a elección para elaborarun m enú de cafe/bartam año A4. 16 Curso de Diseño Gráfico
  • 168. Curso de Diseño Gráfico CLASE 8
  • 169. CLASE 8 Temas Teoría delcolor
  • 170. CLASE 8 Indice Ellenguaje visualdelcolor .............................. 1 MEZCLA DE COLORESSíntesisaditiva ........................ 2 Síntesissustractiva ................................... 3 ASPECTOSNORMATIVOSDELCOLOR -VariablesFísicas ............. 4 VariablesGráficas .................................... 5 Valor ............................................ 5 Tinte ............................................. 6 Saturación ......................................... 6 ColorLuzy pigm ento .................................. 6 Interaccionesdelcolor:Arm onía y contraste....................8 Colorescom plem entarios ............................... 9 Contraste.......................................... 9
  • 171. CLASE 8 Ellenguajevisualdelcolor Cada objeto posee un poder individual de absorción de determ inadas partes de la ilum inación general. La luz restante no absorbida es rem itida com o residuo lum ínico.Estos rayos no son color sino sólo transm isores de inform ación. Elcolornace cuando este estím ulo lum ínico m otiva alórgano de la vista a produciruna sensación de color. Porejem plo:una florroja absorbe parte de la luz que recibe y refracta la longitud de onda percibida en elojo com o colorrojo. Se podría decirentonces que elm undo externo es incoloro,elcolorestá ausente de los elem entos Elcolorentonces es una propiedad perceptible alojo,reconocida porla m ente y diferen- ciable no solam ente de otras propiedades sino de colora color. Los colores ofrecen la oportunidad de proyectar un estado de ánim o o una sensación. La publicidad recurre m ucho a la naturaleza subconsciente de los efectos de color. La luz es una form a de energía que consiste en vibraciones electrom agnéticas que se propagan en línea recta con m ovim ientos ondulantes en todas las direcciones a una velocidad de 300.000 km /seg. El conjunto de los colores que form an dicha luz es el espectro solar visible: rojo, anaranjado,am arillo,verde,azuly violeta. Curso de Diseño Gráfico 1
  • 172. CLASE 8 El cam po de la Óptica abarca adem ás las radiaciones infrarrojas (longitud de onda superiores)y las ultravioletas (longitud de onda inferiores)que no son percibidas porel ojo hum ano. Elcírculocrom ático: Nos sirve para observar la organización básica y la interrelación de los colores . Tam bién lo podem os em plear com o form a para hacer la selección de c olor que nos parezca adecuada a nuestro diseño. Podem os encontrardiversos círculos de color, pero el que aquí vem os está com puesto de 12 colores básicos. MEZCLADECOLORES Síntesisaditiva La síntesis aditiva trabaja con la sum atoria de energías lum ínicas (colores luz) dando com o resultado m ayorlum inosidad,es decir,elresultado es m ás lum inoso que cada uno de sus com ponentes y en condiciones óptim as,esa sum a da elcolor blanco (m áxim a lum inosidad).Su punto de partida es la oscuridad absoluta (no existe en un principio fuente lum ínica). Se proyectan tres haces de luz (rojo, verde y azul, denom inados colores prim arios generativos)sobre una superficie blanca,que aparece negra porla ausencia de luz. A m edida que se va agregando un haz de luz,elcolorcam bia en elárea de superposición porun colorm ás cercano alblanco com o consecuencia delaum ento de lum inosidad. 2 Curso de Diseño Gráfico
  • 173. CLASE 8 En la zona de superposición del verde y el azul se obtiene el cyan. En la zona de superposición delazulcon elrojo se obtiene elm agenta.En la zona de superposición del verde y elrojo se obtiene elam arillo. Los colores obtenidos se denom inan secundarios porque cada uno está form ado por la fusión de dos colores luz prim arios. En la zona de superposición de los tres haces juntos se obtiene el blanco (m áxim a lum inosidad). M ediante elestím ulo sim ultáneo de las tres clases de receptores de colorcolocados uno al lado de otro en la zona central de la superficie retiniana causará la sensación de blanco. Síntesissustractiva La síntesis sustractiva trabaja con colores pigm ento correspondientes alcyan,m agenta y am arillo. Cuando estos tintes se m ezclan sobre una superficie blanca pierden luz,se oscurecen. Esto tiene que vercon la característica m aterialdelcolor.Com o habíam os visto antes,al serelcolorun pigm ento absorbe parte de la luz para reflejarsólo lo que le corresponde a su longitud de onda,porende,pierde luz en elproceso y alm ezclardos o m ás m atices se sustrae m ás luz. Curso de Diseño Gráfico 3
  • 174. CLASE 8 La zona de m ezcla delcyan con elm agenta form a elazul. La zona de m ezcla delam arillo con elm agenta form a elrojo. La zona de m ezcla delcyan con elam arillo form a elverde. La m ezcla de los tres colores prim arios pigm ento da com o resultado elnegro (ausencia totalde luz). Esta tríada se utiliza en todos los sistem as crom áticos de im presión,fotografía y todo lo que se refiera a la gráfica,a los que se le agrega elnegro com o una cuarta tinta.Este sistem a de cuatricrom ía (CM YK)perm ite logrartodos los colores. ASPECTOSNORMATIVOSDELCOLOR VariablesFísicas Desde elpunto de vista de la Física,elcolorse com pone de aquellas características de la luz diferentes a las de espacio y tiem po, siendo la luz aquel aspecto de la energía radiante que elhom bre percibe a través de las sensaciones visuales que se producen por elestím ulo en la retina.Estas características son tres: -Longitud deondadom inante:corresponde a cada tinte. -Flujo lum inoso:es una m edida de la efectividad de la luz para provocar sensación de brillo o lum
  • 175. CLASE 8 inosidad. 4 Curso de Diseño Gráfico
  • 176. CLASE 8 - Pureza crom ática:indica la cantidad de color en porcentaje de acuerdo a un valor 0 (acrom ático,sin color)y 100 (crom a espectral,colores delespectro). VariablesGráficas Estas variables tienen su correspondencia con las variables físicas. De ésto se desprende: -Flujolum inoso=valor -Longituddeonda=tinte -Purezacrom ática=saturación Diferencia de Tono o m atizcon igualvaloro saturación Diferencia de brillo,lum inosidad,con tono y saturación constante Diferencia de saturación con igualvalory color Valor Es elgrado de lum inosidad que tiene un color(claro u oscuro).Cuanto m ás lum inoso,su valoro m atiz es m ás alto y porelcontrario,cuanto m ás oscuro,su valoro m atiz es m ás bajo. Elcoloram arillo tiene elvalorm ás alto de lum inosidad m ientras que elvioleta tiene el valorm ás bajo de lum inosidad. La escala de valores es bipolary portanto lineal(no se cierra en sím ism a)lo que im plica que blanco y negro nunca se unen. Curso de Diseño Gráfico 5
  • 177. CLASE 8 Tinte Es elvalor diferencialde un color, la m agnitud pregnante. Se especifica m ediante un nom bre:am arillo,rojo,azul,etc.,y define alcoloren relación con otro o en relación con su situación frente a los dem ás. Eltono se m antiene en un colorcuando éste deriva hacia otro. Es un sistem a cíclico porque se cierra en sím ism o:se observa que partiendo delam arillo,porejem plo,y progresando porel naranja,elrojo,elvioleta,elazuly elverde,se vuelve forzosa- m ente alam arillo. Saturación Es elgrado de pureza o brillantez que posee un colorcuando carece de blanco o de negro. Cuando un colorse m ezcla con otros colores,blanco,negro o gris,pierde pureza y se dice que está "quebrado"o "desaturado". La saturación se m ide en % . ColorLuzypigm ento verde saturado verde + negro verde + blanco
  • 178. CLASE 8 Los colores m enos saturados transm iten sensaciones tranquilas y suaves, por el contrario los colores m ás saturados transm iten tensión. El m atiz es la m ezcla de un color con otro; en este sentido se puede hablar de rojo granate,de rojo anaranjado. 6 Curso de Diseño Gráfico
  • 179. CLASE 8 Porotro lado hay que teneren cuenta que elcolorestá íntim a-m ente relacionado con la luz y elm odo en que esta se refleja. Podem os diferenciarporesto,dos tipos de color:elcolorluz y elcolorpigm ento. Elcolorluz: Cuando vem os rojo es porque se ha excitado elelem ento sensible a esta longitud de onda. Cuando vem os am arillo es porque se excitan a un tiem po verde y elrojo,y cuando vem os azulceleste (cyan),es que están funcionando sim ultáneam ente elverde y elazul(azul violeta). Delm ism o m odo pueden obtenerse colores terciarios en los que las tres luces prim arias actúan a la vez en distintas proporciones y que hacen posible que,porejem plo,en un televisoren colorse perciba una enorm e cantidad de valores crom áticos distintos. Este proceso de form ación de colores a partirdeltrío básico (azul,verde y rojo),es lo que se conoce com o síntesis aditiva. En ella cada nuevo color secundario o terciario se obtiene por la adición de las partes correspondientes de los tres fundam entales, siendo cada una de las sum as de color siem pre m ás lum inosas que sus partes,con lo que se explica elque la m ezcla de los tres perm ita la obtención delblanco,que es pordefinición,elcolorm ás lum inoso. En este caso de lo que estam os hablando es delcolorluz. Elcolorpigm ento: Cuando m anejam os colores de form a habitualno utilizam os luces,sino tintas,lápices, rotuladores; en este caso lo que estam os hablando es del color pigm ento, es decir síntesis sustractiva. Curso de Diseño Gráfico 7
  • 180. CLASE 8 Interaccionesdelcolor:Arm oníaycontraste Arm onizar: Significa coordinar los diferentes valores que elcolor adquiere en una com posición,es decir,cuando en una com posición todos los colores poseen una parte com ún alresto de los colores com ponentes. Arm ónicas son las com binaciones en las que se utilizan m odulaciones de un m ism o tono,o tam bién de diferentes tonos,pero que en su m ezcla m antienen los unos parte de los m ism os pigm entos de los restantes. En todas las arm onías crom áticas,se pueden observartres colores:uno dom inante,otro tónico y otro de m ediación. Eltono dom inante,que es elm ás neutro y de m ayorextensión (su función es destacar los otros colores que conform an nuestra com posición). La arm onía m ás sencilla es aquella en la que se conjugan tonos de la m ism a gam a o de una m ism a parte delcírculo. Según diversas teorías la sensación de arm onía o concordancia suscitada por una com posición gráfica tiene su origen exclusivam ente en las relaciones y en las propor- ciones de sus com ponentes crom áticos. 8 Curso de Diseño Gráfico
  • 181. CLASE 8 Colorescom plem entarios M áxim o contraste,se form a con la m ezcla de dos opuestos: com plem entario de rojo = verde (azul+ am arillos) Contraste: Se produce cuando en una com posición los colores no tienen nada en com ún.Existen diferentes tipos de contraste: 1-Contrastesim ultáneo Se produce por la influencia que cada tono ejerce sobre los dem ás alyuxtaponerse a ellos en una com posición gráfica. Cada colorproduce sim ultáneam ente su com plem entario. Siubicam os pequeños cuadrados grises sobre fondos de colo-res puros,cuidando que igualen am bos elvalorde ilum inación,a partirde una observación persistente delfondo, aparecerá elcom plem entario tiñendo algris. A veces esto induce a rectificaciones correctoras.
  • 182. CLASE 8 Curso de Diseño Gráfico 9
  • 183. CLASE 8 Porejem plo una tela roja con bandas negras ejerce un fuerte contraste de sim ultaneidad: elfondo rojo hace aparecerverdosas las bandas negras. 2-Contrastedetintes Es elm ás sim ple de los siete.Es elde dos colores puros en su m áxim a saturación. 3-Contrastecualitativo: La noción cualitativa delcolorse fundam enta en elgrado de pureza o de saturación.Por contraste cualitativo designam os la oposición entre un colorsaturado y lum inoso y otro colorapagado y sin resplandor.
  • 184. CLASE 8 10 Curso de Diseño Gráfico
  • 185. CLASE 8 4-Contrasteclaro-oscuro: Elpunto extrem o está representado porblanco y negro. 5-Contrastecálidos-fríos: Generalm ente los colores am arillo anaranjado, naranja, rojo anaranjado, rojo y rojo violáceo son considerados cálidos y elam arillo verdoso,verde,azulverdoso,azul,azul violáceo y violeta com o fríos.
  • 186. CLASE 8 Curso de Diseño Gráfico 11
  • 187. CLASE 8 6-Contrastedeloscom plem entarios: Designam os con elnom bre de com plem entarios dos colores de pigm ento cuya m ezcla da un gris-negro de tono neutro. Desde un punto de vista físico,dos luces coloreadas cuya m ezcla da una luz blanca son igualm ente com plem entarias. Dos colores com plem entarios originan una curiosa m ezcla.Se oponen entre síy exigen su presencia recíproca. Su acercam iento aviva su lum inosidad pero alm ezclarse se destruyen y producen un gris,com o elagua y elfuego. Únicam ente hay un colorcom plem entario de otro. -am arillo:violado -am arillo-anaranjado:azul-violado -anaranjado:azul -rojo-anaranjado:azul-verde -rojo:verde -rojo-violado:am arillo-verde Sidescom ponem osestosparesde colorescom ple- m entarios,constatam os una vez m ás que los tres colores fundam entales, am arillo, rojo y azul se vuelvenaencontrardelam anerasiguiente: -am arillo:violado=am arillo:rojoyazul -azul:anaranjado=azul:rojoyam arillo -rojo:verde=rojo:am arilloyazul 7-Contrastecuantitativo: Elcontraste cuantitativo concierne las relaciones de tam año de dos o de tres colores.Se trata,pues,delcontraste «m ucho-poco» o delcontraste « grande-pequeño». Podem os realizarcom posiciones de colores con todo tipo de tam año de m anchas. 12 Curso de Diseño Gráfico
  • 188. CLASE 8 Pero tam bién nos podem os preguntar: ¿Cuál es la relación cuan- titativa entre dos o varios colores,que sea equilibrada y donde ninguno de los colores em pleados ofrezca m ás im portancia que los dem ás? Dos factores determ inan la fuerza de expresión de un color.En prim er lugar,su lum inosidad y,en segundo lugar,eltam año de la m ancha de color. Ejercicio: Buscargráficas publicitarias donde se vea cada uno de los contrastes de color.
  • 189. CLASE 8 Curso de Diseño Gráfico 13
  • 190. Curso de Diseño Gráfico CLASE 9
  • 191. Temas Tipografía
  • 192. CLASE 9 Indice ASPECTO HISTÓRICO.................................... 1 Conceptos ......................................... 2 Desarrollo histórico de la escritura ......................... 2 Estructura de la letra .................................. 2 Partesde una letra ................................... 3 Clasificación tipográfica ................................ 4 Variablesvisuales .................................... 6 Fuentesy fam iliastipográficas............................ 9 Medidastipográficas ................................. 10 Tipografía en Illustrator ................................19
  • 193. CLASE 9 ASPECTOHISTÓRICO Tratarem os de com prendera la tipografía no sólo com o uno de los elem entos m ás signifi- cativos de la gráfica,sino com o una de las prim itivas necesidades delhom bre:entender, hacerse entendery perdurarm ás allá de los tiem pos. La tipografía es elfielreflejo de una épo- ca.Porello la evolución deldiseño de las m ism as responde a proyecciones tecno- lógicas y artísticas. El signo tipográfico ha sido m iem bro activo de los cam bios culturales delhom bre. La tem prana asociación entre las letras y la form a hum ana y sus m ovim ientos ha ejercido cierta influencia en el pensa- m iento creativo. Estas sim ilitudes estructurales, que tienen su origen en las leyes de la natu- raleza,liberan a las letras de su bidim en- sionalidad y las pone en m ovim iento haciéndolas participar activam ente den- tro de la com posición. Desde sus orígenes los caracteres han sufrido una constante transform ación, de lo antiguo a lo m oderno,de lo sobrio a lo exagerado, de lo orgánico a lo sinté- tico. Durante este proceso han recibido infinidad de aportaciones,m uchas veces dependiendo delcontexto histórico,polí- tico, económ ico y socialdelque form a- ban parte. Es gracias a estas características que podem os clasificar las diferentes tipo- grafías.
  • 194. CLASE 9 Curso de Diseño Gráfico 1
  • 195. CLASE 9 Conceptos Letra:signo;representación gráfica dellenguaje hablado.Evolución de la escritura. Tipografía:es elarte de diseñarletras y com ponertexto de talm odo que puedan leerse de un m odo fácil,eficaz y agradable. Es elestudio de la letra,a partirde la definición deltipo m óvilde im presión. Es elanálisis de la letra (form a y tipo de im presión). La tipografía es elconjunto de características visuales de las letras y núm eros de un texto,tales com o su diseño,su form a y su tam año. Desarrollohistóricodelaescritura M edio porelque se ha valido elhom bre para com unicarsus ideas y retenerlas en form a un tanto perm anente. Esquem a de síntesis: Estructuradelaletra DESARROLLO DE LA ESCRITURA PICTOGRAMAS MUTACIÓN A UNA FORMA ALFABÉTICA VARIACIONESDELALFABETO Es esa señalo m arca que se im prim e,transfiere,pinta o esculpe y viene a serla unidad fundam ental del lenguaje escrito, que en tipografía es una unidad portadora de una form a y estilo singular. Los caracteres pueden presentarse en: Capitales, m inúsculas, núm eros, Versalitas, Ligaduras,Sím bolos. Cada uno de ellos con sus form as bien definidas,perm iten asociarlos a una fuente o a una fam ilia y éstas a su vez clasificarlas dentro de esa gran m agnitud de form as. 2 Curso de Diseño Gráfico
  • 196. CLASE 9 Partesde una letra No existe una nom enclatura específica para designar las partes de una letra.Estos son los térm inos m ás actuales y m ás com unes,pero existen tam bién otros que de- penden deltipo o que bien pueden definirse a sím ism os. Asta:Rasgo principalde la letra que la define com o su form a o parte m ás esencial. Astasm ontantes:Son las astas principales u oblicuas de una letra,tales com o la ―L,B,V‖ Anillo:Es elasta curva cerrada que form an las letras ―b,p y o‖ Brazo:Parte term inal que se proyecta horizontalm ente o hacia arriba y que no se encuentra incluida dentro delcarácter,talcom o ocurre en las letras ―E,K o L‖ Cola:Asta oblícua colgante en dirección descendente que form an algunas letras com o la ―R o K‖. Ascendente:Asta que contiene la letra de caja baja y que sobresale por encim a de la altura de caja baja,las letras tales com o:―b,d y k‖. Descendente:Asta de la letra de caja baja que se encuentra pordebajo de la línea base, com o ocurre con la letra ―p‖o ―g‖ Líneabase:línea sobre la que se apoya la altura. Oreja:Es la term inación o term inalque se añade a algunas letras com o ―g‖o ―r‖ Ojo:Elespacio en blanco que queda en elinteriorde las letras. Rebaba:Elespacio entre elcaráctery elborde delm ism o. Serif,trazo term inal,rem ate o gracia:trazo de rem ate de un asta,brazo o cola. Curso de Diseño Gráfico 3
  • 197. CLASE 9 Las letras tienen una pauta,la cualse desarrolla entre 4 lineas: 1.Línea superiorde letras de rasgo ascendentes. 2.Línea superiorde altura X. 3.Línea inferiorde altura X. 4.Línea inferiorde letras de rasgo descendentes. Lla distancia que existe entre la prim era línea y la últim a línea se llam a cuerpo deltipo. Clasificación tipográfica Hay cinco elem entos que nos sirven para clasificar a las fam ilias tipográficas: ŸLa presencia o ausencia delserifo rem ate ŸLa form a delserif ŸLa relación curva o recta entre bastonesy serifs ŸLa uniform idad o variabilidad delgrosordeltrazo ŸLa dirección deleje de engrosam iento De acuerdo con esto podem os hacer un análisis y reconocer a los dos grandes grupos fundam entales: ŸTipografíascon serif ŸTipografíassansserifo de palo seco
  • 198. CLASE 9 4 Curso de Diseño Gráfico
  • 199. CLASE 9 El patin serif, gracia o rem ate, es un trazo m uy im portante en la definición de los diferentes estilos, ha evolucionado form alm ente de una época a otra y constituye un elem ento m uy im portante en la legibilidad y grado de lectura de la letra. Tipos de patines: 1 2 1.M ixtiform e 2. Filiform e 3 4 3. Rectiform e 4.Cuadrangular Colas,ápices o puntas • Gota • Botón • Bandera • Pico o gancho (ápice) Las tipografías serifse clasifican en: ŸRom anas Antiguas ŸRom anas de Transición ŸRom anas M odernas ŸEgipcias Curso de Diseño Gráfico 5
  • 200. CLASE 9 Variablesvisuales Am plitud. (hace referencia a la extensión de la letra). Los caracteres pueden m odificarsu form a norm alestrechándose o alar- gándose, obteniéndose letras ex- tracondensadas, condensadas, norm ales,extendidas y extraexten- didas. 6 Curso de Diseño Gráfico
  • 201. CLASE 9 Form a:relativo a la estructura Los caracteres delim itan con sus perfiles una superficie bien precisa;la im agen de las letras nace en efecto de la equilibrada relación entre "blancos"y "negros",esto es,de la exacta definición tanto de la form a cuanto de la contraform a o superficie de fondo. En cada alfabeto,la letra O,la L y la V son las letras determ inantes:su contorno encierra porcierto los tres espacios fundam entales sobre los cuales se estructuran todos los otros signos.Las tres superficies sim ples son,respectivam ente,las del círculo,delcuadrado y deltriángulo. Tam año:definido poraltura /cuerpo Elcuerpo es una m edida que define la proporción delcaracter.Cuando decim os cuerpo 10 nos referim os a 10 puntos. Elcuerpo se m ide en puntos tipográficos siestá referido a los caracteres m ovibles tradicionales, en este caso la dim ensión relevada es aquella vertical del entero bloquecito tipográfico (caracter+ espalda superiore inferior).
  • 202. CLASE 9 Curso de Diseño Gráfico 7
  • 203. CLASE 9 Eluso de la fotocom posición y de la com putadora,brindando la posibilidad de variarlas dim ensiones de las letras,ha sustituido las m edidas en puntos tipográficos poraquellas en m ilím etros;en este caso la dim ensión considerada es la de la altura de la m ayúscula. Tono:m odifica grosorde bastón Una letra norm altiene elgrosorde los rasgos principales igualal15% de la m edida de su altura. Las letras pueden cam biar su valor de intensidad afinando elespesor,volviéndose con ello m ás claras,o espesándolo para aum entarelnegro pleno y "hacerm ás m ancha" Se reconocen varias variables de intensidad (depende sila fam ilia tipográfica soporta las m ism as),estas van desde light,m edium ,bold y black. Las letras pueden cam biar su valor de intensidad afinando elespesor,volviéndose con ello m ás claras (delgadas)o m ás espesas (gruesas),obteniéndose letras ultra light,light, norm al,sem ibold,bold,extrabold.
  • 204. CLASE 9 8 Curso de Diseño Gráfico
  • 205. CLASE 9 Inclinación:(hace referencia a la inclinación de los ejes de la letra). Las letras pueden serderechas (redondas)o inclinadas11 (cursivas). Fuentesyfam iliastipográficas Los térm inos tipografía y fuentes a m enudo se confunden com o sinónim os;sin em bargo, la tipografía es eldiseño de caracteres unificados por propiedades visuales uniform es, m ientras que la fuente es eljuego com pleto de caracteres en cualquierdiseño,cuerpo y estilo;estos caracteres incluyen letras en caja alta y baja,num erales,versalitas,fraccio- nes,ligaduras,sím bolos y grafism os,entre otros. En iguales circunstancias fam ilia y fuente tipográfica son m encionados com o un m ism o térm ino, sin em bargo una fam ilia tipográfica es un grupo de tipografías unidas por características sim ilares.Los caracteres de una fam ilia se parecen entre sí,pero tam bién tienen rasgos propios.Las tipografías de cada fam ilia tienen distintos grosores y anchos. Fuentetipográfica es la que se define com o estilo o apariencia de un grupo com pleto de caracteres,núm eros y signos,regidos porunas características com unes. Fam ilia tipográfica significa un conjunto de tipos basado en una m ism a fuente, con algunas variaciones,com o porej.en elgrosory anchura,pero m anteniendo caracterís- ticas com unes.Los m iem bros que integran una fam ilia se parecen entre sípero tienen rasgos propios.
  • 206. CLASE 9 Curso de Diseño Gráfico 9
  • 207. CLASE 9 Medidastipográficas Letra:Signo;representación gráfica dellenguaje hablado.Se m ide en puntos. Tam año de la letra:Se le denom ina cuerpo,se m ide en puntos y va desde la alineación superiora la alineación inferior.Esto es tom ando la ascendente y la descendente. Línea:Conjunto de palabras acom odadas una después de la otra en form a horizontal. Interlínea:Espacio entre una línea y otra,y se m ide en puntos a partirde la descendente de una línea a la ascendente de la siguiente línea. Profundidad:(longitud de línea),es elnúm ero de líneas de una colum na.Se puede m edir en picas o puntos,según elnúm ero de líneas y la fuerza deltipo (porej.sise tienen 30 línea de 10/12,son 360 pt.O 30 picas). Justificación:Ancho de una colum na tipográfica que delim ita ellargo de una línea,y se m ide en picas. 10 Curso de Diseño Gráfico
  • 208. CLASE 9 Referente a la disposición horizontaldeltexto,sin im portar eltam año de las líneas,la form a de alinear éste puede ser: alineado o justificado, a la derecha, a la izquierda, centrado. Referente a la disposición horizontal deltexto,sin im portar eltam año de las líneas,la form a de alinear éste puede ser:alineado o justificado,a la derecha,a la izquierda,en bloque, centrado o en piña e irregular. Izquierda Referente a la disposición horizontal deltexto,sin im portar eltam año de las líneas,la form a de alinear éste puede ser:alineado o justificado,a la derecha,a la izquierda,en bloque, centrado o en piña e irregular. Derecha Referente a la disposición horizontal deltexto,sin im portar eltam año de las líneas,la form a de alinear éste puede ser:alineado o justificado,a la derecha,a la izquierda,en bloque, centrado o en piña e irregular. Referente a la disposición horizontaldel texto, sin im portar el tam año de las líneas, la form a de alinear éste puede ser:alineado o justificado,a la derecha,a la izquierda, en bloque, centrado o en piña e irregular. Centro Justificado Curso de Diseño Gráfico 11
  • 209. CLASE 9 Eltrackingafecta alespaciado entre letras o palabras y se utiliza para alterarla densidad visual del texto, actuando globalm ente sobre toda la tipografía. Com o regla general, cuanto m ás grande sea elcuerpo m ás apretado deberá sereltrack.Un setuniform e nos proporcionará un colorhom ogéneo deltexto y una m ayorlegibilidad. palabra palabra Este es un ejemplo de poco tracking en un párrafo. Este es un ejemplo de MUCHO tracking en un párrafo. Elkerning es sim ilar altracking sólo que se aplica a determ inados pares de caracteres para m ejorarsu legibilidad.Tanto eltrack com o elkern se m iden en unidades relativas al tam año en puntos de los caracteres. La separación se produce principalm ente por la form a de las letras provocando que se quede dem asiado espacio entre una letra y otra.Generalm ente la separación debe ser óptica y no m ecánica. TA TAPáginaswebrelativasalaTipografía http://w w w .searchfreefonts.com /articles/am azing-typography-blogs- and-resources.htm http://w w w .1001freefonts.com / http://betterfonts.com /a.php?p=1& l=a http://w w w .fontspace.com /popular/fonts http://speckyboy.com /2009/05/05/42-am azing-resources-for- inspirational-typography/ 12 Curso de Diseño Gráfico
  • 210. CLASE 9 EJEMPLOSDE DISEÑO CON TIPOGRAFÍAS La tipografía com o form a Curso de Diseño Gráfico 13
  • 211. Q.AEE 9
  • 212. CLASE 9 EJERCICIO:realizar3figurasdistintascon letras. Curso de Diseño Gráfico 15
  • 213. CLASE 9 EJEMPLOSDE POSTERSSOLO CON TIPOGRAFIA 16 Curso de Diseño Gráfico
  • 214. 9 ThisismY. ReallyUseful PrintSize Poster: M52x74mm A7 74x105mm Ali 105x 148nm AS 148x210nm A4 210x297mm A3 297 •420mm A2 420x594mm A1 594x841mm A0841x11891'wn 4 Ar1liM1 tSHéULQ tMAKEYOU fORGEtTHAT YOUttS1TTIN8J lláCINlMI" BA1Jr íJ TIYPOGR f '11- AHHY r;J IS E1VERVJl I"'I WHERE .-::.=.:.-::::
  • 215. CLASE 9 EJERCICIO:realizar 1 poster con tipografía com o protagonista sobre un grupo de m úsica a elección y otro poster sobre una película a elección. BIBLIOGRAFÍA Ruary M cLean,―M anualde tipografía‖. Adrian Frutiger,―Type and Sign Sym bol‖. David Brier,―GreatType and Lettering Designs‖. Revista TipoGráfica. Revista M acInArea. Revista Upper& Low erCase. R.Carter,D.Ben,Ph.M eggs,―Typographic Design:Form and Com unication‖. Jorge Frascara,―Diseño Gráfico y Com unicación‖.
  • 216. CLASE 9 18 Curso de Diseño Gráfico
  • 217. CLASE 9 TipografíaenIllustrator Las funciones de texto son uno de los aspectos m ás im portantes de Adobe Illustrator. Se pueden añadiruna sola línea de texto a la ilustración,crearcolum nas y filas de texto, hacer que eltexto adopte una form a o siga un trazado,y trabajar con form as de letras com o sifuesen objetos gráficos. Las fuentes y los ajustes disponibles en Illustratorpara interlineado,kerning y espaciado antes y después de los párrafos son algunas de las opciones con las que cuenta para m odificarelaspecto deltexto de la ilustración. Con la prim era opción,sise hace click en la hoja,se puede escribirtexto de corrido. Sise hace click,se m antiene apretado y se arrastra,se hace una caja de texto.
  • 218. CLASE 9 Curso de Diseño Gráfico 19
  • 219. CLASE 9 Para hacer cajas de texto con form as, realizar prim ero el objeto, luego seleccionar la segunda herram ienta de texto,acercarse alborde de la figura y hacerclick. 20 Curso de Diseño Gráfico
  • 220. CLASE 9 Para realizartexto en una form a específica,dibujarprim ero la línea (con cualquieropción de Illustrator)y seleccionarla tercera herram ienta de texto y hacerclick sobre eldibujo. Para texto verticalseleccionarla cuarta herram ienta: Para un área de texto vertical: Para rodearuna figura en form a vertical: Curso de Diseño Gráfico 21
  • 221. CLASE 9 Inform acióngeneraldelpanelCarácter Ventana>Texto>Carácter PanelCarácter A.Fuente B.Estilodefuente C.Tam añodefuente D.Kerning E.Escalahorizontal F.Desplazam ientovertical G.Interlineado H.Tracking I.Escalavertical J.Rotacióndecaracteres K.Idiom a A.FuenteB.EstilodefuenteC.Tam añodefuenteD.Alineaciónalaizquierda E.AlineaciónalcentroF.Alineaciónaladerecha PanelPárrafo(paracam biaralineación) A.Alineaciónyjustificación B.Sangríaizquierda C.Sangríaizquierdaenprim eralínea D.Espacioantesdelpárrafo E.Separacióndesílabas F.Sangríaderecha G.Espaciodespuésdelpárrafo 20 Curso de Diseño Gráfico
  • 222. CLASE 9 Convertirtextoencontornos Se puede convertir texto en un conjunto de trazados com puestos,o contornos,que se pueden editary m anipularaligualque cualquierotro objeto gráfico. Eltexto com o contorno resulta de utilidad a la hora de cam biarla apariencia de un texto grande en pantalla, pero raram ente lo son para el cuerpo u otro texto de tam año pequeño. La inform ación sobre el contorno de las fuentes procede de los archivos de fuentes instalados en elsistem a.Alcrearcontornos a partirdeltexto,los caracteres se convierten a sus posiciones actuales;conservan todo elform ato gráfico com o su trazo y relleno. Cuando se lleva eloriginalde la pieza gráfica diseñada a la im prenta,se debe convertirel texto en contornos o curvas,ya que la im prenta podría no tenerla fuente. Para pasar texto a curvas, se selecciona eltexto, botón derecho delm ouse y click en CREAR CONTORNOS. texto norm al texto convertido Curso de Diseño Gráfico 21
  • 223. CursodeDiseñoGráfico CLASE10
  • 224. CLASE10 TemasImagencorporativa
  • 225. CLASE10 Indice Imagencorporativa..........................................................................................1 Signosidentificadores......................................................................................8 Rediseño de marcas. .........................................16
  • 226. CLASE10 Imagen corporativa Es la personalidad de la empresa, lo que la simboliza, dicha imagen tiene que estar impresa en todas partes que involucren a la empresa para darle cuerpo, para repetir su imagenyposicionarestaensumercado. Laimagencorporativaeslamanera porlacualtrasmite,quiénes,quées, quéhaceycomolohace. Esunelementodefinitivodediferen- ciaciónyposicionamiento. Marca Esunsignográficoquehacerefe- renciaaquienemiteelmensaje. Su función es la de identificar al emisor, la marca es el principio mismo de la identidad visual, la forma primaria de expresión de la identidad. La marca se inserta fuertemente en el sustrato social, gracias a la gran difusión de la misma en la comunicación publicitaria. La marca debe cumplir una fun- ción diferenciadora dentro del contextoenqueactúa,paraqueel receptor sea seducido por la mis- ma. CursodeDiseñoGráfico 1
  • 227. CLASE10 Paraqueunamarcaseaefectivadebecumplirconlossiguientesrequisitos: Sintética:Elementosjustosynecesarios,decirmuchoconlomínimo. Pregnante: Fijarse en la mente del receptor, su estética debe ser agradable y de fácil recordación. Clara:Debeevitarlasconfusionesenlacomunicación. Original:Parapoderserdiferenciadora. Potente:Debetenerunimpactovisualyemocional. Adaptable:Setienepoderadaptaralosdistintossoportesenqueseráutilizada,debeser flexibley atemporal,paraperdureatravésdeltiempo. Lamarca debe establecer un vinculo emotivo con el receptor, éste debe "apropiarse" de la marca, que deberá ser querible, creíble y confiable. De acuerdo al tratamiento que se le dé, la marca cobrará su forma de ser, es decir , su estilo. Logotipo:grupodeletras,símbolos,abr eviaturas, cifras etc, fundidas en solo bloque para facilitar una composición tipográfica, no es más que la firma de la compañía que se puede aplicar a todas clases de material impreso o visual. Isotipo:serefierealaparteicónica(dibujo).
  • 228. CLASE10 2 CursodeDiseñoGráfico
  • 229. CLASE10 Funcionesparaqueunisotiposeaefectivo: -información:transcripciónfielyseguradelmensajealreceptor. -indentificación:distincióndelelementocomoúnicoensucontexto. -representatividad:extraccióndelossignificadosmáscercanosasugénero. -legibilidad:compresiónrápidaycorrectadelasformas. -pregnancia:capacidaddecaptaciónyparticipacióninmediatadelasformas. -persuasión:inducciónempáticayseductoradelasformasconelpropósitodeserlame- jor elección. -síntesis:economíaderecursossinpérdidadefuncionalidadycalidad. -originalidad:aplicacióndenuevassolucionesyrecursosúnicos. CursodeDiseñoGráfico 3
  • 230. CLASE 10 La marca es a la vez un signo verbal (1ingüistico) y signo visual (gráfico), es bicanal, es decir, audio-visual. Una marca se crea para ser vista, pero sobre todo, para ser verballzada: las marcas se piden por su nombre. Sonido y graflsmo se complementan en la marca Las marcas quevemos las recordamos mucho más que aquellas que escuchamos sinverlas. La memoria vlsual es muy superior a la memoria auditiva, si ambas se coordinan, el recuerdo es a(ln mayor. La marca debe ser Instantánea, tanto verbal como visualmente debe comunicar de inmediato. Marca Verbal adldas R. 6 . aaiaas Toda marca empieza por el nombre. Los nombres marcarios, más que textos son sonidos dotados de ciertas condiciones senslbles semc:jantes alasde las marcasvisuales. SegúnNorbertoChaves,en"LaImagen corporativa•, se pueden establecer 5 tipologías de nombres: Desc.r1ptlvos: Descripción slnt!tlca de la empresa o institución. Simbólicos: Aluden a la institución o empresa mediante una Imagen !Iterarla, que puede tener o no una relación con la entidad. Patronimlcos: Aluden a la Institución o empresa mediante el nombre propio de una personalidad clavede lamisma(duefto, fundador, etc). Descrlptlvo ri BANCOHIPOTKCAllO Slmb611co .. Patronlmlcos FUNDACIÓN FAVAlORO
  • 231. CLASE 10 -- ---- Toponímicos: Aluden al lugar de origen o área delnfluencla de laInstituciónoempresa. Contracciones: Construcción artificial mediante iniciales, primeras sílabas ofragmentos de palabras. Toponlmlcoa AiitBANCO DB LA l!!Y NACION ARGl!NTINA Conlracclones Alberto Willensky, en ·La promesa de la marca· establece las siguientes alternativas estratégicas para nombrar una entidad: Nombres propios: Personaflslcareal/Personafigurada/Persona real "exitosa• Nombres arbitrarios: No se relacionan directamente con laactividad empresaria, con lainstitución, nicon los productos. Slgla(lnlclales/Slglas): Es una palabra nuevaque pierde generalidad conviniéndose en un nombre «mixto» o Intermedio. Fantasía: Surgen de los productos mismos transformando alguna de sus propiedades o cualidades. (Sony, Colorín) o a partir de figuras o imágenes relacionadas con el producto (Cresta roja, Granja del Sol) o que tienen un significado claro, figurativo, pero no están relacionados al producto. (White horse,Pelikán) SONY. Las Leñas U E N D 0 Z A. R -ENT 'S'tbW Apple0 ------, -_ 7 METROPOLITANO t;¡¡t111:r·> ':J Le..... Curso de Diserio Gráfico 5
  • 232. CLASE 10 Nombres gen rlcos: Son nombres que acentúan lo social e institucional desde una pretensión de máxima amplitud y universalidad. (General Electric, Refinerías de Maíz, General Foods) Nombres referenciales: Son estrictamente referenciales de la categorfade producto. (Ámbito Financiero,Movicom) • MOVICOMONUSCU11-f Nombres referenciales geográficos: Son aquellos que le añaden a la denominación del producto o servicio una definición del área geográfica. (Banco de Galicia, Telefónica de Argentina, Banco de Boston) Estos nombres no reflejan necesariamente larealldad organizacional. El Banco de Galicia es accionariamente argentino, y el Banco Francés es mayoritariamente español. Air ada AlJIO.P'ORTS DE MONTRUL Nombres No-referenciales: Son nombres carentes por completo de significac ión, no significan nada ni contienen un significado oculto. (Kodak) Nombrestransgresores: Buscan generar un fuerte tono cprovocador> disruptivo en el mercado. (Auténticos decadentes, Ratones paranoicos,Redonditos de Ricota)
  • 233. CLASE 10 MarcaGráfica Signo visual cuya función específica es la de individua.lizar a una entidad.Este signo se rodea de una serie de referencias semánticas que enriquecen la función puramente denominativa (quién és), Incorpora rasgos descriptivos y/o valorativos que amplían su significación (qué y cómo és). Esta carga semántica se produce inexorablemente como resultado del proceso de posicionamiento social de laentidad, los atributos que se levan asignando a laentidad se adhieren a sus identificadores. La identidad institucional es un discurso que alude a los valores, atributos y virtudes especfflcos de una entidad (liderazgo, tradición, actualidad, capacidad tecnológica, etc). Las marcas gráficas, Infinitamente más !Imitadas que el discurso global de la identidad, deben optar por aludir e, incluso, apenas sugerir algunosdeesosvalores,losmásestratégicos. No es la marca grifica la encargada de trasmitir el posicionamiento de una organización, es el posicionamiento (que se comunica al público por diversos medios) el que termina por llenar de contenidos y significados a la marca gráfica. @ Hilton BuenosAires IRELLI a1wa AeropuertosArgu1tina 2000 La marca deuncompromlso JOHNLCOOKe Curso de Diserio Gráfico 7
  • 234. CLASE 10 • Los signos identificadores Podemos reconocer en las marcas gráficas, dos grandes familias, los signos de naturaleza verbal y los de naturaleza icónica (noverbal). Toda organización cuenta con una forma, más o menos normalizada, de graficar su principal identificador: su nombre. Estos signos de naturaleza verbal, que llamaremos signos fonogramiticos, presentan un tratamiento formal diferenciado, que les otorga un carácter único, y permite diferenciarlos de las palabras escritas. En los de naturaleza icónica podemos distinguir distintos grados de analogia. Aquellos que presentan una relación de analogía con el objeto que representan, los llamaremos signos 1cónicos analógicos. Son aquellos cuya sintaxis es el producto de la elección de rasgos significantes o pertinentes del referente (objeto representado) con la intencion de guardar una relación de analogía con el mismo. El objeto representado puede ser de naturaleza real, simbólica o imaginaria. Signos fonogramáticos TodoNotlclas FLENI Signos icónicos analógicos aouamar1n vOLvER 8 Curso de Diseno Grafico
  • 235. CLASE 10 Aquellos signos icónicos que noguardan unarelación deanalogía conalgún objeto, los llamaremos signos lc6nlcos no·analóglcos. En estos signos su significación está dada por lasintaxis de las formas que loconstituyen, por eso también los llamaremos íconosderelación o diagramas. Encontramos también signos identificadores, o marcas gráficas, constituidos por una combinación sintáctica sólida entre lo fonogramático y lo icónico. (ej. Bmw,wolgswagen, etc.) Cada tipo de signo tiene sus posibilidades y limitaciones que determinan su pertinencia o no a cada caso de identificación particular. El diagnóstico del contexto (rubro) definirá que tipo de signos son los adecuados y cuáles están desaconsejados o resultan perjudiciales. Signos icónicos no-analógicos Abordaremos, para su análisis y generación, a los signos identificadoresapartirdetresdimensionea: lasintáctica,la seméntlca ylapragmétlca. La dimensión sintáctica explora todo lo inherente al ícono como representación gráfica. Se concentra sólo enlalascaracteñatlcas físicas de laimagen-objeto. Analiza la selección de los rasgos y susarticulaciones envirtud de lapertinencia enlarepresentación del objeto. MAIUNE NATIONALE Curso de Diseño Grafico 9
  • 236. o[D1 kQ.Q ,I. CLASE 1O * e Ladimensiónsemántica contempla losaspectosexpresivosdel ícono, loanaliza como materiasignificante, atendiendo ala ® referencialidad de cada uno de los componentes de la sintaxis, analizando asuvez, losposibles recursos retóricosaplicados en la A generación de lacomposición gráfica. oE RA Ladimensión semántica tiene como propósito analizar la capacidad y potencialidad de la imagen como transmisora de mensajes y productora de sentido. Ladimensión pragmática analiza al íconoenrelaciónalsujeto (destinatario/usuario) yalcontextoespecifico. Serefieretanto alalegibilidaddelsigno (ensímismoy respectoa condiciones contextuales) como asudecodificación (significación atribuida).Seanalizalavinculacióndelsignoconelcontexto,su tecnologíadereproducciónylasdimensionesdeusoyaplicación. También analiza lascaracterfsticas particulares de los usuarios y cómoéstaspuedenderivarencondicionantesalahoradela percepción e interpretación de los signos. Signos Fonogramáticos MInewbalance Tipologías de configuración: Iniciales, siglas y palabras. Nivel sintáctico llCllConstrucción tipográfica del signo. Incluye laelección tipográfica, su armado, configuración y tratamiento gráfico. Familiatipográfica. Es el punto de partida para el diseño del signo. El criterio de eleccl6n estará dado por motivos sintácticos ysemánticos. íl Sigla •Inicial Palabra 1O Curso de Diseño Grafico
  • 237. o[D1 kQ.Q ,I. CLASE 1O BRAun E)f{ON marieclaire Sans Serlf • • H:ON'DA. Egipcia Romana Caligráfica/ Decorativa Variables tipográficas Permiten realizar modificaciones formales y/o establecer jerarquías visuales en el signo. Decuerpo/ Detono/Deinclinación/ Decondensación BELLSOUTH deCuerpo de Tono de lncllnat16n de Condensacl6n Caja Lacajatipográfica afectaalaconstrucción delsignoydefine la relación del cuerpo tipográfico con las astas ascendentes y descendentes. Mayúscula / Minúscula / Mayúscula y minúscula Curso de Diseño Grafico 11
  • 238. CLASE 10 MaN •N • construct1va 1llliiiill sMayúscula Minúscula Mayúscula y minúscula Operaciones realizadas Existe una amplia gama de operaciones sintácticas para realizar con los signos fonogramáticos de las cuales se muestran los siguientes ejemplos: Simetría Figura-fondo Sustitución Omisión NE!W I!!'a-r- OCTAVO lial. Slmetrfa Figura-fondo Sustitución :u :<AI IAELLI TratamientoGráfico Omisión Deformación Son los recursos gráficos aplicados en lageneración del signo, vinculados a su morfología y a las herramientas utilizadas. Líneas Uniforme Sensible Continua Abierta Gestual Líneas GoldStar Uniforme Sensible Geométrica constructiva llolpolnt- contrnua EXPRESO Ablena Gestual Geométrh::a l..!!!!!!!!m••Br 12 Curso de Diseño Grafico
  • 239. CLASE 10 Superficies Plenas Perimetralas Texturadas ( L Jf ? . , -- ---- Tramadas plenas texturadas perimetradas -- --_-,-_-tramadas Espacialidad Es la relación de las formas respecto a la ilusión espacial. Bidimensional Tridimensional Nivel semántico Es el plano de loconnotado, donde se establece laproyección simbólica del signo. El signo se carga de valores que varían de acuerdo con los distintos receptores y las distintas culturas. (Recordemos que estos valores surgen en su mayoría del posicionamiento de la entidad y terminan impregnando de significado al signo). Referencialidad del fonograma Al nombre/ Al rubro Nivel pragmático Relación del signo con el contexto y con el usuario. Legibilidad Es el reconocimiento del signo como elemento gráfico en sí, y también, en las diferentes situaciones de Interacción con el contexto en el que se Inserta.
  • 240. CLASE 10 CHEEkY NICltELODEON PLAYsl<CQL DELOS ANDES
  • 241. CLASE10 ISOLOGOS CIRCULARES 14 CursodeDiseñoGráfico
  • 242. abe CLASE 10
  • 243. CLASE10 Ejercicio:Sobreestosejemplosdelogoscirculares,clasificarloscon respectoalosconceptosanteriormentevistos. REDISEÑODEMARCAS 16 CursodeDiseñoGráfico
  • 244. CLASE 10 "".......... """" nr. ......_ ••,,. .--...,111111 """,._......_. e. .............. "" --. ---.c, o BEST 8uv· Curso de Diseño Grafico 1 7
  • 245. CLASE 10 C1scoSvs TEMS 11111111• CISCO AIR FRANCE 11/ ... AIRFRANCE I AT•T at&t CITROEN C::ITRO-En
  • 246. CLASE 10 DIRECTV SAJELLITt fEL_EVISfO DI RECTV s;.n11t LJTE TElE'VlStO N clnet cnet NBC kUNIVERSAL "--./ Curso de Diseño Grafico 19
  • 247. CLASE10 Ejercicio:Elegirunodeloslogosanterioresyproponerunrediseño. 20 CursodeDiseñoGráfico
  • 248. Curso de Diseño Gráfico CLASE 11
  • 249. Temas Im agen corporativa
  • 250. CLASE 10 Indice Plagio de m arcas..................................... 1 Proceso de Diseño delsigno básico de Identidad Visual ............7 Brief..............................................7 Conceptualización y planteam iento de losatributos...............9 Cam inoscreativos ..................................... 9 Grilla Constructiva y Pauta Modular ........................ 10 Pauta Modular ...................................... 12 Ejem plosde procesos ................................. 18
  • 251. CLASE 11 PLAGIO DE MARCAS Curso de Diseño Gráfico 1
  • 252. /} FLASHMXProfess1onal 11 ASIOTERAPIA Argüelles ,,,, 1SECO N D :!j LIFE sinarmas AIRBUS OK INTERNET searchmash smashLAB
  • 253. vr o Ima.rtcom ci pPhotoObjects.net artworkers QScottishArtsCouncil auark Q Scottish Arts Council University of '5'PhoeruxM " Thinking ahead. Laboratorios Pl-U XCompromisoporlaSalud Britisht:>Paints paganosborne
  • 254. 11 1H A R 8 O R K 1..'......,;,.1 NBC NEBRASKA ETV NETWORK t?,a+ C.StAÑ'L
  • 255. 11 cingular raising thebar ORICINAL SCOTS WHISKY campaña Donantes deS.sngre Voluntarlos 2006 Bladcbum Madrid
  • 256. metro ¡;; TE N ER IF E IOI OPSE11 111!ill Spaces ubuntu THEARTOFPEACEFOUNDATIONWISDOl.tACTION.FRIB>OM. Vivir Mejor 0BIGFIX TELEMADRID SAT Movielink 6 OJrso de IJseño Qáfioo
  • 257. CLASE11 ProcesodeDiseñodelsignobásicodeIdentidadVisual • Recopilación de datos. • Análisis de la com petencia. • Búsqueda de inform ación sobre eltem a en diversas fuentes. • Realización delbrief. • Conceptualización y planteam iento de los atributos. • Cam inos creativos. • Diseño:alternativas (form a,color,tipografías). • Grilla constructiva y pauta m odular. • Digitalización. • Elección de la alternativa m ás adecuada. • Fundam entación delproceso de diseño. Brief Es un resum en donde se citan las características,m etas y entorno,a grandes rasgos,de una em presa o producto. Nos perm ite conocer m ejor alcliente y asítener un m ejor panoram a para realizar una planeación m ás efectiva sobre la cam paña de diseño a realizar. Realización del brief Sobre la empresa o producto: 1.- ¿Cuál es la historia o antecedentes de la empresa? 2.- ¿Cuál es la misión? 3.- ¿Cuáles son los objetivos de la empresa o producto 4.- Enumere sus productos y servicios, o los beneficios del producto 5.- Defina en una sola frase su empresa o producto Sobre el mercado: 1.- ¿Cuál es su mercado objetivo? 2.- ¿Cómo quiere ser percibido por sus clientes? 3.- ¿Qué diferencia su producto o servicios sobre los demás? Curso de Diseño Gráfico 7
  • 258. CLASE11 Sobre la competencia: 1.- ¿Quién es su competencia? 2.- ¿Cuáles son las ventajas que tiene sobre la competencia ? 3.- ¿Cuáles son las desventajas contra la competencia? 4.- Existe algún competidor de referencia ¿Quién es y por qué? Sobre el entorno o contexto: 1.- ¿Qué tendencias o cambios afectan a la industria? 2.- ¿Qué visión de su empresa tiene a corto y mediano plazo? 3.- ¿existe alguna forma de medir la efectividad de su producto o servicio? 4.- ¿Cuál es? Sobre las estrategias de comunicación: 1.- ¿Ha implementado estrategias de comunicación anteriormente, cuales? 2.- ¿Qué resultados obtuvo? 3.- ¿Qué podría afectar el éxito de su empresa o producto? 4.- ¿Tiene planes de expansión de su empresa o desarrollos de nuevos productos en un corto plazo? 5.- ¿Cuáles? Información adicional: 1.- En este punto se anexa información pertinente sobre aportes del cliente, comentarios, gustos, tendencias, etc. Es im portante resaltarque eldocum ento briefdebe serflexible y es necesario adecuarlo a las condiciones deltrabajo en particulary las necesidades delcliente,en todo caso la anterior lista da una idea general sobre la cual se pueden hacer m odificaciones o adiciones que perm itan concebirde una m anera clara las pautas para un diseño exitoso. 8 Curso de Diseño Gráfico
  • 259. CLASE11 Conceptualizaciónyplanteam ientodelosatributos Son las características que m ás identifican a una em presa,que los diferencian y m arcan su propia identidad. Los atributos son aquellas cualidades esenciales y m ás identificadoras de la Institución que luego se traducirán en signos gráficos. Los atributos son selectivos, deben elegirse por ser cualidades notorias, fundantes, estructurantes y evidentes delcom portam iento de la institución. Deben poseer gran poder persuasivo porque contribuyen a configurar la im agen de la institución en la m ente delreceptor.Tam bién,deben servalores originales,auténticos y propios de la organización a representar. Cam inoscreativos Los cam inos creativos que nos perm iten llegar a la fase de bocetaje son infinitos. Com prenden diversas técnicas que estim ulan la creatividad y abren un abanico de posibles soluciones a un m ism o problem a. Brainstorm ingolluviadeideas Consiste en buscar una idea disparadora, que puede ser uno de los atributos institucionales,y ano tarto das aquellas palabras que vayan surgiendo,resulten lógicas o no,para luego analizarla viabilidad de cada una y su posibilidad de serrepresentada gráficam ente. Curso de Diseño Gráfico 9
  • 260. CLASE11 Otra técnica consiste en tom ar cada atributo y plantear cóm o sería su representación gráfica en cuanto a lo form al,lo crom ático y lo tipográfico. GrillaConstructivayPautaModular Las alternativas que resulten m ás viables deben ser trabaja-das en base a una Grilla Constructiva y una Pauta M odular, realizadas en un prim er m om ento sobre papel cuadriculado,para ircontrolando las proporciones antes de la digitalización. La grilla constructiva es el trazado geom étrico que pone de m anifiesto el proceso de construcción de las form as. 10 Curso de Diseño Gráfico
  • 261. • coro . 11 carabella 1,,.Cou 1uni'r'.11.¡;a 11/ MEBISA MEBISAMETALURGICA BIANCHI S.A. METALURGICA BIANCHI A abasto
  • 262. CLASE11 PautaModular Es eltrazado geom étrico que pone de m anifiesto las relaciones de proporción entre las form as, las cuales una vez determ inadas, se deben establecer las distancias que existirán entre ellas. Para ello se determ ina una unidad de m edida que es propia y particularde este tipo de m edición:elm ódulo base. Elm ódulo base se establece con la form a de un cuadrado o un rectángulo de m edidas establecidas a criterio deldiseñador,y generalm ente se le asigna una letra. Una vez definido elm ódulo base,se disponen los elem entos com ponentes de la m arca m idiendo las distancias entre ellos con elm ism o. Las m ediciones básicas que deben estar presentes en una pauta m odular son las siguientes: • Ancho y alto totalde todo elsigno básico,incluyendo isotipo y logotipo. • M edidas de cada elem ento com ponente delisotipo. 12 Curso de Diseño Gráfico
  • 263. CLASE11 • Distancias entre cada elem ento com ponente delisotipo. • Distancia entre isotipo y logotipo. • M edidas de alto y ancho dellogotipo. Curso de Diseño Gráfico 13
  • 264. CLASE11 Ejercicio 1:Hacersignosde lossiguientesconceptos: CULTURA /ELEVACIÓN /UN DEPORTE A ELECCION ISOLOGOS CULTURA 14 Curso de Diseño Gráfico
  • 265. e : 11 ( /1(. / caLriiRA Secretaría de Cultura FEUU - 2010 5.ntlqoct. Ctlll• f 91 10 111 1Oclubre12009 Cullura
  • 266. CLASE11 ISOLOGOS GOLF 16 Curso de Diseño Gráfico
  • 267. CLASE11 ISOLOGOS ELEVACION Ejercicio 2 Escribir2palabrasy m ediante signosrepresentaresaspalabrasen blanco y negro,luego transform arlasen isologos. Ejercicio 3 1.Elegiruna fotografía de la siguiente palabra:ENERGIA. 2.Buscaren eldiccionario su significado. 3.Hacerun listado de palabrasque tengan relación (atributos). 4.Tom ardospalabrasde ese listado y representarlo en form a de signo. 5.Llegara un signo final.
  • 268. CLASE11 Curso de Diseño Gráfico 17
  • 269. CLASE11 EJEM PLOS DE PROCESOS 18 Curso de Diseño Gráfico
  • 270. 11 º••º •••• :....,._. Brokers Direct •• OJrso de Dseño Gáfico 19
  • 271. :,¿Brokers Direct BrokersDirect BrokersDirect Brokersflirect BrokersDirect OPSE11 Brokers Direct one-on-one1nsurance 20 OJrso de IJseño Qáfioo
  • 272. 11 lnflntte • inflnJty • co = cf' "F" • as In • F • f - .ffreedom and Fedora Federa • the t9 = volee of the community tnfinity freedom volee
  • 273. --c:tcro;..,1. c:w --......p 1 j.w ti' G-- l hl""l r,J.., -,. ·. -..-............. '-" ' -. .......... ,""' , - e_... -., - .., t i - V-......X--'O ... we-_...._- "-s? h2 h2 ó-110 M g gM: ][ 1 M 2 HENRI EHRHART V INS FINS D'A LSACE o do- 1l'F e"""' "1. «inu) ,... l Jtt.d .. "-'l..-.o....... .J OPSE11 22 OJrso de IJseño Qáfioo
  • 274. 11 t a m m y 1e n s k iuc ta m m y 1 e n s k iuc HTML 5 tommylenski ..e tommy 1en ski ..e tammylenski uc
  • 275. 11 o Tammy Lenski TammyLenski LC tammylenski Lle J ddd d2 doche dache Jache O dachech +
  • 276. -'t ¡ 1 ' . ' .' ..' .·-- . OPSE11 ! .---, t i ( j1... l • • .. "··--T.--------- --•1 '. .' ..... ,....f t:,mindberry • mindberry Grooveshark OJrso de Dseño Gáfic:o 25
  • 277. Curso de Diseño Gráfico CLASE 12
  • 278. CLASE12 Temas Papelería institucional
  • 279. CLASE12 Indice Papelería corporativa ..................................1 Hoja m em bretada ....................................6 Tarjetaspersonales ...................................8 Carpeta m em bretada ..................................9 Sobre m em bretado .................................. 15
  • 280. CLASE12 Papeleríacorporativa ElSistem a Identidad Visuales un sistem a form ado poruna cierta cantidad de piezas,en las cuales se aplica o activa eldiseño delsigno básico de identidad con toda su carga sintáctica y sem ántica. Es elprim erpaso en elposicionam iento de la m arca en la m ente delpúblico m eta. Son diferentes piezas que contienen la im agen para su recordación e identificación. Tam bién sirve para publicitarla m arca. Recursos constantes: • La presencia delisologotipo. • La construcción generalen bloques. • Eluso de la tipografía y los colores institucionales. • Los datos de dirección y teléfono de la Institución.
  • 281. CLASE12 Curso de Diseño Gráfico 1
  • 282. a.PSE12 -Jlll ... 2 OJrso de IJseño Qáfioo
  • 283. a.PSE12 scrmp_t ·- O..irso de Dseño Gáfic:o 3
  • 284. 12
  • 285. . a.PSE12 • ,_ i? , l n O..irso de Dseño Gáfic:o 5
  • 286. Hojam em bretada Sirve para enviarcom unicaciones escritas. Funciones CLASE12 • Transm itirun m ensaje. • Proporcionar un espacio de escritura para ver ter inform ación relacionada con la em presa en su totalidad (nom bre, dirección, e-m ail, teléfonos y otras vías de com unicación). • Vehiculizarla identidad institucional.
  • 287. 6 Curso de Diseño Gráfico
  • 288. ,• • 12 ·------ - • ...r ' •
  • 289. Tarjetaspersonales CLASE12 Es una pieza de pequeño form ato,que siem pre se guarda y,por lo tanto,debe llevar todos los datos que elcliente considere necesario com unicar. La tarjeta puede llevar el nom bre de alguna persona en particular o sim plem ente presentara la Institución. 8 Curso de Diseño Gráfico
  • 290. a.PSE12 O..irso de Dseño Gáfic:o 9
  • 291. a.PSE12 1O OJrso de IJseño Qáfioo
  • 292. a.PSE12 O..irsodeDseñoGáfic:o 11
  • 293. a.PSE12 12 OJrso de IJseño Qáfioo
  • 294. Carpetam em bretada CLASE12 Es una pieza que se utiliza para contener,m antenery transportarinform ación relativa a la em presa, dotándola de una estética talque identifique fielm ente a la m arca y que pueda ser utilizada para propósitos m últiples: alm acenar docum entos, cotizaciones, presupuestos,publicidad e inform ación. Curso de Diseño Gráfico 13
  • 295. 12 ... •••
  • 296. CLASE12 Sobrem em bretado Funciones delsobre Las funciones esenciales de esta pieza gráfica son: • Contenery protegerelpapelcarta y otras pie zas que en él se incluyan. • Vehiculizarla identidad institucional. • Visualizarse com o parte integrante delsistem a. La vida útildelsobre es corta com parada con la delpapelcarta y tarjeta personal,pero tam bién es cierto que constituye elprim ercon tacto delreceptorcon elm ensaje institu- cional.
  • 297. CLASE12 Curso de Diseño Gráfico 15
  • 298. CLASE12 Ejercicio 1:Realizarun sistem a de papelería institucionalcon el isologo de Twitter. 16 Curso de Diseño Gráfico
  • 299. Curso de Diseño Gráfico CLASE 13
  • 300. Temas Diseño Publicitario
  • 301. Indice Definición de Publicidad ................................1 Historia de la Publicidad ................................ 2 Tiposde Publicidad ................................... 5 Funcionesde la Publicidad ............................. 10 Objetivosespecíficosde la Publicidad .......................11 Diferencia entre Propaganda y Publicidad.................... 11 ElProceso de Com unicación Publicitaria .................... 12 Creación de efectosespeciales .......................... 17 Transparencia .......................................20 Modosde fusión .................................... 21 Efectos .......................................... 25
  • 302. CLASE13 DefinicióndePublicidad Es una técnica de com unicación m últiple que utiliza en form a paga m ediosde difusión, para la obtención de objetivos com erciales predeterm inados,a través de la form ación, cam bio o refuerzo de la actitud de las personas som etidas a su acción. Es una técnica,la cuales un procedim iento,un m odo de realizaralgo.No es una ciencia porque no tiene un cuerpo teórico propio.Ella tom a elem entos de las dem ás ciencias para fundam entar su acción,para crear una base teórica propia,principalm ente de las ciencias sociales y económ icas. En la com unicación se pueden distinguir3 tipos: Com unicación personal:entre personas.Se da en form a directa (en un superm ercado, porteléfono,etc). Com unicación institucional:entre personas que integran una organización. Se da en form a directa o indirecta. Com unicación m asiva:aquella que se da entre elem isory un gran núm ero de personas. Es indirecta. Lapublicidadesunatécnicadecom unicaciónm asiva. Es m últiple, trata de centrar, de segm entar la com unicación en un tipo de público en particular. Utiliza m ediosdedifusión,las cuales son em presas que obtienen rentabilidad a partirde la venta de espacios para publicidad.Y lo hace en form apaga,es decirse debe pagaral m edio de difusión. Tiene finescom erciales,de lucro,es decirque se basa en invertiruna cantidad de dinero para obtenerun m onto m ayor. La actitud es un preconcepto, una idea previa, un prejuicio que una persona tiene respecto a una situación,producto o persona.Form a parte delinterior delindividuo,la cualdeterm inará una conducta. Curso de Diseño Gráfico 1
  • 303. CLASE13 Elobjetivo de la Publicidad es actuarsobre las actitudes de las personas. Tiende a generar actitudes positivas frente al producto, debe establecer preferencia, debe logrartam bién un cam bio de actitud. HISTORIADELAPUBLICIDAD La publicidad es un invento m uy antiguo,pues siem pre hubo necesidad de contarquién fabricaba ciertas cosas y dónde se podían adquirir. Las prim eras m uestras de publicidad com ercialse encuentran en la antigüedad rom ana,donde cerca delforo se exponían las tablillas que anunciaban ventas o m anifestaciones teatrales. Elprim erobjeto publicitario conocido apareció en un papiro egipcio,cuya antigüedad es de casi3000 años. Luego en Grecia aparecen los prim eros soportes publicitarios. En la Edad M edia,la única publicidad com ercialde la que se tiene noticia es de carácter oral. Elcartelaparece en elsiglo XV;elprim ero delque se tienen noticias fue im preso en París en 1482. A partirde aquílas form as de hacerpublicidad fueron en contino aum ento;pero elacto decisivo para la consolidación de la publicidad com ercial,en su sentido actual,fue la aparición de los periódicos. 2 Curso de Diseño Gráfico
  • 304. CLASE13 Los prim eros aparecen en elsiglo XVIII:"The Tim es" en 1785,y "Diario de Barcelona" en 1792. Con eldesarrollo industrialla publicidad adquiere una gran relevancia,y las em presas publicitarias ven aum entar sus beneficios y su prestigio. Por aquel entonces los anunciantes no se preocupaban porestudiarelm ercado,la psicología de la clientela o la tipografía,elem entos que síestán presentes en cualquiercam paña publicitaria actual. Con la Revolución Industrialaparecen nuevos térm inos:stock,oferta y dem anda,capi- talism o;se form an los ―agentes‖que son tipos de agencias publicitarias. En los siglos XIIIy XIV se desarrolla elrótulo com o form a publicitaria,em pezando asíla seducción porm edio de la presentación. A partirdelsiglo XVIIIhasta nuestros días,la Publicidad ha experim entado un desarrollo ininterrum pido. Curso de Diseño Gráfico 3
  • 305. 13 4 G.Jrso de 09:1'o Gáfioo
  • 306. TIPOSDEPUBLICIDAD(porobjetivosgenerales) ● PUBLICIDADDENOTORIEDAD CLASE13 Uno de los efectos que busca la publicidad es la notoriedad,un efecto de visibilidad.Es de lo m ás fácilde conseguir. Este tipo de publicidad es una inversión,no sólo pretende dara conoceralgo,sino que a largo plazo crea posicionam iento.Llam arla atención es fácil,pero luego hay que versies positivo o negativo. Norm alm ente lo em plean las em presas pequeñas que tom an la publicidad com o gasto y no com o inversión y m uchas veces no lo hacen pornecesidad,sino porelentorno en el que está (m icom petidorlo hace,yo tam bién). Portanto,este tipo de publicidad funciona para los pequeños com ercios,em presas,etc.que buscan resultados rápidos. ¿Qué m edios son los m ás apropiados para difundirlos? + Radio + Prensa Local + Publicidad en transportes Objetiv o: + Dara conocer + No obtenernecesariam ente grandes ventas ● PUBLICIDADINFORMATIVA: Se da inform ación sobre productos y servicios especiales (los que aunque los com pre el consum idor norm al, los com pra de vez en
  • 307. cuando). Ej: Cám aras de fotos, asesorías fiscales,m edicam entos para m édicos,etc. Es decir,tam bién productos y servicios de características profesionales. Curso de Diseño Gráfico 5
  • 308. Hay que darinform ación de verdad.Se busca convencerracionalm ente.Hay que daruna gran cantidad de datos. Los m edios m ás adecuados: + las revistas especializadas (porque segm entan m uy bien las audiencias). ● PUBLICIDADPERSUASIVAORACIONAL Es una de las m ás im portantes.Se tiende a pensarque toda la publicidad es persuasiva, pero no. La persuasión depende de la organización de los datos de form a lógica,racional. A la vez de vender atributos (zapatos lindos),hay que vender elbeneficio delatributo (pies cóm odos). Influiren las decisiones de los consum idores. 6 Curso de Diseño Gráfico
  • 309. CLASE13 ● PUBLICIDADSUGESTIVAOEMOCIONAL Funciona con categorías de productos con atributos cualitativos. No son reales, sino sím bolos equiparables alconsum o sim bólico. Se usan racionam ientos em ocionales,ej.productos com o autos de lujo. Las categorías que se benefician de este tipo de publicidad son:perfum ería,café,M oda, etc. M edios idóneos:revistas con una alta calidad de im presión y Cine. Curso de Diseño Gráfico 7
  • 310. CLASE13 ● PUBLICIDADDERECUERDO Es la que cum ple la función de recordarnos alguna cam paña anterior bien persuasiva o bien sugestiva. Com o m edim os la influencia m ediante las actitudes,debem os tener en cuenta que si influim os podem os increm entarla actitud positiva,o dejarneutra una actitud negativa. Es decir,sim odificam os las actitudes con la cam paña y luego no realizam os un recuerdo, las actitudes pueden volvera su estado inicial. Los jingles funcionan m uy bien com o recuerdo. 8 Curso de Diseño Gráfico
  • 311. CLASE13 ● PUBLICIDADCOMERCIAL Son cam pañas de las grandes tiendas ej.Carrefour,Jum bo,Garbarino,etc. Son cam pañas que hacen que rote elproducto. M edios a utilizar: + Prensa Diaria + Exterior + Radio + TV
  • 312. CLASE13 Curso de Diseño Gráfico 9
  • 313. CLASE13 Ejercicio 1:Buscardospublicidadesgráficasde cada una de lostipos de publicidadesanteriorm ente vistas. Ejercicio 2:Elegiruna m arca y buscarpublicidadesde acuerdo a la clasificación vista anteriorm ente. FuncionesdelaPublicidad ● Función Económ ica:La Publicidad activa elconsum o,m oviliza dinero,se relaciona con la oferta y la dem anda.Tiene un nexo con la circulación,producción y consum o de bienes. ● Función Financiadora:relacionada con la función económ ica,la Publicidad financia los m edios de com unicación. Tiene un riesgo: la presión ideológica del anunciante al m edio. ● Función sustitutiva:la Publicidad sustituye un objeto real(producto)porun elaborado m ensaje que no necesariam ente enseña lo que elproducto es. ● FunciónEstereotipadora:la Publicidad crea estereotipos,vende m odelos de personas. Tiende a igualargustos,criterios,ideales.Es artificial,irreal. ● Función desproblem atizadora:la Publicidad tiende a presentar un m undo divertido, lúdico, fascinante. M uestra el lado lindo, positivo. Pretende desdram atizar la vida cotidiana,suavizarlos problem as.Tiene que vercon los sueños. ● Función conservadora:la Publicidad enseña lo ya visto,habla de lo ya hablado.Detrás de su aparente innovación,lo que en realidad procura es hacerparecercom o nuevo lo ya aceptado. 10 Curso de Diseño Gráfico
  • 314. CLASE13 OBJETIVOSESPECÍFICOSDELAPUBLICIDAD Sepuedenclasificaren: INFORMAR: -com unicarla aparición de un producto nuevo -describirlas características delproducto -educaralconsum idoren eluso delproducto -sugerirnuevos usos para elproducto -inform arsobre un cam bio de precio -crearuna im agen de la em presa -apoyarcausas sociales PERSUADIR: -atraernuevos com pradores -increm entarla frecuencia de uso -increm entarla cantidad com prada -crearuna preferencia de m arca -que com pre ahora -anim ara cam biarde m arca -proponeruna visita a un establecim iento RECORDAR: -m anteneruna elevada notoriedad delproducto
  • 315. CLASE13 -recordarla existencia y ventajas delproducto -recordardónde se puede adquirirelproducto -m antenerelrecuerdo delproducto fuera de tem porada -recordarque elproducto puede necesitarse en elfuturo DiferenciaentrePropagandayPublicidad La Publicidad tiende a la obtención de beneficios com erciales, en tanto que la Propaganda tiende a la propagación de ideas políticas,filosóficas,m orales,sociales o religiosas,es decir,com unicación ideológica. Curso de Diseño Gráfico 11
  • 316. CLASE13 ElProcesodeCom unicaciónPublicitaria Es un proceso dinám ico y transaccional,m ediante elcualun em isortransm ite m ensajes significativos a un receptor con la finalidad de hacerle llegar una determ inada inform ación que lo persuada según convenga a sus propósitos, recibiendo luego una respuesta delreceptor – por inversión de roles – que determ inara una nueva fase del m ism o proceso. 12 Curso de Diseño Gráfico
  • 317. CLASE13 1. Em isorinteresado La em presa anunciante. Es la em presa com o entidad la que em ite com unicación referente a sim ism a o a sus productos o servicios para lograrsus objetivos com erciales y em presarios.Este em isor: Form ula políticas de com unicación: principios casi doctrinales en lo referente a com unicación que deben sersiem pre respetadas. Determ ina necesidades de com unicación: la em presa anunciante, en función de sus planes de m arketing y de sus objetivos em presarios, determ inara cuales son sus necesidades de com unicación. Fija los objetivos: La acción publicitaria y por lo tanto sus objetivos, esta totalm ente subordinada a la acción de la em presa com o entidad y a las que ella realice com ercialm ente para sus productos. Em isortécnico Está capacitado para investigar y conocer las actitudes del receptor, evaluar y com prender la profundidad y lim ites de sus conocim ientos y m anejar el código que resulte m ás apto para hacerse com prender.Su tarea profesionales elim inar,m inim izar, dism inuiry reducirlos ruidos que son propios delproceso de com unicación. Elem isortiene conocim ientos,los cuales pueden serespecíficos o generales.Específicos son aquellos que elem isorposee porsu profesión o especialidad y generales son los que elindividuo adquiere porsu educación. Los em isores poseen actitudes porque estas están constituidas por todo lo que esa persona piensa y siente con respecto a hechos,circunstancias,afirm aciones,personas, idearios,instituciones,etc. Los em isores se expresan m ediante códigos.Código puede definirse com o elconjunto de cualquier naturaleza que tiene significado cierto tanto para el em isor cuanto para receptor,un código puede ser―secreto‖cuando elsignificado de los signos que se usan solo es conocido por elem isor y receptor,y ―notorio‖cuanto cualquiera que recibe el m ensaje puede com prenderlo. Curso de Diseño Gráfico 13
  • 318. CLASE13 Existen códigos: orales (las palabras), escritos (expresados a través de signos que perm iten la representación gráfica), icónicos (se trata de aquellos cuyo signos son im ágenes), crom áticos (aquellos que em plean el color com o form a de expresión), sim bólicos (aquellos que gráficam ente significan por sem ejanzas, correspondencia o convención un concepto m aterialo intelectual),sónicos (los que se expresan m ediante sonidos)y visuales (los que utilizan signos visuales). Canal Vía de com unicación porla cualelm ensaje es transportado. Elm ensaje Es elcontenido de la inform ación que se desea transm itir.Para m aterializarun m ensaje elem isorpuede valerse de cualquierrecurso que lo efectivice validam ente.En cualquier m ensaje pueden distinguirse los siguientes com ponentes:Contenido (lo que elm ensaje dice), código (com o se dijo m as arriba), contexto cercano (todo aquello que rodea al m ensaje en elm edio o canalque lo transm ite,incluyendo elm ism o m edio o canalque lo contiene)y contexto am biental(form a este contexto todo aquello que rodea alreceptor en elm om ento en que esta recibiendo elm ensaje). Receptor Es la persona que recibe elm ensaje.Siem pre individual,aun cuando form a parte de una audiencia,cada individuo es un receptor,único y diferenciado. Desde la óptica del em isor, el receptor es el destinatario de la com unicación. Este receptor, talcom o sucede con elem isor, ostenta los m ism os tipos de características: tiene actitudes,posee conocim ientos y se expresa m ediante códigos. El proceso de com unicación es transaccional, un proceso reciproco de em isión / recepción en elcualelem isor y elreceptor se afectan m utuam ente alenviar y recibir m ensajes. Inform aciónasim ilada Toda la inform ación de cualquier tipo que elreceptor incorpora a sus conocim ientos, com o consecuencia de la asim ilación delcontenido de los m ensajes que elem isorcurso durante la com unicación. 14 Curso de Diseño Gráfico
  • 319. CLASE13 Retroalim entación Para que exista com unicación,debe existirnecesariam ente una respuesta delreceptoral em isor.Sino hay respuesta no hay com unicación,solo existió la difusión.La respuesta le perm ite alem isorconocerdos hechos fundam entales para su condición de tal:saberque elm ensaje fue recibido y enterarse de cualfue su efecto. Existen diferentes tipos de respuestas: Respuestas explicitas: aquellas que el em isor recibe com o tales, pueden ser tanto positivas com o negativas respecto de las intenciones delem isor.Acá se encuentra una aceptación plena (elm ensaje no tiene respuesta com o m ensaje solo un acuse de recibo o una m anifestación de acatam iento),aceptación condicionada (respuesta deltipo ―si, pero...‖condiciona la aceptación plena del m ensaje), controversiales (genera una discusión sobre el tem a), rechazo condicionado (aceptación condicionada, pero negativa) y rechazo absoluto (respuesta negativa, generalm ente sin posibilidades de negociación alguna). Respuestas im plícitas:No se form alizan m ediante un m ensaje delreceptor alem isor, sino que se detectan porlas actitudes delreceptor.Pueden serrespuestas im plícitas por acción en donde hay una aceptación perm anente,una aceptación tem poralo un rechazo perm anente. Respuestas im plícitas por om isión: Se rechaza la com unicación, ignorando volunta- riam ente la existencia delo de los m ensajes. Ruidos Existe un gran num ero de canales. La elección de uno que no es apto para em itir el m ensaje excluye receptores.Elm ensaje en sipuede seralterado durante elproceso de transm isión y no resultarcom prensible. Estas perturbaciones que im piden elfuncionam iento correcto y deseado delproceso de com unicación reciben elnom bre de ―ruidos‖. Ruidos de concepción:Cuando elem isor,por obra u om isión,introduce en elm ensaje conceptos,térm inos o form as que no son asim ilables porelreceptor. Curso de Diseño Gráfico 15
  • 320. CLASE13 Ruidosdepropagación:Tienen su origen en perturbaciones delsistem a de transm isión en elm om ento en que elm ensaje se em ite o inm ediatam ente después de haberlo em itido. Ruidos de com prensión:Se originan en perturbaciones delsistem a de transm isión del m ensaje,cuando este es recibido o inm ediatam ente antes. Ruidos de asim ilación:Se producen en elreceptor cuando elm ensaje es recibido o a consecuencia de la recepción delm ensaje. Com portam ientodelm odelo Elresultado delaccionardelem isortécnico en elproceso de la com unicación publicitaria es elsiguiente: Se elim inan los ruidos de concepción: Capacidad profesional del em isor técnico le perm ite conocer las características delreceptor y saber com o elaborar un m ensaje para que ello com prenda y asim ile. Se dism inuyen significativam ente los ruidos de propagación: Em isor técnico conoce la tecnología que em plean los m edios y es capaz de seleccionar los m ás aptos para contactarse con una determ inada audiencia. Se reducen notoriam ente los ruidos de com prensión:Siun m ensaje resulta com prensible y asim ilable porelreceptor,siem ite con la técnica adecuada para elm edio que lo difunde y siadem ás ese m edio es apto para com unicarse con la audiencia predeterm inada,es evidente que se reducen notoriam ente los ruidos de com prensión.Sin em bargo estos no pueden serelim inados porcom pleto. Se dism inuyen sensiblem ente los ruidos de asim ilación: La intervención del em isor técnico posibilita que elsistem a adquiera fidelidad en la transm isión de los m ensajes. 16 Curso de Diseño Gráfico
  • 321. CLASE13 Creación de efectosespeciales Se puede cam biar la apariencia de cualquier objeto,grupo o capa en Adobe Illustrator usando:efectos y los paneles Apariencia y Estilos gráficos. Atributosde apariencia Los atributos de apariencia son propiedades que afectan alaspecto de un objeto sin alterar su estructura subyacente. Los atributos de apariencia son rellenos, trazos, transpa-rencia y efectos. Si se aplica un atributo de apariencia a un objeto y luego se m odifica o elim ina ese atributo, el objeto subyacente o cualquier otro atributo aplicado al objeto no sufren cam bios. El panel Apariencia (Ventana > Apariencia) perm ite ver y ajustar los atributos de apariencia de un objeto,grupo o capa.Los rellenos y los trazos se m uestran en orden de apilam iento;de arriba abajo en elpanelcorresponde a de delante atrás en la ilustración. Los efectos se m uestran de arriba abajo en el orden en que se han aplicado a la ilustración. Para realizarefectos en cualquierobjeto,debem os seleccionarVentana /Estilos Gráficos. En elícono M enú Biblioteca de Estilos Gráficos, encontram os una lista de diferentes estilos y efecto s. Para cam biarlos colores de un estilo,debem os ir a la ventana de Apariencia:
  • 322. CLASE13 Curso de Diseño Gráfico 17
  • 323. 13 ,_ efectos 30 1111 botones y rollover Defectos artísticos D > I efectos de garabatear texturas efectosdetexto IMltll111 fectos efecto;:, fe'- os Aditivopata pincelde man<N> efectos efectos efectos Aditivo efectos 6lGqo2 efectos EstilosIluminación efectos erectos efectos efectos 18 Q.Jrso de D9:ño G"áfioo
  • 324. 13 ..., . •
  • 325. CLASE13 Transparencia El panel Transparencia (Ventana > Transparencia) se utiliza para especificarla opacidad y elm odo de fusión de los objetos, para crear m áscaras de opacidad o para cubriruna parte de un objeto con la parte superpuesta de un objeto transparente. Tam bién se puede aplicar transparencias a un m apa de bit entero:
  • 326. CLASE13 20 Curso de Diseño Gráfico
  • 327. CLASE13 Modosde fusión Los m odos de fusión perm iten variar los m étodos en que los colores de los objetos se fusionan con los colores de objetos subyacentes. Al aplicar un m odo de fusión a un objeto,elefecto delm odo de fusión se ve en cualquierobjeto que haya debajo de la capa o elgrupo delobjeto. Se recom ienda estar fam iliarizado con los siguientes térm inos alvisualizar elefecto de un m odo de fusión: ● Elcolorde fusión es elcolororiginaldelobjeto,elgrupo o la capa seleccionada. ● Elcolorbase es elcolorsubyacente de la ilustración. ● Elcolorresultante es elcolorque resulta de la fusión. Illustratorcuenta con los siguientes m odos de fusión: Norm alPinta la selección con elcolorde fusión,sin que interactúe con elcolorbase.Es el m odo pordefecto. OscurecerSelecciona elcolor base o de fusión, elque sea m ás oscuro, com o elcolor resultante. Se sustituyen las áreas m ás claras que elcolorde fusión y no se cam bian las áreas m ás oscuras que elcolorde fusión.
  • 328. CLASE13 Curso de Diseño Gráfico 21
  • 329. CLASE13 M ultiplicarM ultiplica elcolorbase porelcolorde fusión.Elcolorresultante siem pre es un color m ás oscuro.M ultiplicar cualquier color con negro produce negro.M ultiplicar cualquiercolorcon blanco m antiene elcolorsin cam bios.Elefecto es sim ilara dibujaren la página con diferentes m arcadores m ágicos. SubexponercolorOscurece elcolor base para reflejar elcolor de fusión.Fusionar con blanco no produce ningún cam bio. AclararSelecciona elcolor base o de fusión,elque sea m ás claro,com o elcolor resultante.Se sustituyen las áreas m ás oscuras que elcolor de fusión y no se cam bian las áreas m ás claras que elcolor de fusión. Tram aM ultiplica elinverso de los colores base y de fusión.Elcolorresultante siem pre es un colorm ás claro.Las tram as con negro m antienen elcolorsin cam bios.Las tram as con blanco producen el blanco. El efecto es sim ilar a proyectar varias im ágenes transparentes unas sobre otras. SobreexponercolorHace brillarelcolorbase para reflejarelcolorde fusión.Fusionarcon negro no produce ningún cam bio. Superponer M ultiplica los colores o utiliza tram as, dependiendo del color base. Los m otivos o los colores se superponen en la ilustración existente al tiem po que se m antienen las luces y las som bras delcolor base y se m ezcla elcolor de fusión para reflejarla lum inosidad y oscuridad delcolororiginal. Luzsuave Oscurece o ilum ina los colores,dependiendo delcolorde fusión.Elefecto es sim ilaralresultado de hacerbrillarun foco difuso en una ilustración.Sielcolorde fusión (origen de la luz)contiene m enos de un 50% de gris,la ilustración se ilum ina com o sise aclarara.Sielcolor de fusión contiene m ás del50% de gris,la ilustración se oscurece. Pintarcon colores blanco o negro puros produce una área m arcadam ente m ás oscura o m ás clara,pero no da com o resultado blanco o negro puros. Luz fuerte M ultiplica los colores o utiliza tram as, dependiendo delcolor de fusión. El efecto es sim ilaralresultado de hacerbrillarun foco m uy fuerte sobre la ilustración.Siel color de fusión (origen de la luz) contiene m enos de un 50% de gris,la ilustración se ilum ina com o situviera tram as.Esto resulta útilpara añadir luces a la ilustración.Siel color de fusión contiene m ás de un 50% de gris,la ilustración se oscurece com o sise m ultiplicara.Esto resulta útilpara añadirsom bras a la ilustración. 22 Curso de Diseño Gráfico
  • 330. CLASE13 DiferenciaResta elcolorde fusión delcolorbase,o bien,elcolorbase delcolorde fusión, en función delque tenga elvalorde brillo m ás elevado.Fusionarcon blanco invierte los valores delcolorbase.Fusionarcon negro no produce ningún cam bio. Exclusión Crea un efecto sim ilar, pero inferior en contraste, al del m odo Diferencia. Fusionar con blanco invierte los com ponentes del color base. Fusionar con negro no produce ningún cam bio. Tono Crea un colorcon la lum inancia y la saturación delcolorbase y eltono delcolorde fusión. Saturación Crea un color con la lum inancia y eltono delcolor base y la saturación del colorde fusión. ColorCrea un colorcon la lum inancia delcolorbase y eltono y la saturación delcolorde fusión. Esto m antiene los niveles de grises de la ilustración y es útil para colorear ilustraciones m onocrom as y aplicartintas en ilustraciones en color. Lum inosidad Crea un colorcon eltono y la saturación delcolorbase y la lum inancia del colorde fusión.Este m odo crea un efecto inverso aldelm odo Color. Curso de Diseño Gráfico 23
  • 331. Oscurecer Subexponer color a.PSE13 Trama W-..WuAnl.tt'!Cio Superponer UurldcAn11nc:lo Exclusión Luminosidad MundoAnuncl4 LlurldtlAnunclo 24 OJrso de IJseño Qáfioo
  • 332. CLASE13 Efectos Acercadelosefectos Los efectos son dinám icos,es decir,se puede aplicarun efecto a un objeto y m odificarlas opciones delefecto o elim inarlo en cualquier m om ento con elpanelApariencia.Todos los efectos que se aplican a un objeto figuran en elpanelApariencia. En el panel Apariencia se puede editar el efecto, m overlo, duplicarlo, elim inarlo o guardarlo com o parte de un estilo gráfico.Alutilizarun efecto,debe expandirelobjeto antes de teneracceso a los nuevos puntos. Los efectos de la m itad superiordelm enú Efectos son efectos vectoriales.Tales efectos sólo se pueden aplicara objetos vectoriales o alrelleno y eltrazo de un objeto de m apa de bits en elpanelApariencia.Los efectos y las categorías de efectos siguientes,aunque pertenecen a esa m itad superior,son excepciones a la regla,porlo que pueden aplicarse a objetos tanto vectoriales com o de m apa de bits: Efectos 3D, filtros SVG, efectos de Deform ar, efectos de Transform ar, Som bra paralela, Desvanecer, Resplandor interior y Resplandorexterior. Curso de Diseño Gráfico 25
  • 333. CLASE13 Los efectos de la m itad inferiordelm enú Efectos son efectos de rasterizado.Se pueden aplicara objetos vectoriales o de m apa de bits. EfectosenIllustrator: 26 Curso de Diseño Gráfico
  • 334. CLASE13 3D Deform ar Curso de Diseño Gráfico 27
  • 335. CLASE13 Estilizar 28 Curso de Diseño Gráfico
  • 336. CLASE13 EfectosenIllustrator:GaleríadeFiltros Desenfocar Enfocar M áscara de Enfoque Curso de Diseño Gráfico 29
  • 337. CLASE13 Máscaraderecorte Hacer un objeto (lo que querem os que quede de la foto,seleccionam os la foto m ás el objeto y apretam os: CONTROL+ 7 30 Curso de Diseño Gráfico
  • 338. Curso de Diseño Gráfico CLASE 14
  • 339. Temas Diseño Publicitario II
  • 340. CLASE14 Indice CONCEPTUALIZACIÓN DE LA AGENCIA DE PUBLICIDAD .......... 1 Selección de Agencias ................................. 1 Estructura de lasAgenciasde Publicidad ..................... 1 Clasificación de Agenciasde Publicidad ...................... 3 Cam paña Publicitaria .................................. 4 Elm ensaje......................................... 5 Medios ........................................... 6 FigurasRetóricas.....................................10
  • 341. CLASE14 CONCEPTUALIZACIÓNDELAAGENCIADEPUBLICIDAD La agencia de publicidad es una em presa de servicios técnicos profesionales que actúa porinterm ediación entre la em presa anunciante y la em presa m edio.Es elem isortécnico que tiene com o m isión fundam ental crear m ensajes publicitarios del anunciante y planificarsu difusión a través de los m edios. Son agencias de publicidad las personas naturales o jurídicas que se dedique profe- sionalm ente y de m anera organizada y continuada a crear,preparar,program aro ejecutar publicidad para un tercero. Cualquier persona puede ser agencia;elúnico requisito indispensable es la dedicación profesionala la publicidad. SeleccióndeAgencias 1.Porladim ensión 2. Poram istad 3. Porrecom endación 4. Porlarelación con algún m iem brodelaagencia 5. Porexperienciadelaagenciaen elm ercadodelanunciante 6.Porlicitaciónoconcurso 7.Perfiladecuado EstructuradelasAgenciasdePublicidad La estructura de una agencia no es idéntica en todos los casos.Su dim ensión,especia- lidad y evolución van a determ inar sus necesidades en cuanto a recursos y, conse- cuentem ente,su organización interna. ŸDepartam ento de Cuentas, que actúa a m odo de interm ediario entre la agencia y el cliente: establece la relación con los responsables de publicidad del anunciante, coordina a las personas y em presas que intervienen y presenta los trabajos realizados.La figura principal,es elEJECUTIVO DE CUENTAS,que es elque m antiene las relaciones con el cliente.Entre sus principales tareas están:Recoger elbrief,contactos con elcliente y posteriordesarrollo de la cam paña.Trabajo siem pre a presión;hay que asegurarque la cuenta se lleve a cabo en eltiem po y con eldinero establecidos.
  • 342. CLASE14 Curso de Diseño Gráfico 1
  • 343. CLASE14 ŸDepartam entocreativo,en elque se crea elm ensaje de la cam paña,traduciendo lo que se quiere transm itir al público en palabras, im ágenes, colores, m úsica, sonidos, etc. adaptados a cada m edio de com unicación elegido. El Director GeneralCreativo es el responsable m áxim o del área de creatividad de la agencia.Tiene a su cargo interpretarelm arketing y traducirlo que es un brief(síntesis conceptuala com unicar)para guiary supervisarlos trabajos de los creativos a su cargo. Estos,a su vez,conform an equipos creativos,cada uno constituido porun redactory un directorde arte -la fam osa dupla creativa-. ElRedactores quien desarrolla los textos de las piezas publicitarias,tanto para avisos de gráfica com o para los com erciales de radio y televisión;y elDirector de Arte es quien traduce la idea en form a gráfica,generando las im ágenes que m ejorla expresen. ŸDepartam ento de producción,que resuelve artística y técnicam ente la realización del m ensaje, tanto a nivel gráfico com o audio o audiovisual, de m odo que pueda transm itirse a través de cada soporte publicitario. Elárea operativa, es la que coordina la parte de producción (incluidas la pre y post- producción).A ella reportan -silo hubiere- eldepartam ento de radio,cine y televisión,el departam ento de arte,elde producción gráfica y elde corrección (todas las piezas son m inuciosam ente controladas poreste equipo antes de salira escena). ŸDepartam ento de investigación,encargado de proporcionar toda la inform ación útil que sea posible obtenera fin de que los dem ás departam entos puedan apoyarse en ella y decidirconsecuentem ente la estrategia,la creatividad y elplan de m edios óptim o para elcliente. ŸDepartam ento de m edios,que planifica cóm o se va a difundir la cam paña, en qué m edios y en qué espacios concretos va a aparecer para que pueda ser vista, leída, escuchada porelpúblico alque se quiere llegar. ElDepartam ento de M edios tiene la responsabilidad de ubicarlas piezas producidas en los m edios para su difusión m asiva. Su tarea es planificar, negociar y com prar los espacios.Tiene la responsabilidad de definircuales son los m ejores m edios para llegar con elm ensaje altargeto público objetivo buscado. 2 Curso de Diseño Gráfico
  • 344. CLASE14 ŸDepartam ento tráfico,que lleva a cabo una laborde controlinterno de los procesos que se ponen en m archa para realizarlas diferentes cam pañas en las que trabaja la agencia, m ejorando asíla organización y la coordinación general. ŸDepartam ento financiero,tam bién llam ado de adm inistración, que se ocupa de la gestión financiera de los clientes, de los pagos a colaboradores y proveedores contratados para cada cam paña,de la política financiera de la agencia,la contabilidad y elcontrolpresupuestario. ClasificacióndeAgenciasdePublicidad ŸAgenciaindependiente Es la que asum e form as de em presa con un patrim onio propio, una designación com ercialdefinida,una form a jurídica y que ostenta todos los atributos de una em presa. No tiene dependencia estructural,organizativa o adm inistrativa.Su principalventaja es que siem pre brindará la solución de com unicación m ás correcta, si no peligrará su relación con elanunciante. ŸAgenciadependiente(cautiva) Es aquella agencia que depende adm inistrativam ente de otra em presa que no pertenece alrubro de la com unicación.Puede actuaren elm ercado de dos m aneras:abiertam ente, proclam ando de m anera pública su condición de dependiente u ocultando esa condición. Nace no com o una necesidad de m ejor servicio, sino com o una necesidad de reducir costos delservicio. La ventaja es que a corto tiem po conoce al anunciante, el dueño, el producto, la dinám ica. La desventaja es que tanto tiem po nos provoca falta de ideas,dism inución de la calidad delservicio profesional. ŸDepartam entodePublicidad
  • 345. CLASE14 Actúa com o una agencia dependiente ,salvo que no tiene sectoradm inistrativo,ya que ese m anejo económ ico-financiero lo asum e la em presa en donde está ubicado.Tiene la responsabilidad de indicar, planificar y orientar la com unicación publicitaria de la em presa.Cuando se trata de niveles de producción com plejos,hace de interm ediario con una agencia independiente, dando las pautas y condiciones. La ventaja es que la em presa m aneja su com unicación publicitaria en form a directa. Curso de Diseño Gráfico 3
  • 346. CLASE14 Otrostiposdeagencia ŸBoutiquecreativa Fusión de un estudio clásico de diseño y una agencia publicitaria.Desarrollan estrategias gráficas.No tienen m ucha planificación de m edios. ŸCentraldem edios/com pras Llam adas tam bién bolseras,com pran paquetes grandes de m edios. ŸDeprom oción Acepta trabajos de agencias o del anunciante. Su tarea es todo el desarrollo de la estrategia prom ocional[(acción),que sería la idea prom ocional(qué tipo de prom oción) y la producción (pasos,personal,diseño de uniform es,gráfica,etc.) ŸEstudiodediseño Com puesto pordiseñadores gráficos,industriales,de interiores. ŸConsultoras Pueden serde M KT,de investigaciones,de m edios,efectos,estudios delconsum idor. Cam pañaPublicitaria La cam paña publicitaria es un plan de publicidad am plio para una serie de anuncios diferentes, pero relacionados, que aparecen en diversos m edios durante un periodo específico. La cam paña está diseñada en form a estratégica para lograr un grupo de objetivos y resolveralgún problem a crucial.Se trata de un plan a corto plazo que,porlo general,funciona durante un año o m enos. Un plan de cam paña se resum e la situación en elm ercado y las estrategias y tácticas para las áreas prim arias de creatividad y m edios,asícom o otras áreas de com unicación de m ercadotecnia de prom oción de ventas,m ercadotecnia directa y relaciones públicas. El plan de cam paña se presenta al cliente un una presentación de negocios form al. Tam bién se resum e en un docum ento escrito que se conoce com o libro de planes.
  • 347. CLASE14 AnálisisDeLaSituación La prim era sección de la m ayor parte de los planes de cam paña es un análisis de la situación que resum e toda la inform ación relevante disponible acerca delproducto,la 4 Curso de Diseño Gráfico
  • 348. CLASE14 com pañía,elentorno com petitivo,la industria y los consum idores. Conocida en ocasiones com o una revisión de negocios,esta inform ación se obtiene con el uso de técnicas de investigación prim aria y secundaria: Antecedentes, M ercado, consum idor,necesidades,alternativas,com petencia,etc. Estrategiasdelacam paña Después de haberrealizado elanálisis de la situación y haberdiagnosticado la em presa procedem os a establecerlos objetivos de la cam paña de acuerdo a las necesidades que se detectaron que la em presa necesita para persuadiralconsum idorpara que le com pre su producto o servicio. ELMENSAJE Es lo que se dice,es la sum a de los signos y señales (códigos)que intentan transm itiruna o m as ideas. El m ensaje debe decir que se ofrece y por que puede interesarle al destinatario delm ism o. Para que un m ensaje sea efectivo,debe cum plirlos siguientes requisitos: CAPTAR LA ATENCION CREAR INTERES SER COM PRENDIDO INFORM AR SER CREIBLE PERSUAD IR INDUCIR A UNA RESPUESTA SER RECORDADO El m étodo m ás com ún para elaborar el m ensaje de la cam paña publicitaria es el siguiente: Qué decir:m ensaje
  • 349. CLASE14 básico. Cóm o decirlo:m anera de contarelm ensaje. A quién decirselo:público que va dirigida la cam paña. Cuándo decirlo:m om ento en elque elpublico lo vea. Dónde decirlo:en qué m edio o m edios. Curso de Diseño Gráfico 5
  • 350. CLASE14 Medios La m isión delm edio,desde elpunto de vista publicitario,es la de hacerllegarelm ensaje delanunciante a su destinatario.Es un vínculo de com unicación regulary periódica,que reproduce en form a m últiple los m ensajes publicitarios del anunciante haciéndolos llegara la audiencia específica.Para que esos m ensajes sean difundidos porelm edio,es necesario pagaruna tarifa o una sum a determ inada alm edio. Ventajasydesventajasdelosdiferentesm ediosdecom unicación: 1.Periódico Ventajas • Los periódicos diarios alcanzan una audiencia diversa y am plia. • Los consum idores buscan los anuncios en los periódicos; así pues, son m ás receptivos a los m ensajes publicados en ese m edio. •Elespacio es ilim itado en los periódicos.Se puede escribirlargos m ensajes,o sólo unas cortas líneas.Anuncios de m ayortam año,costarán m ás. •Los periódicos han logrado avanzaren cuanto a sus capacidades tecnológicas para poder ofrecer una reproducción de fotos y colores de m ejor calidad. Adem ás, ya pueden ofreceruna m ayory m ejorgam a de colores. •Los lectores se involucran activam ente en la lectura delperiódico.Elhecho de que deben sostenerlo y virarsus páginas produce una m ayoratención en los anuncios. Desventajas • M uchos anunciantes consideran que elperiódico es elm ejorm edio para llegara las audiencias locales.Esto crea una gran com petencia dentro delperiódico y resulta en la aglom eración de anuncios. •Elperiódico no es elm edio m ás popular para ciertas edades.M uchos periódicos han com enzado a publicar secciones dirigidas a adolescentes y niños, pero su efectividad está aún porverse. • Los periódicos son estáticos y bi-dim ensionales.
  • 351. CLASE14 Unidad decom pra:segm enta porsecciones en cm x colum nas 6 Curso de Diseño Gráfico
  • 352. CLASE14 2.Revistas Ventajas •Las revistas se im prim en en papelde buena calidad lo que perm ite una excelente calidad en colores y reproducción de fotos. • La selección de una audiencia específica es m ucho m ás fácil. • Por su diseño y form ato, las revistas son m ás flexibles–los anuncios pueden contener m uchos colores o m uestras de perfum es. Pueden tener piezas que se m ueven, Las fotos pueden ser sangradas o pueden doblarse para ser de m ayor tam año significa un m ayor núm ero de opciones creativas que atraigan la atención dellector. •Las revistas tienen m ayorperm anencia.Las personas los guardan para leerlos con detenim iento en su tiem po libre. Desventajas • El costo de las revistas es m ucho m ás alto com o resultado de la calidad de producción. • Com pite con m ucha inform ación específica,tiene que estarbien segm entada. Unidad de com pra:páginas o fracción de páginas / páginas en color / tapa y contratapa /retiración. 3.Internet Ventajas • Costo eficiente.Los costos son independientes deltam año de la audiencia. Porejem plo,elcosto será elm ism o no im porta cuántas personas visiten su página. • Los m ensajes pueden actualizarse fácily rápidam ente. • Los anuncios en elInternetpueden serinteractivos. • Los anunciantes en elInternetpueden alcanzaruna audiencia global. Desventajas
  • 353. CLASE14 • Aunque la popularidad del Internet va en aum ento, es difícil constatar los Curso de Diseño Gráfico 7
  • 354. CLASE14 resultados de la publicidad a través de este m edio. 4.TelevisiónAbierta Ventaj as •La televisión ofrece todas las alternativas visuales,de sonido,m ovim iento, colory efectos especiales.Es un m edio poderoso con un gran im pacto visual. •La televisión es costosa,pero com o puede seleccionarsu audiencia,resulta eficiente. • Los anuncios pueden apelara las em ociones y em patía de los televidentes. •La publicidad en TV puede ser m uy efectiva en ayudar a crear una im agen para un producto o em presa. Desventaj as •Los m ensajes pueden sercortados poreltelevidente,ya sea porque cam bia de canalo porque baja elvolum en de la TV. • Aunque la TV puede ser enfocada o seleccionada por geografía, hora, program a y cadena,es aún un m edio de com unicación m asivo con un alcance sum am ente am plio. Unidaddecom pra:segundos,en horarios rotativos,o dentro de program as.Se tiene en cuenta duración,rating,cantidad de repeticiones,ellugarde la tanda. 5.Radio Ventaj as • La radio y sus m ensajes se m ueven con su audiencia.Pueden serescuchados en eltrabajo,en la playa,en la bañera,en la silla deldentista o en las tiendas. • Eloyente no tiene que estarpendiente para escucharsu m ensaje. • La com pra de tiem po en la radio es costosa pero eficiente.
  • 355. CLASE14 Desventaj as • La radio no contiene visuales. Algunos anuncios utilizan la estrategia del "teatro de la m ente" para crear im ágenes visuales m uy efectivas en la m ente 8 Curso de Diseño Gráfico
  • 356. CLASE14 de los radioescuchas. •La aglom eración de anuncios pautados en la radio puede serbastante grande,lo que significa que su anuncio puede tener la posición prim era, segunda, sexta o décim a en elbloque de anuncios,lo que distrae la atención delradioescucha. •No existe una publicación im presa,elanuncio se transm ite y luego se pierde.El anunciante no puede asegurarse que el cliente potencial haya logrado anotar el teléfono puesto que no sabe cuándo volverá a repetirse elanuncio. Unidaddecom pra:segundos /frases o jingles -segundo /palabra 6.Cine Ventajas • Capacidad para brindarinform ación fácilm ente captable. Desventajas • Poca capacidad para brindarinform ación a grandes sectores. • Poca selectividad delpúblico. • Costo de producción (35 m m ). Unidaddecom pra:circuito porsem ana /varias salas. 7.Publicidadexterior La publicidad exteriores un m edio publicitario genuino.En sus m anifestaciones form ales (valla, m arquesina, cabina, carteles, afiches en el subte, etc.) no se da otro tipo de inform ación q elsim ple y puro m ensaje publicitario.Esto diferencia la publicidad exterior de la radio,TV,revistas,etc.,cuya naturaleza y com etido principalreside en soportarotra inform ación y,paralelam ente,incluyen m ensajes publicitarios. Por otro lado, la gran m ayoría de m anifestaciones publicitarias de exterior han conseguido lo que ningún otro m edio:insertarse dentro delpaisaje urbano y contribuira su ecología ornam ental.
  • 357. CLASE14 Curso de Diseño Gráfico 9
  • 358. CLASE14 FigurasRetóricasenPublicidad La Retórica es un estilo de com unicación: altera de algún m odo las palabras o las im ágenes,con la intención de enfatizar un m ensaje o lograr m ayor significación en un juego de sentido. En sus com ienzos,la Retórica fue: ŸArte de hablarbien,arte de la oratoria ŸHablarbien,razonando,para persuadir. ŸHablarbien,com o una capacidad para convencera los oyentes,ejercicios para educarse y expresarse correctam ente. ŸPosteriorm ente,se habla bien para engañar. ŸSe la aplica con criterio estético,para persuadir. Elobjetivo de potenciaralm ensaje consiste en que elreceptortom ará frente alm ism o una posición activa,de com prom iso ideológico y podrá incluso llegara m odificarhábitos en su conducta. Lafuncióndelaretóricaesesencialm entelapersuasión. Los recursos que se utilizan para operarsobre la im agen reciben elnom bre de figuras re- tóricas.En ellas se enfrentan dos niveles dellenguaje:elpropio y elfigurado. La figura es la que posibilita eltránsito de uno a otro.Lo que se com unica a través de una figura podría haberse dicho sin ella de m odo m ás sim ple y directo aunque no siem pre tan eficiente. En síntesis:la figura constituye una alteración deluso norm aldellenguaje,tiene elpro- pósito de hacerm ás efectiva la com unicación. M ás allá de la percepción y de la com unicación, hay una conm oción esperada por el receptor; en Publicidad el cálculo psicológico siem pre se encuentra en el punto de partida delrecorrido retórico.
  • 359. CLASE14 10 Curso de Diseño Gráfico
  • 360. CLASE14 Clasificacióndelasfigurasretóricas: 1-Presentación:los m ensajes de gráficas o publicidades centrados en elproducto sin atributos. Cuando en el m ensaje predom inan los signos con una intencionalidad inform ativa,referencial,sin atributos,adjetivos,o cualidades. Ostención:se vale de un presentador(generalm ente un personaje fam oso). Autopresentación o Exposición: el producto se presenta solo. Se m anejan los prim eros planos delproducto entero. Curso de Diseño Gráfico 11
  • 361. CLASE14 Infinitivo:no requiere elem entos o accesorios.Prim erplano delproducto que gene- ralm ente se funde con elfondo. 2- Predicación:los m ensajes de gráficas o publicidades centrados en los atributos del producto.Predica algo acerca de la cualidad delproducto. Adjunción:se añaden uno o varios elem entos a la proposición delm ensaje.Se clasifica en: Aliteración:elsigno se repite de igualm odo,con elm ism o significado. 12 Curso de Diseño Gráfico
  • 362. CLASE14 Tautología:un signo se repite de diferentes m odos con elm ism o significado.
  • 363. CLASE14 Curso de Diseño Gráfico 13
  • 364. CLASE14 Supresión:se quitan uno o varios elem entos a la preposición delm ensaje.Se elim ina algo delcontexto habitualdelproducto que es necesario. Elipsis: un signo se om ite o no se encuentra, fue suprim ido y el signo queda organizado sintácticam ente fuera de contexto requiriendo la cooperación del receptor. Reticencia:consiste en la censura de un elem ento considerado tabú,prohibido. 14 Curso de Diseño Gráfico
  • 365. CLASE14 Sustitución:consiste en una supresión, seguida de un reem plazo, una adjunción, es decirse suprim en uno o varios signos y se añaden otros. Metáfora:se basa en la com paración virtualentre los elem entos de una com paración poética. Curso de Diseño Gráfico 15
  • 366. CLASE14 Com paración:un signo se reem plaza por otro sem ejante o análogo,creandose una com paración de dos sentidos. Metonim ia: designa una cosa por m edio de otra en virtud de una relación de causalidad,cuando se produce un efecto. 16 Curso de Diseño Gráfico
  • 367. CLASE14 Sinécdoque:se presenta con una parte la totalidad delsigno.Se reem plaza eltodo por una parte que lo representa. Intercam bio: Prosopopeya:un signo inanim ado se personifica,se hum aniza. Curso de Diseño Gráfico 17
  • 368. CLASE14 Hipérbole:utiliza recursos de exageración. El producto am pliado de su verdadero tam año. Contrarias:es un caso típico en signos en oposición. Antítesis:es una oposición delsentido entre los signos. 18 Curso de Diseño Gráfico
  • 369. CLASE14 Lítote: los signos son escasos, se atenúa el m ensaje, se dice m enos para dar a entenderm ás Curso de Diseño Gráfico 19
  • 370. CLASE14 Ejercicio 1:Buscarpublicidadesque se encuentren lasfigurasretóricas. Ejercicio 2:Elegiruna figura retórica y realizaruna publicidad gráfica con producto a elección. 20 Curso de Diseño Gráfico
  • 371. Curso de Diseño Gráfico CLASE 15
  • 372. Temas Diseño EditorialI
  • 373. CLASE15 Indice DISEÑO EDITORIAL ................................... 1 Elem entosdeldiseño editorial ........................... 1 Libro ............................................. 3 Sistem asde libros.................................... 7 Revistas ...........................................8 Diario ............................................ 11
  • 374. CLASE15 DISEÑOEDITORIAL Se denom ina Diseño Editoriala la m aquetación y com posición de publicaciones tales com o revistas,pe rió dicos o libros. Eldiseño de alguna revista o cualquierotro m edio tiene ciertas características en cuanto a form ato, com posición, contenido de las páginas, etc. e incluso jerarquía de los elem entos para teneruna noción de cóm o irán estructurados y distribuidos. Elem entosdeldiseñoeditorial El diseño editorial visto desde el punto de vista del diseñador gráfico, tiene com o propósito elobservarla publicación com o un proyecto de im agen y diseño. Prim ero se debe observar eltipo de producto que se va a publicar (periódico,folleto, revista,etc) y tom andose com o punto de referencia,se define elcontenido y eltipo de lectoralque se va a llegar.Luego se define elestilo. Elestilo hace referencia a la form a y reglas de las que eldiseño va a atenerse (tipografía, tipo de papel,retícula,tipo de fotografías,logotipo,nom bre,acom odo de texto,etc.). El estilo determ ina los lím ites de la creatividad, ya que se puede usar todos los elem entos de diseño,fotografía y funcionalidad,m ientras no se pierda la concepción de m ensaje lim itada porelestilo. Todos los criterios que se observan en la creación de una publicación tienen elobjetivo prim ordialde satisfacer allector, escritor, editor, publicista, director de arte y todo el equipo de colaboradores. De m anera m uy generalse puede com entarque los elem entos deldiseño editorialentran dentro de una de estas etapas:creación,edición,diseño y producción. Los aspectos principales de diseño en este cam po son:la retícula que se em plea para dar una estructura a la página,elestilo tipográfico y los elem entos auxiliares. Retícula Todo trabajo de diseño se debe regir por una estructura previam ente estudiada. Esto perm ite obtener claridad, legibilidad y funcionalidad a la com posición, adem ás de
  • 375. CLASE15 Curso de Diseño Gráfico 1
  • 376. CLASE15 facilitareltrabajo creativo. Existe un m étodo para resolver los problem as planteados a la hora de diseñar un catálogo,una revista,o cualquierotra publicación.Estam os hablando de la retícula,que consiste en dividirelespacio en pequeños m ódulos (o rectángulos),que sirven de guía para la ubicación de los elem entos. La finalidad de la retícula es intentar establecer orden donde hay caos; hacer que el receptorencuentre elm aterialen ellugaresperado y que eldiseñadorpiense de form a constructiva y estructurada. Eldiseñadordebe encontrarun equilibrio entre la retícula diseñada y elm aterial(texto o ilustraciones),en caso de que éste no se adapte a esa estructura establecida,tendrem os que m odificarla retícula,ya que no es aconsejable que forcem os elm aterial. LaCom posición La finalidad deldiseño gráfico es transm itirideas,m ensajes,afirm aciones visuales. La com posición de un diseño es, adecuar distintos elem entos gráficos dentro de un espacio visual,que previam ente habrem os seleccionado,com binándolos de talform a que todos ellos sean capaces de poderaportarun significado para transm itirun m ensaje claro a los receptores. Los elem entos de la com posición y la form a en que estos se disponen, es «todo» en nuestra m aquetación.Cada uno de estos elem entos tiene su función dentro deldiseño y portanto su grado de im portancia,que cum plan su m isión será su com etido. Todo m ensaje en diseño gráfico se elabora siem pre por m edio de una com binación coherente y estudiada previam ente, de los elem entos visuales con los que hayam os decidido trabajar. Estos elem entos pueden serim ágenes,texto,ilustraciones,espacios en blancos,o porel contrario,construirnuestra com posición con la ausencia deliberada de alguno de estos elem entos. Eldiseño deberá ordenarse habitualm ente en una estructura rígida,coherente y dentro de los parám etros de la sim etría en la disposición de los distintos elem entos. El diseñador debe tener siem pre presente, que cada elem ento de la com posición, en 2 Curso de Diseño Gráfico
  • 377. CLASE15 función de la ubicación, dim ensión o protagonism o que le asignem os, experim enta pequeñas variaciones en su significado.Portanto,es m uy im portante la posición que se le da a cada uno de los elem entos y encontrarelequilibrio form alentre todos ellos. Libro Es un im preso encuadernado que desarrolla extensam ente un tem a acorde con su título, un ensayo grande, una novela u obra literaria larga o una com pilación de cuentos, ensayos u obras m ás pequeñas. solapa contratapa lom o tap a solapa ŸTapa:form aly conceptualm ente debe estarligada con elinteriordellibro y com unicar en uno o varios sentidos su contenido.Se deberá incluiren ella eltítulo de la obra,autory la identificación gráfica de la editorial. En su com posición puede incorporar adem ás algún tipo de im agen.Es elprim er contacto dellector con ellibro.Incluye:título de la obra,autor,nom bre o isologotipo de la editorial,etc.
  • 378. CLASE15 Curso de Diseño Gráfico 3
  • 379. JMS FSTR 15 •---- 1 1 / Jls·r COlHC,I aud <he Klngdom llJjil·ifHE ACCELlRAllON 01 JUSI AIDUI EYERYTHIMG 111 ld11ilij ,,,., ,,CM•OS GLCK DIAD TOl BEEVOR
  • 380. CLASE15 ŸContratapa:lleva generalm ente la idea generalde la obra.A veces tam bién describe al autor. ŸLom o:Corresponde alcanto dellibro,cuyo espesorvariará de acuerdo con la cantidad de páginas, gram aje de papel y tipo de encuadernación (abrochado, cosido a hilo, encolado, etc.). Se ubican los datos correspondientes al título, autor de la obra y editorial.Puede teneruna lectura de abajo hacia arriba o viceversa. ŸSolapas:poseen inform ación, desde elcurriculum delautor, com entarios, títulos de otros libros,etc.Otorga solidez y resistencia a la cartulina. Elinteriordellibropuedeconstarde: ŸPágina de cortesía o de respeto:son páginas en blanco que se colocan alprincipio,al final,o en am bos sitios,dependiendo de la calidad dellibro. ŸPortadilla:es la prim era página im par anterior a la portada.Se suele escribir solo el título de la obra o tam bién con elnom bre delautor. ŸContraportada:es la parte dellibro enfrentada con la portada.A veces contiene otras obras delautoru otros aspectos,y otras veces no lleva ningún tipo de contenido. ŸPortada:la prim era página im par que contiene el nom bre de la obra y en algunas ocasiones elnom bre delautory la editorial.Suele contenerlos m ism os datos de la tapa. ŸCréditoso Página de derecho:Contienen datos específicos de la edición:año y núm ero de la m ism a,nom bres de los colaboradores (diseñador,fotógrafo,ilustrador,traductor, etc.),Copyright (derechos reservados alautor y editor) e ISBN (InternationalStandard Book Num bers, que corresponde al código num érico del país de edición, editorial y tem ática dellibro). ŸDedicatoria:es la página im paren la que elautordedica la obra. ŸIndice:En elsupuesto caso de tratarse m ás de un tem a existirá la necesidad de poder ubicarlo y ver la distribución de los m ism os. Para esto se establecerá un índice al principio o alfinaldeltexto principal. ŸTexto principal:Estará com puesto en la tipografía elegida, y según la elección del Curso de Diseño Gráfico 5
  • 381. CLASE15 cuerpo, interlineado y característica de la caja tipográfica variará su longitud. Se alternarán texto e im agen en la m edida de considerarse conveniente.En relación con la tipografía podrá hacerse uso de m ás de una fam ilia o de variaciones dentro de una m ism a fam ilia para poderdiferenciarentre títulos,subtítulos,epígrafes,citas,notas,etc. Elcuerpo dellibro contiene tam bién, presentación, prólogo, introducción, capítulos o partes, anexos y bibliografía, adem ás de las ilustraciones, lám inas o fotografías que contenga. ŸCabezal/ encabezam iento:Es la indicación delnom bre de la obra, autor, capítulo o fragm ento ubicado en la parte superiorde cada página correspondiente altexto principal (no siem pre se utiliza). ŸPiedepágina:Es la ubicación habitualdelfolio (o num eración de página)y de las notas y citas correspondientes altexto principal. ŸFolio o num eración de página:Es la indicación de la num eración en cada una de las páginas.Para la num eración se considera a partirde la portada en adelante.No se folian las páginas fuera deltexto principalnilas blancas. ŸBiografíadelautor:Se la puede ubicaren las solapas,silas hubiera,o en la contratapa. Form atosdelibros 6 Curso de Diseño Gráfico
  • 382. CLASE15 Sistem asdelibros La dim ensión verdaderam ente editorialde los libros está dada porsu secuencialidad,es decir la publicación de serie de libros cuyas tapas deben tener algunos elem entos en com ún y otros que lo diferencian. Curso de Diseño Gráfico 7
  • 383. CLASE15 Ejercicio:Realizarunsistem adedoslibroscontem aaelección(tapa,contratapa, lom oysolapas). Revistas Son publicaciones periódicas,interesadas en un tem a en particular y dan cabida a una serie de textos sim ilares (artículos). Se clasifican en volúm enes,que corresponden num éricam ente de la prim era im presión a la últim a.Tienen un interés prim eram ente económ ico y usualm ente se encuentran finan- ciadas porpublicidad externa. Las revistas com erciales dependen m ucho de su im agen ya que sus ventas dependen del posicionam iento de m arca,im pacto visual. Siem pre se concibe alprim ernúm ero com o una creación unitaria y con eltiem po adquie- ren su propia form a de unidad-diversidad y su m uy particularpersonalidad,donde cada edición debe arm onizardentro delm arco generalque da perm anencia de un título y una m atriz de diseño. Por lo que toca al diseñador, debe cuidar que todos los elem entos sean constantes dentro de cada volum en,siem pre observando la exigencia porla variedad. La revista es un negocio,una herram ienta de difusión culturalo institucional,para el logro de un fin de interés socialo solo un m edio para com unicarse. Elem entos constantes en una revista: . M anual de Estilo: descripción de las tipografías, grillas, uso de la im agen, estilo de redacción,etc. .Secciones:agrupaciones tem áticas m ediante las cuales elcontenido de una revista se organiza a lo largo de las páginas. .Notas com o:Editorial,Staff,Sum ario,Nota de tapa,notas breves,etc. 8 Curso de Diseño Gráfico
  • 384. 15 OJrso de Dseño Gáfico 9
  • 385. CLASE15 Sistem a en revistas 10 Curso de Diseño Gráfico
  • 386. CLASE15 Ejercicio:Realizarunsistem adedostapasderevistacontem aaelección. Diario De diversos estilos,según elpúblico alque está destinado,eldiario continúa siendo un testim onio de la actualidad, de los hechos que ocurren día a día. Constituye un testim onio histórico. Eldiseño debe estaralservicio de la inform ación,debe servirpara presentarlas noticias en form a clara,precisa,ágil,fácil,y agradable de leer. La función principal del diario es presentar la noticia en detalle, profundidad, con la posibilidad de analizarla desde distintos ángulos,perspectivas. Com o característica general,los diarios se basan en elM anualde Estilo. Poseen m árgenes que delim itan la caja de texto,la cuala su vez se subdivide en seis o cinco colum nas separadas porcalles. Según sea de corte tradicionalo contem poráneo,las noticias se ubican en m odulación vertical,es decir se desarrollan desde arriba hasta elpie de página,o en m odulación horizontal,cuando las noticias ocupan varias colum nas cortas. En cuanto alform ato,se em plean dos básicos: ŸForm atosábana:cuyas m edidas varían entre los 35 x 45 cm y los 56 y 66 cm . ŸForm atotabloide:cuyas m edidas oscilan entre los 25 x 30 cm y los 45 y 55 cm .
  • 387. CLASE15 Curso de Diseño Gráfico 11
  • 388. CLASE15 Según su contenido,delcualdependen en prim erlugarde sus características gráficas y, en segundo lugar,elform ato,se puede estableceruna (de las tantas)clasificaciones: ŸDiariostradicionalistas ŸDiariosdeinform ación einterpretación ŸDiariospopularesysensacionalistas 12 Curso de Diseño Gráfico
  • 389. CLASE15 Diariostradicionalistas ŸM odulación vertical. ŸForm ato sábana. ŸEstablecen una relación estricta entre elvalorperiodístico de la noticia y su represen- tación gráfica. ŸOrdenan de un m odo sistem ático los m ateriales en secciones fijas. ŸSobrio em pleo de los elem entos tipográficos,con fam ilias tipográficas clásicas. ŸDada la calidad de su contenido,realizan un em pleo m esurado o nulo de fotografías. Diariosdeinform acióneinterpretación ŸForm ato sábana (La Voz delInterior)o tabloide (Página 12). ŸM odulación horizontal. ŸEm pleo de fam ilias tipográficas con serifo sin serif,o una com binación de am bas. ŸEm pleo de im portantes espacios en blanco. ŸUtilización de dos notas principales en prim era plana:una,de corte racional,destacada m ediante titulares; la otra, m ás em otiva, destacada con una fotografía de grandes dim ensiones. ● Em pleo de sum arios en prim era plana,tanto en elpie com o encim a de la cabecera. ŸSe caracterizan por poseer notas que solam ente inform an describiendo lo sucedido, acom pañados en m uchos casos de recuadros con opiniones de especialistas sobre el tem a. Diariospopularesysensacionalistas ŸForm ato tabloide. ŸCom posición desequilibrada,con grandes titulares ―gritones‖. ŸInform ación de escasa seriedad u objetividad. ŸSus tem as de interés principalsuele serla vida privada de gente célebre. ŸSe resta im portancia a la cabecera,la cualhasta puede cam biar de
  • 390. CLASE15 ubicación,en un tam año reducido. ŸNo sigue un esquem a o m odulación estricto,sino que se distribuye de acuerdo a la actualidad o interés em ocionalde las notas. ŸEm pleo de fam ilias tipográficas de palo seco en titulares. Curso de Diseño Gráfico 13
  • 391. CLASE15 Partesdeldiario Un diario se divide en grandes secciones.Algunas de ellas,se subdividen,a su vez,en otras m ás pequeñas,que suelen llam arse ―Rubros‖.Dentro de las grandes secciones encontram os,por ejem plo,la sección principal,donde se encuentra la prim era plana, equivalente a la tapa de una revista;luego,secciones,que algunos días de la sem ana se convierten en suplem entos com o el de econom ía; deportes; artes y espectáculos; clasificados;etc. Pero es en la sección principal la que cuenta con la m ayor cantidad de secciones m enores: ŸEn laprim eraplana,la tendencia actuales la de colocarnoticias locales,puesto que se ha com probado que son las que m ás interesan allector. Desde luego que, sise han producido noticias a nivelnacionalo internacionalde sum a im portancia (la declaración de una guerra,por ejem plo),ésta irá en prim era plana.Adem ás,suelen incluirse una fotografía, de carácter em otivo, acom pañada por el título de otra noticia, de corte racional. ŸDesde la segundapágina,se ubican las noticiasinternacionales. ŸLuego de las internacionales,se ubican las noticiaseconóm icas. ŸLuego suele ubicarse eleditorial,sección de gran im portancia,puesto que está escrita poreldirectordeldiario o porun periodista de renom bre delm ism o diario,donde hace una reflexión sobre algún acontecim iento de im portancia.Refleja,adem ás,la filosofía o posición política deldiario. En esta sección se incluye elCorreo de Lectores,en algunos casos se publican editoriales de otros diarios, (con elobjeto de m ostrar opiniones diversas o notas de opinión), y colum nas escritas porespecialistas en eltem a que les ocupe.Tam bién suele agregarse aquí,elhum orpolítico. ŸLuego suelen ubicarse las secciones que reflejan noticias de interés general. ŸFinalm ente, se encuentran las noticias policiales, crónicas de hechos violentos que puedan haberocurrido. 14 Curso de Diseño Gráfico
  • 392. Curso de Diseño Gráfico CLASE 16
  • 393. Temas Diseño EditorialII
  • 394. CLASE16 Indice Volantes(flyers) ..................................... 1 Folleto............................................ 2 Sistem a de folletos ................................... 9 Brochure institucional ................................ 11 Catálogo ..........................................13 Mensajesporcorreo electrónico.......................... 15 Mensajesporcorreo tradicional(m ailing) ....................17 ElDiseño Técnico.................................... 18 Infografías .........................................22
  • 395. CLASE16 Volantes(flyers) Para realizar cam pañas m asivas de prom oción de productos y servicios lo m ás conveniente es contarcon volantes,eltipo m ás sim ple y económ ico entre los folletos. Un volante es un cuadrado o rectángulo de papelim preso de un lado o de am bos,en el que se busca generaratracción inm ediata porparte de los receptores a través de diseños llam ativos y sim ples,con inform ación fundam ental:productos,servicios,precios,ofer- tas,novedades,datos de contacto y slogan. Elobjetivo es que la gente quiera com prarya. Un volante típico suele tenereltam año de un cuarto o m edia hoja A4,aunque tam bién puede ocuparuna hoja entera. Según la cam paña buscada y eltam año de la em presa,se pueden realizar tiradas que van de los 500 a los 15.000 volantes o m ás. Estos folletos son distribuidos m asivam ente en las calles, en los principales puntos urbanos y tam bién a través de los diarios. Dado que la producción m asiva es uno de los principales objetivos, generalm ente se utiliza papelde poca calidad,para abaratar costos y teniendo en cuenta la inm ediatez con la que la gente lee.No son piezas pensadas para una larga duración. Solo en ocasiones especiales las em presas deciden realizarvolantes en cartulinas brillantes para generarm ayorim pacto. Hoy en día la im presión de estos folletos a todo colores m uy accesible y los vuelve m ás llam ativos. Tam bién se pueden realizaren blanco y negro o con un solo colorpara reducirm ás los costos. Curso de Diseño Gráfico 1
  • 396. f"'!fm ------- a.PSE16 ...................-..-···-··--.-.....·.....-....·... _-.. ,..,......_..,_,,. __ - Give YourTastebuds A Wake-Up Call New Breakfast Deals 7:30a.m• · 10:30 a.m ·llt>12 -·.-.--·---,.·.--..--··---..... _-. Ck.;1 1 Pª--m- •m•nrr."*¡Dª!!JI , . llftlhlftlle 1i_!·B¡s '15A: .' AT SHELn.IFE ll9LOOPST CAPETOWJll -...,..,..._. FEATVRING:
  • 397. 2 OJrso de IJseño Qáfioo
  • 398. CLASE16 ElFolleto Podem os definirlo com o una publicación no encuadernada utilizada,generalm ente,para transm itir inform ación publicitaria,que ofrece inform ación de los productos o servicios de una em presa. El folleto es una pieza gráfica com unicacional, que se utiliza para diferentes usos: inform ativo o persuasivo. Es un im preso de varias hojas que sirve com o instrum ento divulgativo o publicitario. En m arketing, el folleto es una form a sencilla de dar publicidad a una com pañía, producto o servicio.Su form a de distribución es variada:situándolo en elpropio punto de venta,m ediante envío porcorreo o incluyéndolo dentro de otra publicación. Los folletos al igual que otros elem entos de com unicación pueden presentarse de m uchas form as diferentes,su tam año,la cantidad de hojas utilizadas,y en generaltodo lo que lo conform a. un factor decisivo para la creación de una buena im agen asícom o para la calidad de la im presión deltrabajo y para le elección delm aterialque conform ará nuestro folleto. Otro factorque tam bién afectará altrabajo de com posición será elplegado: ŸUna sola hoja o parte,que es elfolleto sim ple ŸDe dos partes,cuerpos o díptico (un plegado)
  • 399. CLASE16 Curso de Diseño Gráfico 3
  • 400. CLASE16 ŸDe tres partes,cuerpos o tríptico (dos plegados).Suele utilizarse elform ato en sentido horizontalpara obtenertres cuerpos verticales que nos perm iten realizarcom posiciones m ás expansivas. ŸFolletos con m ás partes,cuerpos u hojas,pero que dependiendo de la dim ensión ya podríam os clasificarlos com o catálogos. Porotro lado,sin dependerdelnúm ero de páginas que tenga,un folleto puede presentar en su form ato form as y tam años m uy diferentes. La parte delfolleto que va en prim erlugar,es decirlo que podríam os llam arla portada, debe im pactarlo suficiente com o para que elreceptoresté dispuesto a leerelresto de la inform ación.Elredactory diseñadortendrán que decantarse entre un estilo que genere expectación o intriga sobre eltem a que se trata, o un estilo m ás descriptivo que nos inform e sobre elcontenido o eltipo de inform ación que nos sum inistrará. 4 Curso de Diseño Gráfico
  • 401. 16 • BBHI - . -. -.:--: :- :- :- :- . --·- --
  • 402. CLASE16 Para eldiseño de folletos (com o tam bién otras piezas gráficas),los siguientes puntos clavesdeben servalorados: • Objetivo real(preguntar/escuchar/observar). • Destinatario (dónde/cuándo/qué/cuál/cóm o). • Presupuesto (para la producción gráfica,ya que se entiende que elpresupuesto porsu trabajo de diseño ya ha sido aceptado). • Relevam iento de piezas de la com petencia y de tem as afines. • Elcontenido . • La form a. • La im plem entación. Relaciónentrecontenidoyestructuradeunfolleto Elfolleto es generalm ente una pieza que se entrega en m ano,se deja en algún lugarpara que lo retire elinteresado o se envía porcorreo.Posee un carácterpredom inantem ente prom ocional,debe seducir e interesar desde la tapa.Por esto,es m ucho m ás libre en cuanto a su diseño que otras piezas gráficas,excepto cuando form a parte de un sistem a. Lo prim ero que es necesario saberes la cantidad de inform ación que deberá incluirse.Es la naturaleza y la cantidad de inform ación lo que determ inará su estructura y eltam año delfolleto (tipo y cantidad de texto que contendrá,sihabrá fotografías o ilustraciones,y la cantidad de ejem plares necesarios).En base a esto,podrem os decidir: ŸEltam año delfolleto ŸElform ato delfolleto ŸLa cantidad de dobleces necesarios ŸLa cantidad de
  • 403. CLASE16 colores ŸEltipo de papely su gram aje (espesor) ŸSegún la cantidad ŸPost-Im presión‖ Post-im presión:troqueles,pop ups,cuños secos,hot-stam ping Con respecto a las posibilidades que otorga la post-im presión,podem os destacarcom o las m ás usuales:troqueles y cuños secos .Deben justificarse debido a que encarecen la producción gráfica. 6 Curso de Diseño Gráfico
  • 404. CLASE16 Eltroqueles em pleado para resaltarla form a de un envase. Troquelar significa "acuñar" ó "darle form a" a todo m aterial blando y plano. Los troquelados se llevan a cabo con una m atriz com puesta porflejes de acero m ediante los cuales se puede cortaro m arcarcartones,papeles,pvc,autoadhesivos,gom a eva y alto im pacto,logrando asíuna term inación única en sus im presos. Elsistem a tam bién perm ite,porejem plo,cortarun cartón para darle form a a una caja o haceruna calcom anía con form atos curiosos…lo que alcliente se le ocurra. Esta form a de corte es recom endable,para m edianas o grandes cantidades de im presos, porejem plo:1000 folletos A4 com o m ínim o.Para cotizarse tiene en cuenta elcosto del sacabocado o m atriz,la puesta a punto de la m aquinaria y la m ano de obra.Sila cantidad a troquelar fuera m enor a la citada, el precio sería exactam ente igual a los 1000 de m ínim o; salvo que el troquelador cuente con una m atriz acorde a la necesidad del interesado,allíse ahorraría elcosto de la m ism a,pero no de la m ano de obra.
  • 405. CLASE16 Curso de Diseño Gráfico 7
  • 406. CLASE16 Elproceso de “Barnizado UV”se realiza m ediante la aplicación de una laca transparente sobre papelilustración,cartulina encapada ilustración,papelautoadhesivo ilustración y opp autoadhesivo,entre otros m ateriales.Para finalizarelproceso se pasa porun horno de lám paras de luz ultravioleta para elsecado,elcualse produce casien form a inm e- diata y hace que la hum edad de la laca no se transfiera alpliego. Las ventajas que presenta este proceso son: -Protege elpapelde los factores am bientales y brinda m ayordurabilidad a la im presión. - Realza y m ejora las fotos. Favorece en un 100% la term inación gracias albrillo que aport a. Los ―Barnizados UV‖se pueden realizar con laca brillante o laca m ate y tam bién es posible sectorizarun área específica sise quiere destacar,porejem plo,ellogotipo de la em presa o una im agen en un folleto.Es una term inación m uy utilizada en la actualidad para tarjetas personales y su uso está en constante crecim iento gracias a la calidad final que le brinda alproducto im preso. Por sus costos es un proceso recom endado para m edianas y grandes tiradas de im presión. Cabe destacar que la term inación m ate es m ucho m ás costosa que la brillante. La técnica del"Cuñoen seco"perm ite darterm inaciones únicas a im presos com o tarjetas personales,carpetas,hojas A4,etc. El―cuño‖consta de un sello m acho y hem bra de m etal,m adera y gom a que m ediante presión deja im preso en eldocum ento un logotipo,nom bre,dibujo,etc.
  • 407. CLASE16 8 Curso de Diseño Gráfico
  • 408. CLASE16 Este procedim iento se realiza una sola vez pero puede ser utilizado en reiteradas oportunidades sies guardado correctam ente.Se puede adem ás im prim ir con elm ism o m otivo arriba,lo que genera un efecto de im presión sobre relieve. Es aconsejable hacerlo en m edianas y grandes cantidades ya que lleva un costo inicial del―cuño‖y luego elde la ―cuñada‖en m áquina sobre elim preso que es delm ism o valorcuando se hacen 100 carpetas o 1000. La m ayornitidez delcuño se logra en gram ajes pesados porlo que se aprecia m ejoren tarjetas personales y carpetas pero tam bién se suele realizaren hojas m em bretadas de bajo gram aje. Sistem adefolletos Para definirun sistem a se determ inan: • Los elem entos constantes • Los elem entos variables:elobjetivo específico de cada pieza y la inform ación,eltipo de papel,elform ato. •Las com binaciones posibles / la interacción entre las partes:se observa la estudiada relación entre las piezas gráficas,conteniendo unas a otras,com binándose gracias a sus colores,dobleces y tam años. •Las norm as y regulaciones que nuclean dichos elem entos / la interdependencia entre los elem entos:está im plícito,porsaberes previos y convenciones,qué debe hacerse con cada pieza y son notorias las vinculaciones propuestas aldestinatario para que las ponga
  • 409. CLASE16 Curso de Diseño Gráfico 9
  • 410. CLASE16 en uso. •La legitim ación y com plem entariedad entre los m ism os:una pieza gráfica recuerda a la otra sin seridénticas. 10 Curso de Diseño Gráfico
  • 411. CLASE16 Ejercicio1 Realizarunflyeryunfolletodeunm ism oclienteaelección. Ejercicio2 Realizarunsistem adefolletos(2)deunm ism oclienteaelección. Brochureinstitucional Es toda aquella folletería que sea propia de una com pañía y que la represente. ElBrochure abarca desde trípticos publicitarios de un nuevo producto o servicio que su com pañía ofrezca hasta las carpetas de presentación de proyectos que circulan de m anera interna o externa. Es decir, el Brochure abarca casi todo el m aterial im preso propio de una em presa y cada uno de los diferentes tipos de Brochure debe serdiseñado de m anera diferente. Un buen diseño de Brochure es la m ejorcarta de presentación de una em presa. ElBrochure desem peña tres funciones:inform ativa,publicitaria e identificadora. Lo que se debe considerara la hora de planearun Brochure es lo siguiente: ŸPensarcuálserá su objetivo.Cuálserá la función delBrochure. ŸDestacarla función que le corresponda entre función inform ativa,publicitaria e identi- ficadora. ŸElegirelform ato óptim o para que elBrochure trasm ita correctam ente elm ensaje que se desea.
  • 412. CLASE16 Curso de Diseño Gráfico 11
  • 413. 16 '
  • 414. Catálogo CLASE16 Son publicaciones que ofrecen inform ación de los productos o servicios de una em presa y sus características.Se utilizan para prom ocionar o hacer publicidad de una em presa, producto o servicio. Publicación m ás extensa que un folleto en la que se da inform ación de todos los productos de la em presa Es una form a de publicidad m uy utilizada,por no tener ciertas lim itaciones m ás que la propia inversión que se quiera realizar en la edición delm ism o, y por ser un soporte inm ejorable para la presentación de productos: la calidad delpapel, la posibilidad de utilizar m uchas im ágenes y extendernos en los textos nos puede perm itir crear un producto verdaderam ente atractivo,un escaparate sobre papelque despierte elinterés y la atención de nuestro público objetivo. Podem os diferenciardos partes en elcatálogo: -Portada y contraportada -Páginas internas o contenido Sus dim ensiones en cuanto a form ato delcatálogo,núm ero de páginas,tintas utilizadas y calidad del papel, dependerán en gran m edida del presupuesto, de la cantidad de inform ación que se deba incluiry deldestinatario delm ism o. En cuanto a im ágenes. Los catálogos generalm ente suele serun elem ento de com unicación basado m ás en las im ágenes que en eltexto,portanto éstas deben estarbien resueltas,atraery representar de la form a m ás realposible alproducto. En cuanto a texto. El texto debe ser claro y legible, no solo por la estética, sino tam bién por el aspecto práctico,es decir,para com unicaruna inform ación determ inada de la form a m ás eficaz posible y que esos contenidos textuales inviten a ser leídos y a conocer m ás sobre el producto o servicio que presentam os.
  • 415. Curso de Diseño Gráfico 13
  • 416. . - ·. ---------- • 16 .•. • M6duloTarifa Plan1 - ··-·- BlackBerry Q;; .._.._ ---• _., - o -- ---• -_.._ - ---- ·-- - - 2009 Cat'Shop Suppliu 1ndH1ndToola
  • 417. CLASE16 Mensajesporcorreoelectrónico Las cam pañas de m arketing porcorreo electrónico tienen las siguientes ventajas: • Se pueden enviar diferentes m ensajes a una enorm e lista de correo y obtener resultados en m enos de 48 hs. • Se ahorra en im presión y en papeles; reduciéndose el núm ero de personas que participan en la transacción ya que los envíos porcorreo tradicionalson costosos. •Perm ite la inclusión de vínculos que lleven alcliente a la página w eb institucionalde la em presa. Enviar m ensajes a quien no lo solicitó o no pertenece algrupo alque se desea llegar puede serun errorque vaya en contra de la reputación de las em presas. La regla fundam entalpara obtener respuestas positivas y evitar riesgos de pérdida de credibilidad e im agen,es ―pedirperm iso alconsum idor". Las em presas serias que usan este m edio piden perm iso y envían m ensajes perm itiendo alconsum idornegarse a recibirm ensajes cuando lo decida. Los siguientes aspectos deben considerarse al realizar m ensajes enviados por correo electrónico: • Daralcliente una razón para responder. • Personalizarelcontenido delm ensaje. • Ofreceralgo que no podría obtenerporcorreo directo. Desde elpunto de vista deldiseño:se debe considerarfundam entalm ente que se trate de un docum ento liviano,de fácilacceso,claram ente diagram ado,con tipografía legible y, com o en todo caso de diseño, deberá relevar la com petencia y otros m ensajes de tem as afines,para decidirsu estrategia de grado de diferenciación de los dem ás.
  • 418. CLASE16 Curso de Diseño Gráfico 15
  • 419. CLASE16 Ejem plos new sletters 16 Curso de Diseño Gráfico
  • 420. CLASE16 Mensajesporcorreotradicional(m ailing) Un envío por correo tradicional estándar se com pone de cinco piezas básicas, que com únm ente se envían juntas,com plem entándose entre ellas: • Sobre exterior. • Carta. • Folleto. • Cupón. • Sobre de respuesta paga. Elsobre exterior No se trata de un sobre com ún.Debe ser un sobre llam ativo,que atraiga la atención, genere curiosidad a través delcolor,eltexto,las im ágenes e incite a abrirlo. La carta Esta pieza,enviada directam ente aldestinatario (―Estim ado Sr.Juan Pérez:"),apela a la parte em ocionaldelm ism o. Elfolleto Constituye ellado ―racional"delm ailing,donde se explican las cualidades delproducto o servicio que se ofrece.Es la pieza idealpara m ostrar,m ediante fotografías,destacando partes deltexto etc.,las virtudes delproducto y explicarlas ventajas de adquirirlo;com o asítam bién precio y form as de pago. Cupón /Sobre de respuesta paga Estas piezas son la clave delm ailing,puesto que perm iten m edirla
  • 421. CLASE16 respuesta obtenida de acuerdo a lo invertido en la publicidad,a la cantidad de cupones enviados por los clientes,llam ados telefónicos o m ensajes dirigidos por correo electrónico.Pueden ser dos piezas separadas una sola pieza que se pliega y se envía porcorreo,cuyos gastos ya Curso de Diseño Gráfico 17
  • 422. CLASE16 están pagos (franqueo pago). ElDiseñoTécnico Es un cam po que incluye una m ultiplicidad de producciones de diversa índole,com o por ejem plo: • M anuales de uso. • Prospectos técnicos y/o de m antenim iento. • Publicaciones cartográficas. • Gráficos . • Infografías . • Producciones diversas y/o
  • 423. CLASE16 m ixtas. Todo este conjunto de producciones surge porla necesidad de determ inados usuarios de dom inarobjetos,procesos o circunstancias en un contexto específico,especialm ente en entornos dom inados portecnologías en constante cam bio. 18 Curso de Diseño Gráfico
  • 424. CLASE16 En cuanto a los elem entos com positivos que,en general,integran las producciones del Diseño Técnico,se incluyen: • Texto escrito. • Dibujo esquem ático. • Fotografía . • Ilustración . • Color. • Planos,cuadros,organigram as,barras,tortas,fiebres,líneas de tiem po,etc. ElDiseño Técnico, en general, consiste en lograr la transm isión de conocim ientos, es conveniente ubicarlos en soportes que faciliten la lectura,y elproceso didáctico (por ejem plo:revistas,diarios,libros,cd-rom s,etc). ProduccionesdelDiseñoTécnico Entre las producciones delDiseño Técnico,son m ás utilizadas: •ORGANIGRAM A:gráfico de la estructura de una organización social,que representa a la vez los diversos elem entos de un grupo,y sus relaciones respectivas.Representación gráfica de las operaciones sucesivas de un proceso. • ESQUEM A:representación gráfica y sim bólica de cosas inm ateriales.Representación de algo atendiendo sólo a sus líneas o caracteres m ás salientes. • CUADRO: conjunto de nom bres, cifras u otros datos presentados gráficam ente, de m anera que se advierta la relación existente entre ellos. • DIAGRAM A:figura gráfica que representa las variaciones de un fenóm eno.Figura gráfica que representa las relaciones entre las diferentes partes de un conjunto o sistem a. •INFOGRAFÍA:técnica de creación de im ágenes de síntesis y de representación gráfica m ediante la utilización directa
  • 425. CLASE16 delordenador.Enunciado de doble naturaleza:gráfica y periodístic a. • PLANO: representación gráfica, en proyección horizontal o según una sección horizontal,de las diferentes partes de una ciudad,de un edificio,de una m áquina,etc. Curso de Diseño Gráfico 19
  • 426. CLASE16 •M APA:representación convencionalsobre un plano,de la distribución de fenóm enos gráficos,geológicos,etc. ObjetivosyestrategiasdelDiseñoTécnico Entre los objetivos que elDiseñador plasm ará en las distintas producciones delDiseño Técnico,son los m ás corrientes: •INFORM AR:otorgaralusuario datos que posean cierto grado de novedad sobre eltem a elegido.La Teoría de la Inform ación estudia y define las cantidades de inform ación,su codificación,los canales de transm isión y sus capacidades. • EDUCAR:enseñar,form ar,instruir.Desarrollaro perfeccionarlas facultades intelectuales y m orales. • PERSUADIR:convencer,para que alguien crea,haga o quiera cierta cosa. Entre las ESTRATEGIAS que elDiseñadoraplica en form a única o com bina en las distintas producciones delDiseño Técnico,son los m ás corrientes: •PRESENTAR:poneralgo frente a alguien para que éste lo juzgue,elija,vea,o cualquier otra acción. •REPRESENTAR:im itaro sim bolizaralgo,hacerpresente algo que no está,en la im agina- ción de otro. Representar significa presentar otra vez, supone la existencia de algo previam ente conocido. • M OSTRAR:exponeruna cosa para que sea observada. • DEM OSTRAR:probarde una m anera unívoca la existencia,funcionam iento,de una cosa. 20 Curso de Diseño Gráfico
  • 427. ..._.._ -,-- . u... ..... · . ·- CafóHou - ·-·'1•((0 ,.,._ _ ..; 1 . 1 . 1• .. • . ..._ ...._ -· •"-"""'-4'--- .. --..··· ·..... ··-- .. -- . . -- .. -- 6E) 1 LOOPIANC8mG QI: SJOO"WADISTAHOA 16 1. ( <tPloi os ltdnfilltm , ·.. -..... -....... ................ .. .. . ... .._ .. .. .. . ... .. . ...................,..,.._. ..ll w 11 .". ·- "...-......... - -- -- ==:;¡¡:,., eRRun ._. klt1tlfyfo9 ••rlsmd """'ildors ... · -·----- -- CaféHou e""'A"'"''PutAtOmaPlu• KFllO kfllO • "• -·- --......., ....- .- .. ._ ., .. .,... ... ........... ........ .... • n: -.0-1( gi :t .._ll ,_- ,,1 "."....... '"- •.11.---·'"'m!T:,'----·- •I.r..l." ''_-11· -· -&:·_•.... e-.-...- 1 .....: _- .., ·---........ --Gl -- --- .,, -.... - ...... ·.·...._-.-•&l• ....... I ....... I ··-·-- . ·- ....... ... ...... I ...... ....... I·-· ... Al EN•..,.u..QIH ¡ .
  • 428. ,. o o o ... o .,_ o 1•• • .·-...... I·-·- . .., 'ltm I··- #' 1r.!·- ("; .. o t .. ... ,... .....• t•• ... ... o .. o , · ._ --- 1·.•. ,.,.,.. 1 1.:."'•.• • o- o o ·-·- .... ... 1.;: 1 -".'• ,u.,,. ·- ··-- ,....u. 117.!'- 1 . 1l.......·-. o o •
  • 429. Infografías CLASE16 Dado que la Infografía com o enunciado gráfico-periodístico nace en diarios, es razonable que m antenga de los m ism os un conjunto de elem entos que,incluso, conservan su nom bre. • Título im pactante y descriptivo • Copete • Texto en general • Elcentro de im pacto visual • La fuente • Firm a o crédito En general,la infografía cuenta con los siguientes recursos: • La perspectiva y elvolum en sugerido • La proporción • Las texturas • Las form as
  • 430. 22 Curso de Diseño Gráfico
  • 431. a.PSE16 = LA lADUA BÜSOUEOA Of LA DEMOCRACIA 1910 LAlo-'Sf,.._P.,_R. O.M ,,_..E..,..S_,A.,..S..... INCUMPLIDAS -- -.i -- -• -1. -_ ... .-,,_ -.. ,_ O..irso de Dseño Gáfic:o 23
  • 432. a.PSE16 -- "' e ·- ... r : -·- 9 .-; r i 423,927.078 ""' ·- r ¡ ."' zAIY!,5!.- (Js1.014.223 . ;;.-¡ ¡;:.:e":'; 1 ! ""! j =::-· 2J)ll... Ó31_sog;z 1 'érl- t ..._. .«; -!.....:.:..:.:.. 7' - - .., - pj - .] - -A --- 24 OJrso de IJseño Qáfioo
  • 433. a.PSE16 - ******** * t t WorldWar U 1941to1946 Southeasl Asia 1961to 1973 IraqandAfghanistan 2001to pn!Sent Sl(!(4 hellnet lnlraredaodn · prolectlvo "Y"W'l" M4 HSnet WLth bolistic- reslsc.it shell Spa¡s U fonn wilh "d;gilal pM[" pattern 1126mil/ionS()/diers setVing *•100,()(J() ********** ********** ********** ** ********** **' 2.28milfionsoldiers serving *** ******** 766,6 .6 .6 .so ./ .di .er .s .se .rving Rahoolsoldiers killledinaction towounded 1killedto every 2.4 1killedto every 1killedto every inaction: wounded 3.1wounded 8.3 wolllded Weightofgear: 35.8poi.n:ls 35.1pounds 75.3pounds Cost olgear: $1,981 $1,941 $17,442 NOTE; Co'tol 9f:llr ws tnfbitaon-adJ ulltcddl>ll'31's O..irso de Dseño Gáfic:o 25
  • 434. Curso de Diseño Gráfico CLASE 17
  • 435. Temas Adobe Indesign I
  • 436. CLASE17 Indice Introducción alInDesign ................................ 1 Conceptosbásicosdelespacio de trabajo .................... 1 Herram ientas ....................................... 3 Pasarpáginas....................................... 7 Inform ación generalsobre la ventana de docum ento ............. 8 Páginasy pliegos .................................... 9 Creación de distintostam añosde página en un docum ento ....... 10 Páginasm aestras ................................... 12 Cam bio de la configuración de m árgenesy colum nasde la página ... 15
  • 437. CLASE17 IntroducciónalInDesign Adobe InDesign es un softw are desarrollado y distribuido por Adobe System s, para la disposición y organización de páginas. Creado para reem plazar el Adobe PageM aker, presenta una variedad de m ejoras para generar una m ayor productividad.Es utilizado frecuentem ente para editar,crear,diagram ar,y visualizartodo un universo de m ateriales im presos tales com o revistas,periódicos,em balajes,etc. Conceptosbásicosdelespaciodetrabajo •La barra Aplicación de la parte superiorcontiene un conm utadorde espacio de trabajo, m enús (sólo en W indow s) y otros controles de la aplicación.En ciertos productos para M ac,puede m ostrarla u ocultarla con elm enú Ventana. •ElpanelHerram ientas incluye utilidades para crear y editar im ágenes,ilustraciones, elem entos de página,etc.Las herram ientas relacionadas están agrupadas. • ElpanelControlm uestra opciones específicas de la herram ienta seleccionada en el m om ento. Curso de Diseño Gráfico 1
  • 438. CLASE17 • La ventana Docum ento m uestra el archivo en el que se trabaja. Las ventanas Docum ento se pueden organizar com o fichas y, en ciertos casos, tam bién se pueden agrupary acoplar. • Los paneles ayudan a controlary m odificareltrabajo. • El M arco de aplicación agrupa todos los elem entos del espacio de trabajo en una ventana única e integrada que perm ite tratar la aplicación com o una sola unidad. Si m ueve elm arco de aplicación o alguno de sus elem entos o sicam bia su tam año,todos los elem entos que integra responden en consecuencia para evitarsu superposición. Aquítam biénaparecelaVentanadeBienvenida: 2 Curso de Diseño Gráfico
  • 439. CLASE17 Galeríadeherram ientasdeselección Herram ienta Selección Perm ite seleccionartexto y m arcos de gráficos,y trabajarcon un objeto m ediante su cuadro delim itador. Sihace clic en elcapturador de contenido (el donut) que aparece cuando pasa el puntero del ratón sobre una im agen, puede m anipularla im agen delm arco sin cam biara la herram ienta Selección directa. Herram ienta Selección directa Perm ite seleccionar elcontenido de un m arco,com o un gráfico colocado,o trabajar directam ente con objetos editables,com o trazados,rectán- gulos o texto convertido a un perfilde texto. Curso de Diseño Gráfico 3
  • 440. CLASE17 Galeríadelasherram ientasdetextoydedibujo 4 Curso de Diseño Gráfico
  • 441. ltw/"""'""s".".I"Ut.,fMi lt.ü'°""'"fhit'b..f1UW -..../ bdW-t IM tal..ft.I°""'tht- to. 11- t:.,,.i:nr ...i i..../,..,..,... b<C.W. T a.PSE17 " La lif'rrnmlmta Texto le permite crear marros de textoyseleccto11ar luto. ... .· La /1erramle11/a Texlo e11 trazado le pen111te creary editar luto e11 lra2ados. Laliermmletlta Ldp12 le penmte dibu¡ar 1111 muado dtfom1a libre. La lierramlrirla Suavizar lepermitee/Jml110rlos á11gulos quesobren de un lrlllifdO. ® la11erm111/enlaBorrador lepem11te e/lml11ar pulllos de 1111 trruado. ® La /ierramlenta Marco pollgonnl lr pcrmlle crear 1111marcador depostd611 de varios lados. la /1err11111IC11l11 Linea le pemrltedibujar 1111 IegllletllO defillt'O. D la /1erramteirl11 Rectá11g11lo lepennlle crear u11 cuadrado o1111 rectá11g11lo. Lalierr11mlmt11 Marce rma11g11/ar lepcm11te crear 1111 marcador de postc/611 cuadrado o rcda11g11Jar. 1..n /1trramle111a Elipse lt permite crear 1111 dm1/o o llll Ól'afo. 1..n lrtrramlmta Marco de dlpse le pennlle crear 1111 marcador depostdó11 drmlar 11 oval. oLa /1err11mle11ta Po/lgo110 lepermite crear 1111a figura devarioslados. O..irso de Dseño Gáfic:o 5
  • 442. CLASE17 Galería de herram ientasde transform ación 6 Curso de Diseño Gráfico
  • 443. CLASE17 Pasarpáginas InDesign proporciona una m anera fácilde saltarde una página a otra en un docum ento. InDesign realiza un seguim iento del orden en el que se visualizan las páginas de un docum ento. •Para desplazarse porlas páginas en elm ism o orden en que se visualizaron durante la sesión actual,elija M aquetación >Atrás o Adelante. •Para ira la página siguiente o anterior,haga clic en elbotón Página siguiente o Página anteriorsituados en la parte inferiorde la ventana deldocum ento o elija M aquetación > Página siguiente o Página anterior. •Para ira la prim era página o a la final,haga clic en elbotón de prim erpliego o de últim o pliego , situados en la parte inferior izquierda de la ventana del docum ento o elija M aquetación >Prim era página o Últim a página. •Para ira una página concreta,elija M aquetación >Ira página,especifique elnúm ero de página y haga clic en OK.O bien,haga clic en la flecha hacia abajo situada en la parte derecha delcuadro de página y,a continuación,elija una página. Curso de Diseño Gráfico 7
  • 444. CLASE17 Inform ación generalsobre la ventana de docum ento Cada página o pliego deldocum ento tiene su m esa de trabajo y sus guías propias,que están visibles con elm odo de vista Norm al. A.Pliego(líneasnegras) B.Página(líneasnegras) C.Guíasdem argen(líneasm agenta) D.Guíasdecolum na(líneasvioleta) E.Áreadesangrado(líneasrojas) F.Áreadeindicaciones(líneasazules) 8 Curso de Diseño Gráfico
  • 445. CLASE17 Páginasypliegos Siselecciona la opción Páginas opuestas en elcuadro de diálogo Archivo >Ajustardocu- m ento,las páginas deldocum ento se dispondrán en pliegos. Un pliego es un conjunto de páginas que se visualizan de form a conjunta,com o las dos páginas que se ven alabrirun libro o una revista. Cada pliego de InDesign tiene su propia m esa de trabajo,que es un área situada fuera de la página en la que se pueden alm acenarobjetos que todavía no están situados en una página.Cada m esa de trabajo de un pliego dispone de espacio para incluir objetos con sangrados o que se extienden m ás allá delborde de una página. A.Iconos de página B.Página con página m aestra "A"aplicada C.Pliego seleccionado Para añadiruna página después de la página o pliego activo,haga clic en elbotón Crear nueva página en elpanelPáginas o elija M aquetación >Páginas >Añadirpágina. La nueva página utiliza la m ism a página m aestra que la últim a página activa existente.
  • 446. CLASE17 Curso de Diseño Gráfico 9
  • 447. CLASE17 Creacióndedistintostam añosdepáginaenundocum ento Hacerclick en este ícono para cam biartam años 10 Curso de Diseño Gráfico
  • 448. CLASE17 Usodevariostam añosdepágina Se pueden definirdistintos tam años para las páginas de un docum ento.Esta función es especialm ente útilsidesea controlar diseños relacionados en un archivo.Por ejem plo, puede incluir páginas de sobre,m em bretes,postales y tarjetas de visita en elm ism o docum ento. Creacióndedistintostam añosdepáginaenundocum ento En la herram ienta Página, seleccione la página m aestra o de m aquetación que desea redim ensionary cam bie los ajustes de tam año en elpanelControl.Las páginas heredan su tam año de página de la página m aestra.No obstante,puede cam biar eltam año de una página de m aquetación para que sea diferente alde la página m aestra. Una página m aestra se puede basaren otra m aestra con un tam año diferente,porlo que un rango de páginas de varios tam años puede com partirelm ism o contenido m aestro. Curso de Diseño Gráfico 11
  • 449. CLASE17 Para aplicar un tam año de página diferente de form a rápida,seleccione la página en el panel Páginas y, a continuación, seleccione un tam año de página en el botón Editar tam añodepágina Páginasm aestras Acercadelaspáginasm aestras,elordendeapilam ientoylascapas Una página m aestra es sim ilar a un fondo que se puede aplicar con rapidez a m uchas páginas. Los objetos de una página m aestra aparecen en todas las páginas con dicha página m aestraaplicada. Los elem entos m aestros que aparecen en las páginas de docum entos tienen un borde de puntos.Los cam bios realizados en una página m aestra se aplican autom áticam ente a las páginas asociadas. Habitualm ente las páginas m aestras contienen logotipos repetidos,núm eros de página, encabezados y pies de página.Tam bién pueden contenertexto vacío o m arcos de gráficos que sirven com o m arcadores de posición en las páginas deldocum ento. Nosepuedeseleccionarunelem entom aestroenunapáginadedocum entoam enosque elelem entom aestrosecam bie. Creacióndepáginasm aestras De form a predeterm inada, todos los docum entos creados cuentan con una página m aestra. Puede crear m ás páginas m aestras desde cero o a partir de una página de docum ento o una página m aestra existente. Una vez aplicadas páginas m aestras a otras páginas,los cam bios realizados en la página m aestra originalpasan a las páginas m aestras y las páginas de docum ento que se basan en ella.Sise planifica correctam ente,esto proporciona un m étodo sencillo para realizar cam bios de m aquetación en varias páginas deldocum ento. 12 Curso de Diseño Gráfico
  • 450. CLASE17 Creacióndeunanuevapáginam aestraapartirdeunapáginaounpliegoexistente •Arrastre un pliego com pleto desde la sección Páginas delpanelPáginas a la sección Páginas m aestras. •Seleccione un pliego en elpanelPáginas y elija Guardar com o página m aestra en el m enú delpanelPáginas. Todos los objetos de la página o elpliego originales pasan a form ar parte de la nueva página m aestra. Si la página original utilizaba una página m aestra, la nueva página m aestra se basará en la página m aestra original. Edicióndelam aquetacióndeunapáginam aestra Puede editar la m aquetación de páginas m aestras cuando lo desee. Los cam bios se reflejan autom áticam ente en todas las páginas que tengan esa página m aestra aplicada. Así,siañade un texto o un gráfico a una página m aestra,aparecerá en las páginas de docum entos en las que se haya aplicado la página m aestra. 1En elpanelPáginas,haga doble clic en elicono de la página m aestra que desee editaro seleccione la página m aestra en la lista delcuadro de texto situada en la parte inferiorde la ventana deldocum ento.Elpliego m aestro aparece en la ventana deldocum ento. 2Realice los cam bios en la página m aestra. InDesign actualiza de form a autom ática todas las páginas que utilicen dicha página m aestra. Para cam biareltam año de la página m aestra,selecciónela con la herram ienta Página y utilice las opciones delpanelControlpara cam biarla dim ensión. Aplicarpáginasm aestras Sieldocum ento contiene pliegos personalizados (com o un desplegable de 3 ó 4 páginas de una revista),las páginas m aestras que aplique deben contenerelm ism o núm ero de páginas. Curso de Diseño Gráfico 13
  • 451. CLASE17 Silas páginas m aestra y de m aquetación tienen distintos tam años,alaplicar la página m aestra se cam bia eltam año de la de m aquetación.Sila página de m aquetación tiene un tam año a m edida, puede especificar si m antener este tam año o bien aplicar el de la página m aestra. Aplicarunapáginam aestraaunpliegoounapáginadedocum ento •Para aplicaruna página m aestra a una página,arrastre elicono de página m aestra a un icono de página delpanelPáginas.Cuando un rectángulo negro rodee la página deseada, suelte elbotón delratón. •Para aplicaruna página m aestra a un pliego,arrastre elicono de página m aestra a una esquina del pliego en el panel Páginas. Cuando un rectángulo negro rodee todas las páginas delpliego deseado,suelte elbotón delratón. Elim inacióndeunapáginam aestradeundocum ento 1En elpanelPáginas,seleccione uno o m ás iconos de página m aestra. Para seleccionar todas las páginas m aestras no usadas, elija Seleccionar páginas m aestras no usadas en elm enú delpanelPágina. 2Realice una de las acciones siguientes: •Arrastre elicono delpliego o la página m aestra seleccionada hasta elicono Elim inaren la parte inferiordelpanel. • Haga clic en elicono Elim inaren la parte inferiordelpanel. 14 Curso de Diseño Gráfico
  • 452. CLASE17 • Elija Elim inarpliego m aestro [nom bre delpliego]en elm enú delpanel. Sielim ina un pliego m aestro,se aplica [Ninguno]a todas las páginas de docum entos a las que se hubiera aplicado elpliego elim inado. Cam biodelaconfiguracióndem árgenesycolum nasdelapágina Puede cam biarla configuración de colum nas y m árgenes de páginas y pliegos.Sicam bia los valores de colum na y m argen en una página m aestra,cam biará la configuración de todas las páginas donde se aplique la página m aestra. El cam bio de colum nas y m árgenes de páginas norm ales sólo afecta a las páginas seleccionadas en elpanelPáginas. La función Ajuste de com posición tam bién puede afectar a las colum nas delm arco de texto. 1Realice una de las acciones siguientes: • Para cam biarla configuración de m árgenes y colum nas de un pliego o página,diríjase al pliego que desee cam biaro seleccione un pliego o página en elpanelPáginas. •Para cam biar la configuración de m árgenes y colum nas de varias páginas,seleccione esas páginas en el panel Páginas o seleccione una página m aestra que controle las páginas que desee cam biar. Curso de Diseño Gráfico 15
  • 453. CLASE17 2 Elija M aquetación >M árgenes y colum nas,especifique las opciones siguientes y luego haga clic en OK. M árgenes Introduzca valores para especificar la distancia de las guías de m argen respecto a los bordes de la página. Si la opción Páginas opuestas está seleccionada en el cuadro de diálogo Nuevo docum ento o en Ajustardocum ento,los nom bres de las opciones de m argen Izquierdo y Derecho cam bian a Interior y Exterior para que pueda especificar espacio de m argen interioradicionalpara ajustarla encuadernación. Colum nasEspecifique elnúm ero de colum nas. Creacióndeanchosdecolum nadesiguales Sidispone de m ás de una colum na en una página,las guías de colum na delcentro se m ostrarán porpares. Alarrastraruna guía de colum na,se m ueve elpar.Elespacio existente entre las guías de colum na es el valor de m edianil especificado. El par se m ueve conjuntam ente para m antenerdicho valor. 1Diríjase a la página m aestra o pliego que desee cam biar. 2Sise bloquean las guías de colum na,elija Ver>Cuadrículas y guías >Bloquearguías de colum na para deseleccionarlas. 3Con la herram ienta Selección ,arrastre una guía de colum na.No puede arrastrarla m ás allá de una guía de colum na adyacente o delborde de la página. 16 Curso de Diseño Gráfico
  • 454. CLASE17 Ejercicio Realizardosnotasderevista,conelem entosencom ún(páginasm aestras). Nota1 Curso de Diseño Gráfico 17
  • 455. CLASE17 Falling Skies, el nuevo drama de ciencia-ficción de TNT, es una de las series másanticipadasdelaño. La primera temporada contará con diez episodios. La serie es producida por DreamWorksTelevisionconStevenSpielbergcomoproductorejecutivo. Falling Skies cuenta la historia de las secuelas de una invasión alienígena que, además de neutralizar toda la tecnología avanzada y la generación de electricidad, elimina a la gran mayoría de las fuerzas militares de todos los países en un tiempo corto. Se infiere que cerca del 90% de la población mundial fue eliminada en la primera ola del ataque. Lahistoriacomienza6mesesdespuésdelainvasión. Elshowesta centradoalrededordeTomMason (Noah Wyle)unprofesordehistoriaque seveconvertido en líderdeungrupodecivilesquehan huidopara evitarservíctimasde larazaextraterrestrequehaatacadonuestromundo,conquistándoloenpocashoras. Ahora los sobrevivientes deben aprender a luchar contra un enemigo que no comprenden del todo y a sobrevivir a circunstancias hostiles que superan su comprensión. 18 Curso de Diseño Gráfico
  • 456. CLASE17 Nota2 KieferSutherlandprotagonizaráelnuevodramadeFox El actor encabeza el reparto de 'Touch', la nueva ficción de Tim Kring centrada en un padrequedescubrequesuhijopuedepredecirelfuturo. Tras el desenlace de '24' el pasado año y pendiente del comienzo del rodaje del largometraje basado en la ficción, Kiefer Sutherland ya se ha embarcado en un nuevo proyecto televisivo. El encargado de dar vida al inolvidable agente federal Jack Bauer durante ocho temporadas será el protagonista del episodio piloto de 'Touch', el nuevo drama que prepara Fox. El responsable de la puesta en marcha de la nueva ficción de la cadena estadounidense para la próxima temporada es Tim Kring, quien vuelve a televisióntraslacancelaciónde'Héroes'. Aunquetodavíanoseconocenmuchosdetallesdelproyecto,lastramasde'Touch',cuya producción podría comenzar a finales del mes de mayo, girarán en torno a un padre que descubre que su hijo, mudo y autista de nacimiento, tiene la capacidad de predecir acontecimientos antes de que estos ocurran. Además de encabezar el reparto de la nueva ficción, Sutherland también se encargará de producir el piloto, que podría estar dirigido además por Charles McDougall ('Mujeres Desesperadas', 'The Good Wife'), aunqueaúnnosehaconfirmado. Curso de Diseño Gráfico 19
  • 457. a.PSE17 20 OJrso de IJseño Qáfioo
  • 458. Curso de Diseño Gráfico CLASE 18
  • 459. Temas Adobe Indesign II
  • 460. CLASE18 Indice Num eración de páginas,capítulosy secciones .................1 Creación de texto y m arcosde texto ........................ 2 Enlace de texto ...................................... 4 Buscar/Cam biar ..................................... 6
  • 461. CLASE18 Num eracióndepáginas,capítulosysecciones Adicióndelanum eracióndepáginasbásica Puede añadirelm arcadornúm ero de página actuala las páginas para especificarcóm o y dónde aparecerá elnúm ero de la página. Puesto que elm arcadorde núm ero de página se actualiza autom