Documentos de Académico
Documentos de Profesional
Documentos de Cultura
1
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) Texto Principal y trace una caja de texto sobre toda la sección superior de la página(dentro de la
línea violeta “margen”), tal como la muestra en la imagen.
Luego seleccione y corte (CTRL+X) las dos primeras líneas en la caja de texto inferior y péguelo en la nueva caja texto
maca vitae, fuente de energía y vitalidad
características del producto
Seleccione el texto MACA VITAE, luego desde la BARRA DE PROPIEDADES y activa la herramienta TEXTO aplique las
siguientes propiedades:
• Tipo: Franklin Gothic Heavy,
• Aspecto: Regular (Normal),
• Tamaño: 30 pt.
• Activar el botón: Todas mayúsculas.
2
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Ubique el cursor antes del texto: “fuente de energía y vitalidad” y presione las teclas MAYÚS+ ENTER (para crear una segunda
línea forzada en un solo párrafo), para pasar el texto en la segunda línea.
3
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Volvemos a seleccionar las palabras MACA VITAE y en el panel de propiedad de texto: Escala horizontal (SCALE HORIZONTAL)
insertamos el valor de: 175%
Con la HERRAMIENTA TEXTO (TEXT TOOL) seleccionamos el espacio entre palabra y palabra, y presionamos la tecla SUPR
(DELETE) para borrar el espacio y juntar las dos palabras.
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
Y pintaremos la palabra MACA de color VERDE abrimos el panel MUESTRA DE COLOR (COLOR PICKER) e insertamos los
siguientes valores en el color CMYK: C:65, M:0, Y:100, N:0.
Abrir verticalmente la caja de texto y darle tres veces clics (consecutivos) al texto “características del producto”. Luego
aplicarle:
• Tamaño: 10,
• Todas mayúsculas,
• Escala vertical: 175%,
• Escala horizontal: 125% y
• Desplazamiento de la línea base: -10 pt
• Alineación: CENTRADA
5
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 los cuatro párrafos que se hallan debajo del subtítulo (CARACTERÍSTICAS DEL PRODUCTO). Ahora active el
siguiente botón: Control de formato de párrafo (Paragraph Formatting Controls).
Active las opciones; justificación izquierda (Justify with last line aligned left), Espaciado antes (Space Before) (separación de
párrafo anterior): 4 mm y desactive el casillero: Separar por sílabas (Hyphenate).
6
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Apreciaremos en el resultado. Ahora se ha creado 3 espacios entre los 4 párrafos de texto.
Ahora seleccionamos sólo el primer párrafo, para ello darle 4 clics (consecutivos) sobre dicho primer párrafo, luego definir en
la opción letra Capital: 3.
Los capitulares se
cuentan por CANTIDAD
DE LÍNEAS
7
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 el SEGUNDO PÁRRAFO (cuatro clics). Luego definir como sangría izquierda(Left Indent) 10 mm y sangría derecha
(Right Indent): 10 mm.
11 caracteres
2 líneas
Ahora seleccione el TERCER PÁRRAFO y aplicarle: Primera sangría izquierda (First Line Left Indent) en primera línea: 15 mm.
15 mm
Seleccione al cuarto párrafo y definir sangría izquierda(Left Indent): 10 mm y sangría primera línea (First Line Left Indent):
-10 mm
8
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
• De esta manera se logrará una sangría francesa.
10 mm
-10 mm
En el Control de formato de párrafo (Paragraph Formatting Controls), seleccione el subtítulo: MACA VITAE TE ALIMENTA MÁS. Y
aplicarle la opción: Justificación de todas las líneas (Justify all lines).
9
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Defina las siguientes características tipográficas en el panel Carácter (Character): Tamaño: 12 pt y Interletraje (Tracking): 600.
También, de la misma ventana de carácter activar el menú lateral y elegir la opción: Opciones de subrayado (Underline
Options…).
Active el casillero: Subrayado activado(Underline On) y luego elegir como Tipo(Type): Con guiones “Dashed” (3 y “and” 2).
Seleccione el texto energía, darle tamaño: 14, Bold y desde el menú lateral (de la ventana Carácter “Character”) activar la
opción: Superíndice (Superscript).
También seleccione el texto resistencia y aplicarle tamaño: 14, Bold y desde el menú lateral activar: Subíndice (Subscript).
Nota: Estas opciones también se hallan disponibles en la barra de controles de carácter. Y tienen como función
elevar y bajar el texto sobre su línea base.
11
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 el texto: personas y los animales y en el panel de propiedades de texto: Tamaño 14, Bold y la opción superíndice.
INSERTAR VIÑETAS
Vuelva a seleccionar las 4 líneas. Luego ir al menú: Menú principal: Ventana (Windows)>Texto(Types&Tables)> Párrafo
(Paragraph)
12
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 active su menú lateral y elija la opción: Viñetas y numeración… (Bullets and Numbering…).
Ahora elegir como tipo de lista: Viñetas (Bullets) y luego haga un clic en el botón Añadir (Add..).
En la opción Familia de fuentes elegir: Wingdings y como símbolo; el CHEK (visto bueno).
Luego haga un clic en el botón Añadir (Add)… y otro en Ok.
4
1
3
13
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Nota: las viñetas también se hallan al final de la barra de propiedades.
TABULACIÓN
Cambie de tamaño de la letra de la palabra INFORMACIÓN NUTRICIONAL, a 12 puntos y centrar el Subtítulo.
Con la herramienta Línea (Line tool) trace una línea horizontal con las siguientes coordenadas y dimensiones.
14
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Con la herramienta Texto (Type Tool) trace una nueva caja de texto en la parte inferior de la página, similar a la imagen
(Deje un pequeño espacio al final de la página).
Con la Herramienta Selección (Selection Tool)(V) , selecciona el PUNTO DE REFERENCIA (Reference Point), cambie las
coordenadas y las dimensiones de la caja de texto (paleta de control).
INSERTAR TEXTO
Abra el documento Maca Vitae.docx, copie el texto señalado en la imagen. Y péguelo en la caja de texto en InDesign.
15
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Con la herramienta Texto (Type Tool): , hacer un clic dentro de la CAJA DE TEXTO y luego coloque la Panel de
tabulaciones(TAB) encima de la CAJA DE TEXTO.
Nota: las medidas de la regla, en la barra de tabulaciones, se verán con mayor o menor detalle dependiendo
de tamaño de visualización (zoom) de la página.
16
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Active el casillero de Tabulación decimal. Luego haga un clic sobre el punto de la regla. (70 mm.) inserte el carácter “.” en la
función Alinear en (Align On):
Active el casillero de Tabulación decimal (Align to Decimal). Luego haga un clic sobre el punto de la regla. (100 mm.) inserte
el carácter “.” en la función Alinear en (Align On):
Nota: también puede aplicar las tabulaciones escribiendo en el recuadro en blanco el número deseado y
pulsando Intro.
Ahora requerimos de visualizar los CARACTERES OCULTOS: Menú principal: Texto (Type): Mostrar caracteres ocultos (Hide
Hidden Characteres) del programa Adobe InDesign
17
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Poner el curso al comienzo de cada número y pulse la tecla TAB. Y los números se alinearán como se aprecia en la imagen.
Del mismo modo proceda a tabular los otros tres componentes nutritivos de producto, según se aprecia en la figura.
Ahora en los textos: “INGREDIENTES, CANTIDAD MÍNIMA Y CANTIDAD MÁXIMA” aplicaremos una tabulación de 70 mm y
100 mm, usando el “tabulador central” y reemplazando los tabuladores decimales.
18
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Finalmente insertaremos TABULADORES (TAB) en los tres últimos párrafos usando la HERRAMIENTA TEXTO (Type Tool) y la
tecla TAB.
Ahora borraremos los tabuladores decimales (tabulador decimal arrástrelo hacia afuera de la regla para eliminarlo) y
reemplazando por un tabulador izquierdo a 20 mm. Y le presionamos la tecla TAB para separar las clasificaciones de la
información como se muestra en la imagen.
19
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Nota: El tabulador permitirá realizar saltos, para elaborar, fácilmente, listados en columnas.
Hasta este momento el resultado es el siguiente:
20
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 ESLOGAN
En la parte inferior de la página trace una nueva CAJA DE TEXTO y con la herramienta Selección (Selection Tool) ubíquelo en
las siguientes coordenadas y dimensiones:
Como se aprecia en la imagen, los límites de caja de texto se encuentra ubicada fuera de la mesa de trabajo, a esto se llama
SANGRADO (BLEED)
Con la herramienta Texto escriba (en dos líneas): “MACA VITAE” (pulsar Enter) “COMPLEMENTO NUTRITIVO INSTANTÁNEO”
21
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Con la herramienta Selección , seleccione la caja de texto abra el panel de Color. Menú principal: Ventana
(Windows)>Color(Color)>Muestras(Swatches)
Pintaremos de COLOR VERDE el fondo de la caja de texto. Para eso daremos doble clic sobre el color de relleno en el panel de
herramientas y aparecerá el SELECTOR DE COLOR (Color Picker) y asignar los siguientes valores.
Con la herramienta Texto (T), seleccione todo el texto y defina: Color de relleno del texto: en BLANCO (Ventana de
muestras).
22
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 mismo panel defina como color de borde del texto: amarillo (ventana de muestras).
El resultado.
Vamos a ahora alinear el texto verticalmente para esto iremos al panel Opciones de marco de texto. Menú principal: Objeto
(Object)> Opciones de marco de texto (Text Frame Options)...
23
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Con el panel Opciones de marco de texto abierto vaya a la opción Justificación vertical (Vertical Justification)
También puede acceder a los controles de centrado vertical de una caja de texto también puede ir a la parte derecha de la
barra de control (parte superior derecha de la pantalla, debajo del menú principal) seleccione el botón: centrado vertical.
24
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
25
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 imágenes
Creamos una nueva capa (New Layer) desde el panel de Capas (Layers). Y asignaremos el nombre IMAGEN.
Inserte un MARCO RECTANGULAR (Rentangle Frame Tool) al costado del párrafo de texto EL COMERCIO, para la imagen.
26
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 coloque la imagen Maca vitae.jpg. Menú principal: Archivo (FILE)>Colocar(PLACE).
27
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Revise el CONTROL DE PROPORCIONES en el panel de propiedades. Los números debe ser iguales.
28
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 con el panel Degradado (menú principal: Ventana (Windows)>Color(Color)>Degradado (Gradient)) pintar de color inicio
verde a blanco de acuerdo a la figura. La forma de arrastrar el color al panel Degradado (Gradient)
29
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
Desbloquee y active a la CAPA (LAYER) TEXTO PRINCIPAL
E inserte la imagen del logotipo de la empresa INCANAT, menú principal: Archivo (FILE)>Colocar(PLACE)
30
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 la caja de gráfico sobre todo el ancho de la página en las siguientes coordenadas:
Vaya al panel de Capas (Layer) y desplace el objeto imagen logotipo_ikanat_final.psd al fondo de apilamiento de objetos.
31
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Aplicaremos un Efecto de transparencia sobre la imagen. Vamos al menú principal: Ventana(Windows)>Efecto (Effects)
32
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
Ahora exportaremos el archivo a un documento PDF. Menú principal: Archivo (File)>Exportar (Export)
33
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
La exportación abrirá el programa Adobe Acrobat Reader o el programa Adobe Acrobat DC y mostrará el documento
convertido.
34
MACAVITAE
f u e n t e d e e n e r g í a y v i t a l i d a d
Nuestra central de compras en Perú nos permite tener la auténtica maca peruana que
crece en las alturas de los Andes Peruanos.
Nuestro equipo viaja constantemente a la zona andina de Junín (Departamento de Perú), a controlar
la cosecha de la maca. Esta zona (de donde crece la auténtica maca) se encuentra ubicado a
alturas superiores a los 3800 metros de altura.
M A C A V I T A E T E A L I M E N T A M A S
energía
99 Puede aumentar la y la
resistencia
99 Puede mejorar la función sexual en hombres y mujeres
personas y los animales
99 Puede mejorar la fertilidad en las
99 Reduce la disfunción hormonal durante la menopausia y la andropausia
INFORMACIÓN NUTRICIONAL
INGREDIENTES CANTIDAD MINIM CANTIDAD MAXIMA
PROTEINAS (g) 10.0 17.0
GRASA (g) 0.80 0.90
FIBRA (g) 4.95 5.45
CARBOHIDRATOS (g) 62.60 62.82
ENERGIA (Kcal) 325.00 400.00
VITAMINAS B1, B2, B12, C, D3, E, P,
MINERALES Calcio, fósforo, hierro, magnesio, zinc, potasio, sodio, cobre, boro, manganeso.
OTROS Aminoácidos esenciales, alcaloides y otros elementos beneficiosos para la salud.
MACA VITAE
COMPLEMENTO NUTRITIVO INSTANTÁNEO
maca vitae_nombre y apellido del estudiante.indd 1 28/12/2017 11:03:16 a.m.
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
35
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 CAJA DE TEXTO, y coloque el archivo en formato PDF de aviso creado en Adobe InDesign. Menú principal:
Archivo (File)>Colocar(Place)
36
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
Guarde el documento con su nombre y apellido. Menú principal>Archivo (File)>Guardar como(Save As)…
37
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 expórtelo a PDF.
38
Universidad Tecnológica del Perú
Facultad de Ciencias de la Comunicación, Curso: Diseño y Diagramación Digital
Lic. Mario Quiroz Martínez
39
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 es el siguiente:
40
Hora
el diario
(cierre-diagramación) El Peruano DIARIO OFICIAL
PAG. Nº
0p 0p
32 cm 32 cm
1p 1p
2p 2p
31 cm 3p 3p
31 cm
4p 4p
30 cm 5p 5p 30 cm
6p 6p
7p 7p
29 cm 29 cm
8p 8p
9p 9p
28 cm 10p 10p 28 cm
11p 11p
27 cm 12p 12p 27 cm
13p 13p
14p 14p
26 cm 26 cm
15p 15p
16p 16p
25 cm 17p 17p 25 cm
18p 18p
24 cm 19p 19p 24 cm
20p 20p
21p 21p
23 cm 23 cm
22p 22p
23p 23p
22 cm 24p 24p 22 cm
25p 25p
26p 26p
21 cm 21 cm
27p 27p
28p 28p
20 cm 29p 29p
20 cm
30p 30p
19 cm 31p 31p 19 cm
32p 32p
33p 33p
18 cm 18 cm
34p 34p
MACAVITAE
35p 35p
17 cm 36p 36p 17 cm
37p f u e n t e d e e n e r g í a y v i t a l i d a d 37p
16 cm 38p 38p 16 cm
38p CARACTERÍSTICAS DEL PRODUCTO 38p
M
39p aca vitae es una marca registrada, propiedad de Inkanatura, que garantiza la mejora calidad 39p
15 cm en maca peruana, importada directamente de la zona andina de Junín (4500 mts). 15 cm
40p 40p
41p 41p
14 cm 42p
43p
El comercio creciente que está experimentando la maca
(gracias a sus múltiples beneficios), está
originando el surgimiento de varias empresas que la comercializan; no siempre con
42p
43p
14 cm
13 cm 44p la materia prima pura de los Andes Peruanos que es donde nació la fama de la maca. 44p 13 cm
Aviso de
45p Nuestra empresa “Inkanatura” posee la más completa gama de productos derivados 45p
de la maca, todos ellos bajo la marca “Maca vitae”.
46p 46p
12 cm 12 cm
47p Nuestra central de compras en Perú nos permite tener la auténtica maca peruana que 47p
48p crece en las alturas de los Andes Peruanos. 48p
11 cm 11 cm
Maca vitae
49p 49p
50p Nuestro equipo viaja constantemente a la zona andina de Junín (Departamento de Perú), a controlar 50p
la cosecha de la maca. Esta zona (de donde crece la auténtica maca) se encuentra ubicado a
51p 51p
10 cm alturas superiores a los 3800 metros de altura. 10 cm
52p 52p
53p 53p
9 cm M A C A V I T A E T E A L I M E N T A M A S 9 cm
4 col x 18 cm
54p 54p
energía
55p 9 Puede aumentar la y la 55p
resistencia
8 cm 56p 9 Puede mejorar la función sexual en hombres y mujeres 56p 8 cm
57p personas y los animales 57p
9 Puede mejorar la fertilidad en las
58p 58p
7 cm 7 cm
59p 9 Reduce la disfunción hormonal durante la menopausia y la andropausia 59p
60p 60p
6 cm 61p
INFORMACIÓN NUTRICIONAL 61p 6 cm
INGREDIENTES CANTIDAD MINIM CANTIDAD MAXIMA
62p PROTEINAS (g) 10.0 17.0 62p
GRASA (g) 0.80 0.90
5 cm 63p FIBRA (g) 4.95 5.45 63p 5 cm
CARBOHIDRATOS (g) 62.60 62.82
64p ENERGIA (Kcal) 325.00 400.00 64p
65p VITAMINAS B1, B2, B12, C, D3, E, P, 65p
4 cm MINERALES Calcio, fósforo, hierro, magnesio, zinc, potasio, sodio, cobre, boro, manganeso. 4 cm
66p OTROS Aminoácidos esenciales, alcaloides y otros elementos beneficiosos para la salud. 66p
67p 67p
3 cm 68p 68p 3 cm
MACA VITAE
69p 69p
2 cm 70p 70p 2 cm
71p 71p
72p 72p
1 cm 1 cm
73p
74p
COMPLEMENTO NUTRITIVO INSTANTÁNEO 73p
74p
0 cm 75p 75p 0 cm
maca vitae_nombre y apellido del estudiante.indd 1 28/12/2017 11:03:16 a.m.
0p 7p 14p6 22p 29p6 37p 44p6 52p 59p6