Anda di halaman 1dari 48

Universidad Tecnológica del Perú

Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital


Lic. Mario Quiroz Martínez

Práctica Dirigida: Diagramación Básica (InDesign)


Logro: El estudiante utiliza las herramientas básicas del programa Adobe InDesign para insertar páginas, textos, e imágenes
además de exportar en diversos formatos para impresión y web.
Tema: Partes de una página en Adobe InDesign, uso de paneles, Páginas, Capas, Ceñir textos, insertar número de páginas,
uso de herramientas: Texto, Pluma, Rectángulo.

Revisar video de referencia: InDesign/Documento básico-Tutorial


1ERA. PARTE: CREAR PÁGINAS, INSERTAR TEXTO FALSO, IMÁGENES, CEÑIR TEXTO.
Luego de ingresar al InDesign, crear un Nuevo archivo: menú principal: Archivo(FILE)>Nuevo(NEW)>Documento(DOCUMENT).

Con las siguientes dimensiones:


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Pulse en la cadena: Sangrado (Bleed) y Anotaciones (Slug) e indique en todos sus campos: 5 mm sangrado y 6 mm anotaciones
Pulsar: Create

Superior o Top
Sangrado o Bleed

Medianil o Column Gutter

Anotaciones
o Slug
Margen o Margins

Columna 2 o Column 2
Columna 1 o Column 1
Exterior o Outside

Límite de la mesa de trabajo


Interior o Inside

Inferior o Botton

Ir al menú principal: Ventana (Windows)>Capas(Layer). Pulse 3 veces la opción: Crear nueva capa para tener un total de 4 capas.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Dele doble clic a las capas y cámbieles el nombre por: Folios, Imágenes, Texto, Fondos.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Ubíquese en la Capa (Layer): FOLIOS

Ir al Menú principal: Ventana(Windows)>Páginas(Pages).


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Desde el panel Páginas(Pages): darle doble clic sobre la opción: A-Página maestra(A-Master).
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Luego ir al menú principal: Archivo(File)>Colocar (Place): Encabezado_2018.JPG. De un clic sobre la hoja para COLOCAR LA IMAGEN.

Arrastre el icono de la imagen sobre la sección superior de la página (desde la línea roja del sangrado). Como se aprecia en la imagen
y soltar el mouse.

Estando seleccionado la cabecera, desde la barra de control verifique que el tamaño de la imagen: Ancho: 27.5 cm, Alto: 5.2 mm
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Duplique el encabezado hacia la otra página, seleccionando la imagen y pulse Alt y arrastre hacia la derecha ubíquela tal y como está
en la muestra.

Posteriormente presione en el centro del cuadro del PUNTO DE REFERENCIA y presione el botón de VOLTEAR HORIZONTALMENTE
(Flip Horizontal).

Coloque el logo deportivo.ai y ubicarlo según el gráfico.


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Copiar el logo_deportivo.ai utilizando la HERRAMIENTA SELECCIÓN y la tecla Alt y moverlo a la otra página.

Con la HERRAMIENTA TEXTO “Type Tool” (T), insertar un cuadro de texto que se ubique en la parte superior derecha de la página,
dentro de MARGEN EXTERIOR.

Nuevamente con la herramienta Texto “Type Tool” (T), hacer un clic dentro de la Caja de texto. El cursor debe estar parpadeando.
Ir al Menú principal: Texto (Type)> Insertar carácter especial (Insert Special Character)> Marcadores(Markers)>Número de página
actual (Current Page Number).
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Seleccionar la letra y darle las siguientes características:


Tipografía: Arial Black
Tamaño: 65 puntos
Alineación: Justificado izquierdo
Color: Blanco

Duplicar el texto, con la Herramienta Selección (Selection Tool)+ Alt y situarlo en el extremo izquierdo de la siguiente página.
Observe la muestra.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Darle doble clic al icono de la Página 2 (Ventana de páginas) para observar los cambios. Como verá todas las páginas están
enumeradas.

PORTADA DEL DIARIO


Nos ubicamos sobre la PÁGINA 1 y desde la ventana de páginas arrastramos la Primera página en blanco en la sección superior de
PÁGINAS MAESTRAS hacia la Página 1.

Página maestra

Página del documento


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Resultado

Ubíquese en la capa: Fondos. Luego ir al Menú>Archivos>Colocar: Portada deportivo.jpg. De un clic sobre la página para ubicar la
imagen sobre la hoja. Invadir desde el margen de la línea roja (sangría).

Con el icono cargado con la imagen El Deportivo_Portada.PDF, realice un trazo sobre toda la mesa de trabajo de la PÁGINA 1.
Recuerde que tiene que cubrir desde los límites del área de demasía.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

IR PÁGINA 2, E INSERTAR TEXTO Y TEXTO FALSO E IMAGENES


Ubíquese en la capa: Textos. Y con la Herramienta Texto “Type Tool”, insertar una caja de texto en la PÁGINA 2, dentro de la línea
LILA, de acuerdo a la figura.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Escriba en la caja de texto: “PAOLO GUERRERO”, aplicando los siguientes formatos: Mirian Pro, Regular, Tamaño: 20

Escriba en una nueva línea de texto: “Finalista y se perfila para ser el nuevo “Rey de América””, aplicando los siguientes formatos:
Mirian Pro, Bold, Tamaño 58 puntos, interlineado 56 puntos, en el panel de propiedades de CARÁCTER, (Character)
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Cambiar cantidad de columnas de la Mesa de trabajo


Cambie la CANTIDAD DE COLUMNAS en la página para eso vamos Menú principal: Maquetación (Layout)>Márgenes y columnas
Margins and Columns…

En el panel de Márgenes y columnas: Cambiar de 2 columnas a 4 columnas

1 2 3 4
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

LLENAR CON TEXTO FALSO


Trace una caja de texto usando la herramienta Texto “Type Tool” debajo del primer texto.

Luego ir al menú principal: Texto (Type)>Llenar con texto falso (Fill with Placeholder Text).
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Cambiar la cantidad de columnas en la caja de texto


Luego ir al menú principal: Objeto(Object)>Opciones de marco de texto (Text Frame Options). De la ventana aparecida configure
como número de Columnas: 4
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

INSERTAR CAPITULAR
Con la caja de texto seleccionada, vaya la BARRA DE CONTROL, pulsamos el ícono parecido a una P invertida para cambiar el formato
a CONTROL DE PÁRRAFO.

Seleccione el PRIMER DEL PÁRRAFO y aplique el siguiente formato. LETRA CAPITAL: 3

Seleccione todo el texto menú principal: Editar (Edit)>Seleccionar Todo (Select All) o presione las teclas Control+A

Marque el botón: justificar con la última línea….


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

INSERTAR IMAGEN EN LA CAPA FONDO


Deseleccione todos los objetos, menú principal: Editar (Edit)>Desleccionar todo (Deselect All)

Seleccionamos la Capa (Layer) Fondo.

Luego insertaremos una imagen de Fondo. MENÚ PRINCIPAL: Archivo(File)>Colocar(Place):


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Seleccionaremos la imagen: Foto guerrero 2018.jpg.

Con el icono cargado con la imagen, trace la caja de la imagen sobre toda la mesa de trabajo incluyendo el área de Demasía (BLEED)
como se aprecia en la imagen. Revise las coordenadas y el ancho y alto de la imagen.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

SILUETAR RUSTICAMENTE USANDO LA HERRAMIENTA PLUMA


Con la Herramienta Pluma dibujar la forma del contorno del cuerpo de Paolo Guerrero de acuerdo a lo mostrado en el gráfico.

Seleccionando el trazado, ir al Menú principal: Ventana(Windows)>Ceñir texto(Text Wrap).


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Y active el botón de Ceñir alrededor de forma del objeto (Wrap around object shape) en el panel.

Con el trazado de la pluma <path> seleccionado en la capa (Layer) FONDOS, cambie el color de trazado a NINGUNO.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

PINTAR EL TEXTO DE BLANCO


Selecciona la CAJA DE TEXTO con las Herramienta texto “Type Tool” y presiona las teclas Control+A (menú principal:y pinta el texto
de Blanco utilizando el panel de Muestras “Swatches”, haga lo mismo con el titular principal de la nota.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
El resultado final es:

Nota: Si la imagen colocada está pixelada, ir al menú principal: Ver (View)>Rendimiento de visualización (Display
Performance)>Visualización de alta calidad (High Quality Display). Y después ir a menú principal: Ver (View)>Modo de pantalla
(Screen Mode)>Previsualizar
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Se puede cambiar la cantidad de columnas en la mesa de trabajo en páginas individuales. Vaya a la Página 3 (use el comando Ctrl
+J), y cambie la cantidad de columnas en la mesa de trabajo del página, use el menú principal: Maquetación(Layout)>Márgenes y
columnas(Margins and Columns)…
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

1 2 3

Trace una caja de texto sobre las 2 columnas (de acuerdo a la figura) siguiendo los pasos anteriores, escriba el siguiente texto en la
Página 3: “Mundial 2018 Rusia. Portugal, en el grupo B, se medirá a España, Irán y Marruecos” y asígnele los siguientes valores
tipográficos. Rellene además las columnas con texto falso.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Trace una caja de texto debajo de las 2 columnas de titular principal. Use las siguientes coordenadas y dimensiones de referencia.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Presione en el panel de propiedades el botón de Controles de formato de párrafo (Paragraph Formatting Controls) P invertida y
cambia el alineamiento de texto y cantidad de columnas: 2

INSERTAR IMÁGENES EN LA PAGINA 3


Coloque las imágenes: Portugal_2018.jpg y Arte final aviso de 5 colm x 112 mm.jpg. Modifique su tamaño y ubíquelas tal y como
está en la muestra.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Trace el icono cargado con la imagen en forma diagonal

En la foto de Portugal_2018.jpg, luego ir al menú: Ventana (Windows)> Ceñir texto (Text Wrap) y designe la opción: Ceñir alrededor
de la forma del objeto (Warp around object sharpe) y designe como margen superior: 3 mm.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Modifique los tamaños de las cajas de texto como se aprecia en la imagen.


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Coloque la imagen del aviso Omega aviso.jpg sobre toda la sección inferior, dentro de los márgenes.

Con el icono cargado con la imagen, trace una diagonal sobre los márgenes (ver imagen).
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Coloque la imagen del aviso Logo relojes.ai sobre toda la sección inferior, dentro de los márgenes.

Con el icono cargado con la imagen trace una caja de imagen en las siguientes coordenadas y dimensiones
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Vaya a la capa (Layer) Fondos y pasamos a la Página 4 (use los comandos Ctrl+J) menú principal inserte el valor 4.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Seleccione la imagen Infografia.jpg

Con el icono cargado trace una diagonal sobre toda la página (como se aprecia en la imagen) recuerde que debe abarcar el límite
del área de demasía (Bleed). Revise la proporción de la imagen esta debe estar a 103%
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Ir al menú principal: Archivo(File)>Guardar como (Save As...). En la carpeta de trabajo en el Escritorio del Windows.

EL EMPAQUETADO
Mejoras en el empaquetado en InDesign CC
A partir de esta versión, podrá incluir un archivo PDF o IDML en un paquete creado desde InDesign para documentos
individuales. El paquete de InDesign ahora incluye archivos INDD, archivos vinculados, fuentes, IDML y un PDF (Imprimir).
Ir al menú principal: Archivo (File)>Empaquetar (Package…). En la ventana aparecida pulsar: Empaquetar, y en la siguiente ventana
pulsar: Continuar.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

A continuación en la ventana Empaquetar documento (Package Publication), ACTIVE TODAS LA OPCIONES y presione el botón
Empaquetar (Package), si aparece una ventana advertencia dale OK.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Exportar a PDF interactivo


Ir nuevamente al menú principal>Archivo> Exportar. Poner como nombre: Ejercicio_El deportivo web nombre y apellido y de tipo:
PDF interactivo
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

En la pantalla Exportar a PDF interactivo realice los siguientes cambios:


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

PDF PARA IMPRESIÓN


Ir nuevamente al menú principal>Archivo (File)> Exportar (Export). Poner como nombre: El Deportivo_Rusia 2018_NOMBRE Y
APELLIDO_imprimiry de tipo: Adobe PDF (Print) imprimir
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

EXPORTAR A SWF
Ahora iremos al menú archivo: Exportar (Export). Designe como nombre: El Deportivo_Rusia 2018_NOMBRE Y
APELLIDO_FlashPlayer y de Tipo: Flash Player (SWF).
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Verifique su trabajo en la carpeta donde ha guardado los archivos.

Abra el .html para apreciar la interactividad del archivo. Arrastre desde una esquina del archivo para pasar a la siguiente página.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

EXPORTAR EPUB
Por último, ir al menú archivo: Exportar (Export). Designe como nombre: El Deportivo_Rusia 2018_NOMBRE Y APELLIDO_Epub y
de Tipo: EPUB Maquetación fija (Fixed Layout)
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Vaya a la página web y busque SIMPLE EPUB READER
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Envié todos los archivos exportados a la plataforma Canvas.


Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez

Anda mungkin juga menyukai