TECNOLOGIAS PARA EL DISEÑO
BITACORA
INDICE INTRODUCCIÓN ¿Qué es un vector? ............................................. 4
2
ENTORNO Y HERRAMIENTAS DE ADOBE ILLUSTRATOR Herramientas de Illustrator ................................8 Artículo Adobe Illustrator ..................................11 Vectorizar una imagen ........................................12 Nociones básicas del color .................................13 Unir y combinar objetos .....................................15 Artículo Corel vs Illustrator ................................16 Tipografía VS Fuente ..........................................18 APLICACIONES DE HERRAMIENTAS DE ADOBE ILLUSTRATOR Uso de capas ........................................................22 Características de Adobe Illustrator CS6.............23 Maya tool Illustrator ............................................24 Infografia personal ...............................................25 Efectos ..................................................................26 Importar y exportar ..............................................26 INTRODUCCIÓN A ADOBE INDESIGN ¿Qué es Adobe InDesign? ...................................30 10 Reglas para el Diseño Editorial .......................32 Diseños Editoriales ...............................................34
3
INTRODUCCIÓN La
clase consistió en explicar de qué trata la clase y sus aspectos a evaluar incluyendo los contenidos de la clase como tal. Nos presentamos todos unos con otros contestando sencillas preguntas como ¿Cuál es tu nombre? ¿Por qué elegiste la carrera? y datos básicos de cada uno como nuestros intereses, edad, de qué escuela venimos y por último, ¿Qué área del diseño nos gusta más? Como el primer trabajo de clase que desarrollamos fue crear un correo o utilizar uno ya existente para crear una carpeta en drive en la cual estaremos subiendo nuestros trabajos y tareas en ella. Como primer trabajo tuvimos que buscar alguna imagen como o video de alguna ilustración que se pueda crear con el Adobe Illustrator asi comenzado oficialmente la clase.
¿ Q U E E S
4
U N V E C T O R ?
Realizamos exposiciones de la radas con el programa. La prim “¿Que es un vector?” explicaba Adobe illustrator. Este program líneas o curvas denominados v programa y otras alternativas p
as imágenes que trajimos de las ilustraciones elabomera presentación que nos impartió la maestra fue a que era un gráfico vectorial como introducción a ma crea los llamados gráficos vectoriales creados por vectores. Fueron nombradas las ventajas del uso del para la creacion de graficos vectoriales.
5
ENTORNO Y H DE A ILLUST
HERRAMIENTAS ADOBE TRATOR
8
Las herramientas fueron repartidas entre los alumnos por medio de elección de papeles al azar y así empezando las presentaciones; Selección flecha negra: Nos permite cambiar el tamaño de las cosas, con ella al insertar alguna figura podemos escoger su tamaño inicial. Al dar clic en alguno de los lados o esquinas podemos cambiar su tamaño y con ALT lo modificamos sin cambiar su posición. En el caso de los círculos, presionamos SHIFT y trazamos nuestro círculo perfectamente redondo. -Selección flecha blanca: Al dar clic en alguna figura que ya hicimos nos aparecen los nodos de la figura, al seleccionar alguno podemos modificar la forma de la figura y darle otra forma diferente. Al presionar SHIFT nos permite seleccionar varios nodos a la vez. -Varita mágica: Con ella podemos seleccionar varios objetos que tengan ciertas características que ya hemos dado, por ejemplo podemos decir que seleccione los objetos verdes y al dar clic en la varita se seleccionan todos los objetos verdes que tengamos. -Lazo: Su función es parecida a la de la flecha blanca, pero es mas útil cuando tenemos muchos nodos en algún punto seleccionamos esa sección sin necesidad de ir seleccionando uno por uno. -Lápiz: Podemos hacer trazos abiertos (líneas) o cerrados (círculo) puedes también hacer bocetos o trazos con el lápiz. Conforme vas dibujando salen los puntos de anclaje, parecidos a los nodos, pueden aumentar o disminuir la cantidad e puntos de anclaje que aparezcan en tu trazo. El suavizado cambia el ángulo de los puntos de anclaje. Después de hacer tu figura o trazo cerrado, puedes rellenar la figura
(primero debes seleccionar la opción de rellenos, si lo escoges después no se va a rellenar). Puedes presionar ALT para que la figura se cierre completamente y poder rellenarla. -Pluma: Es más práctica que el lápiz y se tiene más control sobre ella. Con ella también se van creando los nodos, al dejar presionado algún nodo, aparece un anclaje que puedes hacer un curvado como mejor te parezca. O mejor es usar la menor cantidad de nodos posible para tener más control sobre la figura. Dentro de la herramienta pluma, al dejarla presionada nos salen diferentes tipos de pluma (signo menos; elimina nodos, signo de más; agrega nodos, última opción, saca las anclas en la misma proporción). Al crear un nodo inicial y pasas tu puntero a la misma altura que ese automáticamente se forma una línea. -Línea segmentada: Funciona como las líneas de paint, con esta herramienta das clic en tu punto de inicio y sin soltar el clic lo arrastras hasta el punto donde quieres que termine tu línea. Al presionar SHIFT antes de trazar hace que tu línea sea perfectamente vertical, horizontal o de 45 grados. Y al igual que con las otras figuras, presionando ALT es cómo puedes modificar el tamaño desde el centro de la línea sin que se mueva de su lugar. Nos da la opción de cambiar el color de su trazado o de su relleno. Dentro de la herramienta hay otras opciones, como el espiral, para hacer tablas o gráficas. -Rectángulo: Damos clic donde queremos que inicie la figura y sin soltar la arrastramos hasta donde queremos que quede nuestra figura. Como con lo demás presionamos ALT y se crea desde el centro. Para que conserve
sus proporciones presionamos SHIFT. También podemos darle algún color de relleno o de trazado. Si queremos manipular mejor nuestra figura, seleccionamos el objeto y damos clic en donde queremos que empiece soltamos y en el cuadro de opciones que sale podemos escoger las medidas etc, damos ok y nos aparece nuestra figura. Otras figuras hay estrellas, pentágonos, y un efecto de luz en esas dos figuras se puede manipular ya sea la cantidad de lados o de picos en el caso de la estrella. -Brocha: Puede ser útil con una tableta de dibujo, te permite hacer trazos libres más gruesos que los de la herramienta lápiz. Puedes ajustar el grosor, la suavidad. Si tu trazo quedo muy deforme el mismo programa suaviza tu dibujo. -Borrador: Cuando borras alguna parte de una figura lo que hace es que cierra las dos partes restantes de la figura que antes era una sola y la puede dividir en dos o más partes dependiendo de cuanto borres. No va a borrar la imagen si está seleccionada. Otra de las opciones es la navaja que es muy parecida pero borras a mano alzada y de la misma manera cierra la figura. -Rotar: Tiene teclas rápidas, “R” para rotar y “O” para hacer efecto espejo. La herramienta lo que hace es poner un nodo ya sea dentro de la figura o por fuera y ahora la figura va a girar en torno a ese nodo. También te permite “copiar y pegar” o duplicar varias veces alguna figura y puedes rotarla al mismo tiempo. -Width tool: Te permite crear una línea y hacerla más gruesa al final, otra opción es para hacer espirales solo con darle clic. También se puede hacer
medios círculos en la misma línea que ya habías dibujado. La última opción es para hacer como explosiones o un efecto así, como si se hicieran montañas, también hay una que hace lo mismo pero en menos tamaño. Es como la forma de editar en Photoshop y hacer que las cosas parezcan más delgadas o gruesas de lo que son. - Escala: Te permite escalar una imagen desde un punto específico no desde el centro, se va haciendo grande o pequeño dependiendo de donde este el punto. Otra herramienta es la de distorsión, gira y se deforma en torno a ese punto. -Libre transformación: Te permite manipular algún objeto que ya exista, como tu desees. Puede agrandarlo, distorsionarlo, etc. y te conserva las dimensiones originales. -Shape builder: Lo que esta herramienta hace es que junta dos figuras en una sola, borra las líneas de división entre ellas y las une, pueden ser varias figuras también. Al presionar ALT puedes en lugar de juntar las figuras, las quita, con ALT restas y con SHIFT sumas. Es una herramienta muy útil y fácil de usar. -Fusión: Cuando tienes dos figuras puedes usar esta herramienta para hacer una tipo transición entre las dos, para que parezca que una se convierte en la otra, con líneas también funciona, hacer la primera y la última y la herramienta hace las demás. Puedes escoger cuantos pasos aparecen entre una figura y otra, también se hace la transición de color. -Gotero: Una herramienta es el cuentagotas, que copia los colores de alguna imagen ya hecha y puedes usar ese mismo color en otra figura. Copia también el estilo del texto no solo el
9
color. -Simbol spray: Puedes seleccionar algún símbolo y te permite copiar y pegar el símbolo tata veces quieras sin tener que hacer uno por uno. Y con las herramientas que aparecen arriba puedes modificarlas mejor, aumentar su tamaño, acomodarlas, etc. Puedes seleccionar una por una y darles solo a esas algún efecto en específico. Para escoger el símbolo hay un panel que tiene todos los símbolos acomodados por tema. -Art board: Es la hoja en la que estamos trabajando, puedes escoger las dimensiones de tu mesa de trabajo, el tamaño, etc. Puedes tener varias mesas de trabajo, ordenarlas, cambiarles el nombre, poner una sobre otra, eliminarlas o rotarlas. -Graficas: la herramienta te da muchos tipos de gráficas, de barras, líneas, de pie, etc. Al dar clic te sale un cuadro donde te pide los datos para hacer la gráfica. Puedes cambiar el color, el diseño, la forma y pueden ser en 3D. -Mano: Puedes mover lo que se ve en tu ventana del documento o área de trabajo. Con el zoom es más fácil moverse alrededor de tu documento. -Lupa (zoom): Te permite acercar las imágenes o el área de trabajo, para alejarlas das clic en control, ALT y la barra de espacio. -Regla: Están ubicadas en las orillas de nuestra área de trabajo. Pueden servir como líneas de guía, podemos acomodarlas como mejor nos convenga, también podemos agregar una retícula que es como una cuadrícula para mejor presión. Nos ayudan para mantener el margen en nuestra hija o encontrar la mitad, etc. Podemos también bloquear las líneas guía y de esa manera ya no se mueven. Las líneas inteligentes te ayudan al momento de insertar alguna forma para alinear los siguientes objetos que quieras hacer.
10
ADOBE ILLUSTRATOR El artículo trata de las nuevas actualizaciones en las versiones 2015, 2015.2 y 2015.3 la mayoría para la comodidad para el usuario al estar usando Adobe Illustrator, siendo el 2015.3 con más actualizaciones innovadoras como exportación rápida que está te permite añadir mesas de trabajo o ilustraciones con distintas opciones de archivo. Las formas interactivas se han mejorado para simplificar el flujo de trabajo por ejemplo mientras trabajas con la herramienta Forma, puedes mostrar u ocultar el cuadro delimitado. Sin dejar de lado que la biblioteca CREATIVE CLOUD también ha sido mejorada para permitir mayor control al colaborar con otros usuarios y se le añadió mejor integración al Adobe stock. Una de las más relevante fue su aplicación para móvil, con su iPad, iPhone o teléfono Android puedes convertir cualquier imagen en un recurso de producción. Extrae un tema de color o crea un pincel, una forma o un gráfico vectorial, y puedes reservar el recurso para tus bibliotecas de Creative Cloud, a fin de utilizarlo en Illustrator. Pienso que a pesar de no tener unas actualizaciones tan innovadora más que la conexión que puedes hacer con los aparatos móviles, se enfocaron en hacer todo más fácil para el usuario y mucho más accesible o entendible para el uso de este programa, claramente irán mejorando con cada actualización pero las que nos dieron este año pasado fue sin duda muy útil para el mejoramiento del programa y la manera de usarlo y navegar en el.
11
Vectorizar una imagen
12
Trajimos una imagen la cual quisiéramos vectorizar en el programa de Illustrator, la primero hora clase cada quien trabajo por su propia cuenta creando la imagen ya seleccionada en el programa y usando las herramientas a las cuales pudiera controlar mejor. En la segunda hora la maestra se dirigió con cada uno para darnos puntos de vista acerca de cómo estábamos dirigiendo y manejando el programa conforme a nuestra imagen a vectorizar y nos ayudó con posibles problemas como los llamados nudos, que al parecer todos tuvimos problemas con ellos ya que nos hacía muy complicado el manejo de las curvas.
La presentación que tuvimos del color en la clase fue de bastante ayuda no solo como información, también para aplicar unos trucos de degradados en nuestras imagenes vectorizadas en las que estuvimos trabajando. El color es como vemos La Luz a cierto ángulo y como este se refleja dándole la impresión a nuestro ojo de un color. Modelos del color: Existen dos modelos de color. El CMYK y RGB estos describen los colores con los que podemos trabajar en los gráficos digitales ya que representan una descripción y clasificación de color HSB: este representa los colores y sus distintos grados de brillo incluido la saturación Tono Saturación Brilló EN ADOBE ILLUSTATOR A campo de color B valores de HBS C color nuevo D color original E parada color E espectro de color F valores RGB G valores hexadecimales H valores CMYK Cada dispositivo maneja su propia gama de colores así que no hay que pensar que cada imagen pasa a otro dispositivo exactamente del mismo color porque en cada plataforma en la que las veamos su espacio de color cambia y los valores y sean RGB o CMYK pueden ser interpretados de manera distinta RGB ( COLORES LUZ )
Nociones básicas del color
13
14
RGB ( COLORES LUZ ) Red, Green, and Blue Se usan en plataformas digitales CMYK ( COLORES EN TINTA ) Cian, Magenta, Yellow and Black Se usan para medios impresos Los colores son muy importantes en el área de los sentimientos porque cada color nos transmite un pensamiento. Los colores también tienen composiciones por armonía como el Tono dominante, Tono tónico y el Tono medicación incluyendo los acordes cromáticos.
Unir y combinar objetos 15
En la clase vimos principalmente como unir y combinar objetos en adobe illustrator, incluida la herramienta de alinear por ejemplo en una cuadrícula el colocar líneas y así terminan alineándose perfectamente. El agrupar y desagrupar objetos resultó una herramienta muy útil y lo explico con un ejemplo de una imagen de bob esponja.
CORELDRAW VS 16
Estos dos programas se enfocan en el diseño vectorial, y forman parte de los más populares, unas diferencias entre otras. Por ejemplo, las personas que en su mayoría usan CorelDraw es que esta es únicamente para Windows y aún no está disponible en Mac, obligando a los usuarios amantes de los productos Apple a usar Adobe Illustrator. En lo personal que CorelDraw solo tenga esa disponibilidad le baja bastantes posibles usuarios. Pero en sí ¿Que es lo que distingue un programa del otro? Y principalmente, ¿Cuál es el mejor para usar? Es cierto que la presentación que le da Illustrator a los usuarios es de una manera mucho más profesional y amplia que Corel, ya que Corel es tan sencillo de usar que los principiantes estarían fascinados con este programa, con herramientas muy útiles como los efectos, que en cierto modo te facilitan
PARA LEER EL ARTICULO
S ILLUSTRATOR 17 el trabajo como principiante, más no como un ya profesional. Cuando llegas a un nivel más alto no solo buscas la amplitud de las herramientas, si no el orden y la accesibilidad y está claramente teei la ofrece Illustrator. Es cierto que Adobe illustrator cuenta con sus desventajas como el alineamiento de los objetos, cosa que con Corel es mucho más sencilla, volviendo al paso de que para un principiante esto le facilita mucho el método de trabajo. Aunque una desventaja de Illustrator es las hojas de trabajo pueden ser molestas, para algunos usuarios pueden ser muy útiles. Esto depende que cada persona y como se sienta bien con cada programa, aunque sí cuenta con una Mac no hay más opción que solo tener un Adobe Illustrator. Ambos programas son buenos, y hay que aprovechar ambos a nuestra comodidad, quizá hacer bocetos en Corel y perfeccionarlos en Illustrator, o simplemente aprender todo de uno solo y ser un experto, aunque llega a ser recomendable dominar los dos para complementar el proyecto en el que estés trabajando.
Tipografia VS Fuente
La diferencia entre la tipo-
18
grafía y la fuente; la letra y un carácter. Cómo aparecen las letras en una línea imaginaria, la altura de la letra en X y lo que sobresale en algunas letras como la L, K, etc. Las propiedades del texto son la tipografía, el tamaño, que se mide en puntos y el modo (regular, bold, itálica, etc.) En Ilustrador al escribir algo y dar clic derecho y escogemos outline, convierte nuestro texto en un objeto más, con nodos que podemos modificar y hacer las letras más altas, pequeñas o mover una por una, etc. La autora del libro dice que existen una serie de “Crímenes tipográficos”. Caps y Small Caps, son las mayúsculas normales y las small caps son mayúsculas pero del mismo tamaño que las letras minúsculas, se usa para seguir con la armonía que se lleva del texto.
Existe una pagina llamada Dafont.com donde podemos descargar muchos tipos de tipografías que han subido personas que hacen fuentes y las dejan al público para descargarlas. Están divididas en categorías y hay muchos ejemplos. Aunque algunas no están del todo completas, les faltan caracteres o acentos. En las opciones del texto se puede escribir de forma nor-
mal, o escribir dentro de un área/objeto ya creado, texto en un trazo es cuando dibujamos una línea y podemos agregar texto y sigue el trazo de nuestra línea, podemos también escribir en vertical pero la autora dice que separar los caracteres dificulta la vista, que es mejor escribir el texto normal y que esté girado. Kerning: es el ajuste del espacio entre dos letras, hay algunas que están mas separadas que otras. Traking: Es el espacio que hay entre ya las palabras en si, no letra por letra, va por línea o párrafo. El corte al final del “renglón” es diferente en español y en inglés. La alineación del texto es igual que en word, centrado, izquierdo, derecho y justificado; también se puede que la última línea quede centrada o ala derecha o solo la primera. Podemos también importar texto desde Word o algún otro formato.
19
APLICACIONES D DE ADOBE IL
DE HERRAMIENTAS LLUSTRATOR
Uso de capas
22
Tuvimos una presentación de las copas que prácticamente nos facilitan la vida en adobe illustrator a estar vectorizado o ilustrando una imagen. Estas sirven para organizar elementos, separarlos o incluso agruparlos. Se pueden bloquear para seguir editando sobre ella sin que cause un cambio alguno en una capa que no queramos, incluso existen las sub capas. Si tuviéramos que hacer una animación las capas son indispensables y al exportar el documento las copas de mantienen siendo respetadas. Con nuestra imagen ya vectorizada la separamos por capas si es que no lo habíamos hecho.
Características de Adobe Illustrator La versión CS6 no es la última en el mercado, si no la penúltima dejando a la versión CC como la más reciente. Esta versión tiene 5 características fundamentales para sacarle todo el mejor partido a esta versión si es que no puedes acceder a la más reciente que es la CC. Esta versión cuenta con ancho de trazo que ciertamente facilita enormemente al trabajador usar el programa en cuestión de convertir objetos básicos a formas mucho más complejas de una sola vez y esto por consecuencia hace la herramienta como una de las mejores aficiones. Por el otro lado la creación de patrones del programa no es una herramienta tan necesaria pero cuando se llega a necesitar es de gran ayuda, revolucionando a esta versión con este nuevo método para editar patrones de diseño en el momento necesario. Los nombres editables ahora están haciendo que pierdas menos tiempo en ponerle los nombres a las capas o tablas que en el pasado tardabas por el cuadro de diálogo por el que tenías que pasar para poder cambiar los nombres y ahora es mucho más fácil y práctico. Los degradados están beneficiando al usuario porque no solo te ofrece la opción del degradado si no de agregar gradientes en tu mesa de trabajo y al igual que el punto anterior te ahorra mucho tiempo. Dejando por último su nuevo diseño con una nueva interfaz que ahora es mucho más llamativa a los ojos y fácil de usar con tonalidades en gris obscuro que hacen ver el programa mucho más profesional, esto ya lo habíamos visto en otro programas de adobe y solo era tiempo para que lo añadieran a la interfaz de Illustrator. Para leer el articlo Presione el circulo
23
Maya Tool Illustrator La herramienta malla nos permite crear objetos multicolores por los cuales fluyen líneas que permiten que le demos color alguna zona específica de manera suave entre los nodos. Solo se pueden crear objetos de malla a partir de objetos vectoriales y no es posible crearlas sobre imágenes enlazadas.
Creación de otros efectos 3D
Los efectos 3D Como se supone, nos permite crear objetos en tercera dimensión donde por medio de La Luz un difuminado, rotación y otras herramientas se logra este efecto
Herramienta de perspectiva
de la herramienta nos permite representar aproximádamente una esce24 na Lade cuadrícula una superficie plana de la misma manera en la que la percibe nuestro ojo naturalmente.
25
Efectos
En la presentación de los efectos de Illustrator nos da gran variedad de efectos que se pueden aplicar a un objeto. Existen diferencias entre efectos y filtros, mientras un filtro modifica permanentemente una capa a diferencia que un efecto se puede cambiar o eliminar en cualquier momento. Existen distintos tipos de efectos como: Rasterizado; color, resolución, fondo, suavizado, crear máscara de recorte, añadir alrededor el objeto
Importar y exportar
26
está conectada pero permanece separada del archivo y esto por consecuencia guarda menos memoria.. puede modificar ilustraciones enlazadas utilizando los efectos y herramientas de transformaciones, puede usar el gráfico enlazado muchas veces podemos incrustar la imagen permitiendo que se quede añadida al documento sin que se modifique con otras acciones exportar archivos File dibujo auto cad (DWG y DXF) es el formato de archivo para guardar gráficos vectoriales y este te permite la importación de dibujos desde otras aplicaciones BMP formato de imagen estándar en windows puede especificar el modelo de color la resolución y el ajuste que se le da a la imagen meta archivo mejorado EMF JPEG utilizando habitualmente para guardar fotografías 72 DPI WEB 120-150 aceptable, para archivos de gran tamaño, p/ impresión 300 DPI resolucion optima para impresiones de gran tamaño FLASH FORMATOS GRÁFICOS VECTORIALES QUE SE UTILIZA EN GRÁFICOS WEB ANIMADO E INTERACTIVOS ESTE PUEDE EXPORTAR DOCUMENTOS PHOTOSHOP si la ilustración contiene datos no se pueden exportar toda la información desde illustrator donde se pueden perder capas subcapas las formas compuestas y texto aunque hayas transportado el archivo de manera correcta PNG se usa para la compresión TARGA diseñado para utilizarse en sistemas que utilizan la tarjeta true vision TIFF utilizado para intercambiar archivos META ARICHIVO DE WINDOWS este formato es compatible con casi todos los programas de maquetación
27
INTRODUCC
CIÓN A ADOBE INDESIGN
¿Qué es Adob Empezamos con la herramienta de Bridge que nos deja ir a otros documentos en otros programas de la misma Suite de Adobe. Este programa es utilizado para la elaboración de revistas, folletos, libros etc. La diferencia entre InDesign y de Illustrator es que InDesign te permite el manejo de varias paginas sin ningun problema y puedes navegar en el programa sin ningún contratiempo y con facilidad. Las páginas llegan a funcionar como las capas en Illustrator, puedes agregar, eliminar, hacer páginas maestras las cuales te ayudan a poner un diseño en general para no repetirlas en todas, podemos cambiar el tamaño, ancho o alto incluso la orientación. Cuando tratamos de modificar o cambiar de computadora el archivo se puede perder tipografía u imágenes que no llegue a guardar Para eso de puede guardar en PACKAGE y así permanecerán los archivos porque te crea un folder con los links de tus imágenes no importa de dónde las hayas sacado Así se queda como un respaldo y cuando se intente abrir ya tendrá de donde jalar las imágenes o fotografías
30
CÓMO ABRIR UN ARCHIVO Una de las ventajas es que podemos arrastrar documentos muy largos sin problema File Place Alt le indicas donde quieres que inicie el documento Creas más páginas mientras abres la página vas pegando lo que resta del documento Podemos ajustar los márgenes el tamaño etc File Print presets Define Esto nos permite crear páginas maestras Nos permite colocarle un estilo a todas las páginas Generas el diseño en las páginas maestras y queda definido para todas las páginas Los márgenes son importantes para lo que vaya a ser Shift páginas maestras márgenes y cambiamos el tamaño de los márgenes en las 2 páginas PASOS: •Establecer márgenes (decidir que estamos haciendo para considerar el tipo de margen)
be InDesign? •Determinar una retícula (definir cómo va a estar tu diseño colocando las elementos en la página) •Dotar tu diseño a la página (header,footer,n° de página) •Insertar imágenes y texto CÓMO AÑADIR TEXTOS Herramienta texto aquí tienes que delimitar el area donde vas a colocar el texto También puedes arrastrar artículos si no Dibujas el área Escribes o arrastras información Acomodas los márgenes Tenemos la opción de grosor de línea Rotarlo el texto Escalar El gotero sigue siendo el mismo Insertar imágenes Rectángulo tachado: definir áreas donde va a quedar un objeto que podría rellenarse con una imagen en algún momento Fileplace SHIFT clic en la esquina del documento y así se crean todas las paginas del documento. Podemos dar color a un bloque de texto, esos bloques los podemos manipular como objetos de Ilustrador, darles color, contorno, grosor y tipo de línea, etc. Podemos también dibujar el área donde queremos
que se visualice nuestra imagen. File Place Insertamos la imagen y se va a ver en toda el área que hicimos, podemos escoger también que parte de la imagen se ve. El panel Paragraph styles, ahí podemos crear un estilo de párrafo y darle un nombre para identificarlo y así ya tener ese diseño en los párrafos que queramos sin tener que estarlo poniendo a todos una y otra vez. Otra opción, como en Word, es al de buscar y reemplazar, damos una palabra que buscar y que las cambie por otra palabra. También como Word, podemos agregar sangrías del tamaño que se necesiten, la sangría con TAB es muy larga, según el diseño no debe ser tan grande. También se puede insertar una Capitular, que es la primera letra de algún párrafo que se hace mas grande y ver cuantas líneas va a ocupar nuestra letra. Vamos a hacer una investigación sobre que diseños editoriales se han hecho y hacer una exposición.
31
10 reglas para el d Las 10 reglas para tener un mejor Diseño Editorial son presentados por el editor de arte Luke O’Neill que explica que estas reglas son más que nada habilidades que un diseñador necesita para un mejor desempeño en el área editorial que son parecidas para un diseñador gráfico pero están van más orientadas al área en concreto Regla no 1: Identifica tu audiencia y diseña para ella. Esta regla se enfoca claramente a saber a qué tipo de personas va dirigido tu proyecto, siendo así la más importante de las reglas porque estableces una conexión con los lectores. Regla no 2: Piensa primero en la portada. Es verdad que parte más vistosa de todas las páginas de tu proyecto ya que debe ser única, conseguir llamar la atención del lector y cautivar lo desde un principio, la portada debe contener una historia, que cause intriga y curiosidad. Aunque puede que estas tácticas que podrían funcionar para algo táctil y visual no sea tan óptimo como un proyecto dentro de una pantalla. Esto nada más nos lleva a la tercera regla… Regla no 3: Ten el enfoque de portada adecuado. Como antes dicho la importancia que tiene la portada, esta es la que termina rigiendo el contenido de una revista y esto sólo se puede llevar a cabo con un trabajo colaborativo con ideas volando de un lado al otro para complementar la idea principal y así trabajar sobre ya una base, que es muy importante contar con ella. Regla no 4: Mantenlo cuadriculado, pero no tanto. Es necesario que tengas una cuadrícula sólida ya que sobre esta se rigen los parámetros y la estructura de las páginas de tu proyecto. Ya sea el tipo de cuadrícula que elijas puede que se recomiende un modo en el cual colocar los objetos próximos a colocar en una de las páginas. No te aferres solo a las cuadrículas, puede que elijas por un estilo libre y esto romperá el esquema y será algo fresco para tu proyecto. Regla no 5: Crea una jerarquía tipográfica Una tipografía ayuda al lector a navegar sobre los diseños que tiene una página, además de agregarle una vista agradable y es por eso que es importante identificar bien una jerarquía para poder asignar una tipogra-
32
diseño editorial fía a un título, un subtítulo o el cuerpo del texto. Aquí es donde la regla de menos es más está muy bien representada ya que si llegaras a elegir erróneamente tus tipografías pueden perder vista o ser molesto a la vista e incómodo de leer. Regla no 6: No temas al espacio en blanco. Aunque te puedas llegar a tentar por rellenar un espacio en blanco que hayas dejado, usa tu creatividad y amplía tu mente para usar ese espacio y darle más vida a una imagen o un texto por ejemplo. Regla no 7: Sigue una secuencia. El tener un trabajo libre no significa que pierdas el control en tu publicación. Todo se trata del lector y de mantenerlo enfocado pero satisfecho de lo que está viendo, algo agradable a su vista y fácil que comprender, es por eso que una secuencia hace que el lector respire entre cada texto y lo ubiques en la sección que va y no lo confundas. Regla no 8: Ten una jerarquía de elementos y puntos de entrada. De nuevo con las jerarquías, si estás trabajando con muchos elementos a los cuales el enfoque es distinto, tienes que aprender a comprar correctamente estos elementos para que el enfoque llegue más a uno que otro pero sin perder la importancia. Esto te ayudará a que no pierdas la noción de lo que estás hablando, apóyate de las letras capitales, flechas etc para guiar al lector por su travesía. Regla no 9: Piensa siempre en plataforma cruzada Es muy importante que para cualquier diseño que hagas este sea apto para cualquier tipo de plataforma de forma unida sin que el diseño sea afectado. Regla no 10: SE ÚNICO Así de sencilla es esta regla, la más importante, se único al desarrollar tu proyecto, usa tus ideas y se tu mismo en las aplicaciones del diseño.
33
Diseños editoriales
34 los diseños editoriales constan de varios puntos como el tamaño ideal que debería tener cada tipo de texto, lo ideal es usar una tipografía de 12 puntos aunque la escala es totalmente relativa, ya que en un monitor o impreso es totalmente diferente y como luzca la tipografía dependerá de para qué plataforma está diseñada. Cómo decidas acomodar las frases y si no lo haces bien, puede que caídas en un crimen tipográfico. En la composición tipográfica debe de ser como una ensalada, empezar pequeño con elementos de distintos colores, sabores y texturas. Exposiciones de diseño editorial
Bibliografia http://cosasvisuales.com/category/diseno-editorial/ https://oja.la/curso/otros/aprende-todo-lo-que-necesitas-saber-sobre-adobe-indesign-paso-a-paso-parte-1 https://www.macprovideo.com/es/hub/indesign/5-tips-indesign-user https://helpx.adobe.com/es/illustrator/using/tool-galleries. html
35
36
TECNOLOGIAS PARA EL DISEÑO I