COLEGIO DE BACHILLERATO

“ALEJANDRO AGUILAR LOZANO”

INFORME
DISEÑO Y DESARROLLO WEB

ESTUDIANTE
……………………………..
DOCENTE
ING. HENRY GAVILANES
CURSO
SEGUNDO DE BACHILLERATO TÉCNICO

SANTA ROSA -EL ORO- ECUADOR

Índice
Herramientas de pintura y dibujo............................................................................................3
Mapas de bits..............................................................................................................................3
Dibujos vectoriales.....................................................................................................................5
Animaciones en 2D.....................................................................................................................7
Animaciones en 3D.....................................................................................................................9
Herramientas de edición de imágenes.....................................................................................11
Bibliografía...............................................................................................................................13

Herramientas de pintura y dibujo

Las herramientas informáticas de dibujo y pintura, nos permiten realizar tareas de

disciplina artística con la computadora. Facilitando rediseñar, ilustrar, dibujar y agregar
colores a las composiciones, en un lienzo en blanco, con unos pinceles, o la posibilidad

2
de trabajar con imágenes y textos, creadas por el hombre. Su función principal es que
son softwares de libre edición y creación de imágenes, dibujos, retoques de fotografía y
demás soluciones relacionadas con las imágenes y el retoque gráfico.

Mapas de bits

Los mapas de bits también conocidos como bitmap, raster image o imagen matricial,
son un tipo de formato para representar imágenes digitalmente donde las dimensiones
están determinadas por la cantidad de píxeles horizontales y verticales que componen
cada imagen, y cada píxel está asociado con un rango de valores de color.

Características de los mapas de bits:

1. Compuesto por píxeles: es su composición mediante píxeles o cuadrados

mínimos de información de color. En un mapa de bits cada punto de color que se
representa en la imagen debe contar con la correspondiente información del
color.
2. Diversos usos: El uso más notorio del mapa de bits o raster es en las fotografías
con mucho detalle, o una imagen escaneada y en el arte plano.
3. Relación dimensión/calidad: Si se llega a modificar o alterar la dimensión de
una imagen, es probable que se obtenga una pérdida significativa en la calidad
del trabajo, por lo que se debe estar al pendiente al momento de modificar una
imagen de mapa de bits.

Ventajas y desventajas de los mapas de bits

MAPAS DE BITS

VENTAJAS DESVENTAJAS

Tienen una gran capacidad para Al hacer zoom sobre las fotografías o
representar la realidad a la perfección. reducirlas es habitual que pierdan la
mayor calidad y acaben pixelándose.

Se destacan por el alto nivel de detalle Es posible que no tengan la calidad

que pueden alcanzar, y se consideran suficiente como para poder imprimirlas.
como la mejor opción para las

3
fotografías.

La imagen se forma mediante una parrilla Ocupa un espacio excesivo. Gráficos con
de pixeles. alta calidad requieren mucho espacio

Ejemplos

4
 Dibujos vectoriales

El dibujo vectorial es una disciplina de diseño que implica la creación de imágenes

utilizando elementos geométricos como líneas o polígonos. Su funcionalidad es definir
perfectas curvas resultantes por puntos colocados estratégicamente y que dan forma a
los dibujos. Cada uno de ellos tiene ciertas características, y atributos como las cuales se
les adjudica la forma, color, posición, entre otras cualidades. Los dibujos o gráficos
vectoriales permiten a los artistas crear obras de arte y gráficos funcionales que pueden
escalarse a cualquier tamaño.

Características de los dibujos vectoriales

1. Calidad de la imagen: Cuando extendemos o ampliamos una imagen vectorial,

esta pierde la calidad y, en determinado momento se convierte en una serie de
pequeños cuadrados de colores que parecen no tener sentido.
2. Peso del archivo: Depende del cálculo de las matemáticas requeridas para una
computadora que no se cambia con el tamaño de la imagen.
3. Detalles: Se utilizaron diferentes tonos de color, efectos de luces y sombras
además de implementar líneas y fórmulas matemáticas.
4. El dibujo vectorial es siempre editable.

5. Permiten hacer juegos con la tipografía, de una forma más avanzada que las
imágenes pixeladas.

Ventajas y desventajas de los dibujos vectoriales

DIBUJOS VECTORIALES

VENTAJAS DESVENTAJAS

Escalabilidad sin riesgo a que pierdan Tienen muchas limitaciones para la

nada de calidad. creación de imágenes reales

Es la mejor opción para imprimir, ya que No son adecuados para codificar

no pierden nada de calidad. imágenes o videos tomados en el "mundo
real" (por ejemplo, fotografías de la
naturaleza)

5
Al estar basadas en fórmulas matemáticas Resulta muy complicado reproducir una
en vez de en píxeles, son capaces de fotografía a partir de vectores.
almacenar la información más compleja
sin ocupar demasiado espacio.

Ejemplos

6
 Animaciones en 2D

La animación 2D es una de las animaciones más utilizadas en la realización de dibujos

animados y películas animadas. Los objetos de animación 2D tienen dos dimensiones
que se encuentran en un plano. Estas formas y objetos tienen área, pero no volumen. La
animación 2D da vida a personajes, objetos y fondos en un espacio bidimensional plano.

Características de las Animaciones en 2D

1. La animación bidimensional o 2D se caracteriza por tener sus objetos y

personajes creados en el espacio bidimensional.
2. Tiene aceleración, movimiento, acción y reacción están muy relacionadas
entre sí.
3. Los objetos en una animación 2D son meramente planos

Ventajas y desventajas de las Animaciones en 2D

ANIMACIONES EN 2D

VENTAJAS DESVENTAJAS

Comunicación Rápida en la animación Las animaciones 2D requiere un tiempo

2D es una manera de comunicar un para acostumbrarse, y es posible que
propósito al público objetivo. Los videos deba invertir en capacitación para
e imágenes coloridos y extravagantes asegurarse de que todos sepan cómo
pueden promover de manera efectiva un funciona el sistema antes de que se
negocio sin perder su motivo principal. introduzca en el negocio.

Mayor influencia en los especialistas en Toma mucho tiempo para acostumbrarse

marketing pueden aprovechar la y es posible que deba invertir en
animación 2D para tener una mayor capacitación para asegurarse de que todos
influencia en las decisiones de los los miembros del equipo sepan cómo
consumidores. funciona el sistema antes de presentarlo a
la empresa.

7
Se puede compartir los gráficos y videos El diseño en 2D a menudo es más difícil
son fáciles de compartir. de interpretar.

Ejemplos

8
 Animaciones en 3D

La animación consiste en dar vida a estos objetos inanimados, y en la animación 3D,

entre otras cosas, dichos objetos pueden rotar y moverse en un espacio tridimensional.
Esto se hace de manera diferente a la animación tradicional porque es posible modelar y
esculpir digitalmente con este software. El diseñador dota de personalidad propia al
personaje u objeto cuya misión es transmitir emociones o contar una historia.

Características de las Animaciones en 3D

1. Los objetos animados en 3D son más atractivos y estimulantes para

el espectador y transmiten información de forma más clara y fluida. 
2. La tecnología utilizada es fundamental para los movimientos naturales para
lograr efectos de animación coherentes y altamente creíbles.
3. La animación se logra mediante la manipulación de modelos 3D de objetos en
un espacio tridimensional.

Ventajas y desventajas de las Animaciones en 3D

ANIMACIONES EN 3D

VENTAJAS DESVENTAJAS

Creación de diseños complejos, permite Usos malintencionados de la tecnología,

crear, sin ayuda de terceros, componentes existe la posibilidad de crear objetos tales
bajo demanda basados en diseños propios como armas de fuego, y el peligro de
o de terceros. generalizar este tipo de objetos.

Apto para todos los públicos la Los gráficos vectoriales en general no

animación 3D tiene impacto tanto en la son aptos para codificar fotografías o
audiencia infantil como para la audiencia vídeos tomados en el "mundo real"
adulta.

Da vida a los objetos inertes, es divertido El software de diseño tridimensional

y creativo puede ser muy costoso.

9
Ejemplos

10
 Herramientas de edición de imágenes

Las herramientas de edición de imágenes se refieren a la manipulación de una imagen.

En la fotografía analógica, el proceso de edición por lo general se hacía de forma física,
alterando la imagen impresa con un aerógrafo. Se puede utilizar para aplicar cualquier
tipo de imágenes de potencia y deformación al resultado requerido. Las imágenes
finales son casi similares a las fotos. Actualmente, la manipulación de imágenes es
ampliamente aceptada como una forma de arte. Las funciones básicas de las
herramientas de edición de imágenes, permite ajustar la exposición, el contraste, las
sombras y la saturación, donde podemos enderezar y recortar la imagen y reducir el
ruido.

Herramientas de edición de imágenes

Picsart: Esta herramienta se utiliza ten ordenadores como en teléfonos móviles y es

perfecta para la edición de fotos gracias a sus numerosas plantillas, funciones y
pegatinas.

Canva: Es una herramienta de edición de imágenes, Canva es adecuada para muchas

redes sociales y sitios web. Esta aplicación ofrece muchas plantillas con un diseño muy
profesional, donde se puede agregar imágenes, textos, cambios, entre otros desde la
computadora.

11
PicMonkey: Es la herramienta de edición de imágenes online más sencilla y completa.
Esta herramienta permite subir imágenes desde la computadora y editarlas para darles
un estilo único. Con esta herramienta se puede añadir frases famosas y marcas a las
fotos, lo que permite incluir texto. Con esta aplicación también puede retocar imágenes
y trabajar con sus colores, efectos, fondos, elementos. Además, se puede crear
logotipos, gráficos e incluso portadas de Facebook.

12
Bibliografía

https://www.arteneo.com/blog/herramientas-de-diseno-grafico-y-dibujo/

https://www.mancomun.gal/es/artigo-tic/herramientas-multimedia-soluciones-para-
imagenes/

https://www.tecnologia-informatica.com/programas-para-dibujar/

https://www.marcaprint.com/blog/diferencia-entre-bits-y-vectorial/#:~:text=Definici
%C3%B3n%20de%20mapa%20de%20bits,definido%20que%20presenta%20un
%20valor.

https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/

https://www.ionos.es/digitalguide/paginas-web/diseno-web/imagen-vectorial-o-mapa-
de-bits-pros-y-contras/

https://www.redalyc.org/journal/5315/531555314004/html/

https://monstruosdeldiseno.com/diseno-grafico/que-dibujo-vectorial

https://www.obicex.es/blog/animacion-2d

https://www.cpaonline.es/blog/videojuegos-animacion/ventajas-de-la-animacion-en-2d/

https://softprocalco.com/ventajas-y-desventajas-de-2d-cad/

https://www.fbfanimacion.com/animacion-3d/que-es-la-animacion-3d/

https://motion-graphics.video/las-diferencias-entre-la-animacion-2d-y-la-3d/

https://www.befunky.com/es/opciones/editor-de-fotos/

https://www.educativo.net/articulos/para-que-sirve-un-editor-de-fotos-
956.html#:~:text=Las%20funciones%20b%C3%A1sicas%20de%20los,im%C3%A1gen
%20y%20reducir%20el%20ruido.

https://www.iebschool.com/blog/5-herramientas-edicion-imagenes-redes-sociales/

13