Monday, December 23, 2024

Tríptico

 

 Ejercicio propuesto:

Realizar un tríptico completamente libre, tamaño A4 y con tres plegados.

Inicio

Empezamos creando el archivo, aquí las medidas del formato:



Como se ve lo importante es que vamos a tener dos caras para trabajar. En cada una de ellas tres espacios que compondrán los pliegos. Ahí reside el interés de este trabajo, en el juego con la narrativa de abrir el folio y encontrar la información. Es muy importante trabajarlo con papel antes de llevárselo a lo digital para comprender cómo funciona.

Por tanto el primer paso de este trabajo es, como debería sr en cualquier otro, bocetar nuestras ideas. Aquí uno de mis ejemplos

-portada y contraportada:
-páginas intermedias:

-páginas interiores:




Para bocetar es importante tener conocimiento de la información que vamos a transmitir. Al ser libre es nuestra decisión. Mi tríptico como se observa en los ejemplos trata sobre la organización del tiempo y su importancia, basándose en un autor en concreto sobre el tema.

Estructura

Con todo bocetado volvemos a nuestro documento y comenzamos la realización.
Para empezar vamos a utilizar una cuadrilla sobre la que componer la información de manera estructurada, añadiremos líneas en mitad de los medianiles que serán por donde irá el doblez. Además como ya vimos ajustamos la retícula de manera que quede así



Para ello las siguientes medidas:



Fondo

Lo siguiente que he realizado ha sido colocar los colores de fondo, que van a coincidir con la portada, la contra portada y el interior. Además de añadir un degradado que sea coincidente en las páginas internas previas a desplegarlo. Generando una narrativa como se ve en los bocetos:



El degradado está realizado en photoshop, porque es la mejor herramienta para componerlos. Tras realizarlo he exportado la imagen y la he dejado como fondo.

Portada y contraportada

Ahora que ya está el fondo hecho comienzo a añadir el contenido. El primer paso es la portada y la contra portada. He seleccionado helvetica como tipografía y he compuesto la portada de forma qeu se pueda leer por ambos extremos.


Lo siguiente ha sido colocar la ilustración de los relojes, compartida con portada y contraportada. Centrada en el espacio.



En la contraportada para finalizar he añadido elementos que generen conexión con la portada y que continuen con el mensaje del orden (rectángulos) y una breve continuación de cada título con la misma orientación.


Páginas intermedias

En estas páginas decidí poner la información general y desarrollada.
La primera responde a por qué este folleto existe y lo tienes en tu manos, para ello continua con la lógica de los títulos y el contenido queda junto con la imagen centrado. Para cuadrar los textos y que queden con el suficiente espacio pero sin pasarse los he ajustado a la mitad. O en el caso del de arriba a tres cuartos, siempre continuando la lógica de organización. La imagen la he enmarcado en un círculo para seguir con la coherencia de los círculos y tener una estética común en todo el tríptico ayudando siempre a la comunicación y la narrativa.


La otra página que contiene dos desarrollos de información más a continuado con la misma configuración. Solo que para añadirle algo más de juego y de atracción la imagen juega con el texto, desplazándolo.



Contenido interior

Entorno a esto va todo el folleto por eso es importante esta parte, es donde se expone el método. Utilizando todos los elementos anteriores y adaptándolos a la información de la metodología lo que genero es la siguiente composición:


Hay un orden visual claro que te lleva de punto a punto, el título es directo está centrado y engloba todo lo que se trata de comunicar y además en el espacio que queda libre he añadido un resumen de lo que se ve expuesto.

Conclusión

Por tanto hasta aquí llegaría el trabajo. Como conclusión decir que es muy interesante jugar con la narrativa a través de lo que vas descubriendo como espectador, es un viaje desde cero a todo que acompaña al propio desarrollo del contenido.




Friday, December 20, 2024

panel

 

Ejercicio propuesto:

Realizar un cartel informativo sobre un proyecto de moda llamado escorpion, tamaño A1 y siguiendo un sistema de columnas.

Inicio

He creado el formato A1 de manera vertical y le he añadido ocho columnas que van a ser la base de mi composición de este cartel:
En este trabajo emplearemos el uso de reglas, cuadros y las columnas ya vistas para componer el espacio. Además de incrustar las imágenes y ajustarlas a los tamaños necesitados como ya vimos en la revista.

Componiendo el espacio

He diseccionado las columnas en cuadrado iguales y todos con el mismo margen entre ellos para hacer lo que va a ser la retícula de todo. El espacio que van a ir ocupando los diversos elementos. Además he estudiado el contenido viendo que tiene más y que menos importancia para componer con jerarquía.


El resultado que me ha dado componiéndolo con los bloques que van a ocupar cada información es el siguiente:


Completando el espacio

He ido agregando paso a paso el contenido a cada caja que tenía compuesta, comenzando por el título:


Tras el título he completado la primera sección de texto he imagenes:



He decidido rellenar el texto al completo para ver con que imágenes acompañar cada parte:


He decididio cambiar las imagenes iniciales y parte de la composición del texto para hacerlo más armonioso, tratanfo de que los textos tuvieran coherencia compositiva:


Al final, tras muchas vueltas, ajustes y balances ha quedado así mi cartel final:

Conclusión

Ha sido todo un reto hacer que todo el texto las imágenes y los títulos funcionara pero creo que he obtenido un resultado armonioso y legible. He aprendido mucho sobre componer y sobre jerarquías.

Wednesday, December 11, 2024

Creando nuestra primera revista

 Ejercicio propuesto:

Vamos a aumentar y a aplicar nuestros conocimientos de Indesign y maquetación en generar una revista completamente propia. Consiguiendo así empezar a trabajar con más profundidad en la aplicación.

Nuevas herramientas y posibilidades

Comenzamos por tanto con la explicación de todo lo nuevo, partiendo siempre de la base que conseguimos en el ejercicio anterior. (Entrada: Primeros pasos en Indesign) Para esto vamos a hacer una revista de prueba, con el fin de verlo todo.

Empezamos creando el archivo, aquí las medidas del formato (incluyendo márgenes) son libres lo que nos da la posibilidad de experimentar como queramos con la composición. Esto no quita que a la hora de hacer un planteamiento en el que debamos tener en cuenta los costes de cada formato y si son realistas con el fin de nuestra obra o no. Vamos a emplear las siguientes medidas:


Como se ve vamos a dejar dos columnas con 1 medianil de 10mm para componer con cierta coherencia.

Una vez que tenemos el documento creado para experimentar vamos a jugar con los números de página, somos libres a la hora de mostrar el contenido así que podemos liberar nuestra creatividad:



Separamos la mitad de la doble página y nos encontramos con que compositivamente podemos hacer infinidad de contenidos. Aquí ejemplos de algunos bocetos:


Los contenidos van a ir siempre en marcos (texto, fotos...). Van a funcionar como piezas de puzzle que reorganizamos como veamos.



Herramientas nuevas:

Como se ve en las imágenes vamos a poder utilizar ceñir texto para jugar de diferentes maneras:



También texto sobre trazado



PHOTOSHOP PARA INDESIGN

Cuando queremos añadir contenido gráfico a nuestros documentos lo haremos en el caso de la revista siempre a través de marcos. Los marcos son de tamños determinados y para ajustar las fotos al tamaño deberemos seguir los pasos siguientes:
1Abrimos la foto
2Comprobamos que el tamaño de la imagen sea valido (mayor que el cuadro)
3Con la selección de marco rectangular recortamos con la medida exacta lo que necesitemos. Hay que tener en cuenta que si la imagen es demasiado grande vamos a tener que ajustarla menguandola, siempre manteniendo los 330 puntos por pulgada.
4Copiamos la selección y creamos un nuevo documento de su tamaño, lo guardamos en PNG.
5Volvemos a Indesign y colocamos la imagen en el cuadro deseado..

Las imágenes quedaran fuera pero no vinculadas, es decir que el archivo no las contendrá pero hará uso de ellas si las ubica. Esto es útil cuando el número de imágenes es muy grande pero nosotros vamos a incrustarlas en el propio documento, a hacer que formen parte de el. Para ello haremos ventana, vínculo, imagen, incrustar vínculo.

Las imágenes que no estén incrustadas saldrán con el siguiente indicador:



Creando la revista

Con todo esto claro y sabiendo que hay que hacer varias composiciones para jugar a diferentes cosas donde se usen las herramientas vistas yo he generado pliegos como los dos siguientes ejemplos para la mía:



Como se ve la revista gira entorno a la clasificación tipográfica y es un ejemplo de lo visto en este ejercicio, tratando de ser creativo a la hora de componer.







Wednesday, October 30, 2024

Primeros pasos en InDesign

¿Qué es InDesign?

InDesign es una aplicación de diseño destinada a realizar trabajos de composición editorial que va desde libros y revistas a flyers y presentaciones.
Dentro de los software destinados a este uso InDesign destaca a nivel actual por ser el mejor, por razones como su versatilidad, funciones y facilidad a la hora de producir con el.
Al igual que el resto de paquetes de Adobe InDesign ha ido creciendo y mejorando por el tiempo con las actualizaciones que ha recibido. Así se ha convertido y estandarizado como la gran herramienta que es. Una vez que tenemos esto claro podemos comenzar.

Ejercicio de inicio propuesto

Para comenzar vamos a iniciar el programa con el fin de maquetar dos capítulos de un libro. Así haremos un repaso por los elementos mas esenciales de InDesign aprendiendo todo el conocimiento base necesario.

Creando el archivo

Al abrir la aplicación y darle a nuevo archivo nos aparece el siguiente menú:


Aquí será donde decidamos la base sobre la que construiremos nuestro proyecto por lo tanto tiene mucha importancia y hay que dedicarle su tiempo. Aun sabiendo que una vez creado podemos editarlo sentar lo esencial de forma solida es muy necesario.
A la izquierda podremos seleccionar entre archivos anteriormente a creados por nosotros, documentos ajustados a valores de impresión normalizados o plantillas que la propia aplicación nos sugiere. A la derecha tendremos todos los valores a editar donde los mas importantes puede decirse que son:
  • Medidas: Todos los valores que nuestro formato llevará. Ancho, alto, número de páginas  y la decisión sobre si vamos o no a querer generar pliegos, páginas dobles.
  • Columnas: Guías que nos ayudaran a mantener una coherencia y composición entre los diferentes contenidos que vamos a configurar en la aplicación.
  • Márgenes: Valores de las guías que nos van a indicar el espacio que dejamos con el borde. Hay que tener en cuenta el trabajo a realizar a la hora de decidir cuanto margen vamos a utilizar. Puede ir desde cero en caso de algunos fliers y revistas a un margen muy amplio para libros de cantidades altas de páginas, con el finde perder información al plegarse.
  • Sangrado: Existe un error que debemos evitar siempre, los problemas de impresión. Cuando ajustamos imágenes al borde, por ejemplo, nos estamos arriesgando a que al cortarse el documento queden tiras blancas. Para evitar este tipo de sucesos añadimos un espacio de sangrado de algunos centímetros que funciona como salvavidas en caso de que el corte no se perfecto.
  • Anotaciones: Útiles tanto para trabajo colectivo como en solitario. Nos genera un espacio donde poder escribir conceptos importantes a tener en cuenta sin entrar en conflicto con el resto de elementos del documento.
En el caso de ejemplo que vamos a llevar a cabo necesitamos unas medidas de libro de bolsillo, a mi me ha quedado con estas medidas:




Páginas y elementos principales

El primer paso que vamos a dar van a ser la páginas maestras. Estas páginas generan un contenido que se mantiene ineditable y puede ser añadido a cualquier número de páginas que decidamos. Para poner como ejemplo nuestro ejercicio, nos encontramos con que queremos tener en la página izquierda el nombre del libro, a la derecha el del autor y en ambas el número. Para ello vamos a añadirlos a una nueva página principal (B).



Con ayuda de las reglas he añadido las cajas de texto en un espacio exacto y equivalente en ambos, al igual que la linea que lo subraya. El número de página lo he añadido desde texto - caracteres especiales (número de página), se ven como una B porque son un elemento que cambiará dependiendo de en que páginas estemos situados pero que mantendrá una regla. Acabará quedándonos algo parecido a esto:




Los número no están en contacto con el margen para ganarse su propio espacio.
Ahora lo que toca es añadir esta página maestra a el resto de páginas para que todas sigan esta norma, para ello simplemente la arrastramos a donde queramos que se extrapole y listo ya nos aparece en todas.


Texto, párrafos y capítulos

Ya toca comenzar con lo bueno, el texto. Lo primero y que se complica un poco en nuestro ejercicio es extraer el texto que vamos a utilizar. Tenemos un pdf con todo el libro de un verdor terrible pero claro al copiarlo y pegarlo nos vamos a encontrar sin párrafos. 
Para solucionar esto hay varias formas, yo externamente he abierto el pdf en Acrobat (aplicación de edición pdf). Al abrirlo me quedé tan solo con los capítulos tres y cuatro. Tras esto lo abrí en un documento lo copié y ahora si lo pegué. Se generó un nuevo problema pero mucho mas facil de solucionar que veremos mas adelante.

El principio del texto es crear lo cuadros donde va a ir. Para ello utilizamos la herramienta de cuadros de texto, o la de cuadros y lo transformamos y delimitamos los espacio dentro del margen. InDesing tienen una función muy útil que nos permite copias y pegar en un mismo espacio generando así que todo esté bien.
Errores comunes:
  • Editar por error las páginas principales en vez de la que queremos.
  • No dejar los cuadros bien ajustados al margen.
Con los cuadros de texto puesto vamos a activar la opción en ver de que se nos muestren las cadenas de texto. Con esto visible comenzamos a enlazar el texto pulsando primero en el nodo y luego en el cuadro al que lo dirigimos y veremos que nos queda tal que así:



Aquí es donde entra el problema a solucionar del texto, al haber copiado y pegado así (ya que la aplicación no nos permitía insertarlo) hemos generado espaciados que no queremos y que debemos revisar y eliminar. Estos espaciados provienen de los saltos de páginas del documento copiado y son muy fácilmente detectables por lo que solucionarlo no debería de ser complicado.



Ahora comenzamos a crear los tipos de párrafo, que servirán para guardarse y usarlos donde queramos manteniendo lo s valores y quitándonos carga de trabajo.
Como se ve, hemos maquetado el capítulo de forma que empiece un poco por encima de la mitad de la página, lo hemos centrado y le hemos dado un valor de puntos mayor. Con esto generamos un párrafo que llamaremos título. A continuación lo repetimos en el siguiente capítulo, que nos queda a la derecha tal y como queremos.

El resto del texto lo editamos para que funcione también. Primero vamos a hacer que en los saltos de párrafo haya una sangría que nos marque bien donde está. No tendremos que tocar la tipo porque es la Times New Roman que necesitamos pero sí haremos que ocupe toda la página el texto.



Para situarlo bien haremos visibles las cuadrículas de texto a las que vamos a ligarlo. En preferencias editaremos los valores para que el espacio entre línea y línea sea el mismo que el de la tipo (en este caso 14,4). Haremos que se quede dentro de el margen. Tras esto en párrafos seleccionando el texto ejecutaremos que el texto vaya sobre la cuadrícula.







Con esto por tanto ya tendríamos lo capítulos y el texto bien encuadrados y tal y como lo queremos.

Saltos de sílabas

Para evitar las huérfanas y las viudas establecemos que los saltos de sílaba y de texto tengan la siguiente configuración.








Pies de página

Los pies de página son texto o imágenes que se colocan en el margen inferior para darnos explicaciones sobre el contenido, en el caso de nuestro trabajo. 
Para generarlos tan solo tendremos que enmarcar la palabra e insertar un pie de página, esto nos numerara lo seleccionado y nos colocará al final el número tal y como se ve.








Nosotros vamos a ir mas allá y vamos a tratar de editar el pie para ello generaremos un estilo de carácter para el número y otro para el texto que añadiremos en las preferencias del pie de página. Así lograremos que todos nos aparezcan tal y como queremos. 
Además de esto vamos a designar que los pies de página aparezcan en cada sección, siendo estas cada capítulo. Esto va a hacer que la cuenta por capítulos se reinicie tal y como queremos para este ejercicio.




Empaquetar y finalizar

Una vez que hemos terminado con los ajustes y vemos que nuestro trabajo puede considerarse finalizado procederemos a guardarlo. Cuando lo guardamos tenemos el archivo para editarlo y sacar un pdf pero es necesario para este ejercicio empaquetarlo. Crear una carpeta que contenga un archivo IMDL INDD PDF y las dos fuentes que hemos utilizado, (números de página y texto). Hay un proceso previo donde podemos ver todo lo que vamos a empacar.







Con esto finalizamos este inicio y esta segunda entrada del blog.
Un abrazo.
PabloMF 

😎









Thursday, October 10, 2024

PLE (Personal Learning Enviroment)

Antes de entrar de lleno en la realización de un PLE hay algo que está bien aclarar, ¿Cómo funcionan internet y los medios digitales?

Internet no es más que una conversación entre millones de personas y al igual que en una conversación nuestra actitud puede llevarnos a cualquier lado. Nosotros como usuarios experimentamos el entorno y debemos (si lo que buscamos es mejorar aprender y crecer en aquello que nos es relevante) ser activos. 
Para ser individuos activos dentro de la red tan solo debemos interactuar y esta interacción puede separarse en tres partes fundamentales:

1. La gestión y el acceso a la información. Como nos llega y de qué manera organizamos la infinita información que a día de hoy hay en internet.

2. Las herramientas de creación. Que utilizas para llevar a cabo tus ideas, para crear aquello que quieres.

3. La relación con otros usuarios de la red. De qué forma compartes tus conocimientos y los pones en común con el del resto, como generas y como extraes las influencias a partir del contacto con los demás.

Estas tres partes constituyen la base del entorno que genera lo digital haciendo posible que cualquier momento y cualquier lugar sean un sitio adecuado para el aprendizaje.
Ahora bien, existe tanto, tanta información, tantos programas, aplicaciones sistemas, tantos medios de comunicación... que si no conservamos un orden lógico nos perdemos y dejamos de aprender de forma economica. Para evitar este desborde y funcionar de una forma lógica es para lo que están los PLE que no son más que un esquema de nuestro entorno virtual.