Curso diseño
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Curso diseño

  • 519 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
519
On Slideshare
519
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
21
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 áticam ente,elnúm ero de página que m uestra siem pre es elcorrecto,incluso alañadir,quitaro reorganizarlas páginas deldocum ento. Los m arcadores de núm ero de página pueden tenerelform ato y elestilo de texto. Adicióndeunm arcadordenúm erodepáginaaunapáginam aestra Porlo general,los m arcadores de núm ero de página se añaden a las páginas m aestras.Si se aplican páginas m aestras a las páginas de los docum entos,la num eración de páginas se actualiza de form a autom ática,aligualque los encabezados y los pies de página. 1 En elpanelPáginas,haga doble clic en la página m aestra a la que desee agregar el núm ero de página. 2Cree un nuevo m arco de texto de tam año suficiente com o para albergarelnúm ero de página m ás largo y cualquier texto que desee que aparezca junto a dicho núm ero. Coloque elm arco de texto en ellugaren elque desea que aparezca elnúm ero de página. Sieldocum ento tiene páginas opuestas,cree m arcos de texto independientes para las páginas m aestras izquierda y derecha. Curso de Diseño Gráfico 1
  • 462. CLASE18 3En elm arco de texto delnúm ero de página,añada eltexto que irá antes o después del núm ero de página (cóm o ―Página‖). 4 Coloque elpunto de inserción en ellugaren elque desea que aparezca elnúm ero de página y,a continuación,elija Texto >Insertarcarácterespecial>M arcadores >Núm ero de página actual. 5Aplique la página m aestra a las páginas deldocum ento en las que desea que aparezca la num eración de páginas. Cam biodelestilodenum eracióndepáginas De form a predeterm inada,las páginas se num eran con núm eros arábigos (1,2,3...),pero puede num erarlas con núm eros rom anos en m ayúsculas o m inúsculas (i, ii, iii...) o caracteres alfanum éricos (a,b,c...). Los núm eros de página tam bién pueden irprecedidos de ceros. Cada parte del docum ento que utiliza un estilo de num eración distinto se denom ina sección. Use elcuadro de diálogo Opciones de num eración y sección para cam biar elestilo de num eración de páginas y em plearun form ato distinto.Puede usareste cuadro de diálogo para reiniciarla num eración de páginas o iniciarla en un núm ero específico. 1En elpanelPáginas,seleccione la página en la que desea que com ience la sección con un estilo de num eración nuevo. 2Elija M aquetación >Opciones de num eración y sección. 3Especifique las opciones y haga clic en OK. 2 Curso de Diseño Gráfico
  • 463. CLASE18 Creacióndetextoym arcosdetexto Creacióndem arcosdetexto En InDesign, el texto se encuentra dentro de contenedores denom inados m arcos de texto. Com o los m arcos de gráficos, se pueden m over, cam biar de tam año y m odificar. La herram ienta con la que seleccione elm arco de texto determ inará eltipo de cam bios que puede realizaren él: • Utilice la herram ienta Texto para introduciro editareltexto de un m arco. •Utilice la herram ienta Selección para tareas de m aquetación generales com o colocaro cam biarde tam año un m arco. • Utilice la herram ienta Selección directa para m odificarla form a de un m arco. Los m arcos de texto tam bién se pueden conectara otros m arcos de texto,lo que perm ite que eltexto delprim ero continúe en elsegundo. Alcolocar(im portar)un archivo de procesam iento de texto,éste se adapta aldocum ento com o un solo artículo,independientem ente delnúm ero de m arcos que ocupe. Los m arcos de texto pueden tener varias colum nas. Pueden basarse en colum nas de página,sin depender de ellas.Es decir,un m arco de texto con dos colum nas se puede situaren una página de cuatro colum nas. Los m arcos de texto tam bién pueden colocarse en páginas m aestras y seguirrecibiendo texto en páginas de docum ento. Al colocar o pegar texto, no es necesario crear un m arco de texto; InDesign añade autom áticam ente los m arcos en función de la configuración de colum nas de la página. •Seleccione la herram ienta Texto y,a continuación,arrastre elpuntero para definir el ancho y el alto del nuevo m arco de texto. Para crear un m arco cuadrado, m antenga pulsada la tecla M ayús m ientras arrastra.Cuando suelte elbotón delratón,aparecerá un punto de inserción de texto en elm arco. Curso de Diseño Gráfico 3
  • 464. CLASE18 • Con la herram ienta Selección, haga clic en la casilla de entrada o de salida de otro m arco de texto y,a continuación,haga clic o arrastre para crearotro m arco. • Use elcom ando Colocarpara colocarun archivo de texto. • Con la herram ienta Texto ,haga clic en un m arco vacío.Sila opción La herram ienta Texto convierte m arcos en m arcos de texto está seleccionada en las preferencias de texto,el m arco vacío se convierte en un m arco de texto. Enlacedetexto Eltexto de un m arco puede serindependiente de los dem ás m arcos o pasarde un m arco a otro que esté conectado con elprim ero. Para pasar de un m arco a otro conectados (denom inados tam bién cuadros de texto),debe conectarlos m arcos antes. Los m arcos conectados pueden encontrarse en la m ism a página o elm ism o pliego,o bien en otra página del docum ento. El proceso de conectar texto de un m arco a otro se denom ina enlace de texto. Tam bién se denom ina vinculación de m arcos de texto o vinculación de cuadros de texto. Cada m arco de texto contiene una casilla de entrada y una casilla de salida,utilizadas en la conexión con otros m arcos. Una casilla de entrada o de salida vacía indica el principio o el final de un artículo respectivam ente. Una flecha en una casilla indica que elm arco está vinculado a otro m arco.Un signo m ás (+)rojo en una casilla de salida indica que debe colocarse m ás texto en elartículo,pero no hay m ás m arcos de texto para ello.Eltexto restante no visible se denom ina texto desbordado.
  • 465. CLASE18 4 Curso de Diseño Gráfico
  • 466. CLASE18 Marcosenlazados A.Casilladeentradaalprincipiodelartículo B.Casilladesalidaqueindicaunenlaceconelm arcosiguiente C.EnlacedetextoD.Casillade entradaqueindicaunenlacedelm arcoanterior E.Casilladesalidaqueindicatextodesbordado Elija Ver>Extras >M ostrarenlaces de texto para verrepresentaciones visuales de m arcos enlazados.Es posible enlazarm arcos aunque no contengan texto. Adicióndeunnuevom arcoalenlace 1Con la herram ienta Selección ,seleccione un m arco de texto y haga clic en la casilla de entrada o salida para cargarun icono de texto. Si hace clic en la casilla de entrada, podrá añadir un m arco delante del m arco seleccionado;sihace clic en la casilla de salida,podrá añadirun m arco detrás delm arco seleccionado. 2 Coloque elicono de texto cargado donde desea que aparezca un nuevo m arco de texto y,a continuación,haga clic o arrastre elratón para crearun nuevo m arco de texto. Cuando elicono de texto cargado esté activo,podrá llevara cabo varias acciones,com o pasar o crear páginas y acercar o alejar la im agen.Sialenlazar dos m arcos cam bia de opinión,haga clic en una herram ienta delcuadro de herram ientas para cancelar.No se perderá texto. Curso de Diseño Gráfico 5
  • 467. CLASE18 Adicióndeunm arcoexistentealenlace 1Con la herram ienta Selección,seleccione un m arco y haga clic en la casilla de entrada o salida para cargarun icono de texto. 2 Sitúe elicono de texto cargado sobre elm arco que desee conectar.Elicono de texto cargado se convierte en elicono de enlace. 3Haga clic dentro delsegundo m arco para enlazarlo con elprim ero. Buscar/Cam biar Inform acióngeneralsobreelcuadrodediálogoBuscar/Cam biar Elcuadro de diálogo Buscar/Cam biarcontiene fichas que le perm iten especificarlo que desea buscary cam biar. 6 Curso de Diseño Gráfico
  • 468. CLASE18 Ceñirtextoaobjetos Puede ceñirtexto a cualquierobjeto,incluidos m arcos de texto,im ágenes im portadas y objetos dibujados en InDesign. Alceñir texto a un objeto,InDesign crea un lím ite alrededor delobjeto que rechaza el texto.Elobjeto alque se ciñe eltexto se llam a objeto de ceñido.Ceñirtexto tam bién se denom ina rodearcon texto. Recuerde que las opciones para ceñirtexto se aplican alobjeto alque se está ciñendo, pero no altexto en sí.Los cam bios que realice en ellím ite de ceñido perm anecerán si m ueve elobjeto de ceñido cerca de un m arco de texto diferente. Ceñirtextoaobjetossim ples 1Para verelpanelCeñirtexto,elija Ventana >Ceñirtexto. 2 M ediante la herram ienta Selección o Selección directa , seleccione el objeto al que desee ceñirtexto. 3 En elpanelCeñirtexto,haga clic en la form a de ceñido deseada: Ceñiralrededordecuadro delim itadorCrea un ceñido rectangularcuyo ancho y cuyo alto vienen determ inados por el cuadro delim itador del objeto seleccionado, incluida la distancia de desplazam iento especificada. Ceñir alrededor de form a de objeto Tam bién denom inado ceñido con silueta, crea un lím ite de ceñido de texto con la m ism a form a que elm arco seleccionado (con o sin la distancia de desplazam iento especificada). Ceñiralrededorde cuadro delim itador (izquierda)yCeñiralrededorde form a deobjeto (derecha) Curso de Diseño Gráfico 7
  • 469. CLASE18 Saltarobjeto Im pide que eltexto aparezca en espacios disponibles a la derecha o a la izquierda delm arco. Saltaracolum nasiguienteHace que elpárrafo siguiente se coloque en la parte superior de la siguiente colum na o m arco de texto. 4 Desde elm enú Ceñir a, especifique sielceñido se aplica a un lado específico (por ejem plo,ellado derecho o elárea m ás am plia)o hacia ellom o o hacia ellado opuesto del lom o.(Sino ve elm enú Ceñir a,elija M ostrar opciones desde elm enú delpanelCeñir texto). Esta opción sólo está disponible si ha seleccionado Ceñir alrededor de cuadro delim itadoro Ceñiralrededorde form a de objeto. Opciones de Ceñira A.Lados izquierdo y derecho B.Ladearhacia ellom o C.Alejardellom o 8 Curso de Diseño Gráfico
  • 470. CLASE18 5 Especifique los valores de desplazam iento.Los valores positivos alejan elceñido del m arco;los valores negativos lo acercan alinteriordelm arco. Sieltexto no se ciñe a una im agen,asegúrese de que Ignorar ceñido de texto no esté seleccionado para elm arco alque se ciñe.Adem ás,siCeñir texto sólo afecta altexto subyacente está seleccionado en las preferencias de la com posición,asegúrese de que el m arco de texto esté bajo elobjeto de ceñido. Los m arcos de texto dentro de un grupo no se verán afectados porelceñido de texto que aplique algrupo. Para definir opciones predeterm inadas de ceñido de todos los objetos nuevos, deselecciónelos y,a continuación,especifique la configuración de Ceñirtexto. Ceñirtextoaim ágenesim portadas Para ceñirtexto a una im agen im portada,guarde eltrazado de recorte en la aplicación en la que ha creado la im agen, si es posible. Cuando coloque la im agen en InDesign, seleccione la opción Aplicar trazado de recorte de Photoshop del cuadro de diálogo Opciones para im portarim agen. 1Para verelpanelCeñirtexto,elija Ventana >Ceñirtexto. 2Seleccione una im agen im portada y en elpanelCeñirtexto,haga clic en Ceñiralrededor de form a de objeto. 3 Especifique los valores de desplazam iento.Los valores positivos alejan elceñido del m arco;los valores negativos lo acercan alinteriordelm arco. 4Elija M ostraropciones en elm enú delpanelCeñirtexto para veropciones adicionales. 5En elm enú Tipo,elija una opción de silueta: Cuadro delim itador Ciñe el texto al rectángulo form ado por el alto y el ancho de la im agen. Detectarbordes Genera ellím ite con la detección de bordes autom ática.(Para ajustarla detección de borde,seleccione elobjeto y elija Objeto >Trazado de recorte >Opciones).
  • 471. CLASE18 Curso de Diseño Gráfico 9
  • 472. CLASE18 CanalalfaGenera ellím ite a partirde un canalalfa guardado con la im agen.Siesta opción no está disponible,significa que no se guardaron canales alfa con la im agen.InDesign reconoce la transparencia predeterm inada de Photoshop (el patrón del tablero de cuadros) com o un canalalfa;de lo contrario,debe utilizar Photoshop para elim inar el fondo o para creary guardaruno o m ás canales alfa con la im agen. Trazado de Photoshop Genera ellím ite a partir de un trazado guardado con la im agen. Elija Trazado de Photoshop y,a continuación,elija un trazado en elm enú Trazado.Sila opción Trazado de Photoshop no está disponible,significa que no se guardaron trazados con nom bre en la im agen. M arcográficoGenera ellím ite a partirdelm arco delcontenedor. Igualque recorte Genera ellím ite a partirdeltrazado de recorte de la im agen im portada. 6 Para que eltexto aparezca dentro de los ―huecos‖de una im agen,com o elinteriorde una im agen de neum ático,seleccione Incluirbordes internos. OpciónIncluirbordesinternosdesactivada(izquierda)yactivada(derecha) Creacióndeunceñidodetextoinvertido 1Con la herram ienta Selección o la herram ienta Selección directa ,seleccione un objeto, com o un trazado com puesto,dentro delcualpueda ceñirse texto. 2Para verelpanelCeñirtexto,elija Ventana >Ceñirtexto. 3 Aplique un ceñido de texto a un objeto y seleccione la opción Invertir.Esta opción suele utilizarse con elceñido de texto alrededorde form a de objeto.
  • 473. CLASE18 10 Curso de Diseño Gráfico
  • 474. CLASE18 Ceñir texto a una form a de objeto (izquierda) y con la opción Invertir seleccionada (derecha) Ejercicio:Realizarunm anualconlasiguienteinform ación. Puedenagregarsedibujosvectorialesofotografias. Debetenerunaestructura(páginasm aestras). DISEÑO EDITORIAL Índice Introducción……………………………………………………………………..………..…..3 Diseño editorial……………………………………………………………………….…..….4 Diferencias de estilos…………………………………………………………………..…...5 La estructura deldiseño y los elem entos que contiene…………………….………..….6 Derecho de autor………………………………………………………………………..…...7 Elem entos editoriales………………………………………………………………….…..10 Introducción ElDiseño editorialconsiste en la diagram ación de textos e im ágenes incluidas en publicaciones tales com o revistas,periódicos o libros. Curso de Diseño Gráfico 11
  • 475. CLASE18 Dentro de se debe trataruno o varios tem as y la elección de ellos depende en gran m edida a que tipo de publico irá dirigido. 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 tener una noción de cóm o irán estructurados y distribuidos. Para que cualquiera de estos m edios proyecten una sensación de unidad,deben seguir un patrón único y a partirde conceptos se crean estilos para diferenciaralgunas reproducciones de otras. En este trabajo abarcarem os todos los aspectos delDiseño Grafico Editorialconsiderando todos los procesos o etapas que lleva elhaceruna publicación im presa. Adem ás incluim os la visita que hicim os a la EditorialSantillana en Santiago,una de las m ás grandes delpaís y la entrevista con eljefe deldepartam ento de diseño editorialde esta m ism a. Diseño Editorial Se denom ina «Diseño Editorial» a la m aquetación y com posición de publicaciones tales com o revistas,periódicos o libros. Product o: Saber que tipo de contenido vam os a m aquetar, es decir, de que tipo de publicación estam os hablando. Elpúblico o consum idor: A de saber a que público va dirigida la publicación. No es lo m ism o una revista para jóvenes aventureros,que para am as de casa.La com posición depende en gran m edida de saber quien es el público destinatario de la m ism a. M edios: Cada m edio,ya sea un tipo de revista o un periódico determ inado,tiene sus propias características en cuanto a form ato, com posición, contenido de las páginas..., e incluso jerarquía de los elem entos. Debem os sabercom o vam os a estructurarla inform ación en elm edio. Com petencia: Elconocim iento o reflexión de algunos puntos de la com petencia,com o la respuesta delpúblico hacia su publicidad y portanto a su producto,pueden sernos útila la hora de valorarnuestro trabajo. Los factores que determ inan una buena com unicación, no se deben separar, deben form ar un conjunto coherente y funcional.
  • 476. CLASE18 12 Curso de Diseño Gráfico
  • 477. CLASE18 Diferencias de estilos:contenidos y estructura 'Diseño Editorial’ Las tendencias y estilos de cada m om ento,las diferentes culturas,de la sociedad en general,son puntos im portantes a la hora de diseñar. Digam os que cada revista , periódico, o cualquier otra publicación o form a de com unicación,tiene su propio estilo y estructuras diferentes. No es lo m ism o una revista de m oda, que otra especializada en Internet, debido a que tienen un contenido totalm ente distinto,porlo que sus com posiciones probablem ente no tengan nada que ver. De la m ism a m anera,no podem os estructurar un catálogo de precios de una tienda de m uebles de estilo igualque un folleto de ofertas de un superm ercado. Existen m uchas diferencias de com posición cuando hablam os de contenidos distintos. Otro aspecto que debem os saberes que cada publicación tiene un estilo que la diferencia delresto y porelque se guía para que toda la publicación sea un conjunto.Asim ism o deberem os teneren cuenta otros factores que vendrán a determ inar com o será nuestro producto de diseño,factores com o:El m edio (revista, folleto, libro...); el form ato o tam año de la publicación, que condicionará posteriorm ente la retícula que podam os desarrollar;la cantidad de m aterialo contenido que deberá teneresa publicación y en cuantas páginas tiene que entrar;elsoporte o papelque se utilizará para la publicación (no será lo m ism o un papelgrueso y satinado que un papelfino y poroso);la im agen que tenga la em presa o que quiera nuestro cliente estableceren la publicación o publicidad;los espacios publicitarios que se determ inen (en caso de contener publicidad);en caso de que esté en diversos idiom as,elespacio para las traducciones;la lim itación de presupuesto que tengam os en cuanto a la im presión;la necesidad de adaptación a otros m edios;elm ercado... La estructura deldiseño y los elem entos que contiene Retícula Todo trabajo de diseño se debe regirporuna estructura previam ente estudiada.Esto perm ite obtener claridad,legibilidad y funcionalidad a la com
  • 478. CLASE18 posición,adem ás de facilitareltrabajo creativo. Existe un m étodo para resolver los problem as planteados a la hora de diseñar un catálogo, una revista, o cualquier otra publicación. Estam os hablando de la retícula, que consiste en dividir el espacio 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 receptor encuentre el m aterial en el lugar esperado y que el diseñador piense 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. Curso de Diseño Gráfico 13
  • 479. CLASE18 Las principales ventajas que tiene que ofrecernos una retícula bien diseñada las podem os resum iren tres:repetibilidad,com posición y com unicación. Plantilla y Estilo Por otro lado,tanto las revistas com o los periódicos y los libros,deben diseñarse con arreglo a un patrón único,creando de esta form a una sensación de unidad. Por ejem plo, en un catálogo esa sensación de unidad es m anifestada u organizada por m edio de colum nas o sim ilitud de tam años en sus elem entos.Porotro lado,las revistas com binan m ás eltexto y las im ágenes de diferentes tam años. Lo que querem os decircon esto,es que aun siendo publicaciones con diferencia de contenido,todas utilizan un m étodo com ún, una plantilla o m aqueta para todas sus páginas, de esta form a cada publicación presenta elm ism o estilo en todas sus páginas y ediciones. La plantilla no es m ás que un instrum ento para m ediry organizarlos espacios y los elem entos de la com posición de una form a coherente y equilibrada. Por lo generalla plantilla se crea a doble página com o sila revista estuviese abierta,de esta form a verem os m ejorelresultado que vá a tener. Puede que tengan m odificaciones en secciones diferentes porejem plo,que varíen algunos aspectos cuando se pasa de un apartado de noticias a otro en elque expone un artículo,pero en general,las partes com unes o básicas de una determ inada revista seguirán en todas sus publicaciones m anteniendo un estilo propio,que se puede basaren: -Núm ero de colum nas en cada página y dim ensiones de las m ism as. -Tam año delm edianil.Elm edianiles la distancia que existe entre las colum nas. -Colorque se le aplica a los titulares y a otros elem entos de la publicación. - Tipografía estándar y tam años utilizados en todas las publicaciones, así com o el interlineado utilizad o. -Elestilo de la portada,secciones,encabezados,paginación... -En algunos casos la form a de presentarlas im ágenes y otros elem entos ornam entales. Son algunos conceptos que se pueden utilizarpara crearun estilo,que diferencia unas publicaciones de otras. Com pruébelo, escoja una revista que se suela com prar habitualm ente y observe dos núm eros de esta,verá que am bas tienen la m ism a estructuración,aspectos com unes com o los que hem os señalado u otros diferentes, es decir existe una unidad entre ellas. Por otro lado, com o com entam os al principio, es im portante saber qué contenido tenem os que m aquetar, ya que condicionará nuestra com posición. Derecho de autor
  • 480. CLASE18 Cuando una autorrealiza una obra literaria,científica o artística adquiere derechos de autor,porla ley de propiedad intelectual(LPI, 1987), por elsólo hecho de su creación ya sea expresada en m edio 14 Curso de Diseño Gráfico
  • 481. CLASE18 tangible com o intangible. El derecho de autor tam bién protege el titulo de la obra Y las TRANSFORM ACIONES de obras originales;ejem plo:adaptarun libro alcine.Dentro de este apartado se encontrarían: Traducciones y adaptaciones. Revisiones,actualizaciones y anotaciones. Com pendios,resúm enes y extractos. Arreglos m usicales. Cualquiertransform ación de la obra literaria,científica o artística. Derechos De Autor Elderecho de autores derecho m oral.Es irrenunciable e inalienable.Son los herederos los que tienen / deben defender la obra y protegerla.Sino fuera asísería elm inisterio fiscalelque vele por dicha obra . Los derecho m orales son (según elarticulo 14/12) Derecho de edición:sería la facultad de publicaro no su obra y en qué form a. Determ inarcon qué nom bre,signo o pseudónim o va a publicarla. Exigirelreconocim iento de la condición de autor. Exigirelrespeto a la integridad. Derecho de m odificación de la obra y dentro: Deberá respetarlos derechos adquiridos porterceros. Exigencia de protección de bienes de interés cultural. Facultad de arrepentim iento,le perm ite a un autorretirarsu obra una vez publicada ya sea porrazones intelectuales o m orales;con la condición de indem nizara los editores titulares.Y sise quiere volvera editaresa obra,tendrán preferencia las editoriales titulares. Accederalejem plarúnico o raro de la obra con elfin de ejercitarelderecho de divulgación.
  • 482. CLASE18 Curso de Diseño Gráfico 15
  • 483. CLASE18 Derechos De Explotación De La Obra. Se entiende explotación com o reproducción, distribución, com unicación pública (publicidad), transform ación.Estas actividades no pueden realizarse sin elconsentim iento delautor,para ello este últim o hace un contrato con eleditor donde se paga por lo derechos de explotación,sino hay un contrato con elautor,a la persona que utilice la obra se le acusará de PLAGIO. Duración DelDerecho De Explotación. NOTA:Elderecho m oralno prescribe pero síelde explotación. La duración de este derecho depende de cada país.,cuando elderecho expira ese tiem po pasa a ser de dom inio público (cualquier persona o entidad), siem pre y cuando se respete la autoría y la integridad. En Europa es la vida del autor y 50 años después. España se establece el tiem po de derecho de explotación en la vida delautorm ás 70 años. Hay obras que se publican después de la vida delautor, obras póstum as. Los derechos entonces durarán 70 años desde la fecha de divulgación de la obra siem pre que la divulgación se haga dentro de los 70 años después de la m uerte delautor. Cuando la obra está escrita en colaboración,los derechos de explotación durarán 70 años después de la m uerte delúltim o autor. En elcaso de que la obra esté repartida en volúm enes,partes o entregas,elplazo de explotación com ienza después de la últim a entrega siem pre y cuando no sean independientes. Todos los plazos establecidos com enzarán a contar a partir del1 de Enero delaño siguiente a la m uerte o declaración de fallecim iento delautoro divulgación (sies póstum a). Lím ites DelDerecho De Explotación. Pasos por los que se pueden reproducir obras sin elconsentim iento delautor (sin ser de dom inio público.Dentro de estos casos se encuentran: Citas Anális is Fines docentes Investigación Reseñas de prensa
  • 484. CLASE18 16 Curso de Diseño Gráfico
  • 485. CLASE18 Relaciones AutorEditor Se hace m ediante un docum ento que es un contrato de edición,donde elautorcede los derechos al editorpara reproduciry distribuirla obra y elautorrecibe a cam bio una com pensación económ ica. Elcontrato tam bién aparecerá en la LPIy allíse dice que debe form alizarse porescrito y que deberá contener todos los porm enores y condiciones de la edición y venta de la obra. El contrato debe contener: Lugary fecha de redacción Datos personales Título de la obra aunque sea provisional Lengua o lenguas en las que se publicará la obra (en elcaso de que en elcontrato no se defina la lengua,sólo podrán editarlo en elidiom a originalen que se ha entregado). M odalidades de edición (rústica,de bolsillo y colección) Plazo de realización delautory alponga a disposición deleditor. Condiciones delautorpueden superarsus derechos (edición,distribución,venta) Sila cesión es delautoraleditortiene carácterde exclusividad. Nºde ejem plares,prim era edición,elplazo de puesta en circulación,que no podrá exceder de dos años desde que elautorentregue la obra en condiciones adecuadas aleditor. Form a de distribución.Deberá contarcuántos ejem plares se necesitan para elautor,la crítica o prom oción de la obra. Contrapartida económ ica porlos derechos delautor.En elcaso de que haya un anticipo, tam bién debe constaren elcontrato..Royalty:% delprecio finalde venta dellibro;éste va en función de las ventas.Tam bién puede haberocasiones en las que se incluyan increm entos de los royalties del 5% ó 15% en función de que haya habido cierto núm ero de ventas de ejem plares. Elcontrato deberá contenercuándo se acaba la prim era edición y las subsiguientes. Tam bién deberá contenerlos plazos de liquidación de los derechos de autor. Porcentaje delreparto de derechos entre elautory eleditoren elcaso de que se haya hecho una traducción /adaptación dellibro.Y el% que se va a cobrarporla venta delderecho.En elcaso de que se ceda para hacerse en rústica o que se ceda a un club editorial.
  • 486. CLASE18 Curso de Diseño Gráfico 17
  • 487. CLASE18 Deberes y obligaciones tanto delautorcom o deleditor. Acuerdos especiales que deberán incluirse en elcontrato. Elem entos editoriales 'Diseño Editorial’ 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. Antes de em pezar a diseñar debem os plantearnos una serie de preguntas com o: ¿qué debem os com unicar?o lo que es lo m ism o,¿cuáles elobjetivo de nuestro diseño?,¿qué elem entos son los m ás adecuados?...Una vez tenem os esto claro,tendrem os que decidircóm o desarrollarla com posición,y en definitiva cóm o lanzarelm ensaje. Podem os em pezarhaciendo unos bosquejos (bocetos)para iranalizando los resultados que pueden dardiferentes com posiciones:ayuda a aclararlas ideas y a tom ardecisiones. Veam os ahora las dos form as básicas de presentación delcontenido que nos podem os encontraren diseño tanto editorialcom o publicitario:texto e im ágenes. Texto:podem os encontrartitulares,subtítulos,bloques de texto y pie de foto. Im ágenes:fotografías,ilustraciones y espacios en blanco. En diseño publicitario añadirem os algunas form as a las vistas en diseño editorialtanto en texto com o en im agen. Texto:titulares,subtítulos bloque de texto,pie de foto,slogan,cupón,publireportaje y flash. Im agen:fotografías,ilustraciones,espacios en blanco y logotipos. Dependiendo deltrabajo que realice,una revista,un anuncio,un libro...,utilizará,texto,im ágenes o am bas cosas,y en cualquier caso cada uno de los elem entos utilizados debe tener su función y su correcta disposición dentro deldiseño.
  • 488. CLASE18 Eltitula r: Es elelem ento lingüístico m ás im portante de la com posición, ya que tiene la m isión de llam ar la atención e introduciralresto delcontenido. Eltitularpuede serlargo,corto,m ás o m enos grande,no hay leyes sobre este tem a,pero sialgunas 18 Curso de Diseño Gráfico
  • 489. CLASE18 recom endaciones que parten de estudios realizados. Algunos autores recom iendan las frases y las palabras cortas,que los titulares estén com puestos de m ayúsculas y m inúsculas,que sea tipografía con serifa para su m ejorlegibilidad,que eltexto no esté en negativo,o que no se utilicen elem entos de puntuación en los titulares cortos... Pues bien,es cierto que todos estos puntos facilitan la lectura,la atención,y m ejoran eldiseño en general,pero todo depende de com o se traten los elem entos y su com posición. Lo im portante es que consiga llam ar la atención, transm itir un m ensaje rápido, y si es capaz de conseguirlo con una frase larga,será igualm ente bueno que un anuncio con un titularcorto. Lo lógico es que eltam año deltitularsea m ayorque elresto de texto que exista en la com posición,sin olvidarque aún teniendo diferentes tam años deben estarequilibrados. Elcuerpo de texto: Es norm alm ente el elem ento al que m enos se le presta atención, bien porque resulta pesado, aburrido,o porla sencilla razón de que en algunas ocasiones,con la im agen (infografía,ilustración...) y eltitularya parece que se han desarrollado los elem entos fundam entales,adem ás eltexto "nadie lo lee". La cuestión es tener siem pre presente que cuando hablam os de un anuncio, por ejem plo, aunque eltanto porciento de personas que lean eltexto sea bajo,para elque lo lea elcuerpo de texto puede sernuestro m ejorvendedor,porlo que deberem os cuidarlo. Es quizás poreste m otivo,porelque debem os prestarle una atención especialalbloque de texto (silo hay), hacerlo lo m ás legible y claro posible, procurar que no sea pesado o denso, debem os hacer cruzarla barrera deldesinterés.Visualm ente ese bloque de texto debe invitaralreceptor. Pie de foto: Este elem ento tiene com o m isión darinform ación sobre la fotografía,y norm alm ente es preciso y no m uy denso.Aunque pueda parecerde poca im portancia,es uno de los elem entos que m ás se leen,por lo que debem os aportar una inform ación suplem entaria a la im agen y que pueda despertar m ás interés en otros elem entos de la com posición. Norm alm ente alpie de foto se le aplica un cuerpo pequeño (6,7 u 8 puntos),no debem os pensarque eso evita su poderde atracción o visibilidad,ya que norm alm ente elreceptorse siente atraído tanto portipografía grande com o porcuerpos pequeños en los que hay que esforzarse para saberque dicen. Alcontrario que en la prensa,en publicidad no se suele utilizarm ucho.Aunque autores com o Ogilvy abogan por su utilización dentro de la publicidad, por el poder de atracción que ejerce sobre el receptor.
  • 490. CLASE18 Curso de Diseño Gráfico 19
  • 491. CLASE18 Fotografía e ilustración: Son por lo generallos elem entos que m ás llam an la atención y es la parte de la com posición que seguro que m iram os. La presencia de una im agen abre aldiseñadorun abanico de posibilidades m ucho m ás am plio,ya que son elem entos que: Proporcionan inform ación. Enseñan elproducto talcom o es. Hacen la com unicación m ás realy creíble. Sugieren,expresan sensaciones,estim ulan... La fotografía,aporta realism o y constituye en la m ayoría de los casos un m odelo de la realidad,por tanto,debe tenerfuerza y un sentido específico y claro. Debem os procurar que las fotografías utilizadas no contengan inform ación innecesaria,ya que esto puede provocarconfusión y desinterés. Hay que tener una idea clara de lo que querem os com unicar por m edio de la fotografía para que el contenido de esta sea exactam ente lo que buscam os. Un anuncio de revista de una em presa determ inada,puede utilizar una im agen que represente las características de esta,su identidad,y todo lo que la em presa quiera dara conoceralpúblico.De la m ism a m anera,en la com posición de una revista o periódico,nos explica o aclara de form a visual,una situación o noticia. A su vez, las fotografías pueden ser clasificadas por su im pacto o llam ada de atención. Porejem plo,sise quiere representarla seguridad de un coche fam iliarcon la im agen de una o varias personas, puede que la presencia de un niño pequeño sea m ás eficaz e im pactante que la de un adulto. La ilustración, es otra form a de transm itir una idea, un concepto. El dibujo publicitario se ha desarrollado notablem ente en los diferentes m edios publicitarios. Puede sertan eficaz com o la fotografía y de igualm anera representarsensaciones.Dependiendo de la com posición o estructura que tenga la ilustración,reflejará sensaciones diferentes.Porejem plo: -Las rectas pueden expresan fuerza,definición,direccionalidad... Porotro lado las líneas horizontales reflejan calm a y serenidad,y las líneas verticales m ajestuosidad,superioridad... -Las curvas pueden expresarm ovim iento,belleza,flexibilidad...En m uchos casos m uestra una gran dosis de originalidad.
  • 492. CLASE18 20 Curso de Diseño Gráfico
  • 493. CLASE18 Hay que teneren cuenta que la ilustración dentro de un diseño,no es una parte independiente ,sino un elem ento que form a parte de una com posición,es decirde un todo. Elobjetivo de una ilustración es,llam arla atención,com unicarun m ensaje o am bas cosas. 1. Las figuras,los fondos y todos los elem entos que com pongan la ilustración han de tenerun aspecto agradable y atractivo. 2.Adem ás debem os conseguir, no solo el aspecto estético o de atracción, sino que exprese las cualidades o características de lo que estam os representando, es decir de lo que querem os com unicar. Ellogotip o: (utilizado en ciertos casos, com o anuncios, catálogos, trípticos...), es el elem ento del diseño que representa a la em presa,elproducto,servicio delanunciante,en definitiva,la im agen de la em presa. Puede estarcom puesto de texto e im agen o solo de texto.Ellogotipo debe presentarse de una form a clara y visible,y aunque norm alm ente se ubica alfinal,en elcaso de los anuncios,su posición puede serperfectam ente otra,siem pre que sea coherente y equilibrada con la com posición. Espacios en blanco: Tienen m ás im portancia de lo que parece,aunque algunos anuncios casiprescindan de ellos. Los espacios es blanco transm iten claridad,libertad,espacio,y ayudan en m uchos casos a equilibrar la com posición.
  • 494. CLASE18 Curso de Diseño Gráfico 21
  • 495. Curso de Diseño Gráfico CLASE 19
  • 496. Temas Señalética
  • 497. CLASE19 Indice La Señalización ......................................1 Señalética /Concepto y función ...........................3 Característicasde la com unicación señalética ..................4 Elprogram a señalético .................................9 Metodología ........................................ 9 Proceso delprogram a señalético ..........................9 FichasSeñaléticas ................................... 13 Mensajesseñaléticos................................. 15
  • 498. CLASE19 LASEÑALIZACIÓN Laseñalizacióneslapartedelacienciadelacom unicaciónvisualqueestudialasrelacio- nesfuncionalesentrelossignosdeorientación en elespacioyelcom portam ientodelos individuos. Es de carácter―autodidáctico‖,entendiéndose éste com o m odo de relación entre los in- dividuos y su entorno. Se aplica alservicio de los individuos,a su orientación en un espacio a un lugardeterm i- nado,para la m ejory la m ás rápida accesibilidad a los servicios requeridos y para una m a- yorseguridad en los desplazam ientos y las acciones. Curso de Diseño Gráfico 1
  • 499. CURVA CUfNlll CURYA CAMINO PENDtEN"rE PENCIENlE · ·) ......, $1Hl.JOSO tOe.....idlii•J .. ) EmtEQW.uEHTO umECHAWIENl'O flOft. lllUh.IRllEw.M: KJlllFI. MlG.ult fMM•--• ................ ......... ftllOiifU r "l:SliliLMJll.4 a.PSE19 NO AVAAlAA CO«TIWMl<O PROOllllCIÓN OE PROHlllJCIÓI< OE PP.OHIBICIÓN Oll CIACUl.AA CIRCULAR (..,.1 CIRCAAA fbie;idlt.1I) PROHlllOÓN OI PROH18'CIÓN DE PROH18'CKÍiNDE PAOHIBICÓrt DE PROHIBOÓNi DE CIJttUV.A: c.vteuw CJACUl.AA <CIACULAR (trlC ."'J CIRCULAA ,.,..... ST.JAMES'S STREET SWl CITY OF WESTMINSTER 2 OJrso de IJseño Qáfioo
  • 500. CLASE19 SEÑALÉTICA CONCEPTOYFUNCIÓN- JoanCosta(Señalética) Señalética es la parte de la ciencia de la com unicación visualque estudia las relaciones funcionales entre los signos de orientación en elespacio y los com por- tam ientosdelosindividuos.Alm ism o tiem po,esla técnicaqueorganizayregula estas relaciones. La señalética se aplica,por tanto,alservicio de los individuos,a su orientación en un espacio o un lugardeterm inado,para la m ejory m ás rápida accesibilidad a los servicios requeridos y para una m ayorseguridad en los desplazam ientos y las acciones. Podem os definir tam bién la señalética com o el sistem a instantáneo e inequívoco de inform ación porm edio de señales visuales o m ensajes espaciales de com portam iento. Elsistem a de m ensajes señaléticos no se im pone; no pretende persuadir, convencer, induciro influiren las decisiones de acción de los individuos. La señalética es discreta,pero no sólo porque se presenta de m odo puntualpara uso individualy no m asivo,sino porque sus m ensajes se ofrecen optativam ente alinterés de los individuos y,después de cum plirsu com etido orientativo,se borran inm ediatam ente delcam po de consciencia.Esta es exactam ente su m isión.
  • 501. CLASE19 Curso de Diseño Gráfico 3
  • 502. CLASE19 Señalética es la ciencia de las señales en el espacio, que constituyen un lenguaje instantáneo,autom ático y universal,cuyo fin es resolverlas necesidades inform ativas y orientativas de los individuos itinerantes en situación. Su lenguaje es especialm ente m onosém ico,no discursivo,y evita toda retórica visual. Su principio es elde la econom ía generalizada: m áxim a inform ación con los m ínim os elem entos y con elm ínim o esfuerzo de localización y com prensión porparte delreceptor. Su presencia es silenciosa;su espacialidad y secuencialidad es discreta;su utilización es optativa; su condición: funcionar y borrarse de inm ediatam ente del cam po de consciencia de los individuos. Característicasdelacom unicaciónseñalética La prinicipalfunción de la com unicación señalética es organizar un espacio,lo cualse logra orientando e infor-m ando alusuario a través de una dinám ica particularentre él,la señalización y elespacio señalizado. Generalm ente la señalética apela alsentido de la vista usando signos sim bólicos y de carácteruniversal. Las señales o rótulos se presentan com o m ensajes fijos,de m anera discreta y precisa,su espacialidad es secuencialy discontinua. 4 Curso de Diseño Gráfico
  • 503. CLASE19 Elusuario percibe en las señales de m anera selectiva la inform ación que necesita para hallarcam inos,este proceso de selección se lleva adelante de m anera autom ática y su persistencia m em oriales efím era. Curso de Diseño Gráfico 5
  • 504. a.PSE19 m Deput'jC.HY aom 6 OJrso de IJseño Qáfioo
  • 505. a.PSE19 O..irso de Dseño Gáfic:o 7
  • 506. 19 This isn't a biilboard. It's a power plant.
  • 507. CLASE19 ELPROGRAMASEÑALÉTICO- JoanCosta Elprogram a debe em pezarse con un inform e que será presentado alcliente.Este inform e esencial abarcará los diferentes pasos a seguir en el proceso de diseño, cada paso explicitará con detalle su contenido. METODOLOGÍA. Diseñar un program a supone seguir un m étodo, una fórm ula que organice los pasos sucesivos y los procedim ientos de m anera ordenada y exhaustiva,cubriendo no sólo las necesidades previstas de inm ediato, sino previendo su adaptabilidad a necesidades futuras. Se confunde eldiseño señalético con eldiseño de pictogram as. Sin em bargo, diseñar pictogram as,o diseñarrótulos y enseñas,es una tarea siem pre fragm entaria,que puede o no form arparte de un proyecto m ucho m ás com pleto y com plejo que está sujeto a una técnica pluridisciplinar. Es frecuente que la parte visible y perm anente de un proyecto eclipsa la parte m enos evidente pero esencial,que es la concepción,planificación,investigación y desarrollo técnico,esto es,elplan de diseño. Sin este soporte m etodológico y esta visión orgánica de conjunto, las tareas de visualización de la inform ación espacialse reducen a sim ples grafism os cuyos valores estéticos y sem ánticos no se discuten,pero que conducen siem pre a soluciones unitarias y aisladas entre sí. Procesodelprogram aseñalético Para desarrollar un program a señalético es necesario tom ar contacto con elproblem a que se presenta, con sus condicionantes funcionales, arquitectónicos y am bientales. Cada problem a y cada circunstancia concreta necesitan deldesarrollo de un program a particular. Curso de Diseño Gráfico 9
  • 508. CLASE19 M etodología de la program ación a.Conceptualización • Contact o • Acopio de inform ación • Organizació n b.Dise ño • Proyectació n c.Fundam entación d.Im plem entación • Realizació n • Supervisió n • Controlexperim ental a.Conceptualiza ción • Contact o Para realizarun proyecto señalético eldiseñadordebe hacer contacto con elespacio en elque es necesario intervenir.Sólo de esta m anera podrá internalizarla problem ática e, inclusive,tendrá un diagnóstico previo de cuáles son los inconvenientes y las posibi- lidades que le
  • 509. CLASE19 im pone ese espacio. Puede ocurrir que todavía no se haya construido elespacio m otivo de estudio,y para tom ar contacto, en estos casos se tratará de visualizarlo m ediante m aquetas, ilustraciones,renders u otro tipo de aproxim aciones visuales. Para com enzar es necesario que el diseñador busque inform ación sobre tres ítem s fundam entales: ■ La TIPOLOGIA FUNCIONAL,que le perm itirá reconocer qué cosas perceptibles le dan a ese entorno una caracterización convencionalde la función que cum ple.Es decir,en qué se parece a otros espacios donde se desarrollan actividades sim ilares. Por qué ese hospitalse parece a un Hospitaly no a un Banco.O de lo contrario y en elpeor de los casos,porqué es tan difícilreconocerlo com o tal. 10 Curso de Diseño Gráfico
  • 510. CLASE19 ■ La PERSONALIDAD delentorno para determ inar cóm o ese espacio brinda alusuario la posibilidad de interpretarlo funcionalm ente y,a su vez,reconocerlo com o único,distin- to. ■ La IM AGEN DE M ARCA que posee ellugar(sielespacio lo presenta o requiere).Tratando de identificarcuáles son los recursos visuales (colores,íconos,logotipos,escudos,etc.) que se utilizan en pos de hacernotaren elm ism o una presencia corporativa. • Acopio de inform ación El diseñador realizará una confirm ación o revisión técnica del diagnóstico previo planteado en la Tom a de Contacto. Es un análisis de la estructura del lugar y sus condicionant es. M ediante el PLANO Y TERRITORIO se buscará delim itar convenientem ente cuál es el espacio a intervenir,tratando de determ inar por m edio de la lectura y dem arcación de vistas en planta: a LA ZONIFICACION:cóm o se agrupan o separan las zonas donde se realizan las activi- dades principales y subsidiarias. b LA UBICACIÓN DE LOS SERVICIOS:dónde están ubicados los lugares de servicio público (porejem plo,baños)que no se relacionan directam ente con las funciones principales. c LOS RECORRIDOS:usados para accedera todas las actividades dem arcadas. Utilizando PALABRAS CLAVES,se tratará de denom inar y organizar las distintas necesi- dades inform ativas que se le pueden presentaralusuario. Se tom arán FOTOGRAFIAS (Sielespacio existe) donde trata-rán de registrarse todas las situaciones que no puedan visualizarse en elplano.Porejem plo: a Puntos m ás im portantes desde elpunto de vista de la estadística. b Puntos m ás destacados,com o problem as de orientación. Se reconocerán los CONDICIONANTES que puedan intervenir en elprogram a señalético, lim itando o constriñéndolo.Éstos pueden ser:
  • 511. CLASE19 Curso de Diseño Gráfico 11
  • 512. CLASE19 a ARQUITECTÓNIC OS b INDUSTRIALES c AM BIENTALES Se relevarán las NORM AS GRÁFICAS EXISTENTES tratando de determ inar las reglam entaciones que se plantean en caso de adaptarse la señalética a una IM AGEN CORPORATIVA desarrollada previam ente. • Organizació n Se trata en este punto de objetivar la inform ación recopilada y darle el tratam iento definitivo que perm ita brindarnos un m arco conceptual y técnico para com enzar a bocetar,conociendo todas las prem isas que se deben respetaren elproyecto.Para ello, es preciso determ inar: .La EQUIVALENCIA ICÓNICA de algunas palabras claves planteadas en la etapa anteriory, de ese m odo,evitar esfuerzos vanos en la ejecución de signos nuevos cuando existen convenciones visuales que perm iten un reconocim iento de la inform ación m ás rápida y efectiva. .La VERIFICACIÓN DE LA INFORM ACIÓN:que perm ita definirlos recorridos definitivos y la zonificación adecuada para hacerm ás transparente la lectura delentorno y eldesarrollo de las actividades. . La CONCEPTUALIZACIÓN m ism a DEL PROGRAM A: que plantea si se trabajará sobre la Tipología Funcional, la Personalidad o la Im agen de M arca del entorno, adem ás de prepararelinform e previo con elresultado de todo lo analizado en estas etapas. b.DISE ÑO Se diseñan fichas señaléticas,con las características que tendrá cada señalen elsistem a señalético.
  • 513. CLASE19 12 Curso de Diseño Gráfico
  • 514. CLASE19 4.50 m Plantaalta 30 Planta baja 2 m Curso de Diseño Gráfico 13
  • 515. CLASE19 Planta alta 30 Planta baja 1.80 m Vinilo de corte 14 Curso de Diseño Gráfico
  • 516. CLASE19 SOPOR TE UBICACIÓN EN ELPLANO M ATERIALES Y TÉCNICAS DE CONSTRUCCIÓN PALETA CROM ÁTICA ICONO S TIPOGRA FÍA M ODULO Y CRITERIOS COM POSITIVOS SISTEM A DE IM PRESIÓN M EDIDAS c.Fundam entación d.Im plem entación • Realizació n Donde se seleccionan los proveedores m ediante la presentación técnica de lo que se quiere reproducir. Esto es m uy im portante porque el m ism o fabricante aporta datos útiles para la ejecución efectiva de la obra. • Supervisió n Se hará un seguim iento de los procesos constructivos para tratar de llevar a buen térm ino lo planteado en la etapa de Diseño. • Controlexperim ental Después de la im plem entación efectiva del program a, se efectuará
  • 517. CLASE19 un control del funcionam iento delm ism o,asícom o pruebas de com prensión y legibilidad,con elfin de reconocerinconvenientes y efectuarlas correcciones necesarias. Mensajesseñaléticos Toda la variedad posible de m ensajes de com unicación señalética puede agruparse en seis grupos básicos. Curso de Diseño Gráfico 15
  • 518. CLASE19 INFORMATIVOS Genéricam ente,todos los m ensajes son inform ativos debido a las características propias de la señalética:inform ar antes que persuadir.Sin em bargo,pueden agruparse en esta cate-goría todo tipo de com unicación específica de funciona-m iento, organización general,o precisiones sobre horarios,form a de atención,etc. DIRECCIONALES Ésta es una característica de todos los instrum entos específicos acerca delsentido de la circulación posible en un lugar. 16 Curso de Diseño Gráfico
  • 519. CLASE19 ORIENTADORES Cada vez que una persona necesita orientarse recurre a alguna inform ación que le perm ita hacerun ―plano m ental‖y a eso,precisam ente,se dedica este tipo de m ensajes. Puede estarrepresentado poreltípico ―Usted está aquí‖. Curso de Diseño Gráfico 17
  • 520. CLASE19 Plantaalta 30 Planta baja 18 Curso de Diseño Gráfico
  • 521. CLASE19 IDENTIFICADORES Para precisar o confirm ar un destino se utilizan rótulos que le dan una identidad. Siem pre se ubican en elm ism o lugarque nom bran. REGULADORES Cualquier tipo de reglam entación o prohibición-perm isión tam bién es utilizada para hacerposible elcorrecto funcionam iento de un espacio de acción. Curso de Diseño Gráfico 19
  • 522. CLASE19 ORNAMENTALES Sin duda que la presencia física de las señales produce una transform ación delpaisaje delentorno; por este m otivo es que se clasifican en este grupo todos los elem entos com unicacionales que,basados en su valorestético,poten-cian elm ensaje señalético. Ejercicio1 Realizarunsistem aseñaléticodeunlugaraelección(5piezas) Ejercicio2 Realizarlasfichasseñaléticascorrespondientes. 20 Curso de Diseño Gráfico
  • 523. Curso de Diseño Gráfico CLASE 20
  • 524. Temas Packaging I
  • 525. CLASE20 Indice Introducción alPackaging ...............................1 FuncionesdelPackaging................................ 2 Elenvase y susdefiniciones ............................. 3 Clasificación delenvase ................................ 5 Etiqueta.......................................... 12 Consideracionesy requerim ientosgeneralesde diseño .......... 15
  • 526. CLASE20 IntroducciónalPackaging ElPackagingesla ciencia,elarteyla tecnologíadeinclusión oprotección deproductos paraladistribución,elalm acenaje,laventa,yelem pleo. Es elconjunto de elem entos visuales que perm ite presentar elproducto alposible com pradorbajo un aspecto lo m ásatractivo posible,transm itiendo valoresdem arca y suposicionam ientodentrodeunm ercado. Eltérm inopackagingvieneasignificarliteralm entelosm ism osconceptosqueenvase. Curso de Diseño Gráfico 1
  • 527. CLASE20 Las funciones m ás im portantes de la com unicación en elpackaging son: 1. Percepción:es la capacidad delenvase para serpercibido. 2.Diferenciación:una vez percibido,debe serdiferenciable en un contexto saturado de productos. 3.Identificación:elconsum idor debe asociar fácilm ente elcontinente (envase) con el contenido (producto). 4. Función espejo:la publicidad crea un estilo de vida y lo asocia con la utilidad de venta. 5.Argum entación: se deben com unicar y hacer evidentes las cualidades y valores positivos que se pretenden ―vender‖(calidad, seguridad, com odidad, tradición, artesanía, naturaleza, ecología, exclusividad, lujo, precio ventajoso, prestigio social, etc.). 6.Inform ación:es im portante inform ar de una m anera clara y com pleta para satisfacer las necesidades de un consum idorcada vez m ás exigente. Las inform aciónes incluirían las de tipo obligatorio (que están legisladas),las voluntarias (que m ejoran la inform ación alconsum idor)y las de tipo prom ocional(que estim ulan las ventas). 7. Seducción:es la capacidad de fascinación y de incitación activa a la com pra.
  • 528. CLASE20 2 Curso de Diseño Gráfico
  • 529. CLASE20 Las funcionesdelpackagingpodrían resum irse de la siguiente form a: • Identificarde form a inm ediata un producto. • Diferenciarlo respecto a los productos de la com petencia. • Inform aralconsum idorsobre los beneficios y ventajas delproducto que contiene. • Increm entarla venta delproducto. • Fidelizaralconsum idor. Elelem ento principaldelPackaging es elenvase. Elenvaseysusdefiniciones Contener,proteger,transportar y conservar diferentes objetos han sido las principales necesidades.Porello,la influencia de los envases está presente en todos los ám bitos de la sociedad,principalm ente en elde la producción,distribución y venta de productos. Dentro del diverso sistem a industrial el envase es parte integral para el desem peño óptim o de la estrategia funcionalde una em presa. Producto:Es resultado de un proceso de m anufactura que se presenta en condiciones de serofrecido com o m ercancía apoyada porla publicidad1 se presenta com o un satisfactor de las necesidades o de los deseos. Envase:Es cualquierrecipiente o envoltura en elcualesté contenido elproducto para su venta.Es elcontenedor que está en contado directo o indirecto con elproducto,por lo que su función es la de proteger, guardar, conservar e identificar al producto que contiene,a la vez que facilita su m anejo,transportación y com ercialización.
  • 530. CLASE20 Curso de Diseño Gráfico 3
  • 531. CLASE20 Elenvase es todo producto fabricado con diversos m ateriales utilizado para contener, proteger,m anipular,distribuir y presentar productos en cualquier fase de la cadena de fabricación,distribución y consum o. Elenvase es funcional,elpackaging com unicacional.Elenvase es tangible,elpackaging intangible. Elenvase es la única form a de contacto directo entre elproducto y elconsum idor. El envase transm ite la im agen deseada. Es un instrum ento de los productos para su venta directa que contiene una cantidad adecuada para elconsum idor;que inform a sobre las características de uso (alm acenaje, conservación, propiedades nutricionales, etc.) y que perm ite la identificación y la diferenciación en una oferta cada vez m ás am plia. Elenvase nos perm ite: •Llevarelproducto en perfectas condiciones alconsum idor(conservación,protección y seguridad). • Facilitarsu identificación (im agen delproducto a través deldiseño,colory form a). • Posibilitar una explotación racional de los productos (m anipulación, alm acenaje y transport e).
  • 532. CLASE20 4 Curso de Diseño Gráfico
  • 533. CLASE20 La presentación de un producto es fundam ental, tanto, que puede determ inar que el producto sea un éxito o un fracaso.Porm ucha publicidad que haga,y porm ucho que su producto sea superior, el consum idor decide qué com pra cuando está delante del producto,y en ese m om ento lo único que ve es la etiqueta,la caja,elenvase con que lo presenta. Porsu función,los envases pueden serclasificados: ·Envase Prim ario:es elenvase inm ediato delproducto,es decir,elque tiene contacto directo con este.Debe sersuficientem ente fuerte para sostenerelproducto y sercapaz de soportarlos riesgos delem bargue y la transportación. Curso de Diseño Gráfico 5
  • 534. .. 6 ü..Jrso de D9:ño Gáfioo
  • 535. ·Envase Secundario:es el contenedor unitario de uno o varios envases prim arios. Protege,identifica y proporciona inform ación sobre las cualidades delproducto. Curso de Diseño Gráfico 7
  • 536. ·EnvaseTerciario:es elque sirve para distribuir,unificary protegerelproducto a lo largo de la cadena de com ercialización. 8 Curso de Diseño Gráfico
  • 537. Porsu aplicación elenvasepuede clasificarse en: ·EnvaseMúltiple:Cualquierrecipiente o envoltura en elcualestán contenidos dos o m ás variedades iguales de productos preenvasados. ·Envase Colectivo:cualquier recipiente o envoltura en la cualestán contenidos dos o m ás variedades diferentes de productos previam ente envasados. Porconstitución los envasespueden clasificarse en: ·EnvaseRígido:Envase en form a definida no m odificable y cuya rigidez perm ite colocarelproducto estibado sobre elm ism o,sin sufrirdaños.(Vidrio)
  • 538. Curso de Diseño Gráfico 9
  • 539. ·Envase Sem i-rígido:Envases cuya resistencia a la com presión es m ejor a la de los envases rígidos, cuando no son los esfuerzos de com presión su aspecto puede ser sim ilara los envases rígidos.(Plástico) ·Envase Flexible:Envases fabricados de películas plásticas, papel, hojas de alum inio, lam inaciones u otros m ateriales flexibles. ·Paquete:Es un bulto no m uy volum inoso de cosas de una m ism a o distinta especie. 10 Curso de Diseño Gráfico
  • 540. ·Envoltorio:M aterialsin soporte,porlo generalorgánico y no fibroso,que es flexible y no excede de los 0.025 m m de espesor. ·Em balaje:Es el m aterial que se utiliza para envolver, proteger y reunir productos previam ente envasados de form a individual, con el objetivo de facilitar su m anejo, alm acenam iento,carga,descarga,distribución y com ercialización en general. ·Em paque:Es un sistem a coordinado para la preparación de m ercancías para su trans- porte, distribución, alm acenam iento, ventas y uso. En su form a m ás fundam ental contiene,protege,preserva,transporta,inform a y vende.Elem paque es una función de servicio. Dentro deldesarrollo de sus funcioneselem paque se clasifica en: ·Em paquealconsum idor:es obtenido porelconsum idorcom o unidad de venta desde su punto de venta. · Em paque industrial: em paque para entregar bienes de fabricante a fabricante. El em paque industrialcontiene m ateriales para su procesam iento posterior. Curso de Diseño Gráfico 11
  • 541. ·Etiqueta:Es cualquier rótulo, m arbete, inscripción, im agen o cualquier otra m ateria descriptiva o gráfica,escrita,im presa,estarcida,m arcada,grabada en alto o bajo relieve, adherida o sobrepuesta alproducto preenvasado.Puede ser hecha en papel,m adera, m etal, tela, plástico e incluso pintura adherida al envase o em balaje de cualquier producto. Las funciones principales de las etiquetas son: ·Identificarelproducto o la m arca ·Clasificarelproducto en tipos o categorías ·Inform ar o describir varios aspectos delproducto:quien lo hizo,dónde,cuándo,qué contiene,cóm o se usa y cuáles son las norm as de seguridad a seguir. ·Prom overelproducto m ediante un diseño atractivo.
  • 542. 12 Curso de Diseño Gráfico
  • 543. Elenvaseysusfunciones Son objetos destinados a brindar servicios específicos com o son contener, proteger y transportarun producto,su función dependerá de la m anera en que habrán de satisfacer las distintas necesidades para las que han sido creados. Funciones definidas para los envases: 1-FunciónBunker Se refiere alconjunto de funciones prim ordiales que cum ple un envase y que tiene com o fin: Contener: ·Delim ite y separa elproducto delm edio am biente. ·Reduce alproducto a un espacio determ inado y a un volum en específico. ·Los productos en cualquier estado de la m ateria a granelpueden ser m anipulados y cualificados sin sertocados en form a directa. Elprim erpaso para elaborareldiseño de un envase o em paque se tiene que considerarla naturaleza delproducto y la clase de necesidades de envasado que se requieren para contenerlo. Proteger: ·Elenvase aísla alproducto de los factores (quím icos,am bientales,de transportación, etc.)que pudieran alterarsu estado naturaly su com posición. ·Elenvase protege incluso alconsum idory alm edio am biente contra elpropio producto, de productos radioactivos,corrosivos,tóxicos o ingestión peligrosa. La protección se divide principalm ente en dos tipos: 1. Contra los riesgos físicos y m ecánicos durante eltransporte delproducto. 2. Con