Diseño Digital 3 InDesign

Silena Fonseca Brenes

Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
EL CURSO

Receso 20 min
EL CURSO
PRACTICA
PRACTICA
PRACTICA
PRACTICA
PRACTICA
PROYECTOS
PROYECTOS
PROYECTOS
TEMAS CATALOGO
TEMAS DE PRODUCTOS PARA PROYECTO

1 Cup cakes
2 Chocolatería
3 Galletas
4 Té
5 Accesorios para cabello
6 Café
7 ropa deportiva
8 Cereal para niños
9 Licores
10 Utencilios de cocina
11 Celulares
12 Jueguete para bebé
13 Comida para perro
14 Pañuelos desechables
15 Jabón de mano
16 Esencia para difusores
17 Cepillo de dientes de bamboo
18 Audífonos
19 Pizza
20 Jugos naturales
Integración de los Programas base para el desarrollo
de proyectos de Diseño Gráfico

Adobe Illustrator es un editor de gráficos vectoriales en

forma de taller de arte que trabaja sobre un tablero de
dibujo, conocido como «mesa de trabajo» y está
destinado a la creación artística de dibujo y pintura para
ilustración. Usando un lenguaje gráfico contemporáneo
mediante el dibujo vectorial.

• Ilustraciones
• Logos y logotipos
• Packaging de todo tipo de productos
• Tipografías
• Diseño papelería
Integración de los Programas base para el desarrollo
de proyectos de Diseño Gráfico

Adobe Photoshop es un editor de gráficos

rasterizados desarrollado por Adobe Systems
Incorporated. Usado principalmente para
el retoque de fotografías y gráficos, su nombre en
español significa literalmente "taller de fotos". Es líder
mundial del mercado de las aplicaciones de edición de
imágenes y domina este sector de tal manera que su
nombre es ampliamente empleado como sinónimo para
la edición de imágenes en general. “Photoshopear”.
• Retoque de imágenes
• Reparación de fotografías
• Fotomontajes
• Edición de imágenes
¿Qué es?
¿Qué es?

Adobe InDesign es el software de diseño de páginas líder

del sector para medios escritos y digitales. InDesign tiene
todo lo que se necesita para crear y publicar libros,
revistas digitales, libros electrónicos, pósteres, PDF y
mucho más. Comparte contenido y comentarios
rápidamente en PDF.

ID es multiplataforma Mac-Windows.
¿Qué es? Documentos impresos o digitales

EPUB (electronic publication,

publicación electrónica)

Procesador de texto para editorial Publicaciones digitales o libros electronicos

¿Qué es?

No solo permite trabajar con muchos formatos a la hora de editar el

material, también se puede exportar el proyecto final en muchos
formatos. Adobe Indesign permite al usuario exportar contenidos en
formatos PDF, JPG, PNG o Flash, entre muchos otros. Facilitando de
esta manera el trabajo por parte del usuario, que encuentra siempre
un formato con el que es compatible.
¿Qué es?

Algunos usos de Adobe InDesign

• Diseñar folletos.
• Maquetar documentos para impresión como revistas,
libros, catálogos.
• Realizar documentos pdf.
• Desarrollo de identidad visual corporativa completa.
• Preparar el prototipo para experiencia de usuario de
una web.
• Crear libros electrónicos en formato ePUB.
¿Qué es?
¿Qué es?
¿Qué es?
¿Qué es?
¿Qué es?
¿Qué es?
Reseña
Se ha recorrido un largo camino desde 1999. InDesign se
centró en brindar a los profesionales creativos las
primeras innovaciones de la industria. En ese momento,
InDesign era la primera aplicación de autoedición que
permitía a los editores diseñar con
transparencia. MacWorld publicó esto sobre InDesign en
2001: “La característica más impresionante de la próxima
actualización de InDesign es la transparencia de los
objetos . Te permite cambiar la opacidad de cualquier
elemento de tu página: texto, cuadros o imágenes ". Esta
innovación de hace años es ahora algo que damos por
sentado.
Reseña
Tras una intensa campaña de marketing que ha venido
anunciando la llegada del «verdugo de Quark» , Adobe
presenta InDesign al mundo de las artes gráficas. Tanto la
primera versión 1.0, como su inmediata revisión, la 1.5,
tienen dificultades para atraer usuarios. A pesar de sus
espectaculares novedades cuenta con serios problemas a
la hora de imprimir y exige altos requerimientos
de memoria y de procesador.

Con apenas una semana de diferencia, en febrero de 2002

aparecen QXP 5.0 e ID 2.0.
Reseña
Cuando el sector esperaba la versión 3, Adobe sorprende
al mercado al presentarla incluida en un paquete
completo de software de diseño que es bautizado
como Creative Suite (CS) y que puede adquirirse a un
precio equivalente en conjunto al de la aplicación de
Quark en solitario. Y apenas año y medio después aparece
la CS2. La «táctica de envolvimiento» da buenos
resultados a Adobe y le permite ocupar el escritorio de
multitud de diseñadores, agencias de comunicación y
revistas mensuales.
Reseña

InDesign 1.0 debuta el 31 de agosto de 1999.

 Reseña

Campaña publicitaria de InDesign 2.0.

https://blog.adobe.com/en/2019/08/26/20-years-of-adobe-indesign.html#gs.5x9u49
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
 Reseña Logo

https://1000marcas.net/adobe-indesign-logo/
Versiones
ID
NOVEDADES
NOVEDADES
VIDEOS

https://www.youtube.com/watch?v=m65zX3HeP4U

https://www.youtube.com/watch?v=5PuyRw3SU5Q
Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
CREAR DOCUMENTO
AJUSTAR DISENO
Seleccione Ajustar
tamaño de
fuente para modificar
el tamaño de fuente en
el documento en
función de los cambios
de márgenes. También
puede definir límites de
tamaño de fuente para
el ajuste automático
seleccionando Definir
límites de tamaño de
fuente y especificando
un valor para el tamaño
de fuente mínimo y
máximo.
ABRIR DOCUMENTO
GUARDAR DOCUMENTO

IDML
PARA VERSION MENOR
Espacios de trabajo
 NAVEGAR

manita

zoom

Cambiar
de
página
MODO DE VISUALIZACION EN ALTA
PARA IMPRESION
MODO DE VISUALIZACION:w
MENU PAGINAS

Visualizacion de pag

Nueva pag
Borrar pag
CAJA DE HERRAMIENTAS Herramienta Selección
Herramienta Selección directa

ESPACIO DE TRABAJO ESCENCIAL Herramienta página

Herramienta hueco
CLASICO Herramienta recopilador de contenido
Herramienta texto
Herramienta línea
Herramienta pluma
Herramienta lápiz
Herramienta marco contenedor
Herramienta rectángulo
Herramienta tijeras
Herramienta transformación
Herramienta degradado
Herramienta desvanecimiento degradado
Herramienta nota
Herramienta cuenta gotas/ tema color
Herramienta mano
Herramienta zoom

RELLENO/ STROKE

COLOR
Opciones de visualización
CAJA DE HERRAMIENTAS
ESPACIO DE TRABAJO ESCENCIAL
CLASICO
Herramienta página Herramienta recopilador de contenido
La herramienta Página permite modificar Las herramientas Recopilador de
el tamaño de una o varias páginas de un contenido y Colocador de contenido
documento de InDesign CC de forma permiten duplicar los elementos de la
independiente a las demás páginas y a página y colocarlos en documentos de
la página maestra. InDesign abiertos. Mientras se recopila
el contenido, se muestra en el Conversor
de contenido. Utilice el conversor de
Herramienta hueco contenido para colocar y vincular
elementos de varias páginas con
Manteniendo pulsada la tecla Command, facilidad y rapidez en todos los
la herramienta Hueco solo cambiará el documentos abiertos.
tamaño del espacio. Mantén apretada la
tecla Option para mover todos los
elementos unidos al espacio. Y mantén
apretada la tecla Option + Shift para que
se limite a dos elementos conectados al
espacio.
 PRÁCTICA 1
CREAR DOCUMENTO TAMAñO
CARTA,
EN BLANCO QUE CUMPLA CON:
• 6 PAGINAS OPUESTAS EN
PLIEGO
MARGEN SUPERIOR 1,5CM,
•ENVIAR POR MAIL: silena.fonseca@UAMCR.NE
MARGEN INFERIOR 3CM,
MARGEN INTERIOR 3CM,
PRÁCTICA 2
DOCUMENTO 20X10CM, 1 PAG, MARGENES TOTALES A 1
CM REPLICAR:
PRÁCTICA 3
DOCUMENTO 15x15CM, 1 PAG, MARGENES TOTALES A 1
CM REPLICAR:
Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
 Uso de retículas
En diseño editorial
https://www.youtube.com/watch?v=2_enMJFo544

https://www.youtube.com/watch?v=VInJrHRMHps
Tipo de retículas
Tipo de retículas

MANUSCRITO
Esta estructura presenta una única
hilera de información, esto para dar
una continuidad y aprovechar al
máximo el espacio en textos largos y
persistentes. Posee márgenes
amplios y evita que se pierda el
punto de lectura, transmite calma y
tranquilidad. Los libros o informes
utilizan este tipo de retícula.
Tipo de retículas

COLUMNAS
Las columnas pueden disponerse de
forma que sean iguales en su
utilización o que una de ellas
desempeñe una tarea diferente.
Igualmente, un sistema de columnas
debe permitir que se utilicen varias
en una sola, aunque en este caso,
deberán ser estrechas. Depende del
cuerpo del texto seguido la anchura
de las columnas. Deben entrar tantos
caracteres como permitan una
lectura cómoda.
Tipo de retículas

MODULAR
Es una retícula de columnas con un
gran número de líneas de flujo
horizontales que subdividen las
columnas y que dividen la superficie
en “zonas espaciales” a las que se
puede adjudicar una función
específica. El tamaño de los módulos
puede ser determinado por motivos
tipográficos, puede ser el espacio
adecuado para medio párrafo. Es
especialmente adecuada para
proporcionar un aspecto de álbum
que permita integrar contenidos muy
dispares o imágenes de tamaño muy
distinto.
Tipo de retículas

JERARQUICA
Una retícula de este tipo surge de la
propia naturaleza de los contenidos.
Se adapta a las necesidades de
información y muestran una
disposición intuitiva de “alineaciones
vinculadas a las proporciones de los
elementos, y no en intervalos
regulares y repetidos”. La anchura de
las columnas es también variable.
Boceto de retícula
Nos vamos para ID
MARGENES Y COLUMNAS
CUADRICULA PARA DIAGRAMACION
RETICULA PARA DIAGRAMACION
RETICULA PARA DIAGRAMACION
RETICULA PARA DIAGRAMACION
 REGLAS CMD+R

Todas las guías se pueden ocultar y mostrar o bloquear y

desbloquear desde el menú VER
PRÁCTICA EN CLAS
Replicamos la reticula hecha a mano en ID con texto
falso y rectangulo de color gris en espacio de
imagen.

COMPARTIR FOTO POR CHAT DEL BOCETO Y PLIEGO E

PAGINA MAESTRA

Hacer nueva pag maestra y aplicar la página

NUMEROS DE PAGINA

Por lo general, los marcadores

de número de página se añaden
a las páginas maestras. Si se
aplican páginas maestras a las
páginas de los documentos, la
numeración de páginas se
actualiza de forma automática, al
igual que los encabezados y los
pies de página.
Ajustar los NUMEROS DE PAGINA

Elegir el
número de
página de
inicio

Cambiar el
estilo
ORGANIZACION DE PAGINAS
PRÁCTICA EN CLASE

SUBIR AL AULA VIRTUAL

Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
FORMAS Y COLOR
Número de teléfono
Correo electrónico
COLOR

Podemos gestionar desde el

color picker o panel de color.
 MUESTRA
Puedo seleccionar la muestra,
cambiarle el color, el nombre,
convertirla en tinta plana o su
modo de color.
FORMAS

Se puede colorear,
transformar y distorcionar con
buscatrazos.
EJERCICIO 1
Replicar el diseño adjunto usando formas, 2
columnas, texto falso, color y gradientes. Deben
cargar la muestra que les comparto. Medida
15x25cm, márgenes libres.

EVIAR FOTO AL CHAT EN MODO REGULAR

CLASIFICACION DE LAS
TIPOGRAFÍAS
Número de teléfono
https://www.youtube.com/watch?v=G0zf8EXpAIQ
Correo electrónico
 HERRAMIENTA TEXTO

Esta trabaja con cajas de texto

 HERRAMIENTA TEXTO Justificación del
párrafo
Caracter Superindice
Párrafo Mayusculas
Subrayado

Rayado
Elegir tipografías Medida Subindice
Interlineado

Mayusculas
pequeñas
EJERCICIO 2
Replicar el diseño adjunto usando formas, texto,
márgenes a 1.5cm a todos los lados, tamaño carta.
Retícula tipo manuscrito.

EVIAR FOTO AL CHAT EN MODO REGULAR

TEXTO EDITORIAL
Número de teléfono
https://www.youtube.com/watch?v=0TUf9CS03MA
Correo electrónico
COLOCAR TEXTO
CMD+D

Podemos colocar textos

editados en word.
SUSTITUIR FUENTES

Podemos encontrar una tipografía y sustituirla por

otra en todas sus aplicaciones.
SANGRIAS

Podemos aplicar una sangría

a solo un reglón o todo un
párrafo.

Texto resaltado con sangrías

capitulares

Tamaño del capitular

Cantidad de letras capitulares

VIÑetas DE PARRAFO

Se pueden incluir viñetas

de simbolo o números
 SOMBREADO DE PARRAFO

Generar una sombra al

párrafo para destacarlo.
PRÁCTICA EN CLASE

SUBIR AL AULA VIRTUAL

Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
COLOCAR IMAGENES
Número de teléfono
Correo electrónico
 MARCO CONTENEDOR O MARCO DE
FORMA
Un marco contenedor esta
programado para contener gráficos,
un marco de forma no tiene definido
su contenido.

CONTENEDOR FORMA
COLOCAR IMAGENES
CMD+D

Podemos colocar gráficos de

diferentes formatos como
JPG, tiff, png, PSD, ai, eps,
pdf,
OPCIONES DE COLOCAR IMAGENES
CMD+D

Manejo de layers de objetos

colocados.
 AJUSTAR CORRECTAMENTE LA IMAGEN

Podemos colocar gráficos de

diferentes formatos como
JPG, tiff, png, PSD, ai, eps,
pdf,

Imagen al Imagen ajustada

100% proporcionalmente
 TRANSFORMAR IMAGENES

Herramienta
transformar

Al abrir o cerrar una caja contenedora vamos a transformar el tamaño de la caja no

de la imagen. Para eso podemos usar la herramienta E( transformar).
COLOCAR VARIAS IMÁGENES AL
MISMO TIEMPO
Se deben formar los cuadros
contenedores, luego se elijen las
imágenes que quiero colocar al
mismo tiempo, y con las flechas del
teclado se visualizan las imágenes.
COLOCAR MOSAICO
 1 2

EJERCICIO 1
Tamaño 15x15cm, 4 paginas, diagramación a 2
columnas, sin paginas opuestas, incluye texto
falso e imágenes.

EVIAR FOTO AL CHAT EN MODO

3 4
 CEÑIR TEXTO

Los textos se ciñen a la forma de los

gráficos.
 CEÑIR TEXTO

Ceñir el texo a la forma del contorno de la

imagen no de la caja contenedora.
 EJERCICIO 2
Tamaño carta, 1 página, diagramación a 2
columnas, incluye real e imágenes.

EVIAR FOTO AL CHAT EN MODO

TXT 1:
¿Sabías que en el mundo existen alrededor de 800
razas diferentes de perros? ¡Así es! Cientos de razas
con sus características propias en cuanto a
personalidad, apariencia y carácter.
TXT 2:
Originario de Rusia, el husky siberiano fue utilizado durante
mucho tiempo como perro de trabajo, especialmente para
transportar a las personas en trineos.

El Beagle es muscular, sólido con un cráneo ligeramente

abovedado. Su hocico es cuadrado y la nariz ancha. Las orejas
son largas y caídas.
 PANEL DE VINCULOS
Ubicación en Página
Alertas

Instancias
Nombre del link

Modo de color

Resolución real

Editar original

Actualizar vinculo

Ir al vinculo

Revincular

Información
completa de la
imagen
PRÁCTICA EN CLASE

SUBIR AL AULA VIRTUAL

Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
Efectos en Indesign
Número de teléfono
Correo electrónico
EFECTOS: MODO DE FUSION-
OPACIDAD Este es un panel pequeño, que
le permite aplicar un número
limitado de efectos básicos a un
objeto, como alterar la Modo de
fusión (que afecta a cómo
aparecen los colores de los
objetos superpuestos)
y Opacidad.
EFECTOS
Un estilo de carácter es un conjunto
de atributos de formato de carácter
que se puede aplicar a un texto en
un solo paso

Los estilos de carácter no incluyen

todos los atributos de formato del
texto seleccionado. En su lugar,
cuando crea un estilo de carácter,
InDesign convierte solo aquellos
atributos que sean diferentes del
formato del estilo de la parte del
texto seleccionado.
EJERCICIO 2
Tamaño carta, replicar diseño usando efectos.

EVIAR FOTO AL CHAT EN MODO REGULAR

 Estilos de párrafo

Estilos de caracteres
Número de teléfono
Correo electrónico
 ESTILO DE PARRAFO
Un estilo de párrafo incluye
atributos de formato
de párrafo y carácter y se puede
aplicar a
un párrafo seleccionado

Capitular
Sangría 5mm
Letra Baskerville regular 16pt
Alineación justificada izquierda
ESTILO DE caracter
Un estilo de carácter es un conjunto
de atributos de formato de carácter
que se puede aplicar a un texto en
un solo paso

Los estilos de carácter no incluyen

todos los atributos de formato del
texto seleccionado. En su lugar,
cuando crea un estilo de carácter,
InDesign convierte solo aquellos
atributos que sean diferentes del
formato del estilo de la parte del
texto seleccionado.
ESTILOS ANIDADOS
Aplicar un estilo de párrafo que
contenga un estilo de carácter en
una “condición”
ESTILO GREP
GREP es una técnica de búsqueda
avanzada basada en patrones.
Los estilos GREP permiten aplicar
un estilo de carácter al texto que se
ajuste a la expresión GREP que se
especifique. Por ejemplo, puede
resultar conveniente aplicar un
mismo estilo de carácter a todos los
números de teléfono.
 Estilo txt amarillo

Estilo Grep palabra párrafo

Estilo txt amarillo

EJERCICIO 1
Tamaño carta, dos páginas, diagramación a 2
columnas, replicar diseño.

EVIAR FOTO AL CHAT EN MODO REGULAR

Archivos compaginados
Número de teléfono
Correo electrónico
ARCHIVOS COMPAGINADOS
Algunas veces (sobre todo
cuando se deben crear
"maquetas/bocetos" para el
cliente) necesitamos imprimir un
documento compaginado desde
InDesign; esto es, que nuestro
documento imprima en una sola
hoja, la primera y última páginas,
en otra hoja, la segunda y la
penúltima, etc.
PRÁCTICA EN CLASE

SUBIR AL AULA VIRTUAL

Diseño Digital 3 InDesign
Silena Fonseca Brenes
Número de teléfono
Email: silena.fonseca@uamcr.net
Correo electrónico
Archivos compaginados
Número de teléfono
Correo electrónico
ARCHIVOS COMPAGINADOS
Algunas veces (sobre todo
cuando se deben crear
"maquetas/bocetos" para el
cliente) necesitamos imprimir un
documento compaginado desde
InDesign; esto es, que nuestro
documento imprima en una sola
hoja, la primera y última páginas,
en otra hoja, la segunda y la
penúltima, etc.
 Manejo de archivos para
impresión y tintas especiales
Número de teléfono
Correo electrónico
PANTONE
Los colores Pantone (llamados también tintas planas) , un catálogo de códigos unívocos
elaborados por la homónima compañía estadounidense.
Cada patrón de color Pantone tiene un código unívoco que sirve para identificarlo y reproducirlo
cada vez que se desea.

Los códigos Pantone se componen de dos partes: la primera, que puede ser de números o letras,
indica la familia del color (azul, rojo, amarillo, etc) mientras la segunda indica la gradación
específica del color.
Si por ejemplo queremos hacer unas invitaciones con colores estándares y Pantone a la vez, se
debe contemplar así en el arte y realizar una plancha aparte para impresión.

Para obtener los mejores resultados, ten en cuenta esta distinción:

Coated: para papel recubierto estucado o brillo (revistas, folletos)
Uncoated: para papel sin recubrimiento, sin brillo o porosos
TINTAS PANTONE EN ID
CONVERTIR DE PANTONE A
CMYK
EXPORTAR Y HACER
EMPAQUETADO
Número de teléfono
Correo electrónico
MARCAS Y SANGRADOS
Debido a que los impresos se imprimen en papeles de gran formato,
es necesario que el archivo PDF incorpore unas marcas que indiquen
al guillotinador por dónde debe cortar el papel, para que el producto
final quede cortado a las dimensiones deseadas.
Opciones de MARCAS al guardar
Opciones de Marcas
El área Marcas y sangrado incluye las opciones siguientes:
Todas las marcas de impresora
Selecciona todas las marcas de la impresora, incluidas marcas de recorte, de
sangrado y de registro, barras de color e información de página.
Marcas de recorte
Añade filetes horizontales y verticales finos (como un hilo) que definen los límites
de la página. Las marcas de recorte también pueden ayudar a registrar (alinear)
una separación de color con otra. Al utilizarlas junto con marcas de sangrado,
puede seleccionar marcas superpuestas.
Marcas de sangrado
Añade filetes finos (como un hilo) que definen la cantidad de área adicional
necesaria para la imagen fuera del tamaño de página definido.
Marcas de registro
Añade pequeños “puntos de mira” al área exterior de la página para alinear las Efecto-marcas de recorte
diferentes separaciones de un documento en color.
Barras de colores
Añade pequeños cuadrados de color que representan las tintas CMYK y los
matices de gris (en incrementos del 10%). El proveedor de servicios utiliza estas
marcas para ajustar la densidad de la tinta en la impresión.
Información de página
Imprime el nombre del archivo, el número de página, la fecha y hora actuales y el
nombre de la separación de color en un tipo de fuente Helvetica de 6 puntos en la
esquina inferior izquierda de cada hoja de papel o película. La opción Información
de página requiere 13 mm (0,5 pulgadas) a lo largo del borde horizontal.
La información de página se imprime con la fuente GothicBBB-Medium-83pv-RKSJ-
H (Medium Gothic).
EMPAQUETAR
En inDesign esta la opcion de emaquetar el proyecto esto nos incluye las carpetas que necesitamos para asegurar que el impresor
no tendrá problemas al imprimir.
EJERCICIO
Tamaño carta, replicar diseño y exportar como
pdf con guías y excesos. Usar 1 tinta pantone:
PANTONE 172 C

EVIAR FOTO AL CHAT EN MODO REGULAR

PROYECTO FINAL
PRÁCTICA EN CLASE

SUBIR AL AULA VIRTUAL