Libro de Maid

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 66

Este documento es propiedad de editorial Book Mart.

Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Manejo de aplicaciones
por medios digitales
Ad Humberto Quintero Limón / Ignacio García Martell

Apegado a los programas de con enfoque en competencias

Este documento es propiedad de editorial Book Mart.


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Coordinación editorial
Claudia Martínez Autores
Ad Humberto Quintero Limón
Editor en jefe Ignacio García Martell
Alessandra Pradel Mora

Revisión técnica
Ana Laura Ortiz González Manejo de aplicaciones
Rocío Anchondo Granados
por medios digitales
Corrección de estilo
Antonio Arana Bustamante 2 a. edición, 2020
D. R. © Book Mart, S. A. de C. V.
Fotografía
Shutterstock www.bookmart.com.mx

Producción ISBN: 978-607-632-152-2


Francisco Javier Martínez García
Miembro de la Cámara Nacional
de la Industria Editorial Mexicana

Registro número 3740

No está permitida la reproducción total


o parcial de este libro ni su tratamiento
informático ni la transmisión de ninguna
forma o por cualquier medio, ya sea
electrónico, mecánico, incluyendo
fotocopiado, almacenamiento en cualquier
sistema de recuperación de información o
grabado sin el permiso previo y por escrito
de los titulares del copyright.

La marca Book Mart es propiedad


de Book Mart, S. A. de C. V.
Prohibida su reproducción total o parcial.

Impreso en México / Printed in Mexico

www.bookmart.com.mx

Este documento es propiedad de editorial Book Mart.


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.

Presentación
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

H
oy en día es indispensable que cuentes con el conocimiento adecuado del
manejo de aplicaciones por medios digitales, ya que estamos en una épo-
ca en la que el avance tecnológico ha influido en todas las áreas laborales,
lo que te obliga a que, como futuro profesional, poseas las herramientas indispen-
sables para satisfacer las cambiantes necesidades del mercado de trabajo.
En este libro se explica el uso de distintas aplicaciones informáticas a partir de
situaciones verosímiles, que te exigirán el planteamiento de soluciones, las cuales
en un futuro te permitirán afrontar los retos del día a día en el ámbito laboral.
Con el objetivo de proporcionar elementos para el desarrollo de los proyectos,
cada unidad plantea una serie de actividades de aprendizaje cuya realización te
facilitará la adquisición de competencias.
El libro cuenta con distintos instrumentos para la evaluación de tu desempeño,
como listas de cotejo y rúbricas. Asimismo, al inicio de cada unidad se presenta
una serie de actividades encaminadas a la integración del grupo, así como pre-
guntas que te permitirán saber cuáles son tus conocimientos previos.
En esta era tecnológica, los jóvenes continuamente buscan información en el ci-
berespacio, razón por la cual se incluyen referencias a fuentes de consulta digita-
les que complementan la información proporcionada en el texto.
Confiamos en que este libro cumpla con el propósito de facilitarte la obtención
de saberes significativos que te permitan establecer la conexión entre las compe-
tencias desarrolladas y la resolución de problemas de tu entorno.
Cordialmente,
Book Mart

Este documento es propiedad de editorial Book Mart. 3


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.

Conoce tu libro
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Conoce los detalles de cada sección de tu libro.

Entrada de unidad
Aquí encontrarás, en primer térmi-
no, el título de la unidad, los resulta-
dos de aprendizaje esperados y una
tabla en la que registrarás el nivel
obtenido al realizar las actividades
de evaluación; por su parte, en
¿Qué vamos a aprender? se des-
cribe de manera breve el contenido
de la unidad.

¿Para qué aprendemos?


En este apartado se describe
una situación de la vida coti-
diana en la que se evidencia la
utilidad práctica de los conoci-
mientos por obtener.

Punto de partida ¿Cómo aprendemos?


En esta sección se incluye una Exposición detallada de los
actividad de integración y contenidos establecidos en
una evaluación cuyo propósito el programa de estudios del
es identificar tus conocimientos módulo.
previos.

4
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Comprobando lo aprendido
En esta sección encontrarás
actividades con las que pon-
drás en práctica tus capacida-
des en materia de resolución
de problemas, así como en la
explicación de los resultados
obtenidos; de igual manera, se
detallarán los lineamientos para
la presentación de los avances
de tu proyecto.

Aplicando lo aprendido

En este apartado hallarás una


serie de actividades y pregun-
tas que te permitirán identi-
ficar tus avances; asimismo,
encontrarás las orientaciones
para presentar tu proyecto ter-
minado y dos listas de cotejo
que te permitirán evaluar tanto
estas actividades como las
evidencias obtenidas durante
el curso.

Matriz o rúbrica de evaluación


Aquí tendrás la oportunidad de
autoevaluar las actividades que
realizaste en la unidad, asimis-
mo, la rúbrica te permitirá de-
terminar cuál fue tu desempeño
durante el curso y las áreas en
las que necesitas trabajar más.

Este documento es propiedad de editorial Book Mart. 5


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.

Contenido
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Unidad de aprendizaje 1
Aplicación de herramientas
de control de datos, diseño de imágenes y obras impresas  8
1.1 Diseña imágenes creativas de comunicación social por medio del editor de imágenes  11

A. La identificación de componentes del editor de imágenes  11


Conceptos  11
Funciones de la edición digital de imágenes  12
Tipos de software  12
Imágenes digitales  15
Teoría del color  18
Imagen de mapa de bits  20
Imagen vectorial  21
Formato de imagen  22
Navegar en Editor de Imágenes  23
Ventana de herramientas  24
Ventana de trabajo  25

B. El uso de herramientas para la edición de imágenes  27


Técnicas de edición digital de imágenes  28
Herramientas de selección  29
Herramientas de pintura  30
Herramientas de transformación  32
Herramientas de rutas  33
Herramientas de texto  34
Filtros y capas  34

1.2 Sistematiza y difunde información de hechos en obras escritas mediante


el uso del diagramador de páginas  39

A. Conociendo el diagramador de páginas  39


Conceptos  39
Diseño de la publicación por tipo de publicación  40
Tipos de obras escritas  41
Navegar en ventana principal del diagramador  49
Definir la estructura digital de la obra escrita  50

B. La distribución en la plantilla  50
Crear textos  50
Editar estilos de párrafos  53
Insertar elementos  53
Usar plantillas  57
Adicionar páginas  58
Exportar con formato PDF  59

6
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Unidad de aprendizaje 2
Uso de herramientas digitales
para la elaboración y difusión de proyectos68
2.1 Programa los componentes de un proyecto a través del uso del gestor de proyectos  73
A. El gestor de proyectos  73
Características de los software  73
Tipos de gestión de proyectos  74
Elementos de la administración de proyectos  74
B. Diseño del proyecto  76
Calendarios  92
Programación de tareas  94
C. Programa los elementos del software de gestión de proyectos  96
Herramienta de cooperación y comunicación  96
Escala temporal  97
Presupuesto y gestión de recursos  98
Gestión de datos  99
2.2 Diseña y crea un portal en Internet de contenidos multimedia digitales de un proyecto
por medio de la aplicación del editor gráfico  103
A. Diseño de la página Web  103
Conocimiento tecnológico de Internet  103
Nociones de HTML  105
Conocimiento de las funciones del programa o aplicación a utilizarse  107
B. Propiedades de la página Web  109
Administrador de sitios en la Web  109
Inserción de textos  110
Enlaces (vínculos)  111
Imágenes en la Web  112
Insertar tablas, instrucciones HTML y videos  113
2.3 Diseña una estrategia de gestión de redes sociales utilizando herramientas especializadas  122
A. La identificación del software de gestión de redes sociales  122
Los usuarios de redes sociales  123
Identificar las redes sociales de alcance  124
B. Diseño de la estrategia  138
Objetivo  138
Movilidad  138
Contenido  140
Costo  140
Evaluación  142
C. Programa los elementos del software de gestión de proyectos  142
Estrategia digital  142
Identidad Digital del administrador de redes sociales  143
Selección de las redes sociales  144

Bibliografía 152

Este documento es propiedad de editorial Book Mart. 7


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Unidad de aprendizaje 1

Aplicación de herramientas de control de


datos, diseño de imágenes y obras impresas

Resultado de aprendizaje 2.1 Diseña imágenes creativas de comunicación social por medio del editor de imágenes.

Actividades Contenidos
Aprendizajes esperados Ponderación
de evaluación específicos

• Activa aprendizajes 1.1.1 Integra un A. La identificación de componentes del editor de


previos de portafolios imágenes.
sistemas, servicios digital de tres • Concepto.
y aplicaciones imágenes para • Funciones de la edición digital de imágenes.
informáticas y de una campaña • Tipos de software.
comunicación para la publicitaria, en la • Imágenes digitales.
interacción social. que se observe la • Teoría del color.
imagen original • Imagen de mapa de bits.
• Crea y modifica y la editada, • Imagen vectorial.
imágenes con la incorporando la • Formato de imagen.
aplicación informática descripción de • Navegar en Editor de imágenes.
correspondiente. las técnicas y la • Ventana de herramientas.
15%
herramienta de • Ventana de trabajo.
edición de imá-
genes utilizada. B. El uso de herramientas para la edición de
imágenes.
Producto esperado • Técnicas de edición digital de imágenes.
• Herramientas de:
Tres imágenes • Selección.
para una campaña • Pintura.
publicitaria. • Transformación.
• Rutas.
• Texto
• Filtros y capas.

8
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

2.2 Diseña y crea un portal en Internet de contenidos multimedia digitales de un proyecto


Resultado de aprendizaje
por medio de la aplicación del editor gráfico.
Actividades Contenidos
Aprendizajes esperados Ponderación
de evaluación específicos

• Activa aprendizajes 1.2.1 Elabora una publi- A. Conociendo el diagramador de páginas.


previos sobre cación tipo boletín, • Conceptos.
sistemas, servicios folleto informativo, • Diseño de la publicación por tipo de
y aplicaciones revista o periódico publicación.
informáticas y uso de sobre tópicos espe- • Tipos de obras escritas.
diferentes fuentes de cíficos aplicados a • Periódicos.
información. su carrera, de interés • Revistas.
a la comunidad • Carteles.
• Diagrama educativa, y realiza su • Cubiertas.
producciones difusión digital. • Folletos.
escritas con la • Navegar en ventana principal del
aplicación informática diagramador.
Producto esperado
correspondiente. • Definir estructura digital de la obra escrita.
45%
Publicación elaborada y
difundida. B. La distribución en la plantilla.
• Crear textos.
• Editar estilos de párrafos.
• Insertar elementos.
• Imágenes.
• Formas.
• Polígonos.
• Líneas.
• Usar plantillas.
• Adicionar páginas.
• Exportar en formato PDF.

Este documento es propiedad de editorial Book Mart. 9


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Punto de partida
Actividad de integración
``Formen equipos de cinco integrantes para discutir acerca de sus conocimientos sobre los editores
de imágenes y los diagramadores de obras impresas. Intenten responder las siguientes preguntas.

1. ¿Saben para qué se editan las imágenes y fotografías? ¿Alguna vez han editado una imagen o
fotografía? ¿Saben qué es un diagramador de obras impresas y para qué sirve?

``Al final, compartan lo discutido con el profesor.

Prueba diagnóstica
``La editorial Libros Mexicanos desea analizar el desempeño de venta de su revista Adolescentes
de 40 o más. Los resultados de venta del año en curso son los mostrados en la tabla siguiente.

`
`Intenta responder las siguientes preguntas.
Ventas de Adolescentes de 40 o más
1. ¿Sabrías determinar en qué mes se vendió más
Mes Unidades vendidas
mediante una gráfica? (Sí) / (No). Explica.
Enero 1 000

Febrero 1 280

Marzo 978 2. ¿Podrías determinar el total anual y el promedio


mensual de venta mediante una función? (Sí) / (No).
Abril 700
Explica.
Mayo 842

Junio 860

Julio 912 3. ¿Sabrías corregir los ojos rojos en la fotografía de la


celebridad que aparecerá en la portada? (Sí) / (No).
Agosto 902
Explica.
Septiembre 972

Octubre 1 000 4. ¿Sabrías cómo organizar los elementos para dise-


Noviembre 1 100 ñar la portada de la próxima publicación? (Sí) / (No).
Explica.
Diciembre 1 250

10
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

1.1 Diseña imágenes creativas de comunicación


social por medio del editor de imágenes

¿Para qué aprendemos?


Imaginemos que en un mes inaugurarás tu nuevo restaurante, y nada puede
salir mal. Sin lugar a dudas eres un excelente chef, pero aún te falta la portada
de tu menú, y sabes perfectamente que lo primero que tendrán en sus manos
tus clientes será tu carta de platillos, en la que no puede faltar una imagen
que los cautive.
En este apartado aprenderemos acerca de los colores, sus tonalidades y signi-
ficados, y exploraremos la teoría alrededor de éstos. Asimismo, conoceremos
qué es un editor de imágenes, para qué sirve y, lo más importante, cuál es su
campo de aplicación, dando un recorrido por algunas de sus herramientas
más comunes y la forma de usarlas.

¿Cómo aprendemos?
A. La identificación de componentes
del editor de imágenes
Los conceptos que rodean a las herramientas de edición de imágenes
son muy específicos, por lo que resulta indispensable estar familiari-
zados con ellos para su estudio y comprensión, tanto de una manera
básica como profesionalmente.

Concepto
Existen programas para la edición de imágenes que se apoyan en el
uso de una computadora, mediante los que las imágenes son editadas
y manipuladas para optimizar su diseño y apariencia, realizando reto-
ques, aplicando diferentes técnicas o agregando algún objeto para
mejorarlas.

Este documento es propiedad de editorial Book Mart. 11


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Funciones de la edición digital de imágenes


Las funciones del editor de imágenes dependen del programa, pero en su
mayoría trabajan a partir de las las siguientes herramientas.

Selección: Se puede realizar de diferentes formas, por ejemplo, rectángulos, polígo-


nos, círculos y lazos.

Rotar: Se pueden lograr efectos en la imagen para un mejor diseño.

Correcciones automáticas: Esta herramienta modifica automáticamente el tono, color


y contraste de la imagen sin que el usuario intervenga.

Oscurecer y aclarar: Es importante no saturar la imagen con esta herramienta.


Glosario
Saturar. Llenar de Color: Tiene que ver con el tono, el matiz, la luminosidad y el contraste, y se recomien-
modo excedente. da no saturar la imagen.

Reflejar: Puede ser horizontal o vertical; como el nombre lo dice, se realiza un reflejo
virtual a la imagen seleccionada.

Histograma: Se utiliza para corregir fallas en la distribucion de colores.

Canales: Los cuatro canales son cyan, magenta, amarillo y negro; y en RGB son rojo,
verde y azul.

Lazo: El usuario selecciona un segmento de la imagen con una línea trazada por su
pulso, para modificarlo.

Pintar: Son el lápiz, spray o aerosol.

Varita mágica: Es muy útil ya que selecciona todos los pixeles que se encuentran den-
Glosario tro de un rango determinado.

Pixel. Es la unidad
más pequeña de Tipos de software
color que forma una En la actualidad contamos con diferentes programas para la edición de imá-
imagen digital. genes, ya que son muchos los profesionales que los utilizan, por mencionar
algunos se encuentran los
• Fotógrafos
• Editores
• Diseñadores

12
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Podemos clasificar este tipo de software en editores comerciales y gratuitos.


Algunos ejemplos de editores comerciales son los siguientes.
• VSCO. Es una de las aplicaciones que ofrece una gama de herramien-
tas, desde las más básicas hasta las mas complejas. Actualmente es
uno de los programas más populares en el mundo.
• SNAPSEED. Es una aplicación de la compañía de Google que se en-
cuentra disponible para iOS y Android. Es uno de los programa más
actuales que existen en el mercado.
• ADOBE PHOTOSHOP CC. Es utilizado por profesionales, ya que es
reconocido a nivel mundial. Se puede descargar una versión de prueba
por algunos días.
Algunos ejemplos de editores gratuitos son los siguientes.
• GIMP. Es uno de los programas más antiguos en el uso de editores grá-
ficos (1995), y es muy amigable para el usuario, ya que permite realizar
modificaciones a una imagen de forma intuitiva.
• Paint. NET. Ofrece una gran variedad de herramientas para la edición
de imágenes, es fácil de utilizar y tiene la opción de guardar un historial
de cambios.
• VSCO. Esta aplicación también cuenta con una edición gratuita, la cual
permite prácticar, programar y revisar las diferentes herramientas que
contiene.

Actividad 1
``Realiza las siguientes actividades.
1. Tomando en cuenta las funciones del editor de imágenes, nombra cinco herramientas que no
se mencionen en el libro e investiga la funcionalidad que tienen. Considera que dependiendo
del programa que estés utilizando, las herramientas cambian según las diferentes versiones
que existan.
Nombre de la herramienta y su función:
a )

b )

c )

Este documento es propiedad de editorial Book Mart. 13


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

d )

e )

2. Completa la siguiente tabla a partir de la información acerca de las herramientas que inves-
tigaste en la instrucción 1 para aplicar en cada una de las siguientes imágenes, que tendrás
que descargar de Google.

Cómo se visualiza la imagen con


Imagen Nombre de la herramienta
el efecto que aplicaste

Una flor

Una mascota

Un paisaje

3. Investiga otro programa de editor de imágenes de los que no se mencionaron y escribe el


nombre, características y tipo de licencia.

Software comercial

Nombre del programa

Características

Tipo de licencia

14
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Software gratuito

Nombre del programa

Características

Tipo de licencia

Lista de cotejo
``Autoevalúa tu trabajo con la siguiente lista de cotejo.

Criterio Sí No
Realicé la instrucción 1 de forma correcta y completa.

Completé la tabla de la instrucción 2.

Hice la investigación del programa de editor de imágenes, completando las dos tablas de la
instrucción 3.

Imágenes digitales
¿Qué es una imagen?
Una imagen es una representación de cualquier objeto o
ser vivo, ya sea real o imaginario, por ejemplo:
• Lo que vemos con nuestros ojos.

Este documento es propiedad de editorial Book Mart. 15


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

• Lo que reflejan los espejos.

• Una fotografía es una imagen captada por medio de la acción de la luz.

Para saber   
La primera cámara Por su parte, una imagen digital es una representación bidimensional de una
digital fue terminada imagen a partir de una matriz numérica, frecuentemente en lenguaje binario,
en 1975 por Steve por ejemplo, cualquier imagen almacenada en un cámara digital, una compu-
Sasson, quien lleva- tadora, un dispositivo móvil, etcétera.
ba trabajando dos
años para la empresa Pero ¿qué es un lenguaje binario? Es un sistema de numeración en el que
Kodak. Esta cámara sólo hay dos posibles números: el 0 y el 1. Se utiliza en informática debido a
tenía el tamaño de que las computadoras solamente reconocen dos estados de energía:
un tostador y una
calidad equivalente
a 0.01 megapixeles.
Necesitaba 23 segun-
dos para guardar una
fotografía en blanco y
negro en una cinta de
casete, y otros tantos
segundos para recu-
Encendido o con energía Apagado o sin energía
perarla.

16
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Mediante este lenguaje, se representó la “existencia de energía” con el núme-


ro 1 y la “ausencia de energía” con el número 0. Esto es a lo que llamamos bit,
que es el acrónimo de binary digit (que en español significa “dígito binario”).
Es por eso que un bit sólo puede tener dos valores: 1 y 0. De esta manera,
haciendo series de bits, representamos cualquier número conocido:
Glosario
Decimal Binario A 01000001 a 01100001
Acrónimo. Sigla
0 0000 B 01000010 b 01100010
cuya configuración
C 01000011 c 01100011 permite su pronun-
1 0001 D 01000100 d 01100100 ciación como una
E 01000101 e 01100101 palabra; por ejemplo
2 0010 ovni: objeto vola-
F 01000110 f 01100110
dor no identificado;
3 0011 G 01000111 g 01100111
TIC, tecnologías de
H 01001000 h 01101000 la información y la
4 0100
I 01001001 i 01101001 comunicación.
5 0101 J 01001010 j 01101010
K 01001011 k 01101011
6 0110 L 01001100 l 01101100
7 0111 M 01001101 m 01101101
N 01001110 n 01101110
8 1000 O 01001111 o 01101111
P 01010000 p 01110000
9 1001
Q 01010001 q 01110001
10 1010 R 01010010 r 01110010
S 01010011 s 01110011
11 1011
T 01010100 t 01110100
12 1100 U 01010101 u 01110101
V 01010110 v 01110110
13 1101 W 01010111 w 01110111
14 1110 X 01011000 x 01111000
Y 01011001 y 01111001
15 1111 Z 01011010 z 01111010

A este idioma de bits se le conoce como lenguaje binario, y todo lo que una
computadora entiende, contiene y hace se convierte en bits para que pueda
ser visualizado, modificado, compartido y almacenado.
Las imágenes digitales se dividen en las siguientes categorías.
• Imágenes de mapa de bits (véase pág. 20).
• Imágenes vectoriales (véase pág. 21).
Las describiremos más a fondo en los siguientes módulos.

Este documento es propiedad de editorial Book Mart. 17


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Teoría del color


En 1666 Isaac Newton descubrió que si proyectas luz blanca a través de un
prisma de cristal, el haz de luz se divide en un espectro de colores idénticos
al arcoíris. Con base en este descubrimiento, hemos podido comprender que
la luz blanca está formada por los siguientes tres colores básicos o primarios.

Gracias al desarrollo de los pigmentos, este modelo ha sido reemplazado


totalmente en la industria por el modelo CMYK, aunque se sigue enseñando
en algunas escuelas.

Existen los siguientes tres grupos de colores primarios.

Primarios aditivos, también co- Primarios sustractivos o mode- Modelo tradicional (RYB):
nocidos como colores luz (RGB): lo de color (CMYK): cian, ma- rojo, amarillo y azul.
rojo, verde y azul. genta, amarillo y negro.

Todos los objetos físicos que conocemos tienen una superficie reflejante. Te
TIC preguntarás: “¿Esto qué tiene que ver con el color?”. Al momento de que
los objetos son iluminados con luz blanca, sólo pueden absorber o reflejar los
En el siguiente espectros de luz.
enlace encontrarás
más información
acerca de la teoría
del color:
bkmrt.com/qYgKxl

18
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Por ejemplo, nuestro ojo percibe la hoja de un árbol de color verde debido a
que, cuando recibe la luz blanca, absorbe los colores rojo intenso y azul vio-
leta y refleja el color verde. Es por tal motivo que en nuestra percepción este
objeto es de color verde.
Para saber   
El ojo humano puede
Partiendo de este principio, podemos decir que el color en los objetos no distinguir entre 10 000
existe en verdad, es decir, que el color no es una característica del objeto, sino colores.
parte de nuestra apreciación subjetiva como seres humanos.
Los círculos cromáticos nos ayudan a entender la forma en que se crean los colo-
res a partir de colores primarios. En este ejemplo vamos a partir de los primarios
sustractivos.

Colores Colores Colores


primarios secundarios terciarios

Partiendo de los colores primarios cian, magenta y amarillo, los colores secun-
darios se obtienen de mezclar en partes iguales dos colores primarios:
Magenta 1 amarillo 5 rojo Cian 1 magenta 5 azul
Cian 1 amarillo 5 verde Cian 1 magenta 1 amarillo = negro
Y los colores terciarios se obtienen mezclando en partes iguales un color pri-
mario y un color secundario adyacente.
De esta manera tenemos una paleta de colores que nos puede servir para
varias cosas: Para saber   
• Los colores que están juntos o adyacentes son colores armónicos entre Existen tonos cáli-
sí, lo que nos ayudará a hacer trabajos artísticos o gráficos muy balan- dos (rojo, amarillo y
ceados y armónicos. anaranjado) que el ser
• Los colores que están colocados en extremos opuestos (ejemplo: cian humano asocia con
y rojo) son colores totalmente contrarios, por lo que tenemos que tener la luz solar, el fuego,
mucho cuidado al usarlos, ya que el resultado puede ser muy agresivo. etc., y tonos fríos (azul
Aun así, son muy utilizados en anuncios, volantes o carteles cuando y verde), asociados
se busca que tengan un impacto visual sobre el público al que están con el agua, el hielo,
dirigidos y atraigan su atención. la luna, etcétera.
La teoría de colores es enorme y ni con un libro completo podrían abarcarse
todos los temas. Para concluir, podemos decir que los colores provocan reac-
ciones, emociones y pueden hasta cambiar estados de ánimo; es por eso que
este estudio es el pilar principal de muchas áreas en una empresa.

Este documento es propiedad de editorial Book Mart. 19


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Imagen de mapa de bits


La imagen de mapa de bits o imagen en pixeles es una imagen que está
compuesta, como su nombre lo indica, de pixeles. ¿Y qué es un pixel? Es la
unidad mínima que compone una imagen.

Anteriormente vimos la definición de imagen digital y qué es un bit. Con


Para saber    base en esa explicación, podemos decir que un pixel puede tener tantos bits
(combinaciones de colores) en función de la capacidad de procesamiento del
El nitrato de plata
dispositivo donde se muestre, es decir:
está formado por
pequeños granitos • Si un dispositivo tiene 1 bit por pixel, sólo se podrá proyectar un blanco
que cuando se sobre- o un negro en dicho pixel.
exponen a la luz fijan • Si el dispositivo tiene 8 bits por pixel, tendremos 256 variantes de colores
los colores captados en cada pixel.
en cada granito. Este • Si tiene 24 bits por pixel, habrá 224 5 16 777 216 variantes de colores.
proceso es a lo que • Si tiene 32 bits por pixel, tendremos 232 5 4 294 967 296 variantes de
llamamos fotografía. colores.
Los pixeles represen- Como podemos ver, el número de bits que puede haber en un pixel varía en
tan estos granitos de función de la capacidad del dispositivo.
nitrato de plata, pero
Podemos identificar una imagen de pixeles cuando al hacerla más grande se
digitalmente.
empiezan a ver los pixeles (decimos que la imagen se “pixelea”).
Ventajas:
• Las imágenes pueden tener tantas tonalidades y de-
gradados como se desee.
• Edición precisa gracias a que podemos modificar,
si así lo deseamos, pixel por pixel, degradados,
filtros, etc., lo que nos puede dar una calidad de
edición perfecta.
Desventajas:
• No podremos agrandar la imagen, ya que tendrá un
tamaño definido, y si la hacemos más grande, ten-
dremos como resultado una imagen “pixeleada”.
• Los archivos siempre serán más pesados por
contener una gran cantidad de colores y efectos.

20
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Imagen vectorial
Las imágenes vectoriales, a diferencia de las imágenes de mapa de bits, no
están constituidas por pixeles sino por fórmulas matemáticas, las cuales dibu-
jan puntos, líneas y curvas.

Una imagen vectorial se puede identificar porque no contiene degradados,


es decir, porque los colores que conforman la imagen sólo son plastas de
colores sólidos.

Normalmente se usa en iconos o imágenes sencillas para la web.


Contrariamente a lo que se pueda pensar, si se desea imprimir una imagen
vectorial o usarla para una página web, es necesario exportar la imagen vecto-
rial a una imagen en pixeles, por lo que podemos decir que al final de cuentas
todo termina en pixeles.
Ventajas:
• Gracias a que los vectores son ecuaciones matemáticas, no dependen
de la resolución o de los pixeles, por lo que se pueden escalar sin nin-
guna pérdida de resolución o problemas de distorsión de la imagen.
• Al no tener tantos degradados y efectos, el archivo pesa mucho menos
que una imagen de pixeles.
• Al ser una imagen formada por puntos, líneas y curvas unidos entre sí,
tiene un nivel de edición impresionante, ya que, si así lo quisiéramos,
podríamos transformar una imagen en algo totalmente distinto.
Desventajas:
• Al basarse en plastas de colores no degradadas, el nivel de detalle es
limitado y, en consecuencia, no se pueden crear imágenes muy deta-
lladas.
• Normalmente, se usa para imágenes sencillas y sin demasiados com-
ponentes, pero si se requiere hacer una imagen vectorial con muchos
elementos vectoriales, el archivo requerirá bastante memoria y del
procesador de la computadora para poder mostrarse, debido a que
primero se tiene que resolver cada operación matemática para pintar
la forma que representa. El nivel de requerimientos aumenta conforme
hagamos un archivo con más y más vectores.
Este documento es propiedad de editorial Book Mart. 21
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Formato de imagen
Cuando trabajamos con imágenes, ya sean mapas de bits o vectores, llega el
momento de decidir qué hacer con ellas y, en consecuencia, de preguntarnos
en qué formato las guardaremos o exportaremos. Esta pregunta tiene que ser
respondida desde el inicio del proyecto, es decir, cuando decidimos si vamos
a retocar una fotografía, hacer una composición de imágenes, etc. Siempre
debemos tener el objetivo claro, por ejemplo:
• Montar la imagen en una página web.
• Colocar la imagen en un archivo para su posterior impresión.
• Enviar la imagen por correo electrónico para su uso posterior.
Si tenemos claro lo que vamos a hacer con nuestra imagen, podremos res-
ponder algunas preguntas que nos servirán para escoger el mejor formato.
Algunas que debes considerar son las siguientes.
• ¿Necesitamos una resolución alta, media o baja?
• ¿El peso del archivo es un problema?
• ¿Necesitamos transparencias?
• ¿Vamos a necesitar una animación o la imagen será estática?
Para las imágenes de mapa de bits, los siguientes son los formatos más usados
y algunas de sus características a tomar en cuenta en el momento de decidir.
• Formato “JPEG” o con extensión “JPG” (es muy usado en cámaras
fotográficas digitales).
1. Ofrece flexibilidad a la hora de ajustar el grado de compresión.
2. Con un grado de compresión muy alto se generará un archivo muy
ligero, pero a costa de una pérdida significativa de calidad.
3. Con un grado de compresión baja se obtiene una calidad de imagen
muy parecida a la del original, pero con un tamaño de archivo mayor.
4. La pérdida de calidad es acumulativa, es decir, aumenta cuando se
comprime y descomprime varias veces.
5. No admite transparencias (Canal Alfa).
• Formato “PNG” (ideal para imágenes formadas por grandes masas de
color o con poca variación de color, y para web).
1. Formato con compresión sin pérdida de calidad.
2. Mejor calidad y reducción de peso que el “GIF”.
3. Soporta transparencias (Canal Alfa).
• Formato “GIF” (publicidad en tipo banners e imágenes animadas para
páginas web).
1. Formato de compresión sin pérdida.
2. Sólo puede contener de dos a 256 colores (paleta de colores res-
tringida).
3. Soporta animaciones.
4. Soporta transparencias (canal Alfa).

22
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

• Formato “BMP” (es un formato propio de Windows. Se menciona


como historia, ya que su uso es casi nulo).
1. Formato de compresión, pero aun así los archivos son muy pesados
(más que cualquiera de los otros formatos).
Para imágenes vectoriales, los siguientes son los formatos más usados y algu-
nas de sus características.
• Formato “EPS” (enfocado a materiales impresos y en desuso).
1. Archivos encapsulados “Post Script”.
2. Compatible con Mac y PC.
3. Problemas de exportación.
• Formato “PDF”.
1. Posibilita el uso de vectores.
2. Es editable (imagen y texto).
3. Es importante marcar en el programa que estamos usando “preser-
var capacidad de edición”.
• Formato “PSD”.
1. Archivo de Photoshop.
2. Posibilita el uso de vectores.
3. Es editable (capas, imágenes y texto).
4. Podemos guardar desde Illustrator para seguir trabajando en Pho-
toshop.
• Formato “SVG”.
1. Gráficos vectoriales escalables.
2. Su uso puede implementarse en diseño web para retina y responsive.
3. Es independiente de la resolución de pantalla.
4. Puede abrirse en muchos programas de edición vectorial. Entre los
de software libre, el más popular es el Inkscape.

Navegar en Editor de imágenes

1 4
3
1. Caja de herramientas.
2. Opciones de herra-
mientas.
3. Ventanas de imagen.
2 4. Capas, canales, rutas e
histórico de deshacer.
5. Pinceles, patrones y
degradados.
5

Este documento es propiedad de editorial Book Mart. 23


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Ventana de herramientas
El editor de imágenes nos permite manipular, retocar, componer y crear imá-
genes y fotografías. Para poder llevar a cabo estas acciones, se cuenta con
una ventana llamada “Caja de herramientas” o “Ventana de herramientas”,
que es el corazón del editor de imágenes:

1. Iconos de herramientas. Activan herramientas que sirven a una variedad


de propósitos en la edición y/o creación de imágenes; por ejemplo, se-
leccionar partes de imágenes, pintar sobre ellas, transformarlas, etcétera.
2. Colores de frente y fondo. Los cuadrados que vemos en esta parte mues-
tran los colores de frente y fondo que GIMP tiene seleccionados. Al dar
clic izquierdo sobre cualquiera de los dos cuadra-
dos, aparecerá una ventana de selección de color
que permite elegir un color diferente. Al hacer clic
izquierdo sobre la flecha de dos puntas que se en-
cuentra en la esquina superior derecha de los dos
cuadrados, los dos colores se intercambian. Y si
das clic izquierdo sobre el pequeño símbolo de la
esquina inferior izquierda, los colores se restable-
cen a blanco y negro.
En la caja de herramientas, como en la mayor parte
de la interfaz del editor de imágenes, al llevar el
ratón sobre algún elemento y dejarlo allí un mo-
mento, aparece un mensaje descriptivo del icono;
o bien, en algunos casos, puedes presionar la tecla
F1 para obtener ayuda sobre el elemento que se
encuentra debajo del cursor.

24
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

En caso de que al abrir el editor de imágenes no se muestre la “Ventana de


herramientas” o si por error la cerramos, existen varias formas de abrir esta
ventana. Una de éstas es dar clic derecho en cualquier superficie de la “Ven-
tana de Imagen”, seleccionar la opción “Herramientas” y a continuación dar
clic izquierdo en la opción “Caja de Herramientas”.

Ventana de trabajo
El área de trabajo no es más que un lienzo en el que se colocan capas (las
cuales veremos más adelante). Para saber   
El lienzo es un área de cuadros grises y negros. También puede
La capa está delimitada por una línea de puntos amarillos que muestra los abrirse la “Ventana de
contornos de la capa. Herramientas” desde
el menú superior lla-
mado “Herramientas”.

Siempre es posible cambiar el tamaño de nuestro lienzo o capa. En el menú


“Imagen”, situado en la parte superior, se encuentra la opción “Tamaño del
lienzo…”.

En la ventana “Establece el tamaño de lienzo de la imagen”, modificas el ta-


maño del lienzo. Considera las capas que vas a redimensionar.

Este documento es propiedad de editorial Book Mart. 25


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Actividad 2

``Responde las siguientes preguntas.

1. ¿Qué es una imagen digital?

2. ¿Qué es un bit?

3. ¿El color es una propiedad de los objetos? (Sí) / (No). Explica.

4. ¿Cuáles son los colores que forman los primarios sustractivos o modelo de color (CMYK)?

5. Escribe una ventaja y una desventaja de una imagen vectorial.

6. ¿En qué formato comúnmente guardan sus imágenes las cámaras fotográficas digitales?

7. ¿Para qué nos sirve una herramienta de edición de imágenes, aparte de permitirnos manipular
imágenes?

``Observa los logotipos de marcas reconocidas y los colores usados en ellos, y comenta con el gru-
po qué sensaciones percibes cuando ves unos u otros.

26
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

B. El uso de herramientas para la edición


de imágenes
Para poder usar las herramientas del editor de imágenes, basta con dar clic en
cualquiera de los iconos de la “Ventana de herramientas”:

Cada una de las herramientas contiene propiedades, opciones y estados que


se pueden observar en la ventana “Opciones de herramientas”. Estas opciones
son únicas para cada una de las herramientas y contienen muchos parámetros
configurables, que nos permiten personalizar la forma en que la herramienta
interactuará con nuestra imagen o el modo en que se comportará. Observa la
siguiente imagen.

En caso de que no encuentres esta ventana, la podrás abrir desde el menú su-
perior “Ventanas”, y después en el submenú “Diálogos empotrables”, dando
clic en “Opciones de herramientas”.

Este documento es propiedad de editorial Book Mart. 27


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Técnicas de edición digital de imágenes


Existen diversas técnicas que nos ayudan a editar de mejor manera las imáge-
nes digitales, y siempre hay que considerar el objetivo de las modificaciones.
Para una empresa lo más importante es captar la atención del cliente, para un
fotógrafo, conservar a sus clientes y que éstos se encuentren satisfechos por
la calidad que brinda en sus servicios.

Algunas técnicas para la edición de imágenes son las siguientes.

• Saturación. Permite tener el control sobre la intensidad del color.


• Contraste. Reduce las luces y sombras, tomando en cuenta la imagen
por modificar.
• Iluminación. Mejora la fotografía modificando el brillo.
• Desenfoque. Acentúa los elementos en primer plano.
• Collage de fotografías. Se recomienda realizar un collage de sus pro-
pias fotografías.

Tip: No es necesario ser un experto para lograr buenos resultados, lo que es


importante es que realices todas las actividades y pongas atención en clase
para lograr imágenes de buena calidad.

Actividad 3

``Tomando en cuenta la información de las técnicas de edición digital de imágenes, lleva a cabo
la siguiente práctica.

1. En este ejercicio vas a realizar un collage de tu mascota favorita. Para esto, prepara cuatro
imágenes de ella. Si no tienes mascota, puedes buscar imágenes de alguna que te gustaría
tener.
2. Entra al programa de editor de imágenes.
3. Para utilizar la técnica de saturación debes de tomar en cuenta que ésta determina la inten-
sidad de los colores. Utiliza una imagen y ve moviendo los botones de control hasta que
mejore la saturación de la misma; los colores con poca saturación se denominan pálidos y
los de mayor saturación se conocen como colores puros.
4. Usa otra fotografía para aplicar la técnica de contraste, cuidando la iluminación y la sombra
de la foto. Si no se realiza correctamente, las luces pueden lucir de forma exagerada y las
sombras muy oscuras.
5. Al modificar el brillo estamos aplicando la técnica de iluminación; si tu imagen es oscura
aplica esta técnica, si no es oscura puedes sólo aplicar un ligero cambio en el brillo.
6. La técnica de desenfoque es más compleja que las anteriores, ya que en algunos casos no se
aplica de forma correcta y en lugar de mejorar, la imagen se ve perjudicada. Puedes realizar
dos cosas:

28
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

a ) Desenfocar el fondo para que los elementos principales de la imagen sobresalgan más.
b ) Utilizar en páginas principales para que sobresalga el texto de la imagen. También es uti-
lizado en las páginas web para dar un mejor diseño a la imagen que se tiene como fondo.

7. Crea un collage con las imágenes que acabas de modificar.

Lista de cotejo
``Evalúa tu trabajo con la siguiente lista.

Criterio Sí No
Presenté las cuatro imágenes para poder realizar la actividad.

Utilicé la técnica de saturación siguiendo los consejos para mejorar la imagen.

Apliqué la técnica de contraste de forma adecuada.

Modifiqué la iluminación de la imagen de forma correcta.

Usé la técnica desenfoque y acentué los elementos en primer plano.

Diseñé el collage con las imágenes.

Herramientas de selección
Existen siete “Herramientas de selección” en el editor de imágenes, diseña-
das para seleccionar regiones de una imagen y, de esta manera, poder traba- TIC
jar por separado las áreas escogidas sin afectar el resto de la imagen. En la
siguiente imagen puedes observar las siete herramientas. Debido a que este
tema es muy ex-
tenso, escanea el
código QR para
leer más acerca de
las propiedades
de cada una de las
Siguiendo con el ejemplo del restaurante que estás a punto de abrir (en el herramientas de
comienzo de este módulo), vamos a crear una imagen para los menús, así que selección.
¡manos a la obra! Empezaremos buscando una imagen o fotografía de algún bkmrt.com/oxdlRS
restaurante o alguna otra que nos guste para la portada del menú, el cual de-
berá tener un logo, alguna imagen de comida, el nombre del negocio, alguna
promoción y la dirección del establecimiento. Te recomendamos buscar una
imagen sencilla y sin muchos elementos.
Abre la imagen dando clic en el menú superior “Archivo” y, posteriormente,
en la opción “Abrir…”. Navega hasta la carpeta donde tienes la imagen y
selecciónala haciendo clic en el botón “Abrir”.

Este documento es propiedad de editorial Book Mart. 29


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Una vez que tenemos la imagen abierta, seleccionamos el icono “Selección


libre” de la “Ventana de herramientas”. Esta herramienta nos permitirá selec-
cionar toda la información que no nos sirve de la imagen que buscamos y reem-
plazarla con un color acorde al fondo de la imagen (recuerda que seleccionar
el color adecuado es importante). El naranja, el amarillo y el rojo son siempre
colores que despiertan el apetito, mientras que el blanco y el negro son colores
elegantes que nos dan la sensación de un lugar explosivo.

Con la herramienta “Selección libre” iremos dando pequeños clics. Procura no


dejar apretado el botón del mouse, para que no sea complicado seleccionar el
entorno. Intenta hacer los clics lo más juntos posible en las partes más pequeñas o
difíciles, y clics más largos en las rectas, de tal manera que abarques todo el contor-
no de los objetos que no necesitamos. Une el punto final con el punto inicial para
terminar la selección.

Herramientas de pintura
En la siguiente imagen aparecen las herramientas del editor de imágenes
para dibujar o pintar.

30
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Continuemos con selección que hicimos en la página anterior. Cuando ya


estén seleccionados los objetos que deseamos quitar de nuestra imagen, ire-
mos a la “Ventana de herramientas”, seleccionaremos la “Herramienta de lá-
piz” y pintaremos el área que seleccionamos con el color que hayamos
elegido o con el color de fondo que tiene la imagen. No te preocupes por
pasarte del contorno, ya que la magia que hacen las herramientas de selec-
ción es que sólo te permitirán pintar dentro del área seleccionada.
Para saber   
La mayoría de las imá-
genes que circulan en
internet pueden tener
derechos de autor,
lo que quiere decir
que no podemos
reproducirlas parcial
o totalmente sin el
consentimiento de
su creador. Por ello,
siempre es importan-
te que generemos
nuestras imágenes o
que estemos seguros
Repite los pasos con todas las partes que contengan datos que no son de de que las imágenes o
nuestro restaurante para poder tener al final la plantilla de portada para el fotografías que vamos
menú. a usar son de dominio
Intenta experimentar con otras herramientas de pintura. Al final, nuestra ima- público.
gen tiene que quedar limpia y lista para poder insertar los elementos necesa-
rios para convertirla en un volante.

Observa mediante
la aplicación digital
una representación
relacionada con este tema

Este documento es propiedad de editorial Book Mart. 31


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Herramientas de transformación
Las herramientas de transformación de imágenes nos permiten rotar, escalar,
mover o deformar las imágenes y los objetos seleccionados. La única consi-
deración que se tiene que tener a la hora de usar este tipo de herramientas es
recordar que las imágenes con las que estamos trabajando son “imágenes de
mapa de bits”, formadas por pixeles, por lo que al escalarlas o deformarlas se
pueden “pixelear” y perder resolución.

Ya que tenemos nuestra imagen limpia, seguramente nos gustará darle un


toque personal y ponerla en el tamaño en que la necesitamos. Para lograr-
lo, seleccionaremos primero la “Herramienta de escalado” de la “Ventana de
herramientas” y modificaremos nuestra imagen dando clic en cualquiera de los
cuadrados que aparecen en el contorno de nuestra imagen. Dejando presionado
el botón del mouse, arrastramos el cursor hacia la dirección deseada.

No te preocupes si al modificar la imagen, en el fondo aparece una cuadrícula


en tonos grises, puesto que es el área de trabajo de la que disponemos, y no
contiene ningún color. A esto se le llama transparencia.
También puedes ocupar las herramien-
tas de selección que vimos en el tema
pasado para poder transformar un área
u objeto en específico. ¡No dejes de
probarlo!
Como te habrás dado cuenta, existen
varias herramientas para transformar
una imagen. Ahora es importante
que practiques con ellas y te familia-
rices con sus funciones. No olvides
que siempre que tengas dudas, pue-
des presionar F1 con el cursor, arriba
del icono, para abrir la ayuda.

32
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Herramienta de rutas
Esta herramienta nos permite trazar una ruta (que no afecta a la imagen), la
cual podemos modificar a nuestro gusto hasta que tengamos la forma desea-
da, y posteriormente, sobre ella, dibujar una línea; o bien, utilizar cualquiera
de las herramientas de pintura que aparecen en la imagen del lado derecho.
Nuestra portada de menú necesita un logo sencillo pero elegante, por lo que
utilizaremos la herramienta de rutas para poder trazarlo, y hasta que estemos
seguros de qué es lo que queremos, dibujaremos a lo largo de la ruta.

Selecciona la “Herramienta de Rutas” de la “Ventana de Herramientas”.


Ahora traza tu logotipo punto por punto. Estos puntos son un poco diferentes
a todos los anteriores, ya que tienen algo que se llama línea de dirección, re-
presentada por dos cuadrados que salen del punto final o circular. Si dejamos
presionado el botón del mouse y lo arrastramos, o si a un punto final que ya
habíamos colocado le damos clic en la línea que sale del punto en cualquiera
de las direcciones, esto nos permitirá hacer curvas moviendo los puntos cua-
drados o las líneas de dirección. No te desesperes. Se requiere de un poco de
práctica y paciencia para poder dominar esta herramienta.
Una vez que tenemos la ruta trazada de nuestro logotipo, seleccionaremos el
color con el cual se trazará la ruta , y poste-
riormente iremos a la ventana "Rutas – Pinceles",
donde seleccionaremos la pestaña "Rutas". En
ésta podemos observar todas las rutas que hemos
creado y decidir con cuál vamos a trabajar. Una vez
seleccionada la ruta, damos clic en el botón "Pintar
a lo Largo de Ruta", que se encuentra en la parte
inferior derecha.
Dentro de la ventana "Trazar Ruta", damos clic en
el botón "Trazo". En esta ventana podemos mo-
dificar o cambiar la forma con la que deseamos
pintar la ruta. ¡No olvides regresar y probar las di-
ferentes opciones!
¡Listo! Tenemos nuestro logotipo terminado.

Este documento es propiedad de editorial Book Mart. 33


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Herramienta de texto
La opción de texto en el editor de imágenes no hace otra cosa que agregar
texto, así de simple.
Vamos a ir a la “Ventana de Herramientas” y dar clic en el icono “Herra-
mienta de Texto”. Una vez seleccionada, sólo necesitamos dar clic en cual-
quier parte de la imagen donde vamos a agregar el texto.

Pon todo el texto que creas necesa-


rio para la portada del menú de tu
Para saber    restaurante. Recuerda que puedes
Puedes mover toda la cambiar el tamaño, el color, la tipo-
caja de texto si dejas grafía, etc., en la ventana que apare-
apretada la tecla “alt”. ce una vez que has insertado el texto.
Haz diferentes pruebas cambiando
colores y tamaños de letra, pero re-
cuerda el círculo cromático para ha-
cer una combinación de colores ba-
lanceada y con estilo.

Filtros y capas
Filtros
Los filtros en el editor de imágenes nos sirven para dar una apariencia diferen-
te, hacer un retoque o colocar un detalle en una imagen. Existe una gran va-
riedad de filtros. Te invito a probar por tu cuenta algunos de ellos y observar
los resultados que obtienes en tus imágenes. Recuerda que siempre cuentas
con la ayuda presionando F1.
La portada para el menú está casi terminada, pero se vería mejor con una
pequeña luz en nuestro logo, por lo que usaremos el filtro “Destello con de-
gradado”, al que podemos acceder desde el menú superior “Filtros” y, des-
pués, en el submenú “Luces y sombras”, dando clic en la opción “Destello
con degradado…”.

34
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Colocaremos el destello en alguna parte de nuestro logo y presionaremos el


botón “OK”.

El resultado será un detalle que hará que luzca aún más nuestro volante.

Este documento es propiedad de editorial Book Mart. 35


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Capas
Para entender mejor el concepto de capas dentro del editor de imágenes,
imaginemos un montón de hojas, una arriba de otra, pero con la particularidad
de que son transparentes, por eso lo que coloques en una, sin importar que
tan abajo se encuentre, lo seguirás viendo desde arriba de la pila de hojas.
Seguramente te estarás preguntando cuál es la funcionalidad de utilizar ca-
pas. Bueno, si en este momento quisiéramos hacer algún cambio a nuestro
proyecto de la portada de menú que hemos desarrollado a lo largo de este
módulo, nos daríamos cuenta de que ya no es posible separar los elementos
ni, mucho menos, modificarlos por separado. Pero ¿que pasaría si hubiéra-
mos usado capas?

Podríamos reutilizar nuestro logotipo o cambiar por completo nuestra porta-


da sin mayor problema y de la manera mas rápida posible.
La pestaña de capas la podemos encontrar en el apartado del lado superior
izquierdo, dentro del cual tendremos las siguientes opciones.

36
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Actividad 4

``Agrega una capa más a tu imagen de la portada del menú, en la que coloques una fotografía
de alguna comida que te guste, de tal manera que armonice con tu diseño.
``Una vez colocada la imagen, pon un filtro, ya sea a la capa del menú, o bien, a la de la comida
que acabas de agregar.
``Una de las revistas más importantes de restaurantes te ha solicitado fotografías editadas de tu
restaurante donde se muestre tu logotipo, tu dirección de contacto y a personas deleitándose
con tus famosos platillos. Recuerda que “de la vista nace el amor” y que entre más profesio-
nales y atractivas sean tus fotografías, más gente estará interesada en visitar tu restaurante.
Aplica todos los conocimientos aprendidos.
``Al finalizar, imprime la fotografía de tu restaurante y pégala en tu cuaderno.
``No olvides mandarle por correo electrónico a tu profesor una copia de tu fotografía. Asigna el
nombre del archivo de la siguiente manera:
NOMBRE_GRUPO_FECHA_RESTAURANTE.png

Actividad de evaluación: hacia mi organizador de evidencias

``Supón que tienes un tío llamado Carlos, quien tiene una tienda de abarrotes, y un vecino de la colo-
nia, amigo suyo, le ofrece publicar una imagen de su tienda en una revista que se reparte en varias
colonias a la redonda. Pero como la revista se publicará al día siguiente, tú le ayudarás a tenerla lista
para que el anuncio quede lo mejor posible.
``Toma en cuenta los siguientes aspectos.
1. Cada uno de los siguientes pasos debe estar separado en capas.
2. Busca en internet una foto de una tienda de abarrotes que tenga en la marquesina una lona con el
nombre del local. Limpia la lona volviéndola a "pintar" para que parezca nueva y pon el nombre
“Abarrotes Don Carlos”.
3. Tu tío jamás se sacó una fotografía frente a la abarrotera y sabes que a él le gustaría salir en la foto
de la publicación. Extrae la imagen de tu tío de una de sus fotos personales y, por medio de las he-
rramientas del editor de imágenes, recórtala y colócala en la foto de la abarrotera que ya limpiaste
en el punto anterior.
4. El logotipo de la abarrotera de tu tío es un bigote en color negro. Pinta y coloca el logotipo de tu
tío al lado del nombre de la abarrotera.
5. Aplica algún efecto en la imagen para darle el toque final.

Este documento es propiedad de editorial Book Mart. 37


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Comprobando lo aprendido
``Dibuja en el siguiente espacio un círculo cromático.

``Menciona los dos tipos de imágenes digitales y las características de cada uno.

``Imprime y agrega a tu portafolio de evidencias la portada del menú que creaste a lo largo de este
módulo.
``¿En qué formato exportarías la portada de menú y por qué?

Lista de cotejo
``Autoevalúa tu trabajo con la siguiente lista de cotejo.
Criterio Sí No
Hice el círculo cromático con las características correctas.
Expliqué correctamente los tipos de imágenes digitales y sus características.
Coloqué la imagen de portada del menú en el portafolio de evidencias.
Argumenté el por qué elegiría un formato.

Hasta aquí ya hemos visto como crearuna imagen para el menú de tu


Presentación nuevo restaurante.
de avances de
mi proyecto • Presenta ante todo el grupo la imagen que realizaste comentando
las complicaciones que presentó esta parte del proyecto y expli-
cando los elementos que escogiste para tu imagen.
• Como grupo elijan las imágenes que sean más representativas
para un menú de restaurante.
Para finalizar esta unidad, haciendo uso de la imagen que realizaste,
crearás un volante para promocionar un nuevo platillo que ofrecerá tu
restaurante. Presenta sus características y alguna promoción que quieras
incluir para su venta.
38
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

1.2 Sistematiza y difunde información


de hechos en obras escritas mediante
el uso del diagramador de páginas

¿Para qué aprendemos?


Estás a punto de abrir una tienda de ropa por internet. Tu producto es real-
mente bueno y duradero, sin embargo, fuera de tus amigos y familiares,
no muchos lo conocen. Un día tu amigo te sugiere lanzar una campaña de
propaganda a través de Facebook con la finalidad de llegar a más personas.
En esta unidad aprenderás los fundamentos para lograr que el cartel que
usarás como propaganda esté bien dirigido al público receptor. También
conocerás las diversas obras impresas que pueden ayudarte a diferentes
propósitos de difusión.

¿Cómo aprendemos?

A. Conociendo el diagramador de páginas


Conceptos
• Diagramación. Consiste en organizar y distribuir los elementos de un
mensaje logrando que sea de fácil lectura, con una tipografía y colores
adecuados a lo que se quiere transmitir.
• Diseño editorial. Este proceso es imprescindible ya que permite que
el escrito sea legible, coherente, acorde al público al cual va dirigido.
• Diseño gráfico editorial. Se utiliza en la diagramación de productos
como:
• Periódicos
• Revistas
• Libros
• Publicaciones científicas
• Manuales de operación, entre otros.

• Páginas web. El desarrollo de las primeras páginas web sólo contaba


con texto, ya que el internet era lento y no se tenían las herramientas
multimedia con las que se cuenta hoy, pero con el pasar del tiempo
se logró un gran avance al utilizar CSS (estilos empleados en el de-
sarrollo de las páginas), lo que permitió captar de mejor manera la
atención de los usuarios.

Este documento es propiedad de editorial Book Mart. 39


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Actividad 5

``Realiza una línea del tiempo tomando en cuenta el origen de las páginas web y los siguientes
elementos.
• Año
• Características importantes
• Dibujos

``Debe tener como mínimo cinco fechas importantes.


Lista de cotejo
``Autoevalúa tu trabajo con la siguiente lista de cotejo.

Criterio Sí No
Creé la línea de tiempo.
Utilicé todos los elementos mencionados.
Presenté un buen diseño.

Diseño de la publicación por tipo


TIC de publicación
Para mayor informa-
ción sobre el signi- El diseño de la publicación es la actividad de carácter gráfico realizada sobre
ficado de la libertad una publicación con el fin de comunicar de manera efectiva cualquier mensa-
de expresión entra je hacia un determinado grupo social. Esto puede ser con fines comerciales,
consulta los siguien- artísticos, personales, entre otros, pero siempre con un objetivo específico.
tes enlaces.
bkmrt.com/0VK3IF Una publicación es un mensaje usado para transmitir información a un grupo
bkmrt.com/M3CopN social con un propósito bien definido. Este mensaje puede ser transmitido
de diversas maneras, las cuales requieren de cierto conocimiento para poder
comunicar exitosamente dicho mensaje.
El objetivo de la publicación tiene que ver con lo que queremos publicar
hacia un público determinado, lo cual significa que mientras respetemos la
libertad de expresión, no tenemos límites en el mensaje que queremos pu-
blicar, por lo que, como mencionamos anteriormente, puede ser de carácter
informativo, comercial, político, etcétera.
A lo largo de este subtema conoceremos algunas de las publicaciones más
comunes, como los periódicos, las revistas, los libros, los carteles y los folletos.

40
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Tipos de obras escritas


Periódicos
Un periódico es un tipo de obra escrita que se publica con determinada re-
gularidad, de ahí su nombre. Por lo general se publica diariamente, razón por
la cual se le suele llamar también diario.
Los periódicos pueden contener publicaciones de todo tipo, como noticias,
anuncios publicitarios, anuncios comerciales, columnas, horóscopos, etcétera. Glosario
SEPTIEMBRE 5, 2014 Columna. En el ám-
TEMAS RECIENTES bito periodístico,una
EDICIÓN MITAD DE columna es un
ESPECIAL PRECIO
artículo escrito en

REGENERACIÓN
PERIÓDICO
donde un periodista
expresa su opinión o
crítica sobre un tema
específico.
Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius
inpra es arbeffrest Catquis maximoendeo, sim mensum din nic remenda mpopopo reniusquam nonvo.

UNA GRAN VENTA RECIENTE


70% POR TODO DESPEJANDO
Aperfecus ia vid inprae Aperfecus ia vid inprae
cata, quam dicaperesit, cata, quam dicaperesit,
parit, nonsum deffrem parit, nonsum deffrem
publicum non is et rende- publicum non is et rende-
runtis. runtis.

issolut C. Es! Epopublique issolut C. Es! Epopublique


aude tus etempliem dero, aude tus etempliem dero,
quam tarit virte condam quam tarit virte condam
mis, ut vercem ma, C. Sp. mis, ut vercem ma, C. Sp.

Serum oc, conum eris Serum oc, conum eris


hintebus ego escipte hintebus ego escipte
llabustro et gratort llabustro et gratort
inatienterem quam. inatienterem quam.

inpra es arbeffrest Catquis inpra es arbeffrest Catquis


maximoendeo, sim maximoendeo, sim
mensum din nic remenda mensum din nic remenda
mpopopo reniusquam mpopopo reniusquam
nonvo. nonvo.

Aperfecus ia vid inprae cata, Aperfecus ia vid inprae cata,


quam dicaperesit, parit, quam dicaperesit, parit,
nonsum deffrem publicum non nonsum deffrem publicum non
is et renderuntis is et renderuntis

issolut C. Es! Epopublique issolut C. Es! Epopublique


aude tus etempliem dero, aude tus etempliem dero,
quam tarit virte condam mis, quam tarit virte condam mis,
ut vercem ma, C. Sp. ut vercem ma, C. Sp.

Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius.

Este documento es propiedad de editorial Book Mart. 41


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Actualmente, los periódicos no sólo se publican impresos, también los pode-


mos encontrar de manera digital, a través de páginas de internet, o bien por
Glosario medio de aplicaciones para dispositivos móviles.
Dispositivo móvil.
Son dispositivos por-
tátiles con capacidad
de procesamiento
similar al de una
computadora. Ejem-
SEPTIEMBRE 5, 2014
plos de éstos son los
TEMAS RECIENTES
teléfonos inteligen- EDICIÓN MITAD DE
ESPECIAL PRECIO

tes (smartphones) o

REGENERACIÓN
PERIÓDICO

las tabletas electróni-


cas (tablets).
Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius
inpra es arbeffrest Catquis maximoendeo, sim mensum din nic remenda mpopopo reniusquam nonvo.

UNA GRAN VENTA RECIENTE


70% POR TODO DESPEJANDO
Aperfecus ia vid inprae Aperfecus ia vid inprae
cata, quam dicaperesit, cata, quam dicaperesit,
parit, nonsum deffrem pu- parit, nonsum deffrem pu-
blicum non is et renderun- blicum non is et renderun-
tis. tis.
SEPTIEMBRE 5, 2014
issolut C. Es! Epopublique issolut C. Es! Epopublique TEMAS RECIENTES
aude tus etempliem dero, EDICIÓN
aude tus etempliem dero,
quam tarit virte condam ESPECIAL
quam tarit virte condam
mis, ut vercem ma, C. Sp. mis, ut vercem ma, C. Sp.

REGENERACIÓN
PERIÓDICO

Serum oc, conum eris hin- Serum oc, conum eris hin-
tebus ego escipte llabustro tebus ego escipte llabustro
et gratort inatienterem et gratort inatienterem
quam. Aperfecus ia vid inprae cata, quam dicapere-
quam.
sit, parit, nonsum deffrem publicum non is et
inpra es arbeffrest Catquis renderuntis
inpra issolut
es arbeffrest C. Es! Epopublique aude
Catquis
maximoendeo, sim tus etempliemsim
maximoendeo, dero, quam tarit virte condam
mensum din nic remenda mis, ut din
mensum vercem ma, C. Sp. Serum oc,
nic remenda
mpopopo reniusquam mpopopo reniusquam
nonvo. UNA GRAN VENTA RECIENTE
nonvo.

70% POR TODO


Aperfecus ia vid inprae cata, Aperfecus ia vid inprae cata,
Aperfecus ia vid inprae
quam dicaperesit, parit, quam dicaperesit, parit,
cata, quam dicaperesit,
nonsum deffrem publicum non nonsumparit,
deffrem
nonsumpublicum
deffrem non
is et renderuntis is et renderuntis
publicum non is et rende-
runtis.
issolut C. Es! Epopublique issolut issolut
C. Es!C.Epopublique
Es! Epopublique
aude tus etempliem dero, aude tus etempliem
aude tus etempliem dero,
dero,
quam tarit virte condam mis, quam tarit
quam virte condam
tarit virte condammis,
mis, ut vercem ma, C. Sp.
ut vercem ma, C. Sp. ut vercem ma, C. Sp.
Serum oc, conum eris
hintebus ego escipte lla-
Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non
bustroisetet renderuntis
gratort inatiente-
rem quam.

inpra es arbeffrest Catquis inpra es arbeffrest Catquis maxi-


maximoendeo, sim moendeo, sim mensum din nic
mensum din nic remenda remenda mpopopo reniusquam
mpopopo reniusquam nonvo.
nonvo.

Revistas
La revista, al igual que el periódico, es una publicación que se edita y distri-
buye con determinada periodicidad: semanal, mensual, bimensual etc. Pero a
diferencia del periódico, la revista contiene artículos de interés general o sobre
algún tema en particular, por ejemplo una revista de coches. Además, las revis-
tas suelen estar más cargadas de ilustraciones y tener una mejor presentación
que los periódicos, con el objetivo de atraer la atención de los lectores. En su
forma impresa, una revista tiene la forma de un cuaderno.

42
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Las revistas generalmente son muy coloridas y sus portadas tienen demasia-
do peso, ya que es el elemento que hace que resalte sobre las demás, y si
se trata de una revista que se vende, pues ya podrás imaginar la importancia
que tiene. También suelen contener muchos anuncios con fines comerciales,
casi siempre de marcas y servicios relacionados con el tema de la revista. Por
ejemplo, si la revista es sobre coches, podremos ver muchos anuncios que
promocionan un nuevo aceite para carro o la nueva tienda donde puedes
encontrar todo para tu coche.

Hoy en día también podemos encontrar revistas electrónicas en páginas de


internet o en aplicaciones para dispositivos móviles.

Este documento es propiedad de editorial Book Mart. 43


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Carteles
Un cartel es una publicación gráfica cuyo propósito principal es transmitir un
mensaje que capte vivamente el interés de quien lo lee para que actúe en
función de lo que percibió.
Para que un cartel cumpla con su función, tanto sus elementos gráficos como
el texto deben estar plasmados de forma clara y concisa. El texto debe de es-
tar redactado con frases cortas y las imágenes tienen que llamar la atención.
El mensaje puede informar sobre cualquier tema, como cultura, deportes,
eventos sociales, etcétera.
Un ejemplo de cartel son los afiches cinematográficos, que vemos pegados
en las salas de cine para publicitar las películas del momento.

44
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

De la misma manera, podemos ver carteles en las calles, establecimientos,


restaurantes, tiendas de autoservicio, centros comerciales, sitios de internet,
en fin, la lista es infinita.
Como podemos ver, en la actualidad ha cambiado mucho la forma en la que
comunicamos los mensajes a través de los carteles. ¿Podrías identificar las
diferencias?

Actividad 6

``Formen equipos de tres personas y discutan sobre las diferencias entre


ambos carteles. Al final, comenten estas diferencias con su profesor.

Cubiertas
La cubierta es la parte exterior de un libro. Suele ser fabricada con algún mate-
rial más duro que el resto del libro, como cuero, cartón o plástico. En este lugar
se coloca el nombre del libro y el del autor. También se suele poner una imagen
alusiva al libro, así como el nombre y logotipo de la editorial que lo publica.
Dicho en otras palabras, es la primera impresión que proporciona un libro. Y
como la primera impresión siempre es importante, resulta fundamental que la
cubierta de un libro esté bien diseñada, a fin de que destaque entre todas las
demás cubiertas que puedan existir. Su finalidad es captar la atención del lector
de inmediato.
Algunos ejemplos de cubiertas son los son los siguientes.

Este documento es propiedad de editorial Book Mart. 45


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Es importante no confundir la cubierta con la portada de un libro. La portada


es la página dentro del libro que incluye el título de éste, el nombre del autor,
el lugar y año de la impresión, la casa editorial y, según sea el caso, la colección.
Es muy común que cada casa editorial utilice la misma línea de diseño para
todos los libros que publica. De esa manera, es sencillo identificar qué casa
editorial está publicando dicho libro, además de que le da un sello de iden-
tidad único.
Folletos
Un folleto es otro tipo de obra impresa cuyo objetivo también es el de in-
formar. Generalmente es usado para hacer publicidad sobre un producto o
servicio, por lo que debe llamar la atención del público al que está dirigido
mediante imágenes, diseños atractivos y un texto fácil de entender.
Al contar con un espacio más reducido, los folletos suelen contener información
más concreta y directa sobre el producto o servicio que se está publicitando.
Los folletos pueden ser diagramados de diversas maneras, cada una acorde
a la información que se está divulgando y a la creatividad del diseñador, pero
sin perder de vista el objetivo principal.

DISEÑO
PRUEBA
Triángulos
añade tu
dirección aquí POLÍ
GONOS

FOLLETO

Ejemplos de folletos podemos encontrar en todos lados: la publicidad de la


pizzería que llega a la puerta de tu casa, los trípticos que podemos tomar en la
farmacia para conocer algún nuevo producto o los volantes que te entregan al
salir del centro comercial o del parque (este último es el método más antiguo
con el que se reparten los folletos).
Asimismo, la tecnología nos ha permitido el uso cada vez más frecuente de
folletos virtuales o electrónicos, muchos de los cuales nos llegan a nuestro
correo electrónico.

Estructura de la obra escrita


Hasta este momento hemos revisado algunos de los distintos tipos de obras
escritas que existen, los cuales tienen algo en común: comunicar. Es por eso
que resulta de vital importancia para cualquier autor de una obra impresa
considerar los siguientes tres aspectos.

46
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

• ¿Qué es lo que se va a comunicar?


• ¿Cómo es que se va a comunicar?
• ¿A quién se le va a comunicar?

Existen elementos que son iguales en todas las obras impresas y que se de-
ben cuidar si se desea cumplir exitosamente con los tres aspectos menciona-
dos arriba. A continuación estudiaremos algunos de ellos.
Primera página/portada
Es uno de los elementos más importantes que toda obra impresa debe cuidar.
En el caso de los periódicos, revistas y folletos, esta portada debe reflejar lla-
mativamente el contenido más significativo de la publicación.
SEPTIEMBRE 5, 2014
TEMAS RECIENTES
EDICIÓN MITAD DE
ESPECIAL PRECIO

REGENERACIÓN
PERIÓDICO

Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius
inpra es arbeffrest Catquis maximoendeo, sim mensum din nic remenda mpopopo reniusquam nonvo.

UNA GRAN VENTA RECIENTE DISEÑO


70% POR TODO DESPEJANDO
Aperfecus ia vid inprae
cata, quam dicaperesit,
Aperfecus ia vid inprae
cata, quam dicaperesit,
PRUEBA
parit, nonsum deffrem parit, nonsum deffrem
publicum non is et rende- publicum non is et rende-
runtis. runtis.

issolut C. Es! Epopublique


aude tus etempliem dero,
quam tarit virte condam
mis, ut vercem ma, C. Sp.
issolut C. Es! Epopublique
aude tus etempliem dero,
quam tarit virte condam
mis, ut vercem ma, C. Sp.
POLÍ
Serum oc, conum eris Serum oc, conum eris GONOS
hintebus ego escipte hintebus ego escipte
llabustro et gratort llabustro et gratort
inatienterem quam. inatienterem quam.

inpra es arbeffrest Catquis inpra es arbeffrest Catquis


maximoendeo, sim maximoendeo, sim
mensum din nic remenda mensum din nic remenda
mpopopo reniusquam mpopopo reniusquam
nonvo. nonvo.

FOLLETO
Aperfecus ia vid inprae cata, Aperfecus ia vid inprae cata,
quam dicaperesit, parit, quam dicaperesit, parit,
nonsum deffrem publicum non nonsum deffrem publicum non
is et renderuntis is et renderuntis

issolut C. Es! Epopublique issolut C. Es! Epopublique


aude tus etempliem dero, aude tus etempliem dero,
quam tarit virte condam mis, quam tarit virte condam mis,
ut vercem ma, C. Sp. ut vercem ma, C. Sp.

Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius.

Nótense las similitudes que existen entre ambas portadas. Podemos ver que
las dos tienen letras grandes que resaltan los temas más importante para lla-
mar la atención. También usan una imagen que atrapa la atención del lector y
que está relacionada con el contenido.
En la cubierta de un libro se debe tener el mismo cuidado, aunque en este
caso la imagen o el diseño puede ser un poco más subjetivo y no tan directo
como en el caso de los periódicos y revistas. Hay cubiertas que literalmente
usan alguna pintura famosa, y dependiendo del libro, las letras del título pue-
den ser más conservadoras.

Este documento es propiedad de editorial Book Mart. 47


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

SEPTIEMBRE
SEPTIEMBRE 5,
5, 2014
2014
TEMAS
TEMASRECIENTES
RECIENTES
Contenido
EDICIÓN
EDICIÓN MITAD DE
MITAD DE
ESPECIAL
ESPECIAL PRECIO
PRECIO
El contenido se refiere al mensaje que estás comunicando.

REGENRACIÓN
REGENERACIÓN
PERIÓDICO
PERIÓDICO
En el caso de los periódicos, el contenido está dividido en
temas, como noticias nacionales, internacionales, deporti-
Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C.iaEs!
Aperfecus
Serum
issolut C. oc,
vidEpopublique
Es!conum
inprae cata, aude
quamtus
eris hintebus
Epopublique
etempliemparit,
dicaperesit,
ego etempliem
aude tus
dero, nonsum
escipte llabustro
quam tarit
et gratort
dero, quam
virte condam
deffrem
taritinatienterem
virte condam
mis,non
publicum
quam
ut vercem
mis,vermanunc
ma, C. Sp.
is et renderuntis
fori fuius
ut vercem ma, C. Sp.
vas, espectáculos, etc. En las revistas, el contenido tiene que
inpraoc,
Serum es conum
arbeffrest
erisCatquis maximoendeo,
hintebus sim mensum
ego escipte llabustro din nicinatienterem
et gratort remenda mpopopo
quam reniusquam
vermanunc nonvo.
fori fuius
ver directamente con el tema que aborda cada una. Si se
UNA GRAN VENTA RECIENTE
inpra es arbeffrest Catquis maximoendeo, sim mensum din nic remenda mpopopo reniusquam nonvo.

UNA
70% PORGRAN
TODO VENTA RECIENTE
DESPEJANDO
trata de una revista especializada en algo (por ejemplo, en
Aperfecus ia vid inprae
70%
cata,POR TODO Aperfecus ia vid inprae
quam dicaperesit,
Aperfecus ia vid inprae
cata, quam dicaperesit,
coches o en moda), su contenido estará dividido con base
parit, nonsum deffrem cata, quam dicaperesit, parit, nonsum deffrem
Aperfecus
publicum
cata,
ia vid
noninprae
is et rende-parit, nonsum deffrem
quam dicaperesit,
runtis. aperfecus ia vid inprae
publicum non is et rende-
runtis.
en su especialidad y, por lo general, contará con un índice y
parit, nonsum deffrem cata, quam dicaperesit,
publicum non is et rende-
issolut
runtis. C. Es! Epopublique parit, nonsum deffrem
publicum non is et rende-
aude tus etempliem dero, runtis.
issolut C. Es! Epopublique
aude tus etempliem dero,
páginas numeradas.
quam
issolut C. tarit virte condam
Es! Epopublique quam tarit virte condam
mis,
aude tusut vercem ma,
etempliem dero,C. Sp.issolut C. Es! Epopublique mis, ut vercem ma, C. Sp.
quam tarit virte condam
mis,Serum
ut vercem ma, C. Sp.
oc, conum
aude tus etempliem dero,
eris quam tarit virte condam Serum oc, conum eris En ambos casos, es normal que las páginas de contenido
hintebus ego escipte mis, ut vercem ma, C. Sp. hintebus ego escipte
Serum oc, conum
llabustro
hintebus
inatienterem
llabustro et gratort
eris
et gratort
ego escipte
quam. Serum oc, conum eris
hintebus ego escipte llabus- Serum oc, conum eris
llabustro et gratort
inatienterem quam.eris
Serum oc, conum
estén estructuradas en tres o cuatro columnas para desple-
hintebus ego escipte hintebus ego escipte
inatienterem quam.
inpra es arbeffrest Catquis
maximoendeo,
inpra sim
es arbeffrest Catquis
tro et gratort inatienterem
quam. llabustro et gratort
inatienterem quam.
inpra es arbeffrest
llabustro
maximoendeo,
Catquis
et gratort
sim
inatienterem quam.
gar la información.
mensum dinsim
maximoendeo, nic remenda inpra es arbeffrest Catquis mensum din nic remenda
mpopopo
mensum reniusquam
din nic remenda maximoendeo, sim mensum inpra es arbeffrest inpra esreniusquam
mpopopo arbeffrest
nonvo.reniusquam
mpopopo
nonvo.
din nic remenda mpopopo
reniusquam nonvo.
Catquis maximoendeo,
sim mensum din nic
Catquis maximoendeo,
nonvo.
sim mensum din nic A diferencia de una revista o periódico, el contenido de
Aperfecus ia vid inprae cata, Aperfecus ia vid inprae cata,
quam dicaperesit, parit,
Aperfecus ia vid inprae
nonsum deffrem cata,
publicum non
quam dicaperesit, parit,
Aperfecus
nonsum ia vidpublicum
deffrem inprae cata,
non
un libro generalmente está escrito en una sola columna y
quam
is et dicaperesit,
renderuntis parit, quam
is dicaperesit, parit,
et renderuntis
nonsum deffrem publicum non
is issolut
et renderuntis
C. Es! Epopublique
nonsum deffrem publicum non
is et renderuntis
issolut C. Es! Epopublique
puede o no tener un índice.
aude tus etempliem dero, aude tus etempliem dero,
issolut
quamC. Es!virte
tarit Epopublique
condam mis, issoluttarit
quam C. Es!
virteEpopublique
condam mis,
aude tus etempliem
ut vercem dero,
ma, C. Sp.
quam tarit virte condam mis,
aude
ut tus etempliem
vercem ma, C. Sp. dero,
quam tarit virte condam mis, En el caso de los folletos, los podemos subdividir en las
ut vercem ma, C. Sp. ut vercem ma, C. Sp.
Aperfecus ia vid inprae cata, quam dicaperesit, parit, nonsum deffrem publicum non is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc,
siguientes tres categorías.
Aperfecus ia conum eris cata,
vid inprae hintebus
quamegodicaperesit,
escipte llabustro
parit, et gratortdeffrem
nonsum inatienterem quamnon
publicum vermanunc fori fuius.
is et renderuntis
issolut C. Es! Epopublique aude tus etempliem dero, quam tarit virte condam mis, ut vercem ma, C. Sp.
Serum oc, conum eris hintebus ego escipte llabustro et gratort inatienterem quam vermanunc fori fuius.
• Volante: una hoja (dos caras totales).
• Díptico: una hoja doblada en dos partes (cuatro caras totales).
• Tríptico: una hoja doblada en tres partes (seis caras totales).

MIS LIBROS
DE DISEÑO

DISEÑO
PRUEBA
Triángulos
CONTACTO añade tu
dirección aquí POLÍ
DIRECCIÓN GONOS

PATRONES FOLLETO
DE DISEÑO

Es importante colocar los datos de contacto de quien transmite el mensaje en


la última cara del folleto.
El lenguaje usado en el contenido de toda obra impresa está directamente
relacionado con la audiencia a la que pretende dirigirse.
Es decir, podemos usar un lenguaje coloquial si se trata de una publicación
dirigida al público en general. Si se trata de un folleto cuyo objetivo es vender
un producto o servicio, se debe usar un lenguaje con el cual se identifiquen
sus posibles compradores. Si se tratara de un libro o revista especializada en
medicina, el lenguaje de esta obra debe ser muy técnico, por lo que sólo
aquéllos que conocen del tema podrán entenderlo bien.

48
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Actividad 7

``Formen equipos de tres integrantes y discutan las respuestas a las siguientes preguntas.
1. ¿Cuáles son las diferencias entre una revista y un periódico?
2. Si quisieran anunciar los nuevos tenis de sus marcas favoritas, ¿qué obras impresas usarían y
por qué?
3. Describan los tres aspectos en común que toda obra impresa tiene y a qué se refieren.

Navegar en ventana principal del diagramador


Ya conocemos un poco sobre los tipos de obras impresas que existen y que seguramente vemos a dia-
rio. Ahora conoceremos la herramienta que nos ayudará a elaborar todas estas obras impresas. Se llama
Diagramador y, como su nombre lo indica, nos ayuda a organizar o “diagramar” el contenido según la
obra impresa que se desee realizar.
Para esto, primero debemos conocer su ventana principal y las partes que la componen. Obseva la si-
guiente imagen.

Barra de menú Área de diseño Barra de herramientas

• Barra de menú. En esta barra se encuentran todas las opciones que ofrece el diagramador, orga-
nizadas en menús descriptivos.
• Barra de herramientas. Se encuentran accesos rápidos a algunas de las herramientas más usadas
en el diagramador.
• Área de diseño. Aquí se visualizará el trabajo que realicemos en el diagramador.

Este documento es propiedad de editorial Book Mart. 49


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Definir la estructura digital de la


obra escrita
Una obra escrita requiere de un tema que se co-
munique. El escritor debe tener, además del cono-
cimiento sobre dicho tema, inspiración para atraer
y enganchar al lector y que éste reciba el mensaje
de la obra escrita. Sin embargo, la estructura de
las obras digitales redefine por completo la forma
en que teníamos contacto con los textos escritos,
ya que la tecnología brinda enormes posibilidades
para presentarlos.

Los textos digitales no solamente comunican, sino que informan


Observa mediante (por ejemplo, en las redes sociales) y promocionan o promueven.
la aplicación digital
Por ello debe buscarse una estructura que además de ser visual-
una representación
relacionada con este tema mente atractiva permita una lectura ágil y dinámica.

Existen recursos digitales que pueden aprovecharse y que no res-


trinjen el espacio (como sí sucede en los textos impresos), lo que
permite ofrecer tanta información como determine el productor de
contenidos.

Al definir la estructura digital de una obra escrita deben considerarse los si-
guientes aspectos.

• Forma de distribución y conectividad. Definir si el contenido tendrá


acceso limitado o se distribuirá en forma masiva. Si estará disponible
sólo en internet o si se puede descargar posteriormente.
• Hipertextualidad. Esto da una posibilidad infinita de agregar enlaces
para ampliar temas, conceptos o secciones de la misma obra, por lo
que es importante definir desde un inicio el grado de hipertextualidad
que se incluirá, y cuidar que el texto actualizado esté en concordancia
con los hipertextos.
• Multimedia. Definir si al texto escrito se agregarán recursos de este
tipo como videos, audios, infografías, etcétera.
• Algoritmos. Al producir una obra o texto digital se debe considerar
también que las palabras o conceptos clave se enlazan a los motores de
búsqueda, que lo posicionan en el tráfico de la red.

B. La distribución de la plantilla
Crear textos
Ya tenemos la teoría, ahora vayamos a la práctica, y qué mejor manera de ha-
cerlo que con un ejemplo. La editorial de la revista Adolescentes de 40 o más
requiere el diseño de la portada para la próxima edición de enero.

50
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Entonces, hacemos lo siguiente.


1. Creamos un nuevo documento mediante el menú Archivo à Nuevo. En la
ventana que aparece seleccionamos Página simple. Nos aseguramos de
TIC
que tengamos seleccionado el tamaño en A4 y la orientación en Vertical. Para mayor referen-
Finalmente, damos clic en Aceptar. cia de tamaños, ver
la siguiente liga:
bkmrt.com/7tpw0h

2. Podemos ver, en nuestra área de diseño, que un nuevo documento con las
características mencionadas ha sido creado.

Este documento es propiedad de editorial Book Mart. 51


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

3. Para escribir un texto, vamos a la barra de Menú y seleccionamos Insertar


à Marco de Texto.

También podemos insertar un marco de texto con el icono , que se ubica


en la barra de herramientas, o con la tecla T del teclado. A esto último se le
conoce como “atajo”, y prácticamente todas las herramientas cuentan con
uno. Son muy útiles para agilizar el trabajo.
Ya que tenemos nuestro marco de texto, podemos editar los estilos de párra-
fos mediante el Editor de Historias. Para acceder a él, damos clic en el marco
de texto insertado y seleccionamos la opción Editar Texto. El atajo para esto
son las teclas Control + 1 + T.

52
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Aquí podemos editar el contenido, la fuente, el tipo de párrafo, la alineación,


etc. Por ahora insertemos el título de la revista: Adolescentes de 40 o más. Ex-
perimenta con las herramientas del Editor de Historias para modificar el texto. TIC
Para más informa-
ción sobre marcos
de texto, ve a la
siguiente liga:
bkmrt.com/Oj4KpS

Editar estilos de párrafos


Un estilo se refiere a un conjunto de características de texto, fuente, color,
tamaño y demás configuraciones que puedes aplicar a un párrafo. Para que
puedas crear tus estilos, el diagramador ofrece la creación de estilos median-
te la herramienta Editor de Estilos de Párrafos, la cual puedes encontrar en la
barra de menú Editar à Estilos.

En esta ventana podrás crear nuevos estilos y editar los que ya has creado
anteriormente, para después aplicarlos en el Editor de Historias.

Insertar elementos
Ya tenemos nuestro texto, pero ¡qué aburrida portada si sólo presenta texto!,
¿no lo creen? Afortunadamente podemos insertar distintos elementos en el
diagramador para que la obra impresa cumpla 100% con su objetivo. Los
elementos los podemos insertar en distintas capas, un concepto muy similar
al que vimos en el subtema anterior. Algunos de los elementos que podemos
insertar los enlistamos a continuación.

Este documento es propiedad de editorial Book Mart. 53


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Imágenes
En nuestro caso, queremos colocar una imagen de fondo para nuestra porta-
da. Para ello, creamos antes una nueva capa abriendo la ventana de Capas en
la barra de menú Ventanas à Capas. Ahí, damos clic en el botón de +, como
se muestra en la siguiente imagen.

Ordenamos las capas como se muestra en la imagen. Las podemos renombrar


con el nombre que queramos únicamente dando doble clic sobre ellas. Ya que
tenemos dos capas, vamos a insertar una imagen en la capa llamada Fondo.
Para insertar una imagen, debemos ir a la barra de menú Insertar à Marco de
Imagen o utilizar el atajo, que en este caso es la tecla I.
Como será la imagen de fondo de nuestra portada, queremos que ocupe todo
el tamaño de la hoja. Si damos doble clic en el elemento insertado, se nos
solicitará la información de la imagen que queremos seleccionar. Entonces,
simplemente, debemos ir al directorio donde se encuentra y seleccionarla.

54
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Formas
El diagramador tiene formas predefinidas que podemos usar en nuestras pu-
blicaciones. Para acceder a ellas, basta con ir a la barra de menú Insertar à
Formas. Ahí se desplegará un submenú con todas las formas disponibles en
el diagramador. El atajo para insertar es la letra S.

Seleccionamos, por ejemplo, una flecha y la insertamos.

Podemos cambiar el color de la flecha dando clic derecho sobre la misma y selec-
cionando el menú Propiedades. Ahí podrás ver una opción para cambiar su color.
Polígonos
Si quisiéramos una forma que no esté predefinida en el diagramador, pode-
mos crearla usando polígonos.

Este documento es propiedad de editorial Book Mart. 55


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Nos dirigimos a la barra de menú Insertar à Polígono à Propiedades.


Se nos abrirá una ventana donde podremos editar nuestro polígono. Para
nuestro ejemplo, podemos crear el siguiente polígono. Al finalizar damos clic
en Aceptar. El atajo para insertar un polígono es la letra ‘P’.

Finalmente lo insertamos en la posición que queramos.

De igual manera, podemos acceder a sus propiedades con el botón derecho


del ratón à Propiedades para cambiar el color del polígono.
Líneas
El diagramador también nos permite insertar líneas en nuestra obra impresa.
Para hacerlo, seleccionamos la barra de menú Insertar à Línea. El atajo para
insertar una línea es la letra L.
Podemos insertar la línea en el lugar que queramos. En este caso insertamos
dos líneas, una sobre y la otra debajo del polígono insertado.

56
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Usar plantillas
Una manera de facilitar el trabajo es mediante el uso de plantillas. Una plan-
tilla es un diseño preestablecido que podemos usar para ahorrar tiempo. Por
ejemplo, podemos guardar esta portada como plantilla. Esto es útil cuando
sabemos que nuestro diseño no va a cambiar demasiado en cada trabajo.
Para guardar como plantilla, debemos ir a la barra de menú Archivo à Guar-
dar como Plantilla.

Así, si nos solicitan la portada del siguiente mes, podremos basarnos en ésta
y no empezar el trabajo desde cero. Si queremos abrirla, simplemente nos
dirigimos a la barra de menú Archivo à Nuevo desde Plantilla.

Este documento es propiedad de editorial Book Mart. 57


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

El diagramador ya viene con una serie de plantillas predefinidas para cada


tipo de obra impresa. Las plantillas disponibles las podemos ver cuando abri-
mos desde Plantillas, paso descrito en la página anterior.
Adicionar páginas
Para adicionar páginas al documento que estamos trabajando, sólo tenemos
que ir a la barra de menú Página à Insertar.

Después, seleccionamos dónde queremos insertarla, su tamaño y orientación,


y damos clic en Aceptar. Al final podremos ver la nueva página insertada.

58
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Exportar con formato PDF


Si queremos exportar nuestro documento a PDF, simplemente debemos se-
leccionar el botón o ir al menú Archivo à Exportar à Guardar como PDF.

Ahí se nos solicitará un nombre para el archivo, así como la compatibilidad de


PDF si deseamos incluir todas las páginas, y muchas opciones más.

Este documento es propiedad de editorial Book Mart. 59


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Actividad 8

``En la página 2 que insertamos, crea un índice para la revista, que incluya los siguientes temas:
• Cómo practicar deportes extremos si tienes más de 40 años.
• Qué hacer si la ropa que usaba en la secundaria ya no me queda.
• Consejos para comer sin que me duela el estómago.
``Incluye todos los elementos que aquí aprendimos.
``Está próxima a estrenarse la nueva película de ciencia ficción llamada Peligro en el décimo pla-
neta y debes elaborar un cartel para promocionarla. Recuerda que debes incluir todos los ele-
mentos aprendidos.
• Justifica la diagramación de los elementos insertados.
• Compara tu cartel con el grupo. ¿Qué diferencias encuentras entre ellos? ¿Cuál crees que
sea más efectivo?

Actividad de evaluación: hacia mi organizador de evidencias

``Diseña en el diagramador un folleto que informe a la población acerca de algunos de los siguientes
temas:
• La adopción de mascotas.
• La desnutrición infantil en México.
• Nuevas tecnologías en comunicación.
``Elige cualquiera de estos tres temas para desarrollar tu folleto. Usa todos los elementos aprendidos.
``A continuación pega una copia del producto final, tu folleto finalizado.

``Al final exporta tu folleto a PDF, guárdalo con tu nombre completo (por ejemplo: “JuanGarciaPerez.
pdf”) en el directorio “C:\manejoAplicacionesMediosDigitales\portafolioEvidencias” e imprime esta
pantalla. Posteriormente imprime ambas partes del folleto y agrégalas a tu portafolio de evidencias.

60
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Comprobando lo aprendido
``En tu ciudad se creará el nuevo festival de música regional “Nuestras raíces” donde se presentarán
artistas de la zona interpretando música de diferentes géneros. Crea el cartel promocional para dicho
evento, mencionando todos los artistas invitados, el lugar donde se hará el evento y los diferentes
patrocinadores de éste.
``Imprime tu resultado final y entre todo el grupo elijan los mejores carteles. Agrega tu cartel al porta-
folio de evidencias.
Lista de cotejo
``Autoevalúa tu trabajo con la siguiente lista de cotejo.

Criterio Sí No
Hice un cartel con las características correctas.

Imprimí el cartel correctamente.

Para finalizar esta unidad haremos uso de lo aprendido en esta última parte.
Presentación
• Diseña e imprime un volante que presente el nuevo platillo de
de avances de tu restaurante, agregando información primordial para su venta.
mi proyecto Agrega a la parte frontal de tu volante la imagen que creaste para
el menú de tu restaurante.
• Presenta ante el grupo tu volante terminado, explicando las carac-
terísticas de éste y las complicaciones que tuviste al realizarlo.
• Entre todo el grupo escojan los volantes más claros y precisos,
reconociendo la parte visual y mejor distribución de la información.
Para este punto debes agregar a tu portafolio de evidencias los productos
terminados que fuiste realizando a lo largo de la unidad: tu imagen pro-
mocional y tu folleto del nuevo platillo.
En la próxima unidad desarrollaremos un nuevo proyecto con los siguien-
tes puntos: elaboración de un plan de trabajo, y un prototipo funcional
de sitio web.
Como inicio crearemos el plan de trabajo para la elaboración de una página
web para la Secretaría de Desarrollo Tecnológico, por lo tanto, el conoci-
miento adquirido enfócalo para este fin.

Este documento es propiedad de editorial Book Mart. 61


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Aplicando lo aprendido
Recapitulación de aprendizajes
Ahora fortaleceremos los resultados de aprendizaje propuestos en el programa de estudios. Afianza-
remos los temas y verás cuáles son tus fortalezas y debilidades.
``Lleva a cabo lo siguiente:
• De manera individual, elabora un mapa conceptual de los principales temas abordados en esta
unidad, para ello, es probable que tengas que regresar a revisar cada uno.
• También con la ayuda del PSP, determina los cambios que debes realizar a tu aprendizaje con
base en tus resultados.
• Realiza una lista con estos cambios y sugerencias, y tómala en cuenta para tu estudio de la si-
guiente unidad.
``Como soporte de tus conocimientos, responde las siguientes preguntas relacionadas con los te-
mas vistos en esta unidad:

1. ¿Qué es un pixel?
2. ¿Qué es una imagen digital?
3. ¿Qué es un bit?
4. ¿Qué es el lenguaje binario?
5. Menciona los tres grupos de colores primarios.
6. ¿Qué es una imagen vectorial?
7. Menciona cinco formatos de imagen
8. Da la definición de filtro y de capa.
9. Menciona tres tipos de obras impresas.
10. ¿Cuáles son las características de un volante, un tríptico y un díptico?
11. Lista tres elementos que puedes insertar en un texto.
12. Si quiero tener mi documento en PDF, ¿qué tengo que hacer?

``Con ayuda del PSP, autoevalúa tu desempeño en esta actividad considerando lo siguiente.

Lista de cotejo
Criterio Sí No
Establecí las relaciones existentes entre los conceptos principales de la unidad de aprendizaje en el
mapa conceptual.
Expliqué el mapa conceptual para demostrar la apropiación de los conceptos.
Determiné los cambios que debo realizar a mi aprendizaje.
Realicé la lista con los cambios que debo emprender para mejorar mi aprendizaje.

62
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

En equipos discutan acerca de algunas mejoras que puedan realizar a


sus productos finales, aporta críticas constructivas a los proyectos de
Mi proyecto tus compañeros, mencionando qué características cambiarías, agrega-
rías o quitarías de sus proyectos.
Escucha sus propuestas y modifica tu proyecto con base en sus críticas
y en tu criterio.
Cada quien debe anotar las propuestas de sus compañeros y mencio-
nar si son o no válidas para realizarse, y por qué.

Organizador de portafolio de evidencias


``Evalúa la calidad de las actividades que realizaste en esta unidad basándote en las
evidencias que fuiste registrando.

Calidad presentada según requisitos


Evidencia
Regular Buena Muy Excelente Suma
(6-7) (8) buena (9) (10) parcial

Funciones de herramientas del


editor de imágenes.

Cuestionario acerca de imágenes.

Respuesta a preguntas relacio-


nadas con edición de imágenes
y comparación de logotipos de
marcas reconocidas.

Creación, edición e impresión de


fotografía.

Discusión de preguntas acerca de


diferentes tipos de publicaciones.

Creación de índice de temas rela-


cionados con la portada de revista
creada y diseño de un cartel para
una película nueva.

Suma total
Puntaje para procesos y productos

Este documento es propiedad de editorial Book Mart. 63


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Matriz de valoración o rúbrica 1.1


Siglema: Nombre del Manejo de Nombre del alumno:
MADI-03 módulo: aplicaciones por
medios digitales

Docente Grupo: Fecha:


evaluador:

Resultado de 1.1 Diseña imágenes creativas de comu- Actividad 1.1.1 Integra un portafolios digital de tres imágenes para
aprendizaje: nicación social por medio del editor de de eva- una campaña publicitaria; en las que se observe la imagen
imágenes. luación: original y la editada, incorporando la descripción de las
técnicas y la herramienta de edición de imágenes utilizada.

Criterios
Indicadores %
Excelente Suficiente Insuficiente

• Diseña, manipula y retoca • Manipula y retoca imágenes Omite alguna de los siguientes
imágenes de fotografías, figuras de fotografías, figuras geomé- características:
geométricas o dibujos utilizando tricas o dibujos utilizando las
• Manipula y retoca imágenes de
las características de la aplicación. características de la aplicación.
fotografías, figuras geométricas o
• Establece el formato y edición
Edición • Establece el formato y edición dibujos utilizando las característi-
35 de imágenes de acuerdo a su
2.1 de imágenes de acuerdo a su cas de la aplicación.
tipo y uso de las herramientas
tipo, uso de las herramientas de • Establecer el formato y edición
de la aplicación.
la aplicación y requerimientos de imágenes de acuerdo a su
establecidos. tipo y uso de las herramientas de
la aplicación.

• Emplea las herramientas de • Emplea las herramientas de Carece de empleo de algún aspecto:
ayuda en línea frecuentemente ayuda en línea en tres ocasio- • Emplear las herramientas de
para obtener información de un nes para obtener información ayuda en línea en tres ocasiones
Uso de tema específico. de un tema específico. para obtener información de un
herramientas 35 • Guarda y revisa las imágenes • Guarda las imágenes cum- tema específico.
5.6 cumpliendo con los requerimien-
pliendo con los requerimien- • Guardar las imágenes cumpliendo
tos de localización, nomenclatura,
tos de localización, nomencla- con los requerimientos de localiza-
seguridad, tipo de archivo y herra-
tura y seguridad. ción, nomenclatura y seguridad.
mientas de revisión disponibles.

• Revisa el diseño de página bajo • Revisa el diseño de pági- Omite alguna de las siguientes
los requerimientos establecidos y na bajo los requerimientos actividades:
se ajusta a las características del establecidos y se ajusta a las • Revisa el diseño de página bajo
dispositivo de salida seleccionado. características del dispositivo los requerimientos establecidos
• Selecciona el dispositivo de de salida seleccionado. y se ajusta a las características
salida y los parámetros • Selecciona el dispositivo de del dispositivo de salida selec-
de impresión de acuerdo salida de acuerdo a requeri-
Presentación cionado.
a requerimientos. mientos.
de resultados • Seleccionar el dispositivo de salida
15 • Presenta la reproducción final de • Describe algunas de las herra- de acuerdo a requerimientos.
5.1
grafos o ilustraciones en formato mientas y el objetivo de ello.
(Coevaluación) • Describe la utilización de las herra-
impreso y digital aplicado a una • Presenta la reproducción final mientas y el objetivo de ello.
campaña publicitaria relacionada de grafos o ilustraciones en • Presentar la reproducción final de
con su carrera. formato impreso y digital apli- grafos o ilustraciones en formato
• Describe la utilización de las herra- cado a su carrera, en tiempo impreso o digital aplicado a su
mientas y el objetivo de ello. establecido. carrera, en tiempo establecido.
• Aplica las reglas ortográficas y
gramaticales.

64
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
UA1
Este documento es propiedad de editorial Book Mart.
Aplicación de herramientas de control de datos, diseño de imágenes y obras impresas
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

Criterios
Indicadores %
Excelente Suficiente Insuficiente

• Muestra entusiasmo e interés por • Muestra entusiasmo e interés por • Muestra apatía por aplicar los
aplicar los métodos de autorre- aplicar los métodos de autorre- métodos de autorregulación
gulación. gulación • Omite participar en la planificación
• Participa activamente en la • Participa activamente en la como anticipación de las conduc-
planificación como anticipación planificación como anticipación tas y previsión de dificultades.
de las conductas y previsión de de las conductas y previsión de
Actitud dificultades. dificultades.
10 • Valora la actuación de otros
8.3
como fuente de información y
acepta los comentarios e ideas
de sus compañeros

100

Matriz de valoración o rúbrica 1.2


Siglema: Nombre del Manejo de Nombre del alumno:
MADI-03 módulo: aplicaciones por
medios digitales

Docente Grupo: Fecha:


evaluador:

Resultado de 1.2 Diseña imágenes creativas de comu- Actividad 1.2.1 Elabora una publicación tipo boletín, folleto in-
aprendizaje: nicación social por medio del editor de de evalua- formativo, revista o periódico sobre tópicos específicos
imágenes. ción: aplicados a su carrera, de interés a la comunidad educa-
tiva, y realiza su difusión digital. (Heteroevaluación).

Criterios
Indicadores %
Excelente Suficiente Insuficiente

• Diseña, manipula y retoca • Manipula y retoca imágenes de Omite alguna de las siguientes
imágenes de fotografías, fotografías, figuras geométricas características:
figuras geométricas o dibujos o dibujos utilizando las caracte-
• Manipula y retoca imágenes de
utilizando las características de rísticas de la aplicación.
fotografías, figuras geométricas
la aplicación. • Establece el formato y edición
o dibujos utilizando las caracte-
• Establece el formato y edición de imágenes de acuerdo a su
Edición 5.1 40 rísticas de la aplicación.
de imágenes de acuerdo a su tipo y uso de las herramientas
• Establece el formato y edición
tipo, uso de las herramientas de de la aplicación.
de imágenes de acuerdo a su
la aplicación y requerimientos
tipo y a su uso.
establecidos.

Este documento es propiedad de editorial Book Mart. 65


Queda prohibida la reproducción total o parcial de este documento, así como su distribución.
Este documento es propiedad de editorial Book Mart.
Queda Manejo
prohibidade
la aplicaciones por omedios
reproducción total parcial digitales
de este documento, así como su distribución.

Criterios
Indicadores %
Excelente Suficiente Insuficiente

• Emplea las herramientas de • Emplea las herramientas de Omite alguno de los siguientes
ayuda en línea frecuentemente ayuda en línea en tres ocasiones aspectos:
para obtener información de un para obtener información de un • Emplear las herramientas de
tema específico. tema específico.
Uso de ayuda en línea en tres ocasio-
• Guarda y revisa las imágenes • Guarda las imágenes cumplien-
herramientas 35 nes para obtener información
cumpliendo con los reque- do con los requerimientos de
7.3 de un tema específico.
rimientos de localización, localización, nomenclatura y • Guardar las imágenes cum-
nomenclatura, seguridad, tipo seguridad. pliendo con los requerimientos
de archivo y herramientas de de localización, nomenclatura y
revisión disponibles. seguridad.
• Revisa el diseño de página bajo • Revisa el diseño de página bajo Omite alguno de los siguientes
los requerimientos establecidos y los requerimientos establecidos aspectos:
se ajusta a las características del y se ajusta a las características • Revisa el diseño de página bajo
dispositivo de salida seleccionado. del dispositivo de salida selec- los requerimientos establecidos
• Selecciona el dispositivo de sali- cionado. y se ajusta a las características
da y los parámetros de impresión • Selecciona el dispositivo de del dispositivo de salida selec-
de acuerdo a requerimientos. salida de acuerdo a requeri-
Presentación cionado.
• Presenta la reproducción final de mientos.
de resultados 15 • Selecciona el dispositivo de
grafos o ilustraciones en formato • Presenta la reproducción final
4.2 salida de acuerdo a requeri-
impreso y digital aplicado a su de grafos o ilustraciones en mientos.
carrera, en tiempo establecido. formato impreso y digital • Presenta la reproducción final
• Aplica las reglas ortográficas y aplicado a su carrera, en tiempo de grafos o ilustraciones en
gramaticales. establecido. formato impreso y digital
aplicado a su carrera, en tiempo
establecido.

• Muestra entusiasmo e interés por • Muestra entusiasmo e interés • Muestra apatía por aplicar los
aplicar los métodos de autorregu- por aplicar los métodos de métodos de autorregulación
lación. autorregulación. • Omite participar en la planificación
• Participa activamente en la • Participa activamente en la como anticipación de las conductas
planificación como anticipación planificación como anticipación y previsión de dificultades.
de las conductas y previsión de de las conductas y previsión de
Actitud 8.3 10 dificultades. dificultades.
• Valora la actuación de otros como
fuente de información y acepta
los comentarios e ideas de sus
compañeros.

100

66
Este documento es propiedad de editorial Book Mart.
Queda prohibida la reproducción total o parcial de este documento, así como su distribución.

También podría gustarte