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

Curso diseño

on

  • 388 views

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

Statistics

Views

Total Views
388
Views on SlideShare
388
Embed Views
0

Actions

Likes
0
Downloads
14
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft Word

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Curso diseño Curso diseño Document Transcript

  • Curso de Diseño Gráfico CLASE 1
  • 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
  • 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
  • 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
  • CLASE 1 Diseño Textil 2 Curso de Diseño Gráfico
  • CLASE 1 Diseño de Modas Curso de Diseño Gráfico 3
  • CLASE 1 Diseño de Multim edios 4 Curso de Diseño Gráfico
  • CLASE 1 Diseño Web Curso de Diseño Gráfico 5
  • CLASE 1 Diseño Industrial 6 Curso de Diseño Gráfico
  • 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.
  • CLASE 1 Curso de Diseño Gráfico 7
  • 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
  • CLASE 1 Papelería institucional Curso de Diseño Gráfico 9
  • CLASE 1 Diseño Editorial 10 Curso de Diseño Gráfico
  • : Ir '· ·--.. '---·· --., -, -··-·---·------ ---·· ----- ----·----- -·----·-------·- 1if :'t!il f'' .. _ · - _....... _ -·-----·-· -·-··-·· - - -- ···---····--·---··---·-·-· I --• ---· .. _ ------· -·- --·-·-· --- --· -·---·---- · ----------------·---· -·----· ---- - .. ....... ! ." .X .II O..irsodeDseñoGáfic:o 11
  • CLASE 1 Packaging 12 Curso de Diseño Gráfico
  • CLASE 1 Diseño Publicitario Curso de Diseño Gráfico 13
  • CLASE 1 Señalética 14 Curso de Diseño Gráfico
  • CLASE 1 Merchandising Curso de Diseño Gráfico 15
  • CLASE 1 Gráfica vehicular 16 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • CLASE 1 Cuandoseinicialaaplicación,apareceunaventanacondiferentesopciones: 20 Curso de Diseño Gráfico
  • CLASE 1 Barradeherram ientas Curso de Diseño Gráfico 21
  • CLASE 1 Abrirdocum entonuevo 22 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • •M a -..... -..... -- . •.•.t,sMfl•911•............ .-- ... - ....:-" --V... .. ,. .. •·--·---·--- -_ LA - lfSfN - tW - S --·-----·-··..-. ·...-. -...-..--... --. ·.. .-.. -.. -.-..-·._-- -·--,.·..·._·.·.... _...........,.,... ..........,.,-... -._-"-_·· -- •M -- -- --·., .. ..... OJrso de Dseño Gáfic:o 27
  • 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
  • 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
  • Exportardocum entoenIllustratorcom ojpg MenúARCHIVO/EXPORTAR apareceunaventanayenTIPOseleccionam osjpg 30 Curso de Diseño Gráfico
  • 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
  • Ejem plosdecom posiciones conpuntosenblancoynegro 32 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico 33
  • Ejem plosdecom posiciones conpuntosencolor 34 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 2
  • CLASE 2 Temas Elem entosbásicosde com posición .Línea .Plano (círculo,cuadrado,triángulo) .Volum en .Pintura en Illustrator
  • 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
  • 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.
  • CLASE 2 Curso de Diseño Gráfico 1
  • a..AEE2 T 11• 1 2 Q.Jrso de D9:ño Gáfioo
  • 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
  • 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
  • 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.
  • CLASE 2 Curso de Diseño Gráfico 5
  • 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.
  • CLASE 2 6 Curso de Diseño Gráfico
  • 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
  • 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.
  • CLASE 2 8 Curso de Diseño Gráfico
  • 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
  • CLASE 2 .Pincel .Plum a .Segm entosdelíneas .Arcos Curso de Diseño Gráfico 9
  • 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
  • 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
  • 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
  • CLASE 2 Ejem plosde com posiciones con líneas Curso de Diseño Gráfico 13
  • CLASE 2 Ejem plosde com posiciones con triángulos 14 Curso de Diseño Gráfico
  • CLASE 2 Ejem plo de com posición con volum en Curso de Diseño Gráfico 15
  • Curso de Diseño Gráfico CLASE 3
  • CLASE 3 Temas Percepción Leyesde la Gestalt
  • CLASE 3 Indice Percepción ..........................................1 Agrupary bloquearobjetosen Illustrator......................1 PanelTransform ar.....................................4 Leyesde percepción....................................4 Organizarobjetos .....................................8
  • 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
  • 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.
  • CLASE 3 2 Curso de Diseño Gráfico
  • 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
  • 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
  • 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.
  • CLASE 3 Curso de Diseño Gráfico 5
  • 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
  • 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.
  • CLASE 3 Curso de Diseño Gráfico 7
  • CLASE 3 Ejercicio:realizaren Adobe Illustrator1com posición de 20cm x20 cm utilizandoLeydeCierreoclausura.Exportarcom ojpg. 8 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • Curso de Diseño Gráfico CLASE 4
  • CLASE 4 Temas Equilibrio Espacio Form as Com posicionesform ales
  • 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
  • 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
  • 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.
  • CLASE 4 2 Curso de Diseño Gráfico
  • 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
  • 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
  • a.PSE 4 O..irso de Dseño Gáfic:o 5
  • 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
  • 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.
  • CLASE 4 Curso de Diseño Gráfico 7
  • 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
  • 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
  • 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
  • CLASE 4 Ejem plosdeFlyers Curso de Diseño Gráfico 11
  • Q.AEE 4 lit babvcottons /" .· €- .., (/,,_(u .f .f/ p.,.,. J7f5 s ,..,218., .O...I¡ . I (u.11) ntl.5066
  • - ·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
  • 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
  • Curso de Diseño Gráfico CLASE 5
  • CLASE 5 Temas Interrelación de form as Com posicionesform ales Retículas
  • 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
  • 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.
  • CLASE 5 Curso de Diseño Gráfico 1
  • 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.
  • CLASE 5 2 Curso de Diseño Gráfico
  • 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)
  • CLASE 5 Curso de Diseño Gráfico 3
  • 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
  • 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.
  • CLASE 5 Curso de Diseño Gráfico 5
  • 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
  • a.PSE5 O..irso de Dseño Gáfic:o 7
  • 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.
  • CLASE 5 8 Curso de Diseño Gráfico
  • 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 ¡ :.
  • a.PSE5 O..irso de Dseño Gáfic:o 9
  • 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
  • a.PSE5 1O OJrso de IJseño Qáfioo
  • 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.
  • CLASE 5 Curso de Diseño Gráfico 11
  • 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.
  • CLASE 5 12 Curso de Diseño Gráfico
  • 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
  • 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
  • Q.AEE 5 L-._._ - •-H CENTRO CULTURAL VILAFLOR OUIHAAAES ... .-·-·--·-WWW.CCUF.PT M/ü!
  • Q.AEE 5 19-23 JULY 2008U •11i11G EN {1llOMAI hIAl fUON UlY WllH CllU.NJ DUIG••
  • 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/ - - ---....... --------- ---- ...·-·- : = -. -: =::. :.- :- -= :- - - :- :- ·:: -: =::: =.-_ - -- - .
  • a.PSE5 . IMPelONS BUNDLE ......, -- O..irsodeDseñoGáfic:o 17
  • 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. ...........
  • a.PSE5 -·-- ............_._,.....r.J ...... i . . .... -.&.. ..... .. .. ., . .. _.... .. .. _.... ,.. .. .. .. .. .. """-"P" 18 OJrso de IJseño Qáfioo
  • Q.AEE 5 desgr pfl l [•lkJ '•V f 1 UGLYDOLL Plnky St. Poper Crltters •
  • 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
  • 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
  • a.PSE5 22 OJrso de IJseño Qáfioo
  • Curso de Diseño Gráfico CLASE 6
  • CLASE 6 Temas Com posicionesinform ales
  • CLASE 6 Indice Com posicionesinform ales .............................. 1 Gravedad .......................................... 1 Contraste.......................................... 2 Ritm o ............................................ 4 Centro de interés .................................... 7
  • 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
  • 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
  • CLASE 6 Ejercicio:realizarunaficheaplicandocontraste. Curso de Diseño Gráfico 3
  • 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
  • 6 ., • <.':)..._ : •
  • CLASE 6 Ejercicio:realizarunaficheaplicandoritm o 6 Curso de Diseño Gráfico
  • 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
  • CLASE 6 Ejercicio:Realizarunaficheaplicandopuntodeinterés. 8 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 7
  • Temas Signos Sím bolos Señales Pictogram as
  • 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
  • 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
  • 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
  • CLASE 7 presentado. 2 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • CLASE 7 Ejercicio:Realizaruncuadrocom parativoconlosdistintostiposde signosconejem plos 6 Curso de Diseño Gráfico
  • CLASE 7 Abstracción Proceso porelcualse reduce alm áxim o las form as sin perdersu reconocim iento.
  • CLASE 7 Curso de Diseño Gráfico 7
  • 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
  • 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
  • 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
  • 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
  • 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.
  • CLASE 7 12 Curso de Diseño Gráfico
  • 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
  • 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
  • CLASE 7 14 Curso de Diseño Gráfico
  • CLASE 7 Enlaventanam arcarem os losajustesdeseados. HacerclickenPinturaInteractivaoLivePaint Nosquedarálaim agenvectorizada Curso de Diseño Gráfico 15
  • 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
  • Curso de Diseño Gráfico CLASE 8
  • CLASE 8 Temas Teoría delcolor
  • 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
  • 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
  • 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
  • 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
  • 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
  • CLASE 8 inosidad. 4 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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.
  • CLASE 8 Curso de Diseño Gráfico 9
  • 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.
  • CLASE 8 10 Curso de Diseño Gráfico
  • 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.
  • CLASE 8 Curso de Diseño Gráfico 11
  • 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
  • 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.
  • CLASE 8 Curso de Diseño Gráfico 13
  • Curso de Diseño Gráfico CLASE 9
  • Temas Tipografía
  • 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
  • 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.
  • CLASE 9 Curso de Diseño Gráfico 1
  • 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
  • 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
  • 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
  • CLASE 9 4 Curso de Diseño Gráfico
  • 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
  • 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
  • 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).
  • CLASE 9 Curso de Diseño Gráfico 7
  • 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.
  • CLASE 9 8 Curso de Diseño Gráfico
  • 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.
  • CLASE 9 Curso de Diseño Gráfico 9
  • 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
  • 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
  • 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
  • CLASE 9 EJEMPLOSDE DISEÑO CON TIPOGRAFÍAS La tipografía com o form a Curso de Diseño Gráfico 13
  • Q.AEE 9
  • CLASE 9 EJERCICIO:realizar3figurasdistintascon letras. Curso de Diseño Gráfico 15
  • CLASE 9 EJEMPLOSDE POSTERSSOLO CON TIPOGRAFIA 16 Curso de Diseño Gráfico
  • 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 .-::.=.:.-::::
  • 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‖.
  • CLASE 9 18 Curso de Diseño Gráfico
  • 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.
  • CLASE 9 Curso de Diseño Gráfico 19
  • 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
  • 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
  • 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
  • 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
  • CursodeDiseñoGráfico CLASE10
  • CLASE10 TemasImagencorporativa
  • CLASE10 Indice Imagencorporativa..........................................................................................1 Signosidentificadores......................................................................................8 Rediseño de marcas. .........................................16
  • 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
  • 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).
  • CLASE10 2 CursodeDiseñoGráfico
  • 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
  • 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
  • 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
  • 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)
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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.
  • CLASE 10 CHEEkY NICltELODEON PLAYsl<CQL DELOS ANDES
  • CLASE10 ISOLOGOS CIRCULARES 14 CursodeDiseñoGráfico
  • abe CLASE 10
  • CLASE10 Ejercicio:Sobreestosejemplosdelogoscirculares,clasificarloscon respectoalosconceptosanteriormentevistos. REDISEÑODEMARCAS 16 CursodeDiseñoGráfico
  • CLASE 10 "".......... """" nr. ......_ ••,,. .--...,111111 """,._......_. e. .............. "" --. ---.c, o BEST 8uv· Curso de Diseño Grafico 1 7
  • CLASE 10 C1scoSvs TEMS 11111111• CISCO AIR FRANCE 11/ ... AIRFRANCE I AT•T at&t CITROEN C::ITRO-En
  • CLASE 10 DIRECTV SAJELLITt fEL_EVISfO DI RECTV s;.n11t LJTE TElE'VlStO N clnet cnet NBC kUNIVERSAL "--./ Curso de Diseño Grafico 19
  • CLASE10 Ejercicio:Elegirunodeloslogosanterioresyproponerunrediseño. 20 CursodeDiseñoGráfico
  • Curso de Diseño Gráfico CLASE 11
  • Temas Im agen corporativa
  • 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
  • CLASE 11 PLAGIO DE MARCAS Curso de Diseño Gráfico 1
  • /} FLASHMXProfess1onal 11 ASIOTERAPIA Argüelles ,,,, 1SECO N D :!j LIFE sinarmas AIRBUS OK INTERNET searchmash smashLAB
  • 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
  • 11 1H A R 8 O R K 1..'......,;,.1 NBC NEBRASKA ETV NETWORK t?,a+ C.StAÑ'L
  • 11 cingular raising thebar ORICINAL SCOTS WHISKY campaña Donantes deS.sngre Voluntarlos 2006 Bladcbum Madrid
  • 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
  • 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
  • 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
  • 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
  • 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
  • • coro . 11 carabella 1,,.Cou 1uni'r'.11.¡;a 11/ MEBISA MEBISAMETALURGICA BIANCHI S.A. METALURGICA BIANCHI A abasto
  • 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
  • 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
  • CLASE11 Ejercicio 1:Hacersignosde lossiguientesconceptos: CULTURA /ELEVACIÓN /UN DEPORTE A ELECCION ISOLOGOS CULTURA 14 Curso de Diseño Gráfico
  • e : 11 ( /1(. / caLriiRA Secretaría de Cultura FEUU - 2010 5.ntlqoct. Ctlll• f 91 10 111 1Oclubre12009 Cullura
  • CLASE11 ISOLOGOS GOLF 16 Curso de Diseño Gráfico
  • 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.
  • CLASE11 Curso de Diseño Gráfico 17
  • CLASE11 EJEM PLOS DE PROCESOS 18 Curso de Diseño Gráfico
  • 11 º••º •••• :....,._. Brokers Direct •• OJrso de Dseño Gáfico 19
  • :,¿Brokers Direct BrokersDirect BrokersDirect Brokersflirect BrokersDirect OPSE11 Brokers Direct one-on-one1nsurance 20 OJrso de IJseño Qáfioo
  • 11 lnflntte • inflnJty • co = cf' "F" • as In • F • f - .ffreedom and Fedora Federa • the t9 = volee of the community tnfinity freedom volee
  • --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
  • 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
  • 11 o Tammy Lenski TammyLenski LC tammylenski Lle J ddd d2 doche dache Jache O dachech +
  • -'t ¡ 1 ' . ' .' ..' .·-- . OPSE11 ! .---, t i ( j1... l • • .. "··--T.--------- --•1 '. .' ..... ,....f t:,mindberry • mindberry Grooveshark OJrso de Dseño Gáfic:o 25
  • Curso de Diseño Gráfico CLASE 12
  • CLASE12 Temas Papelería institucional
  • CLASE12 Indice Papelería corporativa ..................................1 Hoja m em bretada ....................................6 Tarjetaspersonales ...................................8 Carpeta m em bretada ..................................9 Sobre m em bretado .................................. 15
  • 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.
  • CLASE12 Curso de Diseño Gráfico 1
  • a.PSE12 -Jlll ... 2 OJrso de IJseño Qáfioo
  • a.PSE12 scrmp_t ·- O..irso de Dseño Gáfic:o 3
  • 12
  • . a.PSE12 • ,_ i? , l n O..irso de Dseño Gáfic:o 5
  • 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.
  • 6 Curso de Diseño Gráfico
  • ,• • 12 ·------ - • ...r ' •
  • 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
  • a.PSE12 O..irso de Dseño Gáfic:o 9
  • a.PSE12 1O OJrso de IJseño Qáfioo
  • a.PSE12 O..irsodeDseñoGáfic:o 11
  • a.PSE12 12 OJrso de IJseño Qáfioo
  • 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
  • 12 ... •••
  • 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.
  • CLASE12 Curso de Diseño Gráfico 15
  • CLASE12 Ejercicio 1:Realizarun sistem a de papelería institucionalcon el isologo de Twitter. 16 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 13
  • Temas Diseño Publicitario
  • 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
  • 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
  • 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
  • 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
  • 13 4 G.Jrso de 09:1'o Gáfioo
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • CLASE13 Curso de Diseño Gráfico 9
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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:
  • CLASE13 Curso de Diseño Gráfico 17
  • 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
  • 13 ..., . •
  • 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:
  • CLASE13 20 Curso de Diseño Gráfico
  • 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.
  • CLASE13 Curso de Diseño Gráfico 21
  • 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
  • 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
  • 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
  • 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
  • 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
  • CLASE13 3D Deform ar Curso de Diseño Gráfico 27
  • CLASE13 Estilizar 28 Curso de Diseño Gráfico
  • CLASE13 EfectosenIllustrator:GaleríadeFiltros Desenfocar Enfocar M áscara de Enfoque Curso de Diseño Gráfico 29
  • 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
  • Curso de Diseño Gráfico CLASE 14
  • Temas Diseño Publicitario II
  • 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
  • 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.
  • CLASE14 Curso de Diseño Gráfico 1
  • 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
  • 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
  • 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
  • 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.
  • 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
  • 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
  • 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
  • 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.
  • CLASE14 Unidad decom pra:segm enta porsecciones en cm x colum nas 6 Curso de Diseño Gráfico
  • 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
  • CLASE14 • Aunque la popularidad del Internet va en aum ento, es difícil constatar los Curso de Diseño Gráfico 7
  • 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.
  • 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
  • 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.
  • CLASE14 Curso de Diseño Gráfico 9
  • 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.
  • CLASE14 10 Curso de Diseño Gráfico
  • 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
  • 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
  • CLASE14 Tautología:un signo se repite de diferentes m odos con elm ism o significado.
  • CLASE14 Curso de Diseño Gráfico 13
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Curso de Diseño Gráfico CLASE 15
  • Temas Diseño EditorialI
  • CLASE15 Indice DISEÑO EDITORIAL ................................... 1 Elem entosdeldiseño editorial ........................... 1 Libro ............................................. 3 Sistem asde libros.................................... 7 Revistas ...........................................8 Diario ............................................ 11
  • 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
  • CLASE15 Curso de Diseño Gráfico 1
  • 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
  • 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.
  • CLASE15 Curso de Diseño Gráfico 3
  • 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
  • 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
  • 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
  • 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
  • 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
  • 15 OJrso de Dseño Gáfico 9
  • CLASE15 Sistem a en revistas 10 Curso de Diseño Gráfico
  • 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 .
  • CLASE15 Curso de Diseño Gráfico 11
  • 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
  • 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
  • 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
  • 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
  • Curso de Diseño Gráfico CLASE 16
  • Temas Diseño EditorialII
  • 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
  • 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
  • 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:
  • 2 OJrso de IJseño Qáfioo
  • 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)
  • CLASE16 Curso de Diseño Gráfico 3
  • 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
  • 16 • BBHI - . -. -.:--: :- :- :- :- . --·- --
  • 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
  • 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
  • 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.
  • CLASE16 Curso de Diseño Gráfico 7
  • 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.
  • CLASE16 8 Curso de Diseño Gráfico
  • 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
  • CLASE16 Curso de Diseño Gráfico 9
  • 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
  • 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.
  • CLASE16 Curso de Diseño Gráfico 11
  • 16 '
  • 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.
  • Curso de Diseño Gráfico 13
  • . - ·. ---------- • 16 .•. • M6duloTarifa Plan1 - ··-·- BlackBerry Q;; .._.._ ---• _., - o -- ---• -_.._ - ---- ·-- - - 2009 Cat'Shop Suppliu 1ndH1ndToola
  • 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.
  • CLASE16 Curso de Diseño Gráfico 15
  • CLASE16 Ejem plos new sletters 16 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • ..._.._ -,-- . 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 ¡ .
  • ,. 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 •
  • 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
  • 22 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • Curso de Diseño Gráfico CLASE 17
  • Temas Adobe Indesign I
  • 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
  • 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
  • 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
  • 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
  • CLASE17 Galeríadelasherram ientasdetextoydedibujo 4 Curso de Diseño Gráfico
  • 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
  • CLASE17 Galería de herram ientasde transform ación 6 Curso de Diseño Gráfico
  • 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
  • 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
  • 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.
  • CLASE17 Curso de Diseño Gráfico 9
  • CLASE17 Creacióndedistintostam añosdepáginaenundocum ento Hacerclick en este ícono para cam biartam años 10 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • CLASE17 Ejercicio Realizardosnotasderevista,conelem entosencom ún(páginasm aestras). Nota1 Curso de Diseño Gráfico 17
  • 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
  • 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
  • a.PSE17 20 OJrso de IJseño Qáfioo
  • Curso de Diseño Gráfico CLASE 18
  • Temas Adobe Indesign II
  • 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
  • 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
  • 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
  • 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
  • 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.
  • CLASE18 4 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • 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).
  • CLASE18 Curso de Diseño Gráfico 9
  • 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.
  • CLASE18 10 Curso de Diseño Gráfico
  • 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
  • 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.
  • CLASE18 12 Curso de Diseño Gráfico
  • 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
  • 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
  • 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
  • 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
  • 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.
  • CLASE18 Curso de Diseño Gráfico 15
  • 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
  • CLASE18 16 Curso de Diseño Gráfico
  • 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.
  • CLASE18 Curso de Diseño Gráfico 17
  • 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.
  • 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
  • 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.
  • CLASE18 Curso de Diseño Gráfico 19
  • 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.
  • CLASE18 20 Curso de Diseño Gráfico
  • 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.
  • CLASE18 Curso de Diseño Gráfico 21
  • Curso de Diseño Gráfico CLASE 19
  • Temas Señalética
  • 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
  • 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
  • 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
  • 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.
  • CLASE19 Curso de Diseño Gráfico 3
  • 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
  • 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
  • a.PSE19 m Deput'jC.HY aom 6 OJrso de IJseño Qáfioo
  • a.PSE19 O..irso de Dseño Gáfic:o 7
  • 19 This isn't a biilboard. It's a power plant.
  • 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
  • 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
  • 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
  • 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:
  • CLASE19 Curso de Diseño Gráfico 11
  • 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.
  • CLASE19 12 Curso de Diseño Gráfico
  • CLASE19 4.50 m Plantaalta 30 Planta baja 2 m Curso de Diseño Gráfico 13
  • CLASE19 Planta alta 30 Planta baja 1.80 m Vinilo de corte 14 Curso de Diseño Gráfico
  • 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á
  • 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
  • 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
  • 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
  • CLASE19 Plantaalta 30 Planta baja 18 Curso de Diseño Gráfico
  • 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
  • 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
  • Curso de Diseño Gráfico CLASE 20
  • Temas Packaging I
  • CLASE20 Indice Introducción alPackaging ...............................1 FuncionesdelPackaging................................ 2 Elenvase y susdefiniciones ............................. 3 Clasificación delenvase ................................ 5 Etiqueta.......................................... 12 Consideracionesy requerim ientosgeneralesde diseño .......... 15
  • 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
  • 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.
  • CLASE20 2 Curso de Diseño Gráfico
  • 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.
  • CLASE20 Curso de Diseño Gráfico 3
  • 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).
  • CLASE20 4 Curso de Diseño Gráfico
  • 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
  • .. 6 ü..Jrso de D9:ño Gáfioo
  • ·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
  • ·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
  • 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)
  • Curso de Diseño Gráfico 9
  • ·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
  • ·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
  • ·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.
  • 12 Curso de Diseño Gráfico
  • 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. Contra las influencias delm edio am biente (lluvia,gases,etc.)
  • ConservaroPreservar: Orientada a detener o inhibir los cam bios quím icos y biológicos que pudiera sufrir un producto. Curso de Diseño Gráfico 13
  • La función de conservarnecesita serdefinida y calificada de acuerdo a las características del producto que contendrá y a las condiciones de transporte y distribución que se em plearán para elproducto. Transportar: Enfatiza elm ovim iento efectivo de los bienes desde que han sido producidos hasta su consum o final.Esto involucra varios m edios de transporte,técnicas m anuales,asícom o condiciones de alm acenam iento. En la actualidad existen diversas reglam entaciones legales que funcionan tanto a nivelm undialcom o en térm inos de cada,dichos térm inos legales han influido en gran m edida en los diseños de los envases. Un buen diseño de envase tom a en cuenta las im plicaciones de transporte y alm acenam iento,no sólo de distribución y peso porunidad,sino que tam bién considera cada nivelde envase que elproducto pueda tener. 2-FunciónCom unicación Elpapelde la com unicación delenvase es quizá elm ás com plejo dentro de todas las funciones que debe cum plir. En elenvase ciertos m ensajes son requeridos por ley,los cuales siem pre deben estar presentes de m anera visible para elconsum idor,com o son: ·Nom bre específico delproducto (¿qué es?). ·Cantidad contenida. ·Dirección delresponsable. ·Form a de uso,aplicación,preparación,etc. Elenvase com unica porm uchos y m uy variados canales, porejem plo: ·Desde la selección delm aterialcon que está hecho. ·Con su form a y tam año. ·Con los colores que proyecta. ·Con la tipografía predom inante
  • ·Con los sím bolos reconocibles o iconos que utilice. ·Con las ilustraciones que lleve y la disposición de las m ism as. 14 Curso de Diseño Gráfico
  • Consideracionesyrequerim ientosgeneralesdediseño Para el diseño de una etiqueta, un envase y un em balaje se deben tener en cuenta factores fijos, inam ovibles, y factores variables, que pueden ser tan distintos com o problem áticas tengam os de diseño de envase, m ercadológicas, de distribución y com ercialización. Los factores fijos pueden ser de tipo bidim ensional, com o por ejem plo toda la inform ación generaly legalde acuerdo alproducto,colores corporativos propios de una m arca,colores que se deberá considerar sin m odificar debido a convencionalism os de m ercado, tanto nacionales com o internacionales, etc.; o bien tridim ensionales, com o puede ser la capacidad delcontenedor,sus características físicas com o dim ensiones y consideraciones ergonóm icas,áreas útiles para aplicación de gráficos,etc. Curso de Diseño Gráfico 15
  • .. 1litroZumo de naranja a base de concentrado. IHFORMACI N Nl/TRICIONAL POR 100mi tv•lores medios} -j==- =i=""r'"-• -l 201kJ.47l<al 1.1¡ 11.2¡ 11J¡ U¡ UJ U¡ M Envasado con autorizacM!ln del pmp}etario de la marca pora CASBEGA. SA, el Campo>o, 10 - Madrid. Consumir prefeten1emente antesdel ..Lote: ver envase. Es recomendable- se¡uir una dteta variada. modenida y equlllb<oda, asl como un eslllo de vida saludable. l ')((ll. tJ )((11 LUX DWlHJI 16 OJrso de IJseño Qáfioo
  • Ejercicio1 Elegirunam arcaybuscar5ejem plosdepackaging. Curso de Diseño Gráfico 17
  • CLASE20 Ejem ploEjercicio1 18 Curso de Diseño Gráfico
  • CLASE20 Ejercicio2 Buscarun ejem plo deenvaseprim ario,un ejem plo deenvasesecundario y unodeterciario. Curso de Diseño Gráfico 19
  • Curso de Diseño Gráfico CLASE 21
  • Temas Packaging II
  • CLASE 21 Indice Consideracionesy requerim ientosgeneralesde diseño ........... 1 Procesospara elenvasado .............................. 1 Eldiseño de losenvases ............................... 3 Metodología generalpara eldiseño de un envase ............... 7 Materialespara elaboración de envases-Vidrio ................ 9 Papely cartón...................................... 12 Metal ........................................... 16 Tetra Pak...................................................... 17 Plásticos ......................................... 18
  • CLASE 21 Consideracionesyrequerim ientosgeneralesdediseño Dentro de los factores variables estarán considerados todos los elem entos que el diseñador aportará profesionalm ente,tom ando en cuenta los factores fijos dentro del diseño. Consideraciones principales de diseño que se deben contem plarpara su desarrollo: Envase 1. Alto grado de im pacto visual 2. Resistencia suficiente para la protección delproducto hasta su consum o 3. Identificación y m anejo cóm odos para elconsum idor 4. Lectura de inform ación que garantice elm ensaje que se desee expresar 5. Orden de legibilidad de los elem entos a integrardentro deldiseño Em balaje 1. Requerim ientos m enores de m anejo de im agen 2. Inform ación sobre m anejo de estiba y alm acenam iento 3. Sistem a de identificación y m anejo cóm odo y eficiente durante su transportación y en alm acén 4. Orden de legibilidad de los elem entos a integrardentro deldiseño Procesosparaelenvasado Interacción envase /producto Cuando se diseña un envase se debe considerar la capacidad de protección que éste debe proporcionar de acuerdo a las características del producto que contendrá. En m uchas ocasiones los m ateriales delenvase no son com patibles con los delproducto,lo cual puede provocar alteraciones significativas en la m ercancía. En este sentido el envase adquiere un carácterprim ordialya que en
  • CLASE 21 gran m edida,de élpuede dependerel fracaso o aceptación de un producto en elm ercado. Alteraciones de los productos Las alteraciones m ás com unes de los productos poruna m ala selección delm aterialdel envase pueden ser: Curso de Diseño Gráfico 1
  • CLASE 21 ·Reacciones oxidativas ·Pérdida o ganancia de hum edad ·Perdida o absorcion de com puestos volatiles ·Contam inación porm icroorganism os ·Acción de la luz ·Perm eación ·Absorción ·M igración Intencióndelenvasado Preservacióndelosalim entos La protección de los alim entos es elobjetivo fundam entalen los envases, ya que los alim entos sufren cam bios o degradaciones pordiferentes factores que se encuentran en elentorno delproducto. Por sísolos,los alim entos pueden deteriorarse fácilm ente y de m anera rápida.Y para lograreste proceso de preservación los envases han jugado un papeldeterm inante.
  • CLASE 21 2 Curso de Diseño Gráfico
  • CLASE 21 Eldiseñodelosenvases Partiendo de su etim ología,eldiseño se traduce com o aquello que va de lo referente a su significado. En elcaso de los envases,eldiseñadorinterpreta una necesidad,la que traducirá en un m ensaje,elcualrepresentará aquello que pretende para que elreceptorlo interprete. Eltérm ino diseño de envases no se refiere a una actividad aislada sino a la creación de un concepto com pleto delproblem a a solucionar. Para ello, debe recordarse que m ientras el térm ino envase convencional alude a la com ercialización delproducto en elplan m ás básico,eltérm inoenvaseprom ocionalse refierealaventadeunaideaodeunconcepto. Para unificar am bos térm inos, es necesaria una planificación previa; entendiendo por planificación la actividad que trata de incursionar en el futuro, para determ inar en función de ciertas previsiones anteriores (suposiciones m ás o m enos fundadas de lo que puede acontecer) qué es lo que se quiere o supone que ocurra y,en la m edida de lo posible asegurarse que así acontezca, para lo cual será necesario analizar la m ayor cantidad de requerim ientos (con sus respectivos parám etros) y el desarrollo de las alternativas de solución (o propuestas)de cada uno de ellos. Es indudable que los envases cam bian con eltiem po, por ello debe reconocerse que deben ser diseñados para perm anecer, para alcanzar reconocim iento y volverse fam iliares, tradicionales. En este sentido, el diseño de un envase debe pensarse en función delam biente en elque serán utilizados. Curso de Diseño Gráfico 3
  • , -- ... 'e . ' . .f . l l'I l'lg,lllgs - ...-....-
  • CLASE 21 Curso de Diseño Gráfico 5
  • UOI ·.. . - BOUGIE PARFUMEE . EXTRAPlmf BOUGlf PARFUMEE l ROSE '!!!!... l!I --· l·!·-I t..
  • Elenvase significa para elproducto no sólo un contenedor,en su superficie aparecen, adem ás de la representación gráfica,la inform ación que elconsum idorrequiere para un adecuado uso. Desde esta perspectiva podem os ver que eldiseño de envases tiene básicam ente dos com ponentes:laestructuraylapartegráfica.Con frecuencia,especialm ente con aquellas m arcas que m anejan diversas líneas de productos, se utilizan diferentes envases y la unidad se logra m ediante eluso de un concepto gráfico,es decir,una com binación de colores,tipografía,logotipos e im ágenes iguales para todos,con lo cualse uniform an. Metodologíageneralparaeldiseñodeunenvase Conocer esas teorías resulta fundam ental en tanto que proporciona las herram ientas necesarias para desarrollareldiseño de un envase.S Las etapas de análisis y proyección delM odelo GeneraldelProceso de Diseño son cinco, las cuales operan de m odo secuencial: 1.Caso 2.Problem a 3.Hipótesis 4.Proyecto 5.Realizació n Curso de Diseño Gráfico 7
  • Procesosparaelenvasado Interacción envase /producto Cuando se diseña un envase se debe considerar la capacidad de protección que éste debe proporcionar de acuerdo a las características del producto que contendrá. En m uchas ocasiones los m ateriales delenvase no son com patibles con los delproducto,lo cual puede provocar alteraciones significativas en la m ercancía. En este sentido el envase adquiere un carácterprim ordialya que en gran m edida,de élpuede dependerel fracaso o aceptación de un producto en elm ercado. Alteraciones de los productos Las alteraciones m ás com unes de los productos poruna m ala selección delm aterialdel envase pueden ser: ·Reacciones oxidativas ·Pérdida o ganancia de hum edad ·Perdida o adsorción de com puestos volátiles ·Contam inación porm icroorganism os ·Acción de la luz ·Perm eación ·Absorció n ·M igración Característicasdelosm aterialesdelenvase Los envases deben serdiseñados pensando en la protección m ecánica delproducto,así com o en proporcionar el resguardo que evite las alteraciones antes descritas, de tal m anera que un envase debe tenerpreferentem ente las siguientes características: ·Características m ecánicas adecuadas.
  • ·Perm eabilidad alvaporde agua. ·Perm eabilidad a los-gases (N2,O2,CO2,etc.). ·Perm eabilidad a los arom as. ·Perm eabilidad alagua y a las grasas. ·Protección a la luz. 8 Curso de Diseño Gráfico
  • Cuando se requiere envasarun alim ento,porejem plo,la determ inación delenvase debe realizarse tom ando en cuenta los requerim ientos del producto a envasar. Algo que resulta una tarea prim ordialpara eldesarrollo de los envases y los em paques es conocer alm áxim o elproducto que se va a envasar: ·¿Cóm o se produce? ·¿Cóm o es su m etabolism o y su com portam iento con eltiem po? ·¿Qué le afecta y de qué form a? ·¿Cóm o se transporta? ·¿Cóm o se distribuye? ·¿Cóm o se alm acena? ·¿Cóm o se com ercializa? ·¿Cuánto tiem po se m antiene en elanaquelde tienda? ·¿Cuánto tiem po se m antiene en elhogarsin consum ir? ·¿Cóm o se consum e? ·¿Qué hábitos de re-uso tiene elconsum idor? Ya a la hora de diseñar nuestros envases, debem os tener en cuenta las distintas herram ientas que usam os para crearcualquierpieza gráfica: .Form a .Color(teneren cuenta los significados de color) .Sistem a de im presión Materialesparaelaboracióndeenvases. Vidrio Elvidrio es una sustancia que se logra a partir de la m ezcla y
  • fundición de diferentes m ateriales inorgánicos,com o son elsílice o arena,carbonato sódico y la piedra caliza. Todos estos m ateriales se m ezclan y se funden a altas tem peraturas para posteriorm ente enfriarse rápidam ente,form ando asíuna m asa vitrea no cristalina,solidificada,no del todo rígida. ·Tipos de vidrio:Desde su descubrim iento y a lo largo de su evolución se ha logrado diversificary perfeccionarlos diferentes tipos de vidrio existentes. Curso de Diseño Gráfico 9
  • Envasesdevidrio: ·Botellas o Botellones ·Frascos ·Tarros ·Vasos 10 Curso de Diseño Gráfico
  • ......
  • CLASE 21 Im presión de envases de vidrio Algunos envases son decorados con un proceso llam ado serigrafía, aunque si bien esto sucede tiem po después de la elaboración delenvase,puede considerarse parte delproceso. La resina utilizada para la fabricación de las tintas es elaborada con base de vidrio,porlo que una vez decorado elenvase,éste se pasa a través de un horno para efecto de fundir las tintas e integrarlas com pletam ente alenvase. Otra form a que se utiliza para decorarlos es m ediante pigm entos que m ezclados con vidrio brindan una coloración a la vez que son fundidos al cuerpo del envase. Las tintas son rociadas por inm ersión o por un proceso de serigrafía. Estas tintas una vez aplicadas tienen buena resistencia a la abrasión y a los detergentes. Los colores m ás usados son: blanco, rosa, cobre, naranja,turquesa,azulclaro y oscuro. Los envases de vidrio tam bién se decoran m ediante etiquetas Papelycartón Elpapely elcartón son dos m ateriales m uy utilizados en la fabricación de envases,su aplicación es práctica y económ ica,dos factores que resultan m uy atractivos para los industriales del envase. De papel, en form a sim ple o lam inada pueden fabricarse envases flexibles,m ientras que de cartón se fabrican generalm ente cajas. Elpapely elcartón se fabrican a partirde la pulpa de la m adera,de papelreciclado y en algunos casos de fibras textiles com o elalgodón. Elgrosordelcartón se m ide m ediante m ilésim os de pulgadas,tam bién llam ados puntos, y se le denom ina calibre.Los calibres m ás com unes utilizados en la industria delenvase van de 18 a 22 puntos.Cabe señalarque a los papeles tam bién se les dim ensíonan porsu gram aje en m 2.Elcalibre delpapelo cartón determ ina su uso,elpapeldelgado se utiliza com o lam inado con otros m ateriales com o plásticos o foil, para fabricar envases flexibles, m ientras que del cartón, se fabrican cajas o displays, que funcionan generalm ente com o envases secundarios.
  • CLASE 21 12 Curso de Diseño Gráfico
  • CLASE 21 Com o en elresto de los envases de otro tipo de m ateriales,eldiseño estructuralde los fabricados con papel y cartón, depende directam ente del producto que va a ser envasado en su interior; características com o peso, tam año, fragilidad y sistem as de distribución deben sertom ados en cuenta para desarrollarun diseño adecuado.Aunque la m ayoría de los envases de cartón son cajas rectangulares, existen m uchas y m uy variadas form as que se ajustan a las necesidades específicas del producto que contienen. Curso de Diseño Gráfico 13
  • '- .. '"""' J 4> 1allll ..-:• - • , . '-'!'' t.
  • 1
  • CLASE 21 Metal Un envase m etálico; en térm inos generales, se define com o un recipiente rígido para contenerproductos líquidos y/o sólidos y que adem ás tiene la capacidad de sercerrado herm éticam ente. Los envases de m etalson generalm ente de hojalata electrolítica,o de lám ina crom ada (TFS)libre de estaño,especialm ente en la fabricación de tapas y fondos. Otro m aterialque tam bién se utiliza es elalum inio. Los envases m etálicos se utilizan y recom iendan para infinidad de usos com o pueden ser para contener, proteger y transportar productos alim enticios, bebidas, productos farm acéuticos y cosm éticos,productos ferreteros com o lacas,esm altes,barnices,ceras y pinturas, productos autom otrices com o lubricantes, gasolinas y aditivos; insecticidas, plaguicidas,grasas para calzado,etc. 16 Curso de Diseño Gráfico
  • CLASE 21 TetraPak® Elprim erenvase en form a de tetraedro apareció en elm ercado en 1952 y llam ó m ucho la atención debido a su form a poco convencionaly alprincipio en elque estaba basado:la geom etría.Desde entonces,eldesarrollo delenvase con form a de tetraedro sigue siendo básicam ente elm ism o: ·Se tom a un tubo a partirde un rollo de papellam inados. ·Se llena con elproducto líquido. ·Se sella pordebajo delniveldellíquido. En la actualidad elproceso se ha desarrollado algrado que es posible realizaren una sola m áquina elenvase m ism o,elllenado y sellado de los envases. Diseño:Alconocerque elobjetivo principalde este tipo de envase es evitareldeterioro de los alim entos o bebidas por m icroorganism os,reteniendo elbuen sabordelproducto, y que estos envases tienen buena aceptación delpúblico, eldiseñador tiene algunas arm as para su proceso de diseño. La superficie geom étrica de los envases ofrece un am plio espacio para cubrirlas necesidades de im presión.
  • CLASE 21 Curso de Diseño Gráfico 17
  • CLASE 21 Por otra parte el envase Tetra Pak® perm ite ahorros hasta del 75% en costos de transporte. Se ahorra en alm acenaje y en energía eléctrica porque no necesita refrigerarse;es fácilde apilarlo y ahorra espacio en las estanterías. 18 Curso de Diseño Gráfico
  • CLASE 21 Plásticos Los m ateriales plásticos han tenido una influencia revolucionaria en casi todos los ám bitos de la industria desde sus aparición;esto se debe en gran m edida a las propie- dades físicas y quím icas que lo hacen único,y que perm iten m oldearlo a tem peraturas relativam ente bajas que adem ás,le proporcionan una gran resistencia. Los m ateriales plásticos,a pesarde que se consideran im perm eables,no lo son en todos los casos,y presentan una am plia gam a de valores de perm eabilidad. Estas propiedades hacen que los plásticos se apliquen en una gran variedad de envases y em balajes,extendiéndose su uso a un m ercado cada día m ás am plio. Tipos de plásticos Los plásticos se dividen en 3 tipos: ·Term oplásticos ·Term ofijos ·Elastóm eros Las tres clasificaciones de plásticos ofrecen características físicas y quím icas ideales para la elaboración de envases,sobre todo cuando requieren de cualidades específicas para m antenerla integridad de su contenido.
  • CLASE 21 Curso de Diseño Gráfico 19
  • -·- 1 PAfl<TENE e.:..-. ' ' PAfl<TI;NE -·- --·
  • Ejercicio1 Realizar laetiquetadelsiguientefrascodem erm eladadefrutilla: Curso de Diseño Gráfico 21
  • Bibliografíaconsultada: Packaging.La decisión en 5’’- Unilever(UBF,Frigo,Lever) Vilanova iLa Geltru © Icon Com unicación Visual,2002 ELM UNDO DELENVASE -M aría Dolores Vidales G. EditorialGustavo Gili,2005. Diseño de Envases y Em balajes Bloque Especializado -Com pilador:Lic.Guillerm o Albarrán Valenzuela 22 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 22
  • Temas Tecnologíasde im presión
  • CLASE22 Indice Proceso de im presión..................................1 ElBrieftecnológico ...................................2 Im presión directo a Placa (CTP –Com puterTo Plate) .............3 Im presión a Escala e Im presión a Dem anda ...................5 MediosCruzados(“crossm edia”) .........................8 CTF(Com puterto film ).................................8 Sistem asde im presión tradicionales-Offset ..................8 Flexografía ....................................... 11 Huecograbado (rotograbado)............................ 12 Holografía ....................................... 13 Serigrafía ......................................... 15
  • CLASE22 Procesodeim presión. ¿Qué es la im presión? Eltérm ino im presión se define com o elproceso de depositar una capa controlada de tinta sobre papel,plástico,polietileno,tela,vidrio o cualquier otro substrato donde se desee transm itiruna idea o m ensaje. El proceso de im presión puede dividirse para su estudio en m étodos de im presión directos y m étodos de im presión indirectos.La anteriordivisión obedece básicam ente a la form a de depositarla capa de tinta sobre elsubstrato. Es elproceso m ediante elcuala partirde un diseño original,se realiza la duplicación del m ism o,m ediante una form a im presora llam ada m atriz,que transfiere la tinta alsoporte, haciendo visible la im agen. Esta definición m enciona tres elem entos im prescindibles de cualquierreproducción: .eloriginala reproducir .la m atriz .la tinta .elsopor te Para seleccionar un sistem a de im presión, debem os considerar com o aspectos condicionantes, en prim er lugar, el m aterial y la form a del envase; luego debem os analizar los requerim ientos de diseño y evaluar qué sistem as nos ofrecen m ejor resultado. Procesodeim presiónpasoapaso 1. Determ inar quién es el cliente, cuáles son sus necesidades, con qué presupuesto cuenta. 2 .¿Qué va a contenerelim preso? • Texto (revisión de estilo,captura y com posición;form atos,fuentes y program a)
  • CLASE22 • Im agen (dibujo y foto,colory blanco y negro,calidad y resolución) Curso de Diseño Gráfico 1
  • CLASE22 3 .¿Qué form a va a tenereldocum ento? • M ateriales (tintas y papel) • Acabado s • Lam inados,barnices especiales • Doblad o • Encuadernad o • Suajes • Im posición de páginas 4 .¿Qué es tipo de pre prensa se necesita? • Originalm ecánico • Selección de colory negativos • Pruebas de color 5 .¿Qué sistem a de im presión conviene? 6.Presentareldum m y alcliente y que pedirle que lo firm e. 7.M andarcon elim presory quedarse con una copia para currículum . ElBrieftecnológico ElBriefTecnológico constituye una herram ienta de análisis orientada exclusivam ente al relevam iento e indagación sobre las variables que afectan la resolución delproblem a planteado.
  • CLASE22 En relación con elcom itente debe incluirinterrogantes de diverso tipo que ayudará a es- tablecerun presupuesto,y com prende la consideración de: ● Características form ales de la pieza tales com o:tipo de papelo soporte,cantidad de tintas,uso de fotografías,etc. ● Requerim ientos técnicos para su reproducción que incluyen la consideración de variables com o:tirada,calidad de pruebas y m atrices,sistem a de im presión a em plear. ● Características técnicas de los elem entos de base que proveerá elcom itente:fotogra- fías en papel, diapositivas o negativos, textos ya com puestos o a com poner, isologo- 2 Curso de Diseño Gráfico
  • CLASE22 tipos,et c. ElBriefTecnológico con elProveedorde Servicios Gráficos debe incluirinterrogantes que esclarezcan: ● Alternativas tecnológicas de producción de la pieza final,asícom o de sus m atrices y pruebas. ● Requerim ientos técnicos deloriginala entregar. Considerando que cada proveedor dispondrá de una plataform a específica de recepción de trabajo,allanartodas las dudas sobre la entrega deloriginaldigital(o analógico,según elcaso),es fundam entalpara la contratación de sus servicios. ● Condiciones básicas delservicio que proveer?Esto im plica elconocim iento de horarios de atención,alcance de sus servicios,m odalidad de pago y entrega,etc.Es im portante, en este punto,poderconfrontarm ás de un Proveedorde Servicios Gráficos,de m anera de disponeralternativas de producción que sean com patibles a los objetivos deltrabajo a realizar. Escoger un único Proveedor de servicios puede ser una ventaja, pero en ocasiones se convierte en una desventaja m anifiesta.Siem pre es m ejordisponerde una variedad de proveedores. Im presióndirectoaPlaca(CTP–Com puterToPlate) Se parte de un archivo de com putadora, del cual electrónicam ente se hacen las im posiciones.Se hacen pruebas de colordigitalm ente,de dos lados y con im posiciones. La placa es expuesta directam ente a través de una m áquina digital. Es un sistem a novedoso,rápido,práctico y preciso porelcualse graban las planchas de im presión a través de láseres m odulados pordatos digitales com putarizados,evitando la edición de películas gráficas –fotocrom os-. En poco tiem po el im presor (o las em presas contratistas) exigirán a los diseñadores gráficos y agencias de publicidad el arte digital en discos rem ovibles o a través de Internet,reem plazando definitivam ente elsistem a CTF (Com puterto film ). Ventaj as • Alelim inarpasos,elproceso es m ás rápido.
  • CLASE22 Curso de Diseño Gráfico 3
  • CLASE22 • Es m ás fácilhacercorrecciones de últim o m inuto. • Se elim inan los negativos y pruebas de colortradicionales • Elregistro es m uy preciso. • Las pruebas son de alta calidad. • Elform ato digitalperm ite guardar los archivos y facilita su m odificación para otros propósito s. • Se elim inan inconsistencias en la transferencia delnegativo a la placa (polvo,etc) • Alseruna im agen de prim era generación se aum enta elcontraste. • Se tiene un controlm ás preciso sobre la ganancia de punto. Desventaj as • No se pueden hacercorrecciones en la exposición de las placas. • Se requiere m ás preparación y entrenam iento de los im presores. • Los colores pueden no serprecisos en las pruebas,ya que elproceso de im presión de la prueba no corresponde exactam ente alde la placa. •Las pruebas solo se pueden hacercon los 4 colores básicos.No hay m anera de sim ular tintas directas. • Sielcliente quiere pruebas de color exactas,se tienen que hacer negativos,lo cual aum enta los costos. Sistem as de Im presión Dentro de los principales sistem as de im presión se encuentra la
  • CLASE22 preprensa tradicional, (con originales m ecánicos) la preprensa digital, (por m edio de com putadora) la xilografía, (talla en m adera) tipografía, (m anual o autom ática) flexografía, (relieve) huecograbado,(patrón de puntos) rotograbado,(cilindro grabado) serigrafía,(esténcil) offfset, (placas de superficie plana) im presión digital, cada uno de estos tienen características especiales que tienen ventajas y desventajas y según sea el trabajo encom endado será elsistem a de im presión a utilizarporlo que elalum no conocerá cada uno de estos y establecerá su propio criterio para asípodersatisfacerlas necesidades del cliente. En la actualidad,elrepertorio de tecnologías de im presión es m uy vasto.La coexistencia de tecnologías tradicionales (com o la im presión tipográfica o la serigrafía), y Nuevas Tecnologías (com o eloffsetdigitaly la im presión laser),provee a los diseñadores de un abanico de recursos que es necesario conocerpara podertom ardecisiones adecuadas al m om ento de la im presión. 4 Curso de Diseño Gráfico
  • CLASE22 Una cantidad im portante de Nuevas Tecnologías se han consolidado en el m ercado gráfico com o opciones de im presión.Entre ellas se cuentan: ■ Im presión Laser. ■ Im presión porInyección de Tinta,(incluso en grandes form atos -plotters-). ■ Im presión Térm ica. ■ Im presión porSublim ación de Tintas. ■ Im presión Term o- Sublim al. ■ Im presión de Cera. ■ Bordado autom atizado. ■ Fotocopiadoras,de todo tipo. ■ Plotters electrostáticos. ■ Plotters de puntera (o estilográficos). ■ Plotters de corte (llam ados tam bién plotters de vinilo) ■ Grabadoras y caladoras sobre m árm ol,m etal,acrílicos,etc.(que son robotizadas,en la m ayoría de los casos,y en algunos,utilizan laser). ■ O fffsetDigital . ■ Holografía . Im presiónaEscalaeIm presiónaDem anda. A diferencia delm odelo de producción artesanal(donde cada pieza finalse diferenciaba de otra por el inevitable ―toque personal‖del artesano), el m odelo de producción industrialim puso la necesidad de perfeccionarm atrices para estandarizarlos resultados finales.
  • CLASE22 Históricam ente,las tecnologías de im presión tradicionales han seguido ese m odelo de producción industrial,basado en m atrices físicas,cuya generación se justifica en función de la cantidad de consum idores que accederán alproducto (gráfico,en este caso). Considerando que la Revolución Industrialtrajo aparejada la búsqueda de ―econom ías de escala‖,basadas en la m axim ación cuantitativa delm ercado de consum o,es entendible la influencia de esa dinám ica sobre elm ercado gráfico.Casitodas las tecnologías gráficas (a excepción de la serigrafía y algunas aplicaciones de la im presión tipográfica) se sustentaron rápidam ente en elconcepto de Im presión a Escala. Esto significó concebiry evaluarla producción gráfica desde la valoración de las tiradas (altas, m edias y bajas) para la elección del sistem a de reproducción apropiado. Curso de Diseño Gráfico 5
  • CLASE22 Considerando que elcosto de m atrices físicas es relativam ente alto en relación con el producto final,tecnologías com o eloffset-o m ás aún,elhuecograbado-se justificaban y justifican com o elección en la m edida en que cubran un piso de ejem plares que perm ita am ortizarelcosto de sus m atrices. La im presión a escala,entonces,requiere elcum plim iento de dos condiciones básicas: 1Una cantidad elevada de ejem plares a reproducir. 2No variabilidad de los datos (textos,im ágenes)en las piezas que se reproducen con la m ism a m atriz. La aparición de los conceptos de ―originaldigital‖y ―m atriz virtual‖se dio de la m ano de estas innovaciones.Por prim era vez fue posible disponer de una m atriz no física,que perm itía la im presión a dem anda (on dem and),de una única copia o de una cantidad m ínim a de copias, pudiendo incluso, introducir datos m odificados en cada copia im presa. La im presión a dem anda,entonces,invirtió un paradigm a de siglos,ahora: 1Es posible reproduciruna cantidad m ínim a de copias,incluso una copia única. 2 Los datos presentes en la pieza, son susceptibles de m odificar a cada m om ento, y según las necesidades,m odificando eloriginalo la m atriz a m uy bajo costo. Las ventajas que incorporó la im presión a dem anda, acom pañaron las necesidades surgidas de nuevos m odelos económ icos industriales,basados en la obsolescencia de productos y de la inform ación.Veam os algunas de esas aplicaciones: ŸIm presión de nuevos ejem plares a m edida que son solicitados, llegando incluso a trabajarcon ―stock cero‖. ŸLa posibilidad de introducir variaciones en los datos en las sucesivas tiradas. Por ejem plo,actualizando una lista de precios. ŸPersonalizaralgún aspecto delm ensaje gráfico,talcom o se hace actualm ente con las piezas de m ailing directo .
  • CLASE22 ŸReponerfácilm ente piezas gráficas dañadas poreluso,com o es elcaso de los m enús o cartas de restaurantes y bares. 6 Curso de Diseño Gráfico
  • CLASE22 ŸIm plem entar acciones ―relám pago‖de com unicación y prom oción, frente a sucesos previstos (porejem plo,elDía delNiño)o im previstos (porcaso,un conflicto sindical). ŸResolvertem poraria y satisfactoriam ente necesidades de com unicación gráfica en caso de que se atrase la entrega de piezas generadas porim presión a escala. Factoresqueincidenenesadecisión: ŸTirada(cantidad de ejem plares) ŸVariación en losdatos ŸTipodesoporte ŸForm atodelapieza ŸColor ŸNecesidaddereim presiones ŸUrgenciaen eltiem poderealización ŸUsofinaldelapieza ŸDistribución delapiezagráfica Curso de Diseño Gráfico 7
  • CLASE22 MediosCruzados(“crossm edia”) Planificartodos las posibles im plicancias de la dem anda que realiza elcliente, desde una perspectiva de ―M edios Cruzados‖, le perm itirá ahorrar costos y tiem pos,y ofrecerm ayorvariedad de servicios de valoragregado. La idea centraldelCross- M edia es producir un docum ento digital,por única vez,y luego utilizando form atos distintos,lograr nuevas versiones deldocu- m ento aptas para su distribución pordiferentes m edios. CTF(Com putertofilm ) Es elsistem a que integra elproceso delarte digital,desde la com putadora –donde se lo produce y digitaliza- hasta su separación en CM YK a través de la edición de películas gráficas –film adora/reveladora-para realizarlas planchas de im presión. Sistem asdeim presióntradicionales Offfset Elsistem a de im presión offsettiene sus orígenes en la litografía.La litografía consiste en reproducirsobre un substrato,los dibujos trazados en una piedra caliza plana. Elofffset es un sistem a de im presión que usa placas de superficie plana.Elárea de la im agen a im prim irestá alm ism o nivelque elresto,nien alto nien bajo relieve,es por eso que se le conoce com o un sistem a planográfico. Se basa en elprincipio de que elagua y elaceite no se m ezclan.Elm étodo usa tinta con base de aceite y agua.La im agen en la placa recibe la tinta y elresto la repele y absorbe el agua.La im agen entintada es transferida a otro rodillo llam ado m antilla,elcuala su vez lo transfiere alsustrato.Poreso se le considera un m étodo indirecto. Las placas para offset por lo generalson de m etal(alum inio) pero tam bién las hay de plástico. Im prim e solo en papel,tanto en pliegos com o en bobinas.
  • CLASE22 8 Curso de Diseño Gráfico
  • CLASE22 Elofffset es elsistem a m ás utilizado por los im presores por la com binación de buena calidad y econom ía, así com o en la versatilidad de sustratos en los que es posible im prim ir. Curso de Diseño Gráfico 9
  • CLASE22 10 Curso de Diseño Gráfico
  • CLASE22 Flexografía Este m étodo de im presión es una form a de im presión en relieve.Las áreas de la im agen que están alzadas se entintan y son transferidas directam ente alsustrato.Elm étodo se caracteriza portenerplacas flexibles hechas de un hule o plástico suave y usartintas de secado rápido y con base de agua.Las tintas para flexografía son particularm ente aptas para im prim ir en una gran variedad de m ateriales,com o acetato,poliéster,polietileno, papelperiódico,entre otros. Porsu versatilidad éste m étodo se utiliza m ucho para envases. La Flexografia es un m étodo directo de im presión rotativa que utiliza planchas elabo- radas en substratos resilientes de caucho o fotopolím eros. Las Planchas se pegan a cilindros m etálicos de diferente longitud de repite,entintados porun rodillo dosificador conform ado porceldas,con o sin cuchilla dosificadora invertida que lleva una tinta fluida de rápido secam iento a la plancha,para im prim irvirtualm ente sobre cualquiersustrato absorbente o no-absorvente. Curso de Diseño Gráfico 11
  • CLASE22 Algunas ventajas e inconvenientes ŸLas planchas flexibles,se adaptan fácilm ente a superficies razonablem ente desiguales, por lo que se puede im prim ir en m ateriales com o cartón corrugado y otro tipo de em balajes sin aplicarm ucha presión (kiss printing). ŸLas características delsustrato im prim ible y de las planchas hacen que la flexografía no sea un proceso de im presión de precisión sim ilaralhuecograbado o la litografía offset. ŸAunque es un sistem a relativam ente sim ple,para m antenerun nivelde calidad elevado hay debe m antenerse un estricto control, si no el color puede ser m uy desigual y la im presión puede tenerhalos o zonas desiguales. ŸLa velocidad delsistem a y elrápido secado ayudan a que los reventados trapping del proceso sean m enores de lo que la falta de detalle delsustrato y la plancha podrían necesitar. ŸLas características de la plancha y los sustratos hacen que las lineaturas y tam años m ínim os de tipografía reproducibles sean m ás lim itados que en procesos com o eloffset o elhuecograbado. ŸElcosto de las planchas es m ayor que en litografía offset,pero las planchas soportan tiradas largas y son m ucho m ás económ icas que las de huecograbado. ŸLos sistem as m ecánicos y las m ezclas de fluidos son m ás sim ples que los de offset,por lo que son m ás fáciles de m antener. Huecograbado(rotograbado) Este sistem a de im presión es hoy el de m ás am plia perfección, fino registro, gran velocidad,y elque acepta la tram a m ás cerrada (300 lpi)perm itiendo una definición de la im agen hasta hoy insuperable. Pero tiene la desventaja que es un sistem a de costos elevados (com parados con los clisés de fotopolím eros de flexografía) porque hay que grabarsus cilindros im presores, uno porcada color.Esto lleva a las em presas a optarporeste sistem a solam ente cuando las tiradas son de gran volum en,para am ortizarlos costos de la preim presión. 12 Curso de Diseño Gráfico
  • CLASE22 Se puede definir al rotograbado -o huecograbado- com o el m ás sim ple de todos los procesos de im presión. Este sistem a funciona por pequeñas incisiones en los cilindros llam ados alveolos o celdillas en las que se deposita la tinta.Elcilindro grabado gira en un tintero (cubeta que contiene la tinta líquida), m ientras que una cuchilla de acero (cuchilla doctor blade) rem ueve todo el exceso de la superficie dejándola solam ente en el interior de los alveolos.Acto seguido un cilindro de presión m antiene la cinta delsustrato a im prim ir (papel,film ,etc.),en contacto con la superficie delcilindro grabado y ya entintado,y de esa form a se produce la transferencia de la tinta que se encuentra en las celdillas,por capilaridad y absorción de la m ism a hacia elsustrato (m ateriala im prim ir). Luego la banda de m aterialpasa porun sistem a de secado fijándolas rápidam ente para que puedan ingresaralsiguiente m ódulo de color. Los equipos de rotograbado oscilan generalm ente entre 8 y 10 colores sucesivos. Holografía ‖La palabra holografía proviene delgriego holos que significa totalo com pleto y graphos que significa signo o escritura.La holografía es una im agen posible de realizara partirdel advenim iento delrayo laser. Curso de Diseño Gráfico 13
  • CLASE22 Asícom o la fotografía es elregistro de luz que refleja un objeto,dando una im agen plana, la holografía es la técnica para crearim ágenes en tercera dim ensión,utilizando juegos de lentes y un potente rayo laser.‖ Cóm o se produce un Hologram a: Los hologram as son posibles porla propiedad dellaserconocida com o coherencia.La luz coherente es una luz en una sola onda en elespectro visible,y que posee un alto grado de organización. Cuando se fabrica un hologram a se divide elrayo laseren dos haces,un haz ilum ina el objeto,la im agen a serholografiada,elotro haz ilum ina elfilm en elcualelhologram a será registrado,llam ándose a éste,haz de referencia.Ningún lente es utilizado entre el objeto y el film durante la grabación. Una parte de la luz brillando en el objeto será reflejada directam ente hacia el film donde chocará con la luz brillando directam ente desde elfilm . Este patrón m icroscópico está form ado por luz y espacios oscuros que cuando se ilum inan adecuadam ente reconstruyen la im agen delobjeto en elsustrato (m aterial)utilizado en la fabricación. 14 Curso de Diseño Gráfico
  • CLASE22 Serigrafía Serigrafía es elm étodo de im presión que funciona a base de la aplicación de tinta a una superficie a través de un "esténcil" m ontado sobre una m alla fina de fibras sintéticas o hilos de m etal, m ontadas sobre un bastidor. El esténcil es creado por un proceso fotográfico que deja pasarla tinta donde la em ulsión ha sido expuesta a la luz.La tinta se esparce sobre la m alla y se distribuye con un rasero para que pase porlas áreas abiertas y plasm e la im agen. Es uno de los procesos m ás versátiles ya que puede im prim iren casicualquiersuperficie incluyendo:m etal,vidrio,papel,plástico,tela o m adera. Las m áquinas de serigrafía m anuales se usan para tirajes cortos o alim prim iren m aterial m uy grueso o delgado.Casitoda la im presión serigráfica hoy en día se hace en prensas sem i-o com pletam ente autom áticas que pueden producirhasta 5,000 im presiones por hora.Com o ejem plo tenem os la im presión de Com pactDiscs y DVD. Curso de Diseño Gráfico 15
  • CLASE22 Habiendo elegido el sistem a de im presión, debe analizarse el proceso de producción teniendo en cuenta que elm ism o com prende tres etapas: .preim presión .im presión .post-im presión Los sistem a de im presión pueden clasificarse de acuerdo con diferentes criterios: Porlas características de su m atriz,en: .conrelieve .sinrelieve Porla relación de la m atrizconelsoporte,en: .directos,(en la transferencia de la im agen,la m atriz entra en contacto con elsoporte) .indirectos,(la m atriz no tom a contacto con elsoporte,la transferencia se hace a través de otro dispositivo delm ecanism o que traslada la im agen de la m atriz alsoporte) Porlas características delm ecanism o y elsoporte,en: .planos:elsoporte se dispone en pliegos .rotativos:elsoporte se dispone en bobinas Ejercicio: Buscardosejem plosdecadaunodelosdistintossistem asdeim presión.
  • CLASE22 16 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 23
  • Temas Merchandising
  • CLASE23 Indice Merchandising ......................................1 Merchandising para elproductor ..........................2 Merchandising para eldistribuidor......................... 9 Merchandising de productosno tangibles .................... 9 Planificación de una cam paña de Merchandising............... 12
  • CLASE23 Merchandising Se refiere a la parte delm arketing que tiene por objeto aum entar la rentabilidad en el punto de venta tanto para elfabricante com o para eldistribuidor,satisfaciendo alm ism o tiem po las necesidades delconsum idor. El objetivo básico del M erchandising es: "conseguir la m ayor rotación posible de los productos expuestos en elPunto de Venta". Hay dos tipos de M erchandising: a)Merchandisingperm anente,de form a continuada,a lo largo de todo elaño. b)Merchandising prom ocional, con ellanzam iento de un nuevo producto, ofertas, regalos. Elm erchandising es elconjunto de técnicas y estrategias de m arketing desarrolladas en elpunto de venta para respondera cuatro cuestiones fundam entales: 1.Quévenderparasatisfacerlasnecesidadesydeseosdelaclientelaclave. 2.Dónde y cóm o organizarlos elem entos de la arquitectura exteriorcon elfin de transm itirunaim agendeloqueesyloquevendelatienda. 3.Dóndeycóm o organizarloselem entosdela arquitectura interiorpara generarun flujodirigidodeclientesporlasuperficiecom ercial. 4.Dóndeycóm o presentarlasm ercancíassobreellinealdesarrollado para provocar ventasporim pulso. Elm erchandising com prende todas las accionesde m ercadotecnia que se llevan a cabo en un punto de venta,adem ás de otros conceptos com o logística delestablecim iento, carteles,im plem entación lineal,diseño delestablecim iento,m ontaje de m erchandising en elpunto de venta,etc. Entre sus objetivos pueden destacarse: • M ejorarla exhibición delproducto.
  • CLASE23 • Resaltarla m arca. Curso de Diseño Gráfico 1
  • CLASE23 • Obtenerlugares de exhibición preferenciales. • Increm entarla rotación de inventarios. • Destacarlas ventajas delproducto. • Recordarelm ensaje publicitario usado en los m edios. • Aum entarlas com pras porim pulso. • M ejorarla rentabilidad delespacio de venta. • Atraernuevos consum idores. Tam bién podem os clasificarelM erchandising en tres tipos: .M erchandisingpara elproductor:es la em presa que fabrica elproducto.Lo constituyen todos aquellos elem entos que ayudan alproducto en elpunto de venta para que se venda solo, com o por ejem plo las cenefas, banderines, displays, carteles. No participa elser hum ano.
  • CLASE23 2 Curso de Diseño Gráfico
  • CLASE23 Curso de Diseño Gráfico 3
  • ..Trident /• Trí nt ¿4":¡. .. .
  • Curso de Diseño Gráfico CLASE23 5
  • 6 OJrso de IJseño Qáfioo
  • - -
  • 8 OJrso de IJseño Qáfioo
  • CLASE23 .Merchandisingpara eldistribuidor:puede ser elsuperm ercadista,elcuales eldueño delpunto de venta.Aquíse habla de una serie de principios,reglas que se tienden a optim izarcada m 2 de superficie de las góndolas. . M erchandising de productos no tangibles:Pueden ser servicios. Son elem entos que tienen dos características:evocan altangible,lo representan aunque no estén (postal, fotografías, productos turísticos, etc.). Tam bién pueden ser elem entos ajenos a la naturaleza del producto y que sirven para su prom oción (gorras, rem eras, llaveros, gorritas,etc.
  • Curso de Diseño Gráfico 9
  • ... -• • '-.
  • 1,, EVA 1 t • •
  • CLASE23 Planificacióndeunacam pañadeMerchandising 1.Inform ación base delMerchandising delproducto: puntos de venta, distribuidores, acciones de la com petencia,etc. 2. Estudiodelproducto:M arca,envase,precio. 3.Análisis de la com petencia: puntos débiles y fuertes de sus últim as cam pañas de M erchandising. 4. ObjetivosdenuestraCam paña: • Específicos de cada acción de M erchandising • Globales de toda la Cam paña anual 5.Accionesespecíficasde Merchandising:Núm ero,duración,y características de cada una de ellas,en cada Punto de Venta. 6. Com unicaciónconlosdistribuidoresyconsum idores: • Acciones com unicativas para anunciarnuestra presencia en elPunto de Venta. • Acciones de Publicidad en elPunto de Venta:carteles,displays. • Acciones de Relaciones Públicas. 7. Form adedistribucióndelosproductos: • Estudio de los lugares m ás rentables de exponernuestro producto. • Realización de las form as m ás atractivas de exposición. 8. PresupuestodelaCam paña. 9.Controlderesultados: • Controlperiódico y final. • Análisis de los resultados. • Investigación m ediante encuestas. 12 Curso de Diseño Gráfico
  • CLASE23 Ejercicio1 Elegirun producto yrealizarunacenefayun carteltam año A4paracolocar enlagóndoladeunsuperm ercado. Curso de Diseño Gráfico 13
  • Curso de Diseño Gráfico CLASE 24
  • Temas Diseño Web en Illustrator
  • CLASE24 Indice Diseño de sitiosweb en Illustrator ......................... 1 Elaboración y objetivosde un proyecto web ................... 1 Introducción a HTML ..................................5 Sectoresy m apasde im ágenes .......................... 6 Optim ización de im ágenes ............................. 10 Optim ización de im ágenespara Internet .................... 12 Opcionesde optim ización de gráficosWeb ................... 13 Ajustesde salida para gráficosWeb ....................... 21 Pasospara la realización de una página web en Illustrator ........ 24
  • CLASE24 DiseñodesitioswebenIllustrator Adobe Illustratorproporciona una gran variedad de herram ientas para crearpáginas W eb. Para realizarun sitio w eb,debem os contarcon un program a de diseño de páginas w eb. Uno de los m ás utilizados es Adobe Dream w eaver. Lo prim ero que debem os realizares elproceso de diseño de nuestro sitio. Elaboraciónyobjetivosdeunproyectoweb Cóm oem pezarunaweb: ¿Porqué y para qué se quiere una página W eb? ¿Qué es exactam ente lo que se pretende conseguir con ella? ¿Cóm o va a conseguirlo? ¿Es asum ible el costo? Son las prim eras preguntas que se hace una persona que va a encararun proyecto de página w eb. Para com enzarcon esta tarea,se debe teneren cuenta un estudio de m ercado,que seria la definición de las personas/usuarios de la página w eb;un estudio de los costos,de las necesidades,de viabilidad,un plan de negocios,etc. Todos los sitios W eb difunden inform ación de una u otra clase.Ofreciendo inform ación útily una buena com unicación con sus visitantes se m ejorará su im agen y creará una relación de confianza. LascuatrocaracterísticasprincipalesdeldiseñoWebson: 1.Los contenidos son elcorazón de una página,inform an y convencen a los usuarios. 2.La tecnología posibilita la existencia de la página y la dotan de funcionalidad. 3.Los aspectos visuales proporcionan im agen alsitio destacando elcontenido. 4.Los aspectos económ icos determ inan la viabilidad delsitio. ¿Quésetieneencuentaenelproyecto? Para desarrollar un Sitio eficaz,es necesario un proceso
  • CLASE24 eficiente.Aunque no hay dos procesos iguales,lo norm ales que,a grandes rasgos,nos encontrem os con las siguientes fases : Curso de Diseño Gráfico 1
  • CLASE24 1.Requisitosyplanificación:En esta fase establecem os: a)Losobjetivos ¿Qué beneficios quiere obtenerla em presa con la w eb? Pensarde antem ano cóm o podría la em presa aprovecharla w eb para su negocio.M uchas veces elcliente no lo tiene claro.Para que una w eb funcione es absolutam ente necesario m arcarse unos objetivos concretos, ya que son de vital im portancia y deben estar articulados desde elprincipio. Los objetivos de la página son la base de todo diseño W eb y la m edida de su éxito.Junto con la audiencia,determ inan: ·Eldiseñ o ·Elconteni do ·La tecnología a utilizar ·La viabilidad Deben serobjetivos claros,concisos y cuantificables.Sino tenem os claro qué querem os conseguir¿Cóm o vam os a sabersilo hem os logrado o no? Son la herram ienta indispen- sable para determ inareléxito de un sitio w eb.Ejem plo de Objetivos básicos que habría que desarrollardespués: 1. Conseguirun 20% de las ventas de la com pañía. 2. Dism inuiren un 25% la atención telefónica prestada en estas m aterias. 3. Dism inuiren un 25% elcosto de m aterialde papelería y correo. 4. Dism inuir en un 15% la atención telefónica y/o presencialprestada por eldeparta- m ento de com unicación. 5. Dism inuiren un 20% los costos de selección de personal. b)Laaudiencia(target)
  • CLASE24 ¿A quién va dirigida la w eb? Una vez conocidos los objetivos de la w eb, necesitam os saber quiénes van a ser sus usuarios potenciales.Llam arem os navegante a un visitante ocasionaly usuario a aquel que vuelve periódicam ente a un sitio. 2 Curso de Diseño Gráfico
  • CLASE24 En algunos casos se utiliza la segm entación de m ercado, la cual es un proceso que consiste en dividirelm ercado totalde un bien o servicio en varios grupos m ás pequeños e internam ente hom ogéneos.La esencia de la segm entación es conocerrealm ente a los consum idores. El segm ento de m ercado es un grupo relativam ente grande y hom ogéneo de consum idores que se pueden identificar dentro de un m ercado, que tienen deseos, poder de com pra, ubicación geográfica, actitudes de com pra o hábitos de com pra sim ilares. Segm entación Geográfica:subdivisión de m ercados con base en su ubicación. Posee características m ensurables y accesibles. Segm entación Dem ográfica:se utiliza con m ucha frecuencia y está m uy relacionada con la dem anda y es relativam ente fácilde m edir.Entre las características dem ográficas m ás conocidas están:la edad,elgénero,elingreso y la escolaridad. Segm entación Psicográfica: Consiste en exam inar atributos relacionados con pensa- m ientos,sentim ientos y conductas de una persona.Utilizando dim ensiones de perso- nalidad,características delestilo de vida y valores. Segm entación por com portam iento:se refiere al com portam iento relacionado con el producto,utiliza variables com o los beneficios deseados de un producto y la tasa a la que elconsum idorutiliza elproducto. Las técnicas de diseño centrado en elusuario son un cam po m uy am plio.Pensaren los posibles usuarios y sus necesidades y cóm o acom odarlas con las necesidades delcliente que encarga la w eb es una buena estrategia. A partir del prim er esbozo, pensar en qué es lo que espera el usuario y si el diseño cum ple con su función,utilizando la experiencia y sentido com ún. c)Inventariodecontenidos/recopilacióndeinform ación Este punto es fundam ental,ya que será eleje de todo nuestro sitio:la inform ación a publicar. Curso de Diseño Gráfico 3
  • CLASE24 Para esto es im portante en las reuniones con elcliente,preguntary conseguirla m áxim a inform ación posible de lo que se quiere publicar:catálogos en papel,CD-ROM S,folletos, etc.Se puede partirde un cuestionario o Briefpara juntarelcontenido. Tam bién existe una herram ienta de M arketing que se puede utilizar:elanálisis FODA. d)Losrequisitosoespecificaciones ¿Cóm o será elsitio?¿Qué deberá tenerelsitio?¿Cóm o será su form ato? e)Estructurayorganización f)Presupuesto Es un aspecto m uy im portante que pocas veces se tiene en cuenta:elpresupuesto para eldesarrollo de la página w eb y elm onto que se cobra poreldiseño de la página w eb. 2.Diseño: La etapa de diseño es norm alm ente la m ás im portante. Se diseñan los prototipos técnico y visual.Un buen diseño se integra con elcontenido.La recopilación de contenidos es uno de los aspectos m ás lentos deldiseño W eb.Alfinalde esta etapa dispondrem os de un prototipo listo para su revisión y prueba. 3.Desarrollo:Se tiene en claro la apariencia y funcionalidad delSitio W eb.Es elm om ento de em pezar a crear las piezas y ensam blar el conjunto. Al final de esta etapa dispondrem os de una versión beta delSitio que volverem os a revisary probar. 4.Producción:Com prueba una vez m ás el sitio w eb, validándolo y com probando la accesibilidad.Es elm om ento de "entregar"la página w eb,junto con la guía de estilo y la docum entación. 5.Prom oción:No tiene sentido crear un sitio W eb si nadie sabe que existe. Existen diversas técnicas de prom oción w eb,posicionam iento en los buscadores,etc. 6.M antenim iento y evaluación:Un error com ún en las páginas w eb es olvidarse del m antenim iento y la puesta al día de los contenidos, estudiando los intereses de sus visitantes.Sin esta labor,elsitio w eb pronto quedará obsoleto y perderá su valor.
  • CLASE24 4 Curso de Diseño Gráfico
  • CLASE24 IntroducciónaHTML. ElHTM L ( HiperText M arkup Language ) es ellenguaje de program ación con elque se definen las páginas. Es un conjunto de etiquetas que sirven para definirla form a en que se presenta eltexto, controlando los elem entos tipográficos deltexto:tipo,colory tam año de las fuentes,el estilo (negrita,cursiva,etc.),asícom o tam bién la inclusión de tablas,listas,form ularios, la inserción de fotos,sonidos,fondos,etc. Éstas etiquetas están encerradas entre dos signos fundam entales:< > que indica que com ienza la etiqueta y </>que indica su cierre. Todos los docum entos Htm ltienen la estructura que se m uesta a continuación,aunque la etiqueta <body>puede sersustituida por<fram eset>para un tipo de páginas que dividen la ventana delnavegadoren varios cuadros (fram es). <HTML> <HEAD> <TITLE>Títulodelapágina</TITLE> ... </HEAD> <BODY> Aquíiríaelcontenidodelapágina </BODY> </HTML> ElDream w eaver,a m edida que vam os haciendo nuestra página,ya escribiendo elcódigo, porende no es necesario saberescribirelcódigo HTM L. En Illustratorpodem os realizarla página,y exportarla com o un HTM L,luego la abrim os en eldream w eavery hacem os los links. Curso de Diseño Gráfico 5
  • CLASE24 Sectoresym apasdeim ágenes Acerca de los sectores Las páginas W eb pueden incluir m uchos elem entos:texto HTM L,im ágenes de m apa de bits y gráficos vectoriales,entre otros. En Illustrator,los sectores se utilizan para definirlos lím ites de diferentes elem entos W eb de la ilustración. Porejem plo,sila ilustración contiene una im agen de m apa de bits que debe optim izarse en form ato JPEG y elresto de la im agen se optim iza m ejor en form ato GIF, es posible aislarla utilizando un sector. Al guardar la ilustración com o página W eb m ediante el com ando Guardar para W eb y dispositivos, es posible guardar cada sector com o un archivo independiente con su propio form ato,ajustes y panelde color. Los sectores de un docum ento de Illustratorcorresponden a celdas de tabla en la página W eb resultante.Por defecto,elárea delsector se exporta com o un archivo de im agen incluido en una celda de tabla.Sidesea que la celda de tabla contenga texto HTM L y un colorde fondo en lugarde un archivo de im agen,puede cam biareltipo de sectora Sin im agen.Sidesea convertireltexto de Illustratoren texto HTM L,puede cam biareltipo de sectora Texto HTM L. Puede verlos sectores en la m esa de trabajo y en elcuadro de diálogo Guardarpara W eb y dispositivos. Illustrator num era los sectores de izquierda a derecha y de arriba a abajo,em pezando porla esquina superiorizquierda de la ilustración. 6 Curso de Diseño Gráfico
  • CLASE24 Sise cam bia la disposición o elnúm ero totalde sectores,se actualizarán los núm eros de sectorpara reflejarelnuevo orden. Alcrearun sector,Illustratorsecciona la ilustración de alrededoren sectores autom áticos para m antener eldiseño utilizando una tabla basada en la W eb. Existen dos tipos de sectores autom áticos: los sectores autom áticos y los subsectores. Los sectores autom áticos son las áreas de la ilustración que no se han definido com o sectores. Illustrator vuelve a generar sectores autom áticos cada vez que se añaden o editan sectores. Los subsectores indican elm odo en que se dividirán los sectores superpuestos definidos porelusuario.Aunque los subsectores se num eren y m uestren un sím bolo de sector,no se pueden seleccionar por separado desde el sector subyacente. Illustrator vuelve a generarlos subsectores y sectores autom áticos necesarios m ientras trabaja. Definicióndelasopcionesdesector Las opciones de un sector determ inan el aspecto que tendrá y el funcionam iento de dicho sectoren la página W eb resultante. 1 Lleve a cabo uno de los procedim ientos siguientes con la herram ienta Seleccionar sector: Seleccione un sectoren la ventana de ilustración y escoja Objeto >Sector>Opciones de sector. En elcuadro de diálogo Guardarpara W eb y dispositivos,haga doble clic en un sectorcon la herram ienta Seleccionarsec tor. 2Seleccione un tipo de sectory defina las opciones correspondientes: Im agen Seleccione este tipo sidesea que elárea delsectorsea un archivo de im agen en la página W eb resultante.Siprefiere que la im agen sea un enlace HTM L,introduzca una dirección URL e identifique elconjunto de m arcos de destino.Tam bién puede especificar elm ensaje que aparecerá en elárea de estado delnavegadorcuando se coloque elratón sobre la im agen,eltexto alternativo que debe aparecercuando la im agen no sea visible y un colorde fondo para la celda de tabla. Curso de Diseño Gráfico 7
  • CLASE24 Sin im agen Seleccione este tipo sidesea que elárea delsectorcontenga texto HTM L y un color de fondo en la página W eb resultante.Introduzca eltexto que va a aparecer en el cuadro de texto Texto de la celda y asigne altexto elform ato adecuado con código HTM L estándar.Tenga cuidado de no introducirm ás texto delque se puede m ostraren elárea del sector. Si introduce dem asiado texto, se extenderá a los sectores adyacentes y afectará aldiseño de la página W eb.Sin em bargo,com o no puede vereltexto en la m esa de trabajo, no se dará cuenta de eso hasta que vea la página en un navegador W eb. Ajuste las opciones Horiz y Vertpara cam biarla alineación deltexto en la celda de tabla. Texto HTM L Este tipo está disponible sólo cuando elsectorse ha creado tras seleccionar un objeto de texto y aplicar el com ando Objeto > Sector > Crear. En la página W eb resultante,eltexto de Illustrator se convierte en texto HTM L con atributos de form ato básicos.Para editareltexto,debe actualizarlo en la ilustración.Ajuste las opciones Horiz y Vert para cam biar la alineación del texto en la celda de tabla. Tam bién puede seleccionarun colorde fondo para la celda de tabla. Ajustedeloslím itesdelossectores Siha creado un sectorm ediante elcom ando Objeto >Sector>Crear,su posición y tam año estarán unidos a la posición y tam año de la ilustración que contiene. Por lo tanto, si m ueve o cam bia el tam año de la ilustración, los lím ites del sector se ajustarán autom áticam ente. Siha creado un sectorcon la herram ienta Sector,elcom ando Creardesde selección o el com ando Crear desde guías,podrá ajustar m anualm ente los sectores de las siguientes m aneras: Para m over un sector, puede arrastrarlo hasta la nueva posición con la herram ienta Seleccionarsector.Pulse la tecla M ayús para lim itarelm ovim iento de una línea vertical, horizontalo diagonalde 45°. Para cam biareltam año de un sector,selecciónelo con la herram ienta Seleccionarsector, y arrastre cualquiera de sus esquinas o lados. Tam bién puede utilizar la herram ienta Selección y elpanelTransform arpara cam biareltam año de los sectores. Para alinear o distribuir los sectores,utilice elpanelAlinear.La alineación de sectores puede elim inarlos sectores autom áticos innecesarios para generarun archivo HTM L de m enortam año y m ás eficiente. 8 Curso de Diseño Gráfico
  • CLASE24 Para cam biarelorden de apilam iento de los sectores,arrastre elsectorque desee hasta una nueva posición en elpanelCapas o seleccione un com ando Objeto >Organizar. Para dividirun sector,selecciónelo y escoja Objeto >Sector>Dividirsectores. Puede com binar los sectores que haya creado con cualquier m étodo. Seleccione los sectores y elija: Objeto >Sector>Com binarsectores. Elsector resultante tom a sus dim ensiones y posición delrectángulo creado alunir los bordes exteriores de los sectores com binados. Si los sectores com binados no son adyacentes o tienen proporciones o alineaciones diferentes, es posible que el nuevo sectorse superponga a otros. Para cam biar eltam año de todos los sectores de acuerdo con los lím ites de la m esa de trabajo:Objeto >Sector >Recortar altam año de la m esa de trabajo.Los sectores que se extienden m ás allá de la m esa de trabajo se truncan para adaptarse a ella y los sectores autom áticos que se encuentran dentro de la m esa de trabajo se am plían hasta los lím ites de la m esa de trabajo;todas las ilustraciones se m antienen igual. Elim inacióndesectores Puede elim inarsectores elim inando o soltándolos de la ilustración correspondiente. Para elim inarun sector,selecciónelo y pulse Elim inar.Sielsectorse ha creado utilizando elcom ando: Objeto >Sector>Crear,la ilustración correspondiente se elim inará alm ism o tiem po. Sidesea m antenerla ilustración correspondiente,suelte elsectoren lugarde elim inarlo. Para elim inartodos los sectores,seleccione Objeto >Sector>Elim inartodo. Los sectores creados con elcom ando Objeto >Sector>Crearse sueltan,no se elim inan. Para
  • CLASE24 soltarun sector,selecciónelo y escoja Objeto >Sector>Soltar. Visualización u ocultación de sectores Para ocultarsectores en la ventana de ilustración,escoja Ver>Ocultarsectores. Curso de Diseño Gráfico 9
  • CLASE24 Para ocultarlos sectores en elcuadro de diálogo Guardarpara W eb y dispositivos,haga clic en elbotón Conm uta la visibilidad de sectores. Para ocultarlos núm eros de los sectores y cam biarelcolorde las líneas de sector: Edición >Preferencias >Guías inteligentes y sectores. Optim izacióndeim ágenes IntroducciónaGuardarparaWebydispositivos El cuadro de diálogo Guardar para W eb y dispositivos (Archivo > Guardar para W eb y dispositivos) perm ite seleccionar las opciones de optim ización y previsualizar las ilustraciones optim izadas.
  • CLASE24 10 Curso de Diseño Gráfico
  • CLASE24 Previsualizacióndeim ágenesenelcuadrodediálogo Hacerclic en una ficha situada en la parte superiordelárea de im agen para seleccionar una opción de visualización: OriginalM uestra la im agen sin optim ización. Optim izado M uestra la im agen con los ajustes de optim ización aplicados. 2 copias M uestra dos versiones de la im agen lado a lado. 4 copias M uestra cuatro versiones de la im agen lado a lado. Navegaciónporelcuadrodediálogo Sino aparece toda la ilustración en elcuadro de diálogo Guardarpara W eb y dispositivos, puede utilizarla herram ienta M ano para m ostrarotra área.Tam bién se puede utilizarla herram ienta Zoom para aum entaro reducirla vista. Seleccione la herram ienta M ano (o m antenga pulsada la barra espaciadora)y arrastre el cursoren elárea de visualización para teneruna panorám ica de la im agen. Seleccione la herram ienta Zoom y haga clic en una vista para aum entarla;m antenga pulsada la tecla Alty hacerclic en una vista para reducirla. Tam bién puede escribirun porcentaje de aum ento o seleccionaruno en la parte inferior delcuadro de diálogo. Visualización de la inform ación de la im agen optim izada y eltiem po de descarga Elárea de anotaciones situada bajo cada im agen en elcuadro de diálogo Guardar para W eb y dispositivos proporciona inform ación de optim ización.La anotación de la im agen original m uestra el nom bre y el tam año de archivo. La anotación de la im agen optim izada m uestra las opciones de optim ización actuales, el tam año del archivo optim izado y eltiem po de descarga estim ado a la velocidad seleccionada delm ódem . Puede elegirla velocidad delm ódem en elm enú em ergente de previsualización.
  • CLASE24 Curso de Diseño Gráfico 11
  • CLASE24 Optim izacióndeim ágenesparaInternet 1Seleccione Archivo>Guardarpara W eb y dispositivos. 2 Haga clic en una ficha situada en la parte superior del cuadro de diálogo para seleccionaruna opción de visualización:Optim izada,2 copias o 4 copias.Siselecciona 4 copias,haga clic en la previsualización que desea optim izar. 3 (Opcional) Sila im agen contiene varios sectores,seleccione uno o m ás sectores que desee optim izar. 4Seleccione un ajuste de optim ización preestablecido en elm enú Ajuste predeterm inado o defina opciones de optim ización individuales. Las opciones disponibles cam bian en función delform ato de archivo que se haya seleccionado. 5 Reajuste los valores de optim ización hasta estar satisfecho con el equilibrio de la calidad de la im agen y eltam año de archivo.Sila im agen contiene varios sectores,no olvide optim izartodos los sectores. 6Sioptim iza una im agen con un perfilde colorincrustado distinto de sRGB,los colores de la im agen se deben convertir a sRGB antes de guardarla para su uso en la W eb.De este m odo,se asegura de que los colores que ve en la im agen optim izada tendrán elm ism o aspecto en los distintos navegadores W eb.La opción Convertiren sRGB está seleccionada pordefecto. 7(Sólo en Photoshop) En elm enú M etadatos,seleccione los m etadatos XM P que desee guardarcon elarchivo optim izado.Los m etadatos están com pletam ente adm itidos porel form ato de archivo JPEG y parcialm ente adm itidos porlos form atos de archivo GIF y PNG. Pueden incluir la inform ación del archivo de m etadatos añadida al docum ento (elija Archivo > Inform ación de archivo para ver o introducir m etadatos del docum ento). Ninguno No se guarda ningún m etadato.Produce elm enortam año de archivo. CopyrightGuarda elaviso de derechos de autor, las condiciones de uso, elestado del copyrighty la dirección URLde la inform ación sobre los derechos de autor. Inform ación de copyright y de contacto Guarda toda la inform ación concerniente al copyright adem ás de los datos siguientes: creador, cargo del creador, direcciones de correo electrónico,dirección,localidad,provincia,código postal,país,teléfonos y sitios W eb. 12 Curso de Diseño Gráfico
  • CLASE24 Todo excepto inform ación de la cám ara Guarda todos los m etadatos XM P excepto los datos EXIF.Son datos EXIF los ajustes de la cám ara y los datos sobre la escena com o,por ejem plo,la velocidad delobturador,la fecha y la hora,la distancia focal,la com pensación de exposición,elpatrón de m edición y eluso o la om isión delflash. TodasGuarda todos los m etadatos XM P en elarchivo. 8 Guardar. 9 En elcuadro de diálogo Guardar optim izada com o,realice las siguientes acciones y,a continuación,Guardar: Introduzca elnom bre de un archivo y seleccione una ubicación para guardarelarchivo o archivos resultantes. Seleccione una opción de form ato para especificar los tipos de archivo que desea guardar:archivo HTM L y archivos de im agen,sólo archivos de im agen o sólo un archivo HTM L. (Opcional)Defina ajustes de salida para archivos HTM Le im ágenes. Sila im agen contiene varios sectores,seleccione una opción para guardarsectores en el m enú Sectores:Todos los sectores o Sectores seleccionados. Opcionesdeoptim izacióndegráficosWeb Form atosdegráficosWeb Los form atos de gráficos W eb pueden ser de m apa de bits (raster) o de vectores. Los form atos de m apa de bits — GIF,JPEG,PNG y W BM P— dependen de la resolución,lo que significa que las dim ensiones de las im ágenes de m apa de bits,y posiblem ente la calidad de la im agen,variarán en diferentes resoluciones de pantalla.Los form atos de vectores — SVG y SW F— no dependen de la resolución y pueden som eterse a escalado sin pérdida de calidad. Los form atos de vectores tam bién pueden incluir datos raster. Se puede exportar de Guardarpara W eb y dispositivos a SVG y SW F solo en Adobe Illustrator.
  • CLASE24 Curso de Diseño Gráfico 13
  • CLASE24 Opcionesdeoptim izacióndeJPEG JPEG es el form ato estándar para com prim ir im ágenes de tono continuo com o las fotografías.La optim ización de una im agen com o JPEG depende de la com presión con pérdida,que desecha datos de form a selectiva. Calidad Determ ina elnivelde com presión.Cuanto m ás alto defina elajuste de Calidad, m ás detalle conservará elalgoritm o de com presión.Sin em bargo,eluso de un ajuste de Calidad alto produce un tam año de archivo m ayor que eluso de un ajuste de Calidad bajo.Vea la im agen optim izada con varios ajustes de calidad para determ inar elm ejor equilibrio entre calidad y tam año de archivo. Optim izado Crea un JPEG m ejorado con un tam año de archivo ligeram ente m ás pequeño. Se recom ienda el form ato JPEG optim izado para obtener una m áxim a com presión de archivo;sin em bargo,algunos navegadores anteriores no adm iten esta característica. Progresivo M uestra la im agen de form a progresiva en un navegador W eb.La im agen se m uestra com o una serie de superposiciones,para poderverversiones de la im agen en baja resolución antes de descargarla com pletam ente.La opción Progresivo requiere el uso delform ato JPEG optim izado. DesenfocarEspecifica la cantidad de desenfoque que se va a aplicar a la im agen.Esta opción aplica un efecto idéntico alde un filtro de desenfoque gaussiano y perm ite una m ayor com presión delarchivo,con lo que se obtiene un tam año de archivo m enor.Se recom ienda un ajuste del0,1 al0,5. Incrustar perfil de color (Photoshop) o perfil ICC (Illustrator) Conserva los perfiles de color en elarchivo optim izado. Algunos navegadores utilizan perfiles de color para la corrección delcolor. 14 Curso de Diseño Gráfico
  • CLASE24 M ate Especifique un color de relleno para los píxeles que eran transparentes en la im agen original.Haga clic en la m uestra de color M ate para seleccionar un color en el selector de color o seleccione una opción en elm enú Halo/M ate:Color de cuentagotas (para utilizar el color del cuadro de m uestra del cuentagotas), Color frontal, Color de fondo,Blanco,Negro u Otro (para utilizarelselectorde color). Opcionesdeoptim izaciónGIFyPNG-8 GIF es elform ato estándar para com prim ir im ágenes con color m ate y detalles nítidos, com o líneas,logotipos o ilustraciones con texto.Igualque elform ato GIF,elform ato PNG- 8 com prim e eficazm ente áreas de coloruniform e altiem po que conserva detalles nítidos. Los archivos PNG-8 y GIF adm iten colores de 8 bits,porlo tanto pueden visualizarhasta 256 colores.Elproceso de determ inarqué colores se usan se llam a indexación,porlo que las im ágenes en form ato GIF y PNG-8 a veces se llam an im ágenes de colorindexado.Para convertir una im agen a color indexado, se crea una tabla de colores de consulta, que alm acena y genera elíndice de los colores de la im agen.Siun colorde la im agen original no aparece en la tabla de colores de consulta, la aplicación selecciona el color m ás cercano en la tabla o sim ula elcolorm ediante una com binación de colores disponibles. Adem ás de las siguientes opciones,tam bién puede ajustar elnúm ero de colores en la tabla de colores de la im agen. M enos calidad (sólo GIF) Reduce el tam año de archivo descartando datos de form a selectiva.Cuanto m ás alto sea elajuste especificado en M enos calidad,m ás datos se descartarán.A m enudo se puede aplicar un valor de m enos calidad entre el5 y el10,a veces hasta un 50, sin degradar la im agen. La opción M enos calidad puede reducir el tam año de archivo entre un 5% y un 40% . Curso de Diseño Gráfico 15
  • CLASE24 Algoritm o de reducción de colory ColoresEspecifica un m étodo para generarla tabla de colores de consulta y elnúm ero de colores que desea en esta tabla.Puede seleccionar uno de los siguientes m étodos de reducción de color: Percepción Crea una tabla de colores personalizada dando prioridad a los colores m ás sensibles para elojo hum ano. Selectiva Crea una tabla de colores parecida a la tabla de colores Perceptual, pero favorece am plias áreas de color y la conservación de los colores W eb. Esta tabla de colores norm alm ente produce im ágenes con colores de m áxim a integridad.Selectiva es la opción pordefecto. Adaptable Crea una tabla de colores personalizada realizando m uestras delespectro predom inante en la im agen.Por ejem plo,una im agen con sólo los colores verde y azul produce una tabla de colores com puesta principalm ente porverdes y azules.La m ayoría de las im ágenes concentran los colores en áreas determ inadas delespectro. Restrictivo (Web) Utiliza la tabla de colores estándar de 216 colores com ún para las paletas de 8 bits (256 colores) de W indow s y M ac OS.Esta opción garantiza que no se aplique ningún tram ado de navegadora los colores cuando la im agen se visualice con un colorde 8 bits.(Esta paleta tam bién se denom ina paleta com patible con W eb.)Eluso de la paleta W eb puede crear archivos m ás grandes y sólo se recom ienda cuando es prioritario evitareltram ado de navegador. A m edida Utiliza una paleta de colores creada o m odificada por elusuario.Siabre un archivo GIF o PNG-8 existente,tendrá una paleta de colores personalizada. Blancoynegro,Escaladegrises,M acOS,W indowsUtilice una paleta definida de colores. Algoritm odetram adoyTram adoDeterm ina elm étodo y la cantidad de tram ado que se va a aplicar. El tram ado se refiere al m étodo de sim ulación de los colores que no están disponibles en el sistem a de visualización de color del ordenador. Un porcentaje de tram ado m ayor hace que aparezcan m ás colores y m ás detalle en una im agen, pero tam bién puede increm entareltam año de archivo.Para obteneruna com presión óptim a, utilice elporcentaje inferior de tram ado que ofrece eldetalle de color que precisa.Las im ágenes con colores uniform es fundam entalm ente pueden funcionar correctam ente sin tram ado.Las im ágenes con colores de tono continuo (especialm ente gradientes de color)pueden necesitareltram ado para evitarla aparición de bandas de colores. 16 Curso de Diseño Gráfico
  • CLASE24 Puede seleccionaruno de los siguientes m étodos de tram ado: Difusión Aplica un m otivo alazar que norm alm ente se ve m enos que eltram ado de M otivo.Los efectos deltram ado se difum inan entre los píxeles adyacentes. M otivo Aplica un m otivo cuadrado sim ilara los sem itonos para sim ularcualquiercolor que no está en la tabla de colores. Ruido Aplica un m otivo alazar parecido alm étodo de tram ado de Difusión, pero sin difum inarelm otivo entre los píxeles adyacentes.Con este m étodo de tram ado de Ruido no aparece ninguna grieta. Transparencia y M ate Determ ina la optim ización de los píxeles transparentes de una im agen. Para que los píxeles com pletam ente transparentes sean transparentes y para fusionar los píxeles parcialm ente transparentes con un color,seleccione Transparencia y elija un colorm ate. Para rellenarpíxeles com pletam ente transparentes con un colory fusionarparcialm ente píxeles transparentes con el m ism o color, seleccione un color m ate y deseleccionar Transparencia. Para seleccionarun colorm ate,hacerclic en la m uestra de colorm ate y seleccionarun coloren elselectorde color. De form a alternativa,seleccionaruna opción en elm enú Halo/M ate:Colorde cuentagotas (para utilizar el color del cuadro de m uestra del cuentagotas), Color frontal, Color de fondo,Blanco,Negro u Otro (para utilizarelselectorde color). Tram ado de transparencia Cuando la opción Transparencia está seleccionada, puede elegirun m étodo para tram arlos píxeles parcialm ente transparentes: Sin tram ado de transparencia no aplica tram ado a los píxeles parcialm ente transparentes de la im agen. Tram ado de transparencia de difusión aplica un m otivo alazarque norm alm ente se ve m enos que eltram ado de M otivo. Curso de Diseño Gráfico 17
  • CLASE24 Los efectos deltram ado se difum inan entre los píxeles adyacentes.Siselecciona este algoritm o,especifique un porcentaje de tram ado para controlarla cantidad de tram ado que se aplica a la im agen. Tram ado de transparencia de m otivo aplica un m otivo cuadrado sim ilar al de los sem itonos a los píxeles parcialm ente transparentes. Tram ado de transparencia de ruido aplica un m otivo al azar parecido al algoritm o Difusión, pero sin difum inar el m otivo entre los píxeles adyacentes. Con el algoritm o Ruido no aparecen grietas. Entrelazado M uestra una versión de resolución baja de la im agen en un navegador m ientras se está descargando todo elarchivo de la im agen.Elentrelazado puede hacer que el tiem po de descarga parezca m ás reducido y asegura que el proceso se está realizando.Sin em bargo,elentrelazado tam bién aum enta eltam año de archivo. Ajuste a Web Especifica un nivel de tolerancia para convertir los colores a sus equivalentes m ás cercanos de la paleta W eb y evitar el tram ado de colores en un navegador.Un valorm ás alto cam bia m ás colores. Optim izaciónparalatransparenciaenim ágenesGIFyPNG La transparencia perm ite crearim ágenes no rectangulares para W eb.La transparencia del fondo conserva los píxeles transparentes en la im agen.De esta form a,es posible verel fondo de la página W eb a través de las áreas transparentes de la im agen.La opacidad del fondo sim ula la transparencia rellenando o fundiendo los píxeles transparentes con un color opaco que puede coincidir con elfondo de la página W eb.La opacidad delfondo funciona m ejorsielfondo de la página W eb es un de coloruniform e y se sabe cuáles. Con las opciones Transparencia y M ate del cuadro de diálogo Guardar para W eb y dispositivos podrá especificarcóm o se han de optim izarlos píxeles transparentes de las im ágenes GIF y PNG. Opcionesdeoptim izaciónSWF(Illustrator) Elform ato de archivo de Adobe Flash (SW F) es un form ato de archivo gráfico basado en vectores utilizado en la creación de gráficos W eb escalables y com pactos.Puesto que el form ato de archivo está basado en vectores, la ilustración conserva la calidad de la im agen en cualquierresolución. 18 Curso de Diseño Gráfico
  • CLASE24 Elform ato SW F es idealpara la creación de cuadros de anim ación,pero tam bién puede guardar im ágenes rasterizadas en form ato SW F o m ezclar gráficos vectoriales y rasterizados. Ajuste preestablecido Especifica el conjunto preconfigurado de opciones que desea utilizar para exportar.Puede crear nuevos ajustes preestablecidos definiendo opciones según sea necesario y eligiendo,a continuación,Guardarajustes en elm enú delpanel. (Para abrir elm enú delpanel, haga clic en eltriángulo a la derecha delm enú Ajuste predeterm inado). Versión de Flash PlayerEspecifica la prim era versión de Flash Player que adm itirá el archivo exportado. Tipo de exportación Determ ina cóm o se exportan las capas. Seleccione Archivo AI a archivo SW F para exportar la ilustración a un solo fotogram a. Seleccione Capas para cuadros SW F para exportar la ilustración de cada capa a un fotogram a SW F independiente,creando asíun SW F anim ado. Calidad de curva Especifica la precisión de las curvas Bézier.Un núm ero bajo reduce el tam año delarchivo exportado con una ligera pérdida en la calidad de la curva.Un núm ero m ás alto increm enta la precisión de la reproducción de las curvas Bézier,pero aum enta el tam año delarchivo. Frecuencia de im agen Especifica la frecuencia de ejecución de la anim ación en un visor Flash.Esta opción sólo se encuentra disponible para Capas para cuadros SW F. Repetir Esta opción hace que la anim ación se repita de form a continua, en lugar de reproducirla una y otra vez en un visor Flash.Esta opción sólo se encuentra disponible para Capas para cuadros SW F. Curso de Diseño Gráfico 19
  • CLASE24 Conservaraspecto Am plía los trazos a rellenos con form a de trazo y acopla todos los m odos de fusión y las transparencias que no son com patibles con SW F. Conservarcapacidad de edición Convierte trazos en trazos de SW F,y aproxim a u om ite la transparencia que SW F no adm ite. Com prim idoCom prim e elarchivo exportado. Proteger archivo Protege el archivo de m anera que no lo puedan im portar las aplicaciones distintas a Flash. Texto com o contornos Convierte todo eltexto a contornos para m antener elaspecto.Si pretende editareltexto en Flash,no seleccione esta opción. Opcionesdeoptim izaciónSVG(Illustrator) Es un form ato de gráficos vectoriales que describe im ágenes com o form as, trazados, texto y efectos de filtro.Los archivos resultantes son com pactos y ofrecen gráficos de alta calidad en Internet, en im presora e incluso en dispositivos portátiles y con recursos lim itados. Com prim idoCrea un archivo SVG com prim ido (SVGZ). PerfilesSVG Especifica la definición de tipo de docum ento XM LSVG delarchivo exportado.
  • CLASE24 20 Curso de Diseño Gráfico
  • CLASE24 AjustesdesalidaparagráficosWeb Definicióndelasopcionesdesalida Los ajustes de salida controlan elform ato de los archivos HTM L,la asignación de nom bres de archivos y sectores, y la gestión de im ágenes de fondo al guardar una im agen optim izada. Estas opciones se definen en el cuadro de diálogo Ajustes de salida. Es posible guardarlas opciones de salida y aplicarlas a otros archivos. 1Para verelcuadro de diálogo Ajustes de salida,realice una de las siguientes acciones: Cuando guarde una im agen optim izada,elija Otro en elm enú em ergente Configuración delcuadro de diálogo Guardaroptim izada o Guardaroptim izada com o. Seleccione Editar ajustes de salida en el m enú em ergente Optim izar del cuadro de diálogo Guardarpara W eb y dispositivos. 2(Opcional)Para visualizaropciones de salida predefinidas,seleccione una opción en el m enú em ergente Configuraci ón. 3 Edite cada conjunto de opciones com o precise. Para cam biar a otro conjunto de opciones,seleccione uno en elm enú em ergente situado debajo delm enú Configuración. Tam bién puede hacerclic en Siguiente para visualizarelsiguiente conjunto de la lista del m enú;haga clic en Anteriorpara visualizarelconjunto anterior. 4(Opcional)Para guardarlos ajustes de salida,defina las opciones com o prefiera y haga clic en Guardar. Escriba un nom bre de archivo, elija una ubicación para el archivo guardado y haga clic en Guardar. Puede guardar los ajustes de salida en cualquier ubicación. Sin em bargo, sicoloca el archivo en la carpeta Ajustes de salida optim
  • CLASE24 izados dentro de la carpeta Photoshop o la carpeta Ajustes de Guardarpara W eb/Ajustes de salida dentro de la carpeta Illustrator,el archivo aparecerá en elm enú em ergente Configuración. 5(Opcional)Para cargarlos ajustes de salida,haga clic en Cargar,seleccione un archivo y haga clic en Abrir. Curso de Diseño Gráfico 21
  • CLASE24 OpcionesdesalidaHTML Es posible definirlas siguientes opciones en elconjunto HTM L: XHTM L de salida Crea páginas W eb que cum plen el estándar XHTM L al exportar. Si selecciona XHTM Lde salida,se desactivan otras opciones de salida que podrían entraren conflicto con este estándar.Siselecciona esta opción,se establecen autom áticam ente las opciones Etiquetas y Atributos. EtiquetasEspecifica silas etiquetas van a escribirse con m ayúsculas. AtributosEspecifica silos atributos van a escribirse con m ayúsculas. Sangría Especifica el m étodo para sangrar líneas de código: la configuración de tabulación de la aplicación utilizada, un núm ero determ inado de espacios o ninguna sangría. FinesdelíneaEspecifica una plataform a para la com patibilidad de los fines de línea. CodificaciónEspecifica una codificación de caracteres pordefecto para la página W eb. Incluircom entarios Añade com entarios explicativos alcódigo HTM L. Añadir atributo Alt siem pre Añade el atributo ALT a elem entos IM G para cum plir los estándares gubernam entales de accesibilidad W eb. Incluiratributossiem pre Pone entre com illas todos los atributos de etiquetas.Ponerlos atributos entre com illas es necesario para la com patibilidad con ciertos navegadores anteriores o para una estricta com patibilidad HTM L. Sin em bargo, no se recom ienda utilizar esta opción. Las com illas se utilizan cuando es necesario m antener la com patibilidad con la m ayoría de los navegadores,sise ha deseleccionado esta opción. Cerrar todas las etiquetas Añade etiquetas cerradas a todos los elem entos HTM L del archivo para la com patibilidad con XHTM L. Incluirm árgenes cero en etiqueta BODY Elim ina los m árgenes internos pordefecto en la ventana del navegador. Añade a la etiqueta BODY las etiquetas m arginw idth, m arginheight,leftm argin y topm argin con valores de cero. 22 Curso de Diseño Gráfico
  • CLASE24 Opcionesdesalidadesectores Es posible definirlas siguientes opciones en elconjunto Sectores: Generartabla Alinea los sectores m ediante una tabla HTM L, en lugar de una hoja de estilos en cascada. Celdas vacías Especifica cóm o se convierten los sectores vacíos en celdas de la tabla. Seleccione GIF,IM G W & H para utilizar un GIF de 1 píxelcon valores de anchura y altura especificados en la etiqueta IM G.Seleccione GIF,TD W & H para utilizarun GIF de 1 píxelcon valores de anchura y altura especificados en la etiqueta TD.Seleccione NoW rap,TD W & H para colocarun atributo NoW rap no estándaren los datos de la tabla y colocartam bién los valores de anchura y altura especificados en las etiquetas TD. Celdasde espacio Especifica cuándo hay que añadiruna fila y una colum na de celdas de espacio vacías alrededor de la tabla generada: Autom ático (ajuste recom endado), Autom ático (abajo),Siem pre,Siem pre (abajo) o Nunca.Para los diseños de tabla en los que los bordes de los sectores no estén alineados,añadirceldas de espacio puede evitar que se rom pa la tabla en algunos navegadores. GenerarCSSGenera una hoja de estilos en cascada,en lugarde una tabla HTM L. De referencia Especifica cóm o se hace referencia a las posiciones de los sectores en el archivo HTM Lcuando se utiliza una hoja de estilos en cascada: PorID Coloca cada sectorutilizando estilos a los que se hace referencia m ediante un ID exclusivo. En línea Incluye elem entos de estilo en la declaración de la etiqueta <DIV>delelem ento de cuadrado. Porclase Coloca cada sectorutilizando clases a las que se hace referencia m ediante un ID exclusivo. Nom bre de sector por defecto Seleccione elem entos de los m enús em ergentes o introduzca texto en los cam pos para crearlos nom bres pordefecto de los sectores.Entre los elem entos se incluyen elnom bre deldocum ento,la palabra sector,los núm eros o las letras que designan a los estados de los sectores o los rollovers,la fecha de creación del sector,la puntuación o ninguno. Curso de Diseño Gráfico 23
  • CLASE24 PasosparalarealizacióndeunapáginawebenIllustrator: Paso1.Crearun archivo nuevo para w eb en Illustrator,de tam año 1024 px por768 px,en RGB y a 72 ppp. Paso2.Realizam os la página principal(index). Paso3.Con la herram ienta Sector,enm arcarcada parte de la página w eb. Paso4.Una vez term inado,hacerclick en Guardarpara w eb y dispositivos. Paso5.Darle las especificaciones correctas y guardar. Im portante:siem pre cuando se guarda,en Tipo,seleccionarHM Le Im ágenes. 24 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 25
  • Temas Photoshop I
  • CLASE25 Indice Introducción Photoshop ................................ 1 Inform ación generalsobre elespacio de trabajo ................ 1 Introducción a losform atosde im agen ...................... 4 Introducción a losm odosde color ......................... 5 Im ágenesde m apa de bits .............................. 5 Tam añosy resolución de im agen .......................... 6 Tam año delarchivo ................................... 7 Resoluciones ....................................... 7 Modosde color ..................................... 8 Acerca de lasacciones ................................ 13 Modo Duotono ..................................... 15 Moveruna im agen dentro de otra en Photoshop ................17 Trabajo con elpanelHistoria .............................19
  • CLASE25 AdobePhotoshop 1-Introducción Adobe Photoshop una aplicación en form a de tallerde pintura y fotografía que trabaja sobre un "lienzo"y que está destinado para la edición,retoque fotográfico y pin- tura a base de im ágenes de m apa de bits o conocidos en Photoshop com o gráficos rasterizados,elaborado porla com pañía de softw are Adobe System s inicialm ente para com putadores Apple pero posteriorm ente tam bién para plataform as PC con sistem a operativo W indow s. 2.¿Quésepuedehacerconlaaplicación? Photoshop CS4 se utiliza para la edición de fotografías y pintura,con una interfaz m uy com pleta en cuanto a funciones. 3.Descripcióndelainterfaz. Una vez instalada la aplicación,ingresarhaciendo click en Inicio,Program as,Adobe Photoshop CS4. Inform ación generalsobre elespacio de trabajo Dentro de la aplicación,aparecen distintos elem entos com o paneles,barras,m enús y ventanas.Todos estos elem entos conform an elespacio de trabajo. ElpanelHerram ientas incluye utilidades para crear y editar im ágenes,ilustraciones,elem entos de página,etc.Las herram ientas relacionadas están agrupadas. .La barra Aplicación de la parte superior contiene un conm utador de espacio de trabajo,m enús y otros controles de la aplicación. .ElpanelControlm uestra opciones específicas de la herram ienta seleccionada en elm om ento. La ventana Docum ento exhibe elarchivo en elque se trabaja.Las ventanas Docum ento se pueden organizarcom o fichas y,en ciertos casos,tam bién se pueden agrupary acoplar. Los paneles ayudan a controlary m odificareltrabajo.Se pueden agrupar,apilaro acoplar. Curso de Diseño Gráfico 1
  • CLASE25 Panelescontraídos poríconos Panelesexpandidosdesde íconos 2 Curso de Diseño Gráfico
  • 51' (i} Rotar vls!<l (R) • · - Introducción alcuadro de herramientas OHerramientas deselección ti Tampón de mo1lvo (S) l'!I'MáS<•ra de 1ex10 vertical (T) • +Mover (V) •l:JMarco r•ctangular (M) •B Borrador (E) Borradorde fon<los (E) • 1 Selección de tru;ido (A) Selecclón directa (A) A OMarcoeliptico (M) 'O Borrador mágico (E) •CJ Rectángulo (U) l Marcocolumna unlca • e) Otienfo<•• ORect<lnguloredon<leado (U) .... MarcofiJa ünka f! Enfocar 0Ellpso(U)B Dedo OPoligono(U) e •P!.no (l) t::l LW> poligonal (ll • ._ Sobreexponer (0) '- Linea (U) 1J Lazo magnt!tlc (L) ¡Q) Subexponer (0) t:lFormape1sonal1Zada (U) Esponja (O) • '-Sole<ciónrápida (W)E "Varita mágica (W) 0 Herramientas o :p{. O Herramientas de pintura de navegaci ón B. OHerramientasparacortar •/ Plncel (8) Rotar30 (K)t - y crear sectores .)' L piz(8) @ D@splllir 30 (K)t ... •t¡. Recortar (C) Sustitución decolor (8) <l)>Panorámica 30 (llt •Pf Pincelde hstoria (Y) yO<!sllur30 (K)1 / Sec1or (CJ . ';}'" Seleccionar sector {CJ Pincelhistórico (Y) Escala 30 (K)t T. •CI Degradado (G) <:;;:=) Orbltor30 (N)t F . <iHerramientas de medida OBotedepintura (G) :::f'Verdesplazamiento 30 (NJI º· •.J" Cuentogotos (1) G Herramientas </$"Verpanorámica 30 (N)t Muestradecolor (1) #Regla (1) dedibujo y texto +Verrecorrido 30 (N)t G º'· ijNoras (1) • Pluma (P) Zoom30 (N)t 123 Recuen10 (l)t Piumadelorma llbre (PI .. · Alladir pun10deancla •¿>) Mano (HI l!J .. CD Herramientas para retocar - EHmln.ar puntodeancla I' Convertir puntodeanda • Zoom (ZJ • Pincef corrtttor puntual (J) ) • TTextohorizontal (T) {J O P•rche (J) !TTextovertical(TI Pinceldeojos rojos {JI 'l!' M scara de texto horizontal (T) Tampóndedonar(S) •Indica la herramienta por de-fecto •tosmétodos abrevjados de tedado aparece-n entre paréntesis rSólo para Extended O..irso de Dseño Gáfic:o 3
  • CLASE25 4. Introducción alosform atosdeim agen. Una im agen puede ser obtenida m ediante la digitalización o bien m ediante la creación a través de program as específicos.Dependiendo delm étodo seguido podem os hablarde dos tipos de gráficos: -Mapadebits:corresponde a una m atriz de puntos,denom inados píxels,y a cada uno de ellos se les asigna un determ inado color,elconjunto de todos estos puntos corresponde a la im agen creada. Los m apa de bits son las fotografías que editarem os en Photoshop. -Im ágenesVectoriales:se obtienen a base de líneas,respondiendo cada una de ellas a una ecuación m atem ática.Son las figuras que hem os dibujado en elprim erm ódulo en elAdobe Illustrator. Los gráficos de m apa de bits tienen elinconveniente de que alam pliarla fotografía,los píxels crecen de tam año,porlo que da una im presión de ―m osaico‖,esto no sucede en los gráficos vectoriales,ya que se pueden am pliaro reducirhasta elinfinito sin que cam bie la perfección deldibujo. Sin em bargo,los gráficos vectoriales tienen elinconveniente de que no presentan elnivelde detalle que los m apas de bits. Form atosdeMapadebits Existen gran m ultitud de form atos. Sin em bargo, los que m ás se utilizan son los dos usados en InternetGIF y JPEG ya que son los que ocupan m enortam año,pero existen otros m uchos: -GIF:es un sistem a de alta com presión,aunque no destructiva,tiene elinconveniente de que sólo soporta 256 colores,pero tiene otras características m uy interesantes: . Entrelazado, se presenta la im agen al principio en m uy baja resolución que va aum entando paulatinam ente a m edida que se va cargando, esto es m uy útilen Internet. Anim ación, se puede hacerlo que se conoce com o GIFs anim ados,se m uestran varios cuadros en un m ism o archivo que se van pasando rápidam ente. .Transparencia,perm ite hacertransparente un colorporlo que se puede hacerque elfondo de la im agen sea invisible y se vea elde la página W eb que está detrás -JPEG:sistem a de m uy alta com presión perdiendo la parte m enos significativa de la im agen, se consiguen archivos de 24 bits (16 m illones de colores) en unos tam años de fichero m uy reducidos, tiene elinconveniente de que la pérdida de calidad de im agen es irreversible. -BM P:o m apa de bits,es elestándarde W indow s y es reconocido porcasitodos los program as,tiene elinconveniente de que crea ficheros m uy grandes. -TIFF:es un form ato m uy difundido debido a que es de los pocos que se pueden visualizar sin problem as tanto en plataform as PC com o en M ac.Este form ato sirve para fotografías de alta calidad.
  • CLASE25 4 Curso de Diseño Gráfico
  • CLASE25 5. Introducción alosm odosdecolor. En Photoshop,elm odo de colorde un docum ento determ ina elm étodo de colorutilizado para m ostrar e im prim irla im agen en la que está trabajando. Los m odos de color de Photoshop están basados en los m odelos de color que resultan útiles en las im ágenes que se utilizan en autoedición. Puede seleccionar entre RGB (rojo,verde,azul);CM YK (cian,m agenta,am arillo,negro);Color Lab y Escala de grises. Photoshop tam bién incluye m odos para salidas de color especializadas com o Color indexado y Duotono. Los m odos de colordeterm inan elnúm ero de colores,elnúm ero de canales y eltam año de archivo de una im agen.Seleccionar un m odo de color tam bién determ ina las herram ientas y los form atos de archivo disponibles. Se acceden desde elm enú Im agen-M odo. Im ágenesdem apadebits Las im ágenes de m apas de bits,denom inadas técnicam ente im ágenes rasterizadas,utilizan una cuadrícula rectangularde elem entos de im agen (píxeles)para representarim ágenes. A cada píxelse le asigna una ubicación y un valor de color específicos.Altrabajar con im ágenes de m apa de bits,se editan los píxeles,en lugarde los objetos o las form as. Las im ágenes de m apa de bits son el m edio electrónico m ás usado para las im ágenes de tono continuo,com o fotografías o pinturas digitales,puesto que pueden representarde m anera m ás eficaz degradados sutiles de som bras y color.Las im ágenes de m apa de bits dependen de la resolución,es decir,contienen un núm ero fijo de píxeles. Curso de Diseño Gráfico 5
  • CLASE25 Com o consecuencia, pueden perder detalle y aparecer dentadas sise cam bia la escala a grandes am pliaciones en pantalla o sise im prim en con una resolución inferiorque aquélla para la que fueron creadas. Tam añosyresolucióndeim agen Las dim ensiones en píxeles (tam año de im agen o altura y anchura)de las im ágenes de m apa de bits son una m edida delnúm ero de píxeles de altura y anchura de la im agen. La resolución es la precisión deldetalle en las im ágenes de m apa de bits,que se m ide en píxeles por pulgada (ppp o dpi).Cuantos m ás píxeles por pulgada,m ayor resolución.En general,las im ágenes con m ás resolución producen una calidad de im presión m ejor. Im agen a 72dpi Im agen a 300dpi En Photoshop,la relación entre eltam año de la im agen y la resolución se ve en elcuadro de diálogo Tam año de im agen. ancho yalto en pixels ancho yalto en centím etros resolución 6 Curso de Diseño Gráfico
  • CLASE25 Tam añodelarchivo Eltam año de archivo de una im agen es eltam año digitaldelarchivo de im agen calculado en kilobytes (K),m egabytes (M B) o gigabytes (GB). Eltam año de archivo es proporcionala las dim ensiones en píxeles de la im agen. Las im ágenes con m ás píxeles m uestran m ejorlos detalles a un tam año de im presión determ inado, pero necesitan m ayor espacio en disco para su alm acenam iento y requieren m ás tiem po para su edición e im presión. En consecuencia,la resolución de im agen llega a ser un com prom iso entre la calidad de la im agen (capturando todos los datos necesarios)y eltam año de archivo. Otro factorque afecta altam año de archivo es elform ato delm ism o. En función de los distintos m étodos de com presión que se usan en los form atos de archivo GIF,JPEG y PNG,los tam años de los archivos pueden serm uy distintos aun teniendo las m ism as dim ensiones en píxeles. De igualm anera,la profundidad de los bits de colory la cantidad de capas y canales de una im agen afectan altam año de archivo. Resoluciones Las im ágenes de m apa de bits contienen un núm ero fijo de píxeles,que se suelen m ediren píxeles porpulgada (ppp o dpi). Una im agen de alta resolución contiene m ás píxeles y, por consiguiente, m ás pequeños, que una im agen de las m ism as dim ensiones pero de baja resolución. Por ejem plo, una im agen de 1 por 1 pulgada con una resolución de 72 ppp contiene un totalde 5.184 píxeles (72 píxeles de ancho por72 de alto = 5.184). La m ism a im agen con una resolución de 300 ppp contendría un total de 90.000 píxeles. Para im ágenes de m apa de bits im portadas,la resolución viene determ inada porelarchivo de origen. En Photoshop CS4,se puede especificaruna resolución personalizada.Para determ inarla resolución de im agen a utilizar,se debe teneren cuenta elm edio de distribución finalde la im agen. Las siguientes pautas pueden ayudara determ inarlos requisitos para la resolución de las im ágenes: Im presión com ercialrequiere im ágenes de 150 a 300 ppp (o m ás),en función de la im prenta y la lineatura de tram a (lpp)que esté utilizando.Para Offsetsio sim ínim o 300 dpi.
  • CLASE25 Curso de Diseño Gráfico 7
  • CLASE25 Im presión de escritorio norm alm ente requiere que las im ágenes estén en un intervalo de 72 a 150 ppp. Publicación en Internet(páginas w eb)72 a 100 dpi Modosdecolor RGB Un am plio porcentaje delespectro visible se puede representar com binando luz roja,verde y azul(RGB)en proporciones e inten- sidades diferentes. En ellugaren elque se superponen los colores,se crean elcian,el m agenta y elam arillo.Los colores RGB se denom inan colores aditi- vos porque elblanco se crea m ezclando rojo,verde y azul,es decir, toda la luz se refleja y es captada porelojo. Los colores aditivos se usan en ilum inación,televisión y m onitores de pc. CMYK M ientras que elm odelo RGB depende de una fuente de luz para crearcolor,elm odelo CM YK se basa en la capacidad de absorberluz de la tinta im presa en papel.Cuando la luz blanca incide en tintas translúcidas,se absorbe una parte delespectro.Elcolorque no es absorbido se refleja y es captado porelojo. Alcom binarpigm entos puros de cian (C),m agenta (M )y am arillo (Y)se produce elnegro,puesto que se absorben,o se elim inan, todos los colores.Poreso se denom inan colores sustractivos. La tinta negra (K)se añade para m ejorarla densidad de la som bra. La letra K se ha venido utilizando porque elnegro es elcolorclave ("Key"en inglés)para registrarotros colores,y porque la letra B (que podría haberse usado para representarelcolornegro ("Black" en inglés")representa alazul("Blue"en inglés).La com binación de estas tintas para reproducircolores se denom ina cuatricrom ía. Escala de grises La escala de grises utiliza m atices de negro para representarobjetos.Los objetos en escala de grises tienen un valor de brillo com prendido entre el0% (blanco) y el100% (negro). La escala de grises tam bién perm ite convertirilustraciones en coloren ilustraciones en blanco y negro de alta calidad.En este caso,Adobe Illustratorelim ina toda la inform ación delcolorde la ilustración original.Los niveles de gris (m atices)de los objetos convertidos representan la lum inosidad de los originales. 8 Curso de Diseño Gráfico
  • CLASE25 a n Alconvertir objetos de escala de grises a RGB,se asigna a los valores de color de cada objeto los valores de gris de los objetos originales.Tam bién se pueden convertirobjetos de escala de grises en objetos CM YK. HSB El m odelo HSB se basa en la percepción hum ana del color y describe tres características funda- m entales delcolor:Tono color,saturación y brillo. Tono:Colorreflejado o transm itido a través de un objeto. Se m ide com o una posición en la rueda de colores estándary se expresa en grados entre 0°y 360°.Norm alm ente,eltono se identifica porelnom bre delcolor,com o rojo,naranja o verde. Saturación:A veces denom inada crom atism o,es la fuerza o purez delcolor.La saturación representa la cantidad de gris que existe e proporción altono y se expresa com o un porcentaje com prendido entre el0% (gris)y el100% (saturación com pleta). En la rueda de colores estándar,la saturación aum enta a m edida que nos aproxim am os alborde de la m ism a. Brillo:Lum inosidad u oscuridad relativa del color y norm alm ente se expresa com o un porcentaje com prendido entre 0% (negro)y 100% (blanco). Paracam biarelm ododecolorenPohotoshop,iraMenúIm agen/Mododecolor.
  • CLASE25 Curso de Diseño Gráfico 9
  • CLASE25 AdobePhotoshopeslaprincipalherram ientaparalaedición yretoquefotográfico.Cuentacon filtros dondesepuedencrearinfinidaddeefectos. Para saberelM odo de colorde una im agen abierta en Photoshop,debem os fijarnos en la pestaña del docum ento: EnestecasoesCMYKydeextensión.jpg Para cam biara Escala de grises,ira M enú Im agen /M odo /Escala de Grise 10 Curso de Diseño Gráfico
  • CLASE25 Aparece una ventana que nos pregunta siquerem os elim inarlos colores.Le dam os OK. Para guardarla im agen com o jpg,le dam os Guardarcom o...y seleccionam os en Form ate eljpg.
  • CLASE25 Curso de Diseño Gráfico 11
  • CLASE25 Luego nos aparece una ventana con opciones de jpg.Le dam os OK. Para cam biar eltam año de la im agen,vam os a M enú Im agen / Tam año de Im agen. cam biam oselvalorm ásalto solam ente tenertildado m antenerproporciones 12 Curso de Diseño Gráfico
  • CLASE25 Acercadelasacciones Una acción es una serie de tareas que se reproduce en un archivo único o lote de archivos:com andos de m enú,opciones de panel,acciones de herram ientas,etc. Por ejem plo,puede crear una acción que cam bie eltam año de una im agen,aplique un efecto a la im agen y,a continuación,guarde elarchivo en elform ato deseado. Las acciones pueden incluirpasos que perm iten realizartareas que no se pueden grabar(porejem plo, utilizar una herram ienta para pintar). Las acciones tam bién pueden incluir controles m odales que perm iten introducirvalores en un cuadro de diálogo m ientras se ejecuta una acción. Photoshop e Illustrator incluyen acciones predefinidas instaladas que le ayudan a llevar a cabo las tareas com unes. Puede utilizar estas acciones com o están, personalizarlas para satisfacer sus necesidades o crearacciones nuevas. Las acciones se alm acenan en conjuntos para ayudarle a organizarlas. Puede registrar, editar, personalizar y procesar acciones por lotes,y puede adm inistrar grupos de acciones trabajando con conjuntos de acciones. Inform acióngeneralsobreelpanelAcciones Utilice el panel Acciones (Ventana > Acciones) para grabar, reproducir, editar y elim inar acciones individuales.Este paneltam bién perm ite guardary cargararchivos de acciones. PanelAccionesde Photoshop A.Conjuntodeacciones B.Acción C.Com andosgrabados D.Com andoincluido E.Controlm odal(activadoodesactivado) Curso de Diseño Gráfico 13
  • CLASE25 Abrim os elpanelde acciones,en elm argen superior derecho hacem os click en elícono con la fle- chita negra. Hacem os click en Acción nueva… Nos aparece una ventana,donde le colocarem os elnom bre de la acción y hacem os click en grabar. En Tam año de im agen le cam biam os eltam año y resolución (a elección). 14 Curso de Diseño Gráfico
  • CLASE25 Guardam os la im agen com o jpg. En elpanelde acciones,hacem os click en elcuadrado para frenarla grabación. Abrim os una foto nueva y en elpanelde acciones,buscam os la acción recién grabada y hacem os click en elcuadrado para ejecutarla grabación. ModoDuotono Elm odo Duotono crea im ágenes en escala de gris m onotonos,duotonos (dos colores),tritonos (tres colores)y cuadritonos (cuatro colores)utilizando de una a cuatro tintas personalizadas. Acercadelosduotonos En Photoshop, puede crear m onotonos, duotonos, tritonos y cuadritonos. Los m onotonos son im ágenes en escala de grises im presas con una tinta única diferente delnegro.Los duotonos,tritonos y cuadritonos son im ágenes en escala de grises im presas con dos, tres y cuatro tintas. En estas im ágenes, se utilizan tintas de color, en lugar de distintos tonos de gris, para reproducir grises tintados.En este caso,duotono se refiere a m onotonos,tritonos y cuadritonos,asícom o a duotonos. Los duotonos aum entan la gam a tonalde una im agen en escala de grises.
  • CLASE25 Curso de Diseño Gráfico 15
  • CLASE25 Cóm oconvertirunaim agenaduotono 1Convierta la im agen a escala de grises seleccionando Im agen >M odo >Escala de grises.Sólo pueden convertirse a duotonos las im ágenes en escala de grises de 8 bits. 2 Seleccione Im agen >M odo >Duotono. 3En elcuadro de diálogo Opciones de duotono,seleccione Previsualizarpara previsualizarla im agen. 4 Para la opción Tipo, seleccione M onotono, Duotono, Tritono o Cuadritono. En este caso seleccionarem os Duotono. 5Haga clic en elcuadro de color(elcuadro sólido)para abrirelselectorde color.A continuación,haga clic en elbotón Bibliotecas de colores y elija un libro de tintas y un colordelcuadro de diálogo. 6Haga clic en elcuadro de la curva situado junto alcuadro de color de la tinta y ajuste la curva de duotono para cada colorde tinta. 7Después pasarla im agen a M odo RGB.. 16 Curso de Diseño Gráfico
  • CLASE25 Ejercicio1 Abrirunaim agenenPhotoshop,cam biarlaalModoEscaladeGrises. Cam biarleeltam añoa10cm deancho.Guardarlaconextensiónjpg. Moverunaim agendentrodeotraenPhotoshop. Abrirun archivo nuevo (control+ N),de tam año 29,7 cm por21 cm a 150 dpi. Curso de Diseño Gráfico 17
  • CLASE25 Vam os alm enú Im agen,rotación de im agen, 90 AC En la versión Cs4 o Cs5 de Photoshop,en la barra de aplicación,hacerclick en Organizardocum entos y hacerclick en dos vistas.En la versión Cs3 achicarla ventana con elbotón M inim izartam año. Hacer click en la solapa de la foto de peugeot y seleccionar la herram ienta m over en la barra de herram ientas.La pantalla va a quedardividida así: 18 Curso de Diseño Gráfico
  • CLASE25 Hacerclick sin soltaren la foto y arrastrarla hacia eldocum ento nuevo.Centrarla foto. Para achicaro agrandarapretam os CONTROL+T.Luego ENTER. Guardareldocum ento com o pdf:Archivo /Guardarcom o /PDF TrabajoconelpanelHistoria Puede utilizar elpanelHistoria para ir a cualquier estado reciente de la im agen creado durante la sesión de trabajo actual.Cada vez que aplica un cam bio a una im agen,elnuevo estado de esa im agen se añade alpanel. Porejem plo,siselecciona,pinta y gira parte de una im agen,cada uno de estos estados aparece de form a independiente en la lista delpanel. Alseleccionaruno de los estados,la im agen adopta elaspecto que tenía cuando se aplicó elcam bio porprim era vez.Ahora ya puede trabajardesde ese estado. Tam bién puede utilizarelpanelHistoria para elim inarestados de im agen y,en Photoshop,para crear un docum ento a partirde un estado o instantánea. Para m ostrarelpanelHistoria,seleccione Ventana >Historia o haga clic en la ficha delpanelHistoria. PanelHistoriadePhotoshop A.Define elorigen delpincelde historia. B.M iniatura de una instantánea C.Estado de historia D.Reguladorde estado de historia
  • CLASE25 Curso de Diseño Gráfico 19
  • CLASE25 AlutilizarelpanelHistoria,tenga en cuenta lo siguiente: • Los cam bios que afectan a todo el program a, com o cam bios en los paneles, ajustes de color, acciones y preferencias,no se reflejan en elpanelHistoria porque no son cam bios que afecten a una im agen determ inada. •Pordefecto,elpanelHistoria m uestra los últim os 20 estados.Puede cam biarelnúm ero de estados recordados definiendo una preferencia.Los estados m ás antiguos se elim inan autom áticam ente para liberarm em oria en Photoshop.Para conservarun estado concreto durante toda la sesión de trabajo, realice una instantánea de él. •Después de cerrary volverabrireldocum ento,todos los estados e instantáneas de la últim a sesión de trabajo desaparecen delpanel. • Por defecto, aparece una instantánea delestado inicialdeldocum ento en la parte superior del panel. • Los estados se van añadiendo a la parte inferiorde la lista.Es decir,elúltim o estado se encuentra en la parte superiorde la lista y elm ás reciente,en la parte inferior. • Cada estado aparece enum erado con el nom bre de la herram ienta o com ando utilizado para m odificarla im agen. •Pordefecto,alseleccionarun estado,los estados situados pordebajo aparecen atenuados.De esta form a se ven claram ente los cam bios que se descartarán sicontinúa trabajando desde elestado seleccionado. •Por defecto,alseleccionar un estado y,a continuación,cam biar la im agen,se elim inan todos los estados posteriores. •Siselecciona un estado y,a continuación,m odifica la im agen,elim inando los estados posteriores, puede utilizar el com ando Deshacer para deshacer el últim o cam bio y restaurar los estados elim inados. •Por defecto,alelim inar un estado se elim ina ese estado y todos los siguientes.Sielige la opción Perm itirhistoria no lineal,alelim inarun estado sólo se elim ina ese estado. 20 Curso de Diseño Gráfico
  • Curso de Diseño Gráfico CLASE 26
  • Temas Photoshop II
  • CLASE26 Indice Modificacionesgeneralesde la im agen ......................1 Recorte de im ágenes ..................................1 Transform ación de la perspectiva alrecortar ................. 2 Rotación o volteado de una im agen com pleta..................4 Cam bio deltam año dellienzo ............................5 Retoque con la herram ienta Tam pón de clonar .................7 Retoque con la herram ienta Pincelcorrector .................. 8 Retoque con la herram ienta Pincelcorrectorpuntual.............9 Elim inación de ojosrojos .............................. 10 Selección y m áscaras ................................. 10 Selección con la herram ienta Lazo,Lazo poligonaly Lazo m agnético .. 11 Selección con la herram ienta Selección rápida ................ 12 Selección con la herram ienta Varita m ágica .................. 12 Fondo transparente .................................. 17 Fondo de Color..................................... 18
  • CLASE26 Modificacionesgeneralesdelaim agen Las funciones de retoque y transform ación de Adobe Photoshop le perm iten alterarlas im ágenes para llevara cabo una variedad de tareas:para m ejoraruna com posición,corregirdistorsiones o defectos, m anipular de form a creativa elem entos de la im agen, añadir o elim inar elem entos, enfocar y desenfocaro com binarvarias im ágenes en un panoram a. Ajustedelrecorte,rotaciónylienzo Recortedeim ágenes Recortar es el proceso de elim inar partes de una im agen para crear un enfoque o reforzar la com posición.Puede recortar una im agen m ediante la herram ienta Recortar y elcom ando Recortar. Tam bién puede separarpíxeles utilizando los com andos Recortary enderezary Cortar. Recortedeunaim agenconlaherram ientaRecortar 1Seleccione la herram ienta Recortar. 2(Opcional)Configure las opciones de rem uestreo en la barra de opciones. • Para recortar la im agen sin rem uestrearla (por defecto), asegúrese de que el cuadro de texto Resolución de la barra de opciones está vacío.Puede hacer clic en elbotón Borrar para borrar con rapidez elcontenido de todos los cuadros de texto. •Para rem uestrearla im agen alrecortarla,introduzca valores para la altura,anchura y resolución en la barra de opciones. La herram ienta Recortar no rem uestrea la im agen sino se introducen estos datos. Si ha introducido dim ensiones de altura y anchura y desea intercam biar los valores rápidam ente,haga clic en elicono Intercam bia altura y anchura .
  • CLASE26 Curso de Diseño Gráfico 1
  • CLASE26 Transform acióndelaperspectivaalrecortar La herram ienta Recortartiene una opción que perm ite transform arla perspectiva de una im agen.Es m uy útilpara trabajarcon im ágenes que contengan distorsión trapezoidal.La distorsión trapezoidal se produce cuando se fotografía un objeto desde un ángulo en lugar de desde una vista recta.Por ejem plo,sirealiza una fotografía de un edificio alto desde elniveldelsuelo,los bordes deledificio se m uestran m ás cercanos en la parte superiorque en la parte inferior. Recorteyenderezam ientodefotografías Puede colocarvarias fotos en elescánery escanearlas de una vez,porlo que se creará un archivo de im agen único. Elcom ando Recortar y enderezar fotografías es una función autom ática que puede creararchivos de im agen individuales a partirde un escaneo de varias im ágenes. Seleccionar Archivo > Autom atizar > Recortar y enderezar fotografías. Las im ágenes escaneadas se procesan y cada una de ellas se abre en una ventana. 2 Curso de Diseño Gráfico
  • CLASE26 Rotaciónovolteadodeunaim agencom pleta Los com andos de Rotación de im agen le perm iten rotaro voltearuna im agen com pleta.Los com andos no funcionan en capas individuales nien partes de capas,trazados o bordes de selección.Sidesea rotaruna selección o capa,utilice los com andos Transform aro Transform ación libre. SeleccionarIm agen >Rotación de im agen y elegiruno de los siguientes com andos delsubm enú: 180°Rota la im agen m edia vuelta. 90°ACRota la im agen un cuarto de vuelta a la derecha.
  • CLASE26 Curso de Diseño Gráfico 3
  • CLASE26 90°ACDRota la im agen un cuarto de vuelta a la izquierda. Arbitrario Rota la im agen según el ángulo especificado. Si selecciona esta opción, introduzca un ángulo com prendido entre -359,99 y 359,99 en elcuadro de texto Ángulo. 4 Curso de Diseño Gráfico
  • CLASE26 Cam biodeltam añodellienzo Eltam año dellienzo es elárea editable com pleta de la im agen.Elcom ando Tam año de lienzo perm ite aum entaro reducireltam año dellienzo de la im agen. Elaum ento deltam año dellienzo añade espacio alrededorde una im agen existente. Sise reduce eltam año dellienzo de la im agen,se recortará en la im agen. Siaum enta eltam año dellienzo de una im agen con un fondo transparente,ellienzo añadido será transparente.Sila im agen no tiene un fondo transparente,existen varias opciones para determ inarel colordellienzo añadido. 1Seleccione Im agen >Tam añodelienzo. 2Realice una de las siguientes acciones: •Introduzca las dim ensiones dellienzo en los cuadros Anchura y Altura.Seleccione las unidades de m edida que desee en los m enús em ergentes situados junto a los cuadros Anchura y Altura. •Seleccione Relativo e introduzca la cantidad que desea sum ar o restar altam año dellienzo de la im agen actual. Introduzca un núm ero positivo que añadirallienzo y un núm ero negativo que restardellienzo. 3En Ancla,haga clic en un cuadro para indicaren qué parte delnuevo lienzo desea colocarla im agen existente. 4Seleccione una opción delm enú Colorde extensión de lienzo: • Frontalpara rellenarelnuevo lienzo con elcolorfrontalactual • Fondo para rellenarelnuevo lienzo con elcolorde fondo actual • Blanco,Negro o Gris para rellenarelnuevo lienzo con uno de estos colores
  • CLASE26 • Otro para seleccionarun nuevo colorde lienzo con elSelectorde color Curso de Diseño Gráfico 5
  • CLASE26 Elm enú Colorde extensión de lienzo no está disponible sila im agen no contiene una capa de fondo. 5Haga clic en OK. Lienzo originalylienzo añadido en la parte derecha de la im agen usando elcolorfrontal Ejercicio1 Partiendodelaim agennúm ero1,hacerloscam biosnecesariosderotacióny perspectivaparalaim agennúm ero2. 1 6 Curso de Diseño Gráfico
  • CLASE26 2 Retoqueyreparacióndeim ágenes Retoqueconlaherram ientaTam póndeclonar La herram ienta Tam pón de clonarpinta una parte de una im agen sobre otra parte de la m ism a im agen o sobre otra parte de cualquier docum ento abierto que tenga elm ism o m odo de colores.Tam bién puede pintar parte de una capa sobre otra capa.La herram ienta Tam pón de clonar resulta útilpara duplicarobjetos o elim inardefectos de una im agen. Para utilizarla herram ienta Tam pón de clonar,defina un punto de m uestra en elárea de la que desea copiar(clonar)los píxeles y pinte en otra área. 1Seleccione la herram ienta Tam pón de clonar. 2Seleccione una punta de pincely elija las opciones de pincelde m odo de fusión,opacidad y flujo en la barra de opciones. 3Para especificarcóm o desea alinearlos píxeles de m uestra y cóm o m uestrearlos datos de las capas deldocum ento,defina cualquiera de las siguientes opciones en la barra de opciones: Alineado M uestrea los píxeles de form a continua, sin perder elpunto de m uestra actual, incluso aunque suelte elbotón delratón.Anule la selección de Alineado para seguir utilizando los píxeles m uestreados delpunto inicialde la m uestra cada vez que detenga y reanude la pintura. Curso de Diseño Gráfico 7
  • CLASE26 M uestra M uestrea los datos de las capas que se especifiquen.Para m uestrear a partir de la capa activa y las capas visibles subyacentes,seleccione Actualy subyacentes.Para m uestrearsólo desde la capa activa,seleccione Capa actual. Para m uestrear desde todas las capas visibles, seleccione Todas las capas. Para m uestrear desde todas las capas visibles salvo las de ajuste,seleccione Todas las capas y haga clic en elicono para om itirlas capas de ajuste situado a la derecha delm enú em ergente de m uestras. 4 Para definirelpunto de la m uestra,sitúe elpuntero en cualquierim agen abierta,pulse la tecla Alt (W indow s)u Opción (M ac OS)y haga clic. 5Arrastre elpuntero sobre elárea de la im agen que desea corregir,hacerclick y copiar. Retoqueconlaherram ientaPincelcorrector La herram ienta Pincelcorrectorperm ite corregirim perfecciones para que desaparezcan de la im agen. Aligualque las herram ientas de clonar, la herram ienta Pincelcorrector se utiliza para pintar con píxeles m uestreados de una im agen o un m otivo. Tam bién hace coincidir la textura, ilum inación, transparencia y som breado de los píxeles m uestreados con los píxeles que se están corrigiendo. Com o resultado, los píxeles reparados se fusionan perfectam ente con elresto de la im agen. M odo:Especifica el m odo de fusión. Seleccione Reem plazar para conservar el ruido, la película granulada y la textura en los bordes deltrazo de pincelalutilizarun pincelcon bordes suaves. Origen:Especifica el origen que se va a usar para la reparación de píxeles. M uestreado perm ite utilizar píxeles de la im agen actualy M otivo perm ite utilizar píxeles de un m otivo.Sielige M otivo, seleccione un m otivo delpanelem ergente M otivo. Alineado M uestrea los píxeles de form a continua, sin perder elpunto de m uestra actual, incluso aunque suelte elbotón delratón.Anular la selección de Alineado para seguir utilizando los píxeles m uestreados delpunto inicialde la m uestra cada vez que se detenga y se reanude la pintura. M uestra:M uestrea los datos de las capas que se especifiquen.
  • CLASE26 8 Curso de Diseño Gráfico
  • CLASE26 Retoqueconlaherram ientaPincelcorrectorpuntual La herram ienta Pincelcorrectorpuntualelim ina im perfecciones de las fotografías rápidam ente.Pinta con píxeles m uestreados de una im agen o m otivo y hace coincidir la textura, ilum inación, transparencia y som bra de los píxeles m uestreados con los píxeles que se están corrigiendo. No necesita especificarun punto de la m uestra,ya que m uestrea autom áticam ente elárea que rodea el punto retocado. 1Seleccione la herram ienta Pincelcorrectorpuntualen elcuadro de herram ientas.En caso necesario, haga clic en la herram ienta Pincelcorrector,la herram ienta Parche o la herram ienta Pincelde ojos rojos para m ostrarlas herram ientas ocultas y realizarla selección. 2 Seleccione un tam año de pincelen la barra de opciones.Un pincelcon un tam año un poco m ás grande que elárea que desea corregirfunciona m ejor,ya que perm ite cubrirtoda la zona con un clic. Aplicacióndeparchesaunárea La herram ienta Parche perm ite repararun área seleccionada con píxeles de otra área o un m otivo. La herram ienta Parche hace coincidir la textura, la ilum inación y el som breado de los píxeles m uestreados con los píxeles de origen.Tam bién puede utilizarse para clonar áreas aisladas de una im agen. Curso de Diseño Gráfico 9
  • CLASE26 Elim inacióndeojosrojos La herram ienta Pincel de ojos rojos elim ina los ojos rojos de las fotografías con flash de gente y anim ales y los reflejos blancos o verdes de las fotografías con flash de anim ales. 1 Seleccione la herram ienta Ojos rojos .(La herram ienta Ojos rojos se encuentra en elm ism o grupo que la herram ienta Pincelcorrectorpuntual.Haga clic en eltriángulo de la parte inferiorderecha de una herram ienta para m ostrarherram ientas adicionales). 2Haga clic en elojo rojo.Sino está conform e con los resultados,deshaga la corrección,defina una o varias de las siguientes opciones en la barra de opciones y vuelva a hacerclic en elojo rojo: Tam añodepupilaAum enta o reduce elárea afectada porla herram ienta Pincelde ojos rojos. Cantidad deoscurecim ientoDefine la cantidad de oscurecim iento de la corrección. Selecciónym áscaras Sise desea aplicar cam bios a partes de una im agen, prim ero se debe seleccionar los píxeles que com ponen esas partes. Se pueden seleccionar los píxeles en Adobe Photoshop con las herram ientas de selección o pintándolos en una m áscara y cargando dicha m áscara com o una selección. Para seleccionar y trabajar con objetos vectoriales en Photoshop, se pueden utilizar la selección de plum a y las herram ientas de form a. Una selección aísla una o varias partes de la im agen.Sise seleccionan áreas específicas,se puede editary aplicarefectos y filtros a partes de la im agen sin tocarlas áreas que no ha seleccionado.
  • CLASE26 10 Curso de Diseño Gráfico
  • CLASE26 Photoshop proporciona varios conjuntos de herram ientas separados para realizar selecciones de datos vectoriales o datos rasterizados. Porejem plo,para seleccionarpíxeles,se pueden utilizarlas herram ientas de m arco o las de lazo. Selecciónconlaherram ientaLazo La herram ienta Lazo resulta útilpara dibujarsegm entos de form a libre de un borde de selección. Seleccióndeobjetosconlaherram ientaLazopoligonal La herram ienta Lazo poligonalresulta útilpara dibujarsegm entos de borde rectilíneo de un borde de selección. Selecciónconlaherram ientaLazom agnético Con la herram ienta Lazo m agnético, el borde se ajusta a los bordes de las áreas definidas de la im agen. Curso de Diseño Gráfico 11
  • CLASE26 Selecciónconlaherram ientaSelecciónrápida Es posible utilizarla herram ienta Selección rápida para ―pintar‖rápidam ente una selección m ediante una punta de pincelredonda ajustable.Alarrastrar,la selección se expande hacia fuera y busca y sigue autom áticam ente los bordes definidos en la im agen. Selecciónconlaherram ientaVaritam ágica La herram ienta Varita m ágica le perm ite seleccionar un área coloreada de form a coherente (por ejem plo,una flor roja) sin tener que trazar su contorno.Se puede especificar elrango de color o la tolerancia para la selección de la herram ienta Varita m ágica,según la sim ilitud delpíxelen elque haga clic. Creacióndeunam áscararápidatem poral Para utilizarelm odo M áscara rápida,se em pieza con una selección y,a continuación,se añade a la m ism a o se resta de ella para crearla m áscara.Tam bién puede crearla m áscara íntegram ente en el m odo M áscara rápida.Elcolordistingue las áreas protegidas de las no protegidas.Alsalirdelm odo M áscara rápida,las áreas no protegidas se convierten en una selección. 12 Curso de Diseño Gráfico
  • CLASE26 Para seleccionar datos vectoriales, se utilizan las herram ientas Form a o Plum a, q u e p rod u cen con torn os p recisos denom inados trazados. Se pueden convertirlos trazados en selecciones o convertirlas selecciones en trazados.Tam bién se pueden copiar,m overy pegarlas selecciones,o bien guardarlas y alm acenarlas en un canalalfa. Los canales alfa alm acenan selecciones com o im ágenes en escala de grises denom inadas m áscaras. Una m áscara es com o elinverso de una selección:cubre la parte no seleccionada de la im agen y la protege de cualquier edición o m anipulación que se aplique. Se puede convertir una m áscara alm acenada en una selección cargando elcanalalfa en una im agen. Ejerciciosdeaplicacióndetem as 1 En este ejercicio,se aplicarán los tem as expuestos anteriorm ente. Paso1.Abrim os en Photoshop cualquierfoto (preferentem ente que tenga un objeto en prim erplano).
  • CLASE26 Curso de Diseño Gráfico 13
  • CLASE26 Paso2.Recortam os en la im agen para quitarfondo. Paso3.Con la herram ienta Lazo m agnético seleccionam os elauto. Alterm inarde pasarellazo m agnético porelborde delauto,nos quedará seleccionado. Paso 4. Con la m áscara rápida de selección corregim os. Prim ero hacem os click en la m áscara de selección. 14 Curso de Diseño Gráfico
  • CLASE26 Seleccionam os la herram ienta Pncel.En elPanelde Control,en elselectorde pinceles seleccionarel diám etro conveniente. im agen afuera de la selección im agen selecconada Con la ayuda delpincelvam os agregando o quitando selección.Para eso nos guiam os con los colores Blanco y negro.Sielcolorfrontales elblanco,nos agregará selección.Sicam biam os alnegro de color frontal,nos quitará selección. blanco:agrega selección negro:quita selección Curso de Diseño Gráfico 15
  • CLASE26 .x para cam biarde blanco a negro .b:para seleccionarelpincel .barra:para seleccionarla m ano Una vez term inado,salirde la M áscara rápida,asínos quedará seleccionado elobjeto. 16 Curso de Diseño Gráfico
  • CLASE26 Luego podem os hacerdos cosas: Fondotransparente Para hacer el fondo transparente prim ero tenem os que invertir la selección, es decir que quede seleccionado elfondo asípodem os elim inarlo.Para eso,vam os a M enú Selección /Invertir. Después vam os alPanelCapas (layers)y desbloqueam os la capa. Eso se hace haciendo doble click sobre la capa.Allíaparece una ventana.Sólo le dam os Ok. Luego apretam os la tecla SUPRIM IR. Aparecerá un cuadriculado indicando que el fondo es transparente. Curso de Diseño Gráfico 17
  • CLASE26 FondodeColor Para hacerelfondo de un colorpleno,prim ero tenem os que invertirla selección,es decirque quede seleccionado elfondo asípodem os cam biarlo.Para eso,vam os a M enú Selección /Invertir. Luego vam os alM enú Edición, Rellenar (Fill). Allípodem os elegir tanto blanco o negro o un color específico Allíelegim os elcolory le dam os OK.. 18 Curso de Diseño Gráfico
  • CLASE26 Ejercicio2 Elegirunafoto.Hacerelfondotransparente. Ejercicio3 Elegirunafotoyconlaherram ientaSelloborraralgúnelem ento,com oenlas siguientesfotos. Curso de Diseño Gráfico 19
  • Curso de Diseño Gráfico CLASE 27
  • Temas Photoshop III-Ajustes
  • CLASE27 Indice Coloresen Photoshop ................................ 1 Ajustestonalesy de color-Acerca de loshistogram as............2 AjustesTonales..................................... 3 Brillo/Contraste..................................... 6 Descripción generalde losniveles ........................ 6 Descripción generalde lascurvas......................... 8 Ajuste deltono y la saturación........................... 9 Ajuste de la saturación de colorm ediante Intensidad............ 11 Conversión de una im agen en coloren una im agen en blanco y negro ..12 Equilibrio de Color .................................. 12 Blanco y negro ..................................... 12 Filtro de Fotografía................................... 13 Sustitución delcolorde losobjetosde una im agen .............13 Mezcla de loscanalesde color ..........................13 Equilibrio de color...................................14 Variaciones ....................................... 14 Igualarcolor ...................................... 15 Uso delcom ando Ecualizar ............................. 15 Desaturación de loscolores............................. 15 Inversión de loscolores ............................... 15 Mejora de losdetallesde ilum inación y som bra ...............16 Capasde ajuste:una función de ajuste en una capa ............ 16
  • CLASE27 ColoresenPhotoshop Seleccióndecolores Acercadeloscoloresfrontalydefondo Photoshop utiliza elcolor frontalpara pintar,rellenar y trazar selecciones y elcolor de fondo para crearrellenos degradados y rellenarlas áreas borradas de una im agen.Los colores frontaly de fondo tam bién los utilizan algunos filtros de efectos especiales. Se puede designarun nuevo colorfrontalo de fondo con la herram ienta Cuentagotas,elpanelColor, elpanelM uestras o elSelectorde colorde Adobe.Elcolorfrontalpordefecto es elnegro y elde fondo elblanco.(En un canalalfa,elcolorfrontalpordefecto es elblanco y elde fondo elnegro). Seleccióndecoloresenelcuadrodeherram ientas Elcolorfrontalactualaparece en elcuadro superiorde selección de colordelcuadro de herram ientas y elde fondo,en elcuadro inferior. Seleccióndecoloresconlaherram ientaCuentagotas La herram ienta Cuentagotas perm ite tom arm uestras de colorpara designarun nuevo colorfrontalo de fondo.Se puede tom arm uestras de la im agen activa o de cualquierotra parte de la pantalla.
  • CLASE27 Curso de Diseño Gráfico 1
  • CLASE27 DescripcióngeneraldelSelectordecolordeAdobe En el Selector de color de Adobe, los colores se eligen según cuatro m odelos de color:HSB,RGB,Lab y CM YK. Utilice elSelector de color de Adobe para definir el colorfrontal,elcolorde fondo y elcolordeltexto. DescripcióngeneraldelpanelColor ElpanelColor(Ventana >Color)m uestra los valores de los colores frontaly de fondo actuales.Con los reguladores delpanelColor,se pueden m odificar los colores frontaly de fondo utilizando distintos m odelos de color.Tam bién se puede seleccionar un color frontalo de fondo delespectro de colores m ostrados en la curva de colorsituada en la parte inferiordelpanel. Ajustestonalesydecolor Visualizacióndehistogram asyvaloresdepíxeles Acercadeloshistogram as Un histogram a ilustra en un gráfico cóm o están distribuidos los píxeles de la im agen m ostrando la cantidad de píxeles en cada nivelde intensidad delcolor. Alm ostrar los detalles de las som bras (en la parte izquierda),los m edios tonos (en elcentro) y las ilum inaciones (en la parte derecha), el histogram a ayuda a determ inar si la im agen contiene suficientes detalles para realizar una corrección correcta.Elhistogram a tam bién ofrece una im agen rápida de la gam a tonal,o tonalidad,de la im agen. Eldetalle de una im agen con tonalidad dom inante oscura se concentra en las som bras;eldetalle de una im agen con tonalidad dom inante clara, en las ilum inaciones; y eldetalle de una im agen con tonalidad m edia,en los m edios tonos.Una im agen con una gam a tonalcom pleta tiene píxeles en todas las áreas. Identificarla gam a tonalayuda a determ inarlas correcciones tonales correspondientes.
  • CLASE27 2 Curso de Diseño Gráfico
  • CLASE27 PanelHistogram a ElpanelHistogram a ofrece m uchas opciones para verla inform ación tonaly de colorde una im agen. Por defecto, elhistogram a m uestra la gam a tonalde la im agen com pleta. Para m ostrar datos del histogram a de una parte de la im agen,seleccione prim ero esa parte. AjustesTonales Photoshop ofrece un com pleto conjunto de herram ientas para realizarcorrecciones y ajustes tonales y de color,donde pueden m ejorar,arreglary corregirelcolory la tonalidad (lum inosidad,oscuridad y contraste)de una im agen. DescripcióngeneraldelpanelAjustes Las herram ientas para efectuarajustes tonales y de colorse encuentran en elpanelAjustes. Alhacerclic en alguna de ellas,no sólo se selecciona elajuste pertinente sino que tam bién se crea de
  • CLASE27 form a autom ática una capa de ajuste. Curso de Diseño Gráfico 3
  • CLASE27 Im ágenesm odificadasconAjustes 4 Curso de Diseño Gráfico
  • CLASE27 Los ajustes realizados con los controles y las opciones delpanelAjustes provocan la creación de capas de ajuste no destructivas. Tam biénencontram oslosajustesenMenúIm agen/Ajustes Curso de Diseño Gráfico 5
  • CLASE27 1-Brillo/Contraste Esta herram ienta nos perm ite cam biarelbrillo y contraste en una im agen de m anera sencilla. Si m ueve el regulador de brillo a la derecha, aum enta los valores tonales y se expanden los ilum inados de la im agen, m ientras que si lo m ueve a la izquierda dism inuyen los valores y se expanden las som bras. Elreguladorde contraste aum enta o dism inuye la gam a generalde valores tonales de la im agen. En elm odo norm al,Brillo/contraste aplica ajustes proporcionales (no lineales)a la capa de la im agen, aligualque con los ajustes Niveles y Curvas. 2-Descripcióngeneraldelosniveles Se utiliza elajuste Niveles para corregirla gam a tonaly elequilibrio de colorde una im agen ajustando los niveles de intensidad de las som bras,los m edios tonos y las ilum inaciones de la im agen. Elhistogram a Niveles sirve com o guía visualpara ajustarla tonalidad de la im agen. CuadrodediálogoNiveles A.Som bras B.Mediostonos C. Ilum inaciones D. Aplicarcorreccióndecolorautom ática
  • CLASE27 6 Curso de Diseño Gráfico
  • CLASE27 Los dos reguladores exteriores de niveles de entrada asignan elpunto negro y elpunto blanco a los ajustes de los reguladores de niveles de salida. Pordefecto,los reguladores de salida están en elnivel0,donde los píxeles son negros,y en elnivel 255,donde los píxeles son blancos.Asípues,cuando los reguladores de salida se encuentran en su posición pordefecto,sim ueve elreguladorde entrada delnegro,se asigna alvalorde píxelde nivel0 y,sim ueve elreguladordelpunto blanco,se asigna alvalorde píxelde nivel255.Los niveles restantes se redistribuyen entre los niveles 0 y 255. Esta redistribución aum enta la gam a tonaly,portanto,aum enta elcontraste globalde la im agen. Sim ueve elreguladorde entrada centralhacia la izquierda,la im agen globalse aclara.Este ajuste de regulador asigna un nivelm ás bajo (m ás oscuro) alvalor m edio de los reguladores de salida.Silos reguladores de salida están en su posición por defecto (0 y 255), el punto m edio es 128. En este ejem plo, las som bras se extienden para rellenar la gam a tonal de 0 a 128 y las ilum inaciones se com prim en.Sim ueve elregulador de entrada centralhacia la derecha,elefecto es elcontrario:la im agen se oscurece. Curso de Diseño Gráfico 7
  • CLASE27 3-Descripcióngeneraldelascurvas Puede utilizar Curvas o Niveles para ajustar toda la gam a tonal de una im agen. El ajuste Curvas perm ite ajustar los puntos de toda la gam a tonal de una im agen (desde las som bras hasta las ilum inaciones). Niveles, en cam bio, sólo dispone de tres ajustes (punto blanco, punto negro y gam m a).Curvas tam bién se utiliza para realizarajustes exactos en los canales de colorindividuales de una im agen.Puede guardarlos valores delajuste Curvas com o ajustes preestablecidos. A.Muestrearlaim agenparadefinirelpuntonegro. B.Muestrearlaim agenparadefinirelpuntogris. C.Muestrearlaim agenparadefinirelpuntoblanco. D.Editarpuntosparam odificarlacurva. E.Dibujarparam odificarlacurva. F.Menúdesplegabledetiposdecurvas. G.Definirpuntonegro. H.Definirpuntogris. I.Definirpuntoblanco. J.Mostrarrecorte. En elajuste Curvas,la gam a tonalestá representada com o una línea de base recta en diagonal,ya que los niveles de entrada (valores de intensidad originalde los píxeles)y los niveles de salida (valores de colornuevos)son idénticos. Eleje horizontaldelgráfico representa los niveles de entrada y e