MÓDULO IV

CUADERNILLO
PRIMER DISEÑO
Y DIGITAL
SEGUNDO
PARCIAL

SUBMÓDULO II
 DISEÑO DIGITAL

PREPARATORIA OFICIAL No. 24

CUADERNILLO DE TRABAJO

BLOQUE I: INTRODUCCIÓN AL DISEÑO DIGITAL

Instrucciones: marca con una X si es verdadero o falso en cada uno de los casos

¿Diferencia entre una imagen vectorial y un mapa de bits?

Diferencia entre una imagen vectorial y un mapa de bits

Una imagen vectorial es una imagen digital formada por objetos geométricos independientes (segmentos,
polígonos, arcos, etc.), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición,
de color, etc. Por ejemplo, un círculo de color rojo quedaría definido por la posición de su centro, su radio, el
grosor de línea y su color. Este formato de imagen es completamente distinto al formato de los gráficos
rasterizados, también llamados imágenes matriciales, que están formados por pixeles. El interés principal de
los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir el efecto de escalado
que sufren los gráficos rasterizados. Así mismo, permiten mover, estirar y retorcer imágenes de manera

SUBMÓDULO II 1
 DISEÑO DIGITAL

relativamente sencilla. Su uso también está muy extendido en la generación de imágenes en tres dimensiones
tanto dinámicas como estáticas. Todos los ordenadores actuales traducen los gráficos vectoriales a gráficos
rasterizados para poder representarlos en pantalla al estar ésta constituida físicamente por píxeles.

Más claro
Las imágenes de mapa de bits, también llamadas imágenes rasterizadas o bitmaps, están formadas por una
cuadrícula de puntos llamados píxeles, que se organizan en una rejilla. Cada uno de esos píxeles tiene un color
definido por un valor. Si hacemos zoom sobre ellas veremos esos pixeles. Cuantos más píxeles tenga una
imagen mayor será su calidad.

Las imágenes vectoriales se basan en coordenadas matemáticas que definen su posición, su forma, su color y
otros atributos. Están formadas por vectores, que son elementos geométricos como puntos, líneas, polígonos
o segmentos. En este caso si hacemos zoom sobre ellas veremos líneas y manchas de color definidas.

Leer el texto “Diferencia entre una imagen vectorial y un mapa de bits” y responde las siguientes preguntas:

¿Qué es un Mapa de Bits?

________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________

¿Qué es una Imagen Vectorial?

________________________________________________________________________________________
________________________________________________________________________________________
________________________________________________________________________________________

Completa los siguientes enunciados

TIPOS DE IMÁGENES:
A) Las imágenes analógicas
B) La imagen digital

______________________supone la traducción de los valores de luminosidad, saturación y color a un

lenguaje que pueda entender el ordenador y los periféricos con él relacionados, esto es, un lenguaje digital
(0 y 1).
_______________________son aquellas que presentan una variación continua de los valores de
luminosidad, saturación y color. Son las imágenes naturales.

SUBMÓDULO II 2
 DISEÑO DIGITAL

Clasifica cada imagen según el tipo VECTORIAL y MAPA DE BITS

SUBMÓDULO II 3
 DISEÑO DIGITAL

Clasifica en bitmaps o vectoriales según su tipo cada una de las ventajas y desventajas enunciadas:

Las imágenes ________________tienen las siguientes ventajas:

Pueden escalarse sin perder nada de calidad.
No pierden calidad al ser impresas.

Las imágenes ________________tienen las siguientes ventajas:

Consiguen representar fielmente la realidad.
Son la mejor opción para fotografías debido al alto nivel de detalle que pueden tener.

Las imágenes ________________tienen las siguientes desventajas:

A la hora de reducirlas o sobre todo aumentarlas pierden demasiada calidad y se pixelan.
Pueden no tener calidad suficiente para ser impresas.
Si tienen mucha calidad pueden ocupar excesivo espacio.

Las imágenes de ________________tienen las siguientes ventajas:

Tienen grandes limitaciones para crear imágenes reales. Es muy complicado reproducir una fotografía. No es
algo imposible. Existen imágenes representando fotografías de forma casi perfecta, pero se trata de archivos
extremadamente complejos y pesados.

Investiga las características principales de los siguientes formatos de imagen:

BMP:

GIF:

JPEG:

PNG:

PSD:

RAW:

TIFF:

AI:

CDR:

DXF:

SUBMÓDULO II 4
 DISEÑO DIGITAL

EMF:

EPS:

ODG:

SVG:

SWF:

WMF:

Coloca en el paréntesis el número según corresponda:

1 web, multimedia, correo electrónico, vídeo:

Fotografías:
Dibujos y logotipos:

2 impresión:

3 fotografías (cámara):
Aficionado:
Profesional o aficionado avanzado:

( ) ( ) ( )
JPEG TIFF, PSD, JPEG JPEG
JPEG, GIF, PNG RAW

Contesta las siguientes preguntas:

¿Qué modo de color usan las impresoras?

________________________________________________________________________________________
________________________________________________________________________________________

¿Cuántos colores puede tener un píxel?

________________________________________________________________________________________
________________________________________________________________________________________

Define con tus palabras qué es un píxel

________________________________________________________________________________________
________________________________________________________________________________________

SUBMÓDULO II 5
 DISEÑO DIGITAL

Investiga las características principales de los siguientes modos de color:

Monocromático:

Escala de grises:

Duotono:

Color indexado:

RGB:

HSB:

CMYK:

Pantone:

LAB:

Hexadecimal (HEX):

Multicanal:

Clasifica las siguientes imágenes según los modos de color conocidos:

SUBMÓDULO II 6
 DISEÑO DIGITAL

Completa la siguiente tabla según corresponda insertando los siguientes datos:

TIF, JPG, BMP, PNG, GIF

Adobe Illustrator, Corel Draw, Inkscape

Adobe Photoshop, GIMP, Corel PaintShop Pro

SVG, EPS, AI, CDR, WMF

Imagen Formato de archivo Programa de diseño

Mapa de bits

vectorial

BLOQUE II: SOFTWARE PARA LA EDICIÓN DE GRÁFICOS VECTORIALES

¿Qué es CorelDraw?

Es el software de diseño gráfico que forma parte del paquete de Coreldraw Graphic Suit. Pertenece a Corel
Corporation, una compañía canadiense que lo lanzó al mercado en 1989. Fue una de las primeras aplicaciones
que se comercializaron para el ordenador, y revolucionó el mercado al ser el primer programa en estar
completamente adaptado al sistema operativo de Microsoft Windows. Con los años se han ampliado sus
aplicaciones, y hoy puedes comprar un paquete completo que cubre todas las ramas del diseño gráfico,
fotografía, desarrollo web.

¿Qué es Adobe Illustrator?

También es software especializado en diseño gráfico, y en este caso pertenece a Adobe. Adobe Systems es
una empresa californiana fundada en 1982.
Adobe ha tenido varios puntos de inflexión desde su creación. Por un lado, la compañía ha adquirido a lo largo
de su historia numeroso software de la competencia. En concreto, en 2005, compraron Macromedia, empresa
desarrolladora y distribuidora de los programas Flash, Dreamweaver, Director, Fireworks, y Freehand. Esta
compra hizo desaparecer del mercado uno de los programas más usados por los diseñadores gráficos que era
Freehand, en favor de su propio software Illustrator.

SUBMÓDULO II 7
 DISEÑO DIGITAL

Otro momento clave fue el lanzamiento en 2013 de Adobe Creative Cloud, su conversión a un servicio de
suscripción anual, y que dio un vuelco a la manera tradicional que se tenía de consumir este tipo de software.
En la actualidad es referente mundial en cuanto al software dedicado al mundo creativo

¿Qué es Inkscape?

El programa Inkscape es un software libre para diseño gráfico que ofrece mejores funciones que Illustrator,
Corel Draw, Freehand y Xara X. Con este programa de código abierto podrás trabajar en tu portátil o en una
PC para diseño.
Aunque el programa Inkscape es un software de dibujo vectorial, es decir, un programa específicamente
diseñado para editar o crear gráficos vectoriales, puede ser usado por profesionales gráficos de todo tipo.

Es un software libre, por lo que cada usuario tiene la posibilidad de hacer cambios si tiene la habilidad para
hacerlo. Ofrece una variedad de herramientas para hacer un que el trabajo sea más versátil. ¡Y es gratis!

Referente al texto anterior crea un mapa mental:

SUBMÓDULO II 8
 DISEÑO DIGITAL

Coloca el nombre de la opción señalada referente a un entorno de trabajo en Inkscape:

Describe cada una de las herramientas mencionadas de un entorno de trabajo en Inkscape:

Barra de menús:
________________________________________________________________________________________
________________________________________________________________________________________

La barra de herramientas;
________________________________________________________________________________________

SUBMÓDULO II 9
 DISEÑO DIGITAL

________________________________________________________________________________________

La barra de herramientas de dibujo y manipulación

________________________________________________________________________________________
________________________________________________________________________________________

La paleta de colores;
________________________________________________________________________________________
________________________________________________________________________________________

La barra de estado:
________________________________________________________________________________________
________________________________________________________________________________________

Área de trabajo:
________________________________________________________________________________________
________________________________________________________________________________________

SUBMÓDULO II 10
 DISEÑO DIGITAL

Coloca el color de la opción señalada referente a un entorno de trabajo en Corel Draw en el paréntesis
indicado:

1.-Barra de título ( ____)

2.-Barra de menús ( ____)
3.-Barra estándar ( ____)
4.-Barra de propiedades ( ____)
5.-ventanas acoplables ( ____)
6.-Barra de herramientas ( ____)
7.-reglas ( ____)
8.-control de páginas ( ____)
9.-Barra de estado ( ____)
10.-Pagina de dibujo ( ____)
11.-Paleta de colores ( ____)
12.-área de trabajo ( ____)

SUBMÓDULO II 11
 DISEÑO DIGITAL

Responde las siguientes preguntas referentes a inkscape:

¿Cómo se inserta una forma geométrica al área de dibujo?

________________________________________________________________________________________
________________________________________________________________________________________

¿Cómo se manipula una forma geométrica?

________________________________________________________________________________________
________________________________________________________________________________________

¿Cómo se crea una tarjeta personal?

________________________________________________________________________________________
________________________________________________________________________________________

BLOQUE III: SOFTWARE PARA LA EDICIÓN DE GRÁFICOS DE MAPAS DE BITS

Hoy en día, casi todas las imágenes que vemos son editadas con una herramienta de edición gráfica de una forma u otra.
Este es el trabajo de los diseñadores gráficos y editores de fotos.
Utilizan varias herramientas para editar imágenes, como Gimp, Photoshop y muchas otras herramientas.
Pero ninguna otra herramienta en este campo puede igualar la popularidad que Photoshop ha ganado a lo largo de los años. Sin embargo, esto
no quiere decir que sea el mejor. En este artículo, compararemos Gimp vs Photoshop y veremos cuál de los dos sale mejor.
Gimp y Photoshop son considerados como competidores directos en el mundo de la edición gráfica. La competencia siempre es buena, y se
puede encontrar en casi todos los campos. Por cada Samsung hay Apple, por cada Volkswagen, hay un Skoda.

¿Qué es GIMP? GIMP, o el GNU Image Manipulation Program, es un programa de edición de fotos de código abierto que es gratuito y está
disponible para todos los sistemas operativos.

Al ser de código abierto, encontrará muchas opciones y herramientas de terceros disponibles con GIMP. También significa que cualquiera
puede cambiar el código fuente del programa. La libertad que ofrece este programa es casi inigualable en el mundo de la edición gráfica.

¿Qué es Photoshop?
Adobe Photoshop es una herramienta de edición gráfica proporcionada y desarrollada por Adobe. Es una de las herramientas de edición más
versátiles que existen.

No hay casi ninguna tarea que Adobe Photoshop no pueda manejar. Puede convertir sus imágenes o archivos en archivos PSD cuando utilice
Photoshop, que es un formato de archivo único y le ofrece la posibilidad de almacenarlo en cualquier otro formato que desee. Photoshop es la
herramienta de edición más popular del mundo.

GIMP vs Photoshop Dos mundos diferentes

Cuando se trata del uso y de las herramientas que cada uno de los programas conlleva, hay algunas diferencias entre los dos. Veámoslos y
comparemos GIMP vs. Photoshop y comparémoslos en muchos aspectos diferentes.

1. Edición
Cuando se trata de edición básica, tanto GIMP como Photoshop son pioneros en este campo. Ambos ofrecen herramientas de edición básicas
y más avanzadas, por lo que pueden ser utilizadas tanto por principiantes como por usuarios más avanzados. La edición básica es la tarea más
simple que ambos programas pueden manejar fácilmente.

2. Photoshop es un producto de una gran empresa

Al comparar GIMP y Photoshop, hay que saber que hay una gran diferencia entre los dos cuando se trata de los equipos que están detrás de
ellos.
Photoshop está respaldado por Adobe, obviamente, que es una de las empresas más grandes del mundo. El GIMP, por otra parte, cuenta con
el apoyo de un grupo de programadores y voluntarios dedicados.

SUBMÓDULO II 12
 DISEÑO DIGITAL

En ese sentido, comparar GIMP con Photoshop es injusto. Photoshop tendrá todo un equipo de profesionales a su disposición todos los días
si necesita asistencia al cliente, mientras que si se encuentra con algunos problemas en GIMP, es probable que esté por su cuenta.
Eso no es un problema para algunas personas, ya que en realidad prefieren ese estilo: resolver los problemas por su cuenta.

3. Flexibilidad
Ambos programas son muy flexibles en cuanto a las herramientas que le ofrecen y la compatibilidad con formatos de archivo y otras
herramientas.
Puedes encontrar tanto las herramientas de edición básicas como las más avanzadas si las necesitas tanto en GIMP como en Photoshop. Una
ventaja que GIMP tiene sobre Photoshop es que soporta el formato de archivo PSD de Photoshop, por lo que Photoshop no soporta el formato
de archivo de GIMP.
Y aunque Photoshop tiene más funciones y herramientas que el GIMP, puede personalizarlas fácilmente y añadirlas al GIMP a través de
programas y plugins de terceros.

4. ¿Qué tan fáciles de usar son?

Cuando se trata de la facilidad de uso de cada una de estas herramientas, ambas son muy fáciles de usar si quieres hacer cosas básicas, pero
también fáciles de aprender.
Tal vez Photoshop salga primero en esta categoría, ya que ofrece una interfaz un poco más simple y también es más fácil de navegar y encontrar
las herramientas que necesita. GIMP, por otro lado, también es bastante simple, pero la interfaz es altamente personalizable, por lo que puede
ser apropiada para usuarios más avanzados.

5. Herramientas
Cuando se trata de herramientas, tenemos que considerar no sólo el ancho de la caja de herramientas que cada uno de estos programas
ofrece, sino también la calidad de las herramientas. En este sentido, Photoshop está probablemente por delante de GIMP. Especialmente
cuando miramos a las herramientas más poderosas que se utilizan para una edición más precisa.
Por ejemplo, cuando se trata de herramientas de manipulación de píxeles, Photoshop deja atrás al GIMP por la calidad de las potentes
herramientas que ofrece.

6. Precio
Una de las principales diferencias entre los dos es el costo.
En primer lugar, debe considerar cómo utilizará cada uno de estos programas. Si usted es un editor profesional y necesita una herramienta de
alta calidad a su disposición casi todos los días, entonces no puede equivocarse con Photoshop.

Usted tendrá que pagar por la licencia, que puede ser un gasto bastante alto para alguien que no utiliza Photoshop profesionalmente, sino más
bien como un pasatiempo. Usted no tendrá que pagar por ninguna licencia y también recibirá actualizaciones gratuitas cuando estén disponibles.
Si usted está apretado o dentro de un presupuesto, entonces el GIMP es para usted.

7. Requisitos del sistema

En resumen, el GIMP requiere una configuración de PC mucho menos sofisticada para funcionar correctamente. Sólo necesita 256 MB de RAM
y también puede ejecutarse en procesadores más antiguos. Photoshop requiere procesadores con al menos 2GHz o más rápidos. Una gran
ventaja a este respecto es que el GIMP funcionará en prácticamente cualquier plataforma, ya sea Windows, Linux, MAC o cualquier otra
plataforma. Photoshop sólo se ejecuta en Windows y Mac.

8. Portabilidad
Cuando se trata de portabilidad, GIMP está por delante de Photoshop por millas, ya que es un programa ligero y no requiere demasiado espacio.
Photoshop es diferente – asegúrese de que tiene suficiente espacio para ello, ya que es bastante grande y también los archivos PSD ocuparán
algo de espacio. Si nos fijamos en las versiones para móviles de estos dos programas, entonces Photoshop sale ganando, ya que tiene una
aplicación para móviles, cosa que no hace el GIMP, pero lo están prometiendo en el futuro.

9. Compatibilidad con el modo de color CMYK

En resumen, Photoshop es compatible con CMYK, mientras que GIMP no lo es. Esta información es relevante para aquellas personas que
tienen la intención de imprimir su trabajo, por lo que Photoshop es mejor en ese sentido, especialmente para los usuarios profesionales.

10. Edición no destructiva

Photoshop ha hecho progresos en este campo en los últimos años. Podrás editar diferentes tipos de archivos sin perder el tiempo con ellos.
GIMP sigue estando por detrás de Photoshop en este aspecto. No habrá problemas si está usando GIMP para hacer ediciones y ajustes
simples, pero para una edición más seria con diferentes tipos de archivos, es mucho mejor usar Photoshop.

11. Procesamiento por lotes

El procesamiento por lotes es un área en la que GIMP tiene una ventaja sobre Photoshop. Aunque Photoshop puede procesar imágenes por
lotes, lleva más tiempo hacerlo y es más lento en ese sentido. GIMP es más apropiado para el procesamiento por lotes – usted podrá procesar
más imágenes y también más grandes.

SUBMÓDULO II 13
 DISEÑO DIGITAL

Referente al texto anterior crea un mapa mental :

Describe ¿qué es? ¿qué hace? o ¿para qué sirve? cada una de las opciones señalada referente a
un entorno de trabajo en PhotoShop

SUBMÓDULO II 14
 DISEÑO DIGITAL

Describe las Operaciones comunes al trabajar con capas

Crear capa:
________________________________________________________________________________________
________________________________________________________________________________________
Mover capa:
________________________________________________________________________________________
________________________________________________________________________________________
Mover solo horizontal/vertical:
________________________________________________________________________________________
________________________________________________________________________________________
Transformar, rotar, escalar capa:
________________________________________________________________________________________
________________________________________________________________________________________
Rotar en pasos de 15º:
________________________________________________________________________________________
________________________________________________________________________________________
Escalar desde el centro:
________________________________________________________________________________________
________________________________________________________________________________________

Duplicar capa:
________________________________________________________________________________________
________________________________________________________________________________________
Eliminar capa:
________________________________________________________________________________________
________________________________________________________________________________________

SUBMÓDULO II 15
 DISEÑO DIGITAL

Operaciones en la lista de capas

Cambiar orden de una capa:
________________________________________________________________________________________
________________________________________________________________________________________
Activar/desactivar visibilidad:
________________________________________________________________________________________
________________________________________________________________________________________
Bloquear/desbloquear capa:
________________________________________________________________________________________
________________________________________________________________________________________
Bloquear transparencia:
________________________________________________________________________________________
________________________________________________________________________________________
Filtrar listado de capas:
________________________________________________________________________________________
________________________________________________________________________________________
Modificar opacidad de la capa:
________________________________________________________________________________________
________________________________________________________________________________________
Agrupar capas:
________________________________________________________________________________________
________________________________________________________________________________________

SUBMÓDULO II 16