Diagramación de newsletter en InDesign

...

[pic 4]

Páginas maestras principal y secundaria originales (izquierda). Cuando la página maestra principal se modifica, las secundarias se actualizan de forma automática (derecha)

1.5: Tiempo Actividad 1:

- 3 horas pedagógicas

1.6: Equipamiento e insumos para Actividad 1

- Planta física: Laboratorio de computación PC o MAC, 1 equipo por alumno.

Equipamiento

- Software Adobe Master Collection CS5.5 o CS6 Illustrator.

Insumos

- Fotografía de alumnos

- Logotipo institucional de AIEP.

1.7: Paso a paso del procedimiento o técnica:

Creamos un nuevo documento con los siguientes parámetros:[pic 5]

---------------------------------------------------------------

Trabajaremos con el panel “páginas” (ventana > páginas) para visualizar la opción de “páginas maestras”

[pic 6]

En la ventana “páginas” se visualiza la miniatura de la página en la parte posterior y en la superior, la miniatura de la página maestra.

Al hacer “doble click” en la miniatura de la página maestra, se activa y queda de color azul, así sabremos que estamos trabajando sobre ella y no en otra página del documento.

[pic 7]

En la página maestra, realizaremos el encabezado de nuestro Newsletter, siguiendo una de las estructuras vistas anteriormente, pero le realizaremos algunas variaciones para que sea más dinámica y creativa. [pic 8]

---------------------------------------------------------------

Con la herramienta rectángulo, dibujamos dos rectángulos de distinto ancho para crear nuestro encabezado.

[pic 9]

Luego con la herramienta Pluma, dibujamos un rectángulo con ciertos bordes en curva:

[pic 10]

Repetimos este proceso con otro rectángulo en curva para el otro extremo;

[pic 11]

Para aplicar color, lo realizamos desde la herramienta “muestras”. Trabajaremos los colores en modo de color “RGB” pues, este Newsletter no será impreso, sino que será visto a través de un correo electrónico.

Se ocuparon 2 colores: el azul más oscuro tiene 56% de verde y 130% de azul. Y el otro color es

Blanco 100%.

Para lograr esas superposiciones de color se ocupa la opción “transparencia”

Seleccionamos el rectángulo curvo del azul más oscuro, y vamos a “objeto > efectos > transparencia”

---------------------------------------------------------------

Lo dejamos en modo: normal y con un 50% de transparencia.[pic 12]

Repetimos el mismo procedimiento con el rectángulo curvo blanco.

El siguiente paso será colocar el logotipo del Instituto y luego con la herramienta Texto, colocar la fecha y el título “Newsletter”.

[pic 13]

Los colores utilizados son los mismos de los recuadros.

El siguiente paso, será hacer un recuadro con la herramienta “rectángulo” para colocar lo siguiente:

“mayor información: cursosonline@aiep.cl”

Ahora, salimos de la “página maestra” y trabajaremos sobre nuestra página “1”

Así el encabezado se repetirá en cada página que agreguemos.

Empezaremos a diagramar texto e imagen. En la primera columna de texto dibujaremos con la herramienta “pluma” un recuadro con efecto ondulado y otro más abajo:

[pic 14]

En el primer recuadro colocaremos una foto, y en el segundo le daremos color de relleno para colocar texto encima.

---------------------------------------------------------------

La fotografía se coloca desde “archivo > colocar” y se ajusta en tamaño proporcionalmente.

[pic 15]

Al recuadro se le da un color de relleno, y se duplica la forma curva para colocar el texto dentro y siga la forma.

Se coloca texto falso desde “Texto > Llenar con texto falso”

Lo dejamos en 12 ptos con una tipografía a elección.

[pic 16]

Para las otras 2 columnas de texto, seguiremos la misma forma ondula que le hemos dado anteriormente a la primera columna, y aplicamos color de relleno desde el panel “muestras”.

El segundo color es el azul oscuro, pero con un 52% de matiz. (se ven en la parte superior del panel muestras)

Duplicamos la forma para poder incorporar el texto dentro y que éste siga la figura, es más fácil colocar un color de trazo (fucsia) para visualizarlo y poder escalarlo más pequeño.

[pic 17][pic 18]

Una vez que se escala el recuadro, se coloca el texto dentro y este, sigue inmediatamente la curva.

Se cambia el color de texto a blanco para que se lea bien, y luego se coloca sin color el trazo del recuadro.

---------------------------------------------------------------

La última parte será simular un calendario de fechas.

Para ello, con la herramienta