Diseño digital

Software para edición de gráficos vectoriales

Preparatoria Oficial Anexa la Normal de Ecatepec

Fernanda Sarahi Garcia Sanchez

Gabriel Zaldivar Morales

 Justificación
El software de edición de gráficos vectoriales puede considerarse un
tipo de programa de diseño gráfico por sus capacidades de diagrama,
wireframe, edición de fotografía y animación. Según el campo de
aplicación, también puede usarse para reemplazar herramientas
internas, como el software para diseño de moda o los programas de
diseño web.

El dibujo vectorial se crea a partir de gráficos vectoriales, que son

imágenes creadas con fórmulas matemáticas. En comparación, los
dibujos rasterizados (también conocidos como mapa de bits o
imágenes rasterizadas) se crea con pixeles coloreados. Si amplías
demasiado un dibujo basado en pixeles de un archivo rasterizado y se
verá con mala definición, mientras que un dibujo vectorial se puede
ampliar a cualquier tamaño sin afectar negativamente a su apariencia.
Esta independencia de resolución permite que los dibujos vectoriales
se empleen de diferentes maneras, de ilustraciones pequeñas a
grandes afiches publicitarios.

El dibujo vectorial constituye una disciplina sumamente útil en el

diseño gráfico. Permite crear imágenes de gran calidad, que puedes
ampliar o imprimir sin que se distorsionen.

Además, constituyen un excelente método para diseñar ilustraciones,

así como elementos propios del diseño gráfico tales como logotipos y
tipografías.

Son muy diferentes a los mapas de bits, pero estas técnicas también
se pueden combinar, y así crear imágenes más precisas.
Ahora que ya sabes qué es el dibujo vectorial y cuáles son sus
principales ventajas, cuéntanos en los comentarios qué te parece esta
técnica.

Objetivo
Principalmente debido a que las imágenes que se realizan con este
método se pueden ampliar, estirar y transformar, sin que pierda su
calidad. Esta es una de las principales razones por las que diseñar
mediante el dibujo vectorial se ha convertido en el sistema de trabajo
favorito de muchos diseñadores.

Busca principalmente mejorar la calidad y ayudar a diseñadores a

crear cualquier tipo de publicidad o idea, con herramientas completas
y funcionales a distintas necesidades.
 Introducción
Entorno
El entorno gráfico de usuario, son los recursos visuales que presentan
la información y procesos que se pueden ejecutar en un programa o
un sistema operativo.

Herramientas básicas
Los gráficos vectoriales o imágenes vectoriales son uno de los
componentes básicos de internet, en este apartado se conocerán las
herramientas más utilizadas en la creación de productos gráficos con
distinto software.

Dibujo de objetos
Este sistema gráfico digital rompe con el método gestual más
convencional del trazo continuo, permite prever la línea que queremos
trazar antes de dibujarla.

Texto, creación edición

Siempre de mantener el ritmo y secuencia del contenido que debe
insertar y por tanto el encargado de resolver la relación visual entre
texto e imagen.
Transformación y propiedades
El dibujo vectorial es siempre editable. A diferencia de las imágenes
de mapa de bits, las vectoriales pueden rectificar su color u otras
propiedades en cualquier momento de su edición.

Edición y efectos de objetos

Existen diferentes tipos de efectos en la edición de gráficos vectoriales,
hablaremos de cada uno de ellos
 Desarrollo
Entorno
El entorno de escritorio es el conjunto de iconos, barras de herramientas,
fondo de pantalla y habilidades específicas que llamamos ‘escritorio’ en el
sistema operativo. La información se manipula directamente sobre las
representaciones gráficas con ayuda del puntero y el ratón.

Los entornos gráficos han sido determinantes a la hora de extender el uso

de ordenadores a la población no especializada. Permiten arrastrar
documentos, manipular la información o agregar datos en el sistema de
manera rápida e intuitiva
Herramientas básicas
Para la creación y edición de ilustraciones vectoriales se dispone de
herramientas similares a las de la creación de logotipos, con la diferencia de
que el número de objetos aumentará, no serán formas tan básicas ni
geométricas y se trabajará más con herramientas de mano alzada y
degradados más puntuales.

Adobe Illustrator, Coreldraw o Inkscape son programas adecuados para

realizar ilustraciones vectoriales gracias a su variedad de herramientas y
combinación de rellenos, además algunos disponen de aplicaciones de
calco y vectorización que ayudan al ilustrador a mejorar la calidad en sus
gráficos, ya que permiten convertir las imágenes de mapa de bits en
ilustraciones vectoriales de diferentes calidades de acabados.

El programa tiene multitud de herramientas destinadas a crear

ilustraciones y diseños a nivel profesional.

Herramienta de selección
De las herramientas básicas de Illustrator esta es por la que empiezas
nada más abrir el software. Esta herramienta te permite seleccionar
más de un objeto a la vez o seleccionar un solo objeto si así lo deseas.

Herramienta de Pluma

La herramienta pluma es una de las más importantes dentro de las

herramientas básicas de Illustrator. Se basa en crear objetos con base
en curvas. Con esta herramienta puedes crear cualquier tipo de curvas
que encuentres, sin embargo, es una herramienta difícil de aprender y
requiere mucha práctica.

Herramienta de texto

La herramienta de texto es una de las que más se usan en Illustrator.

Con esta herramienta puedes crear texto horizontal y vertical o puedes
hacer que siga alguna línea o figura. Se usa con cajas de texto; solo
tienes que crear un cuadrado y escribir dentro. La caja alrededor
evitará que el texto pueda ir más allá.

Herramienta de degradado

Una de las herramientas básicas de Illustrator más flexibles es la

herramienta de degradado. Los degradados son transiciones de un
color a otro y son muy útiles cuando quieres en diseño o para hacer
ilustraciones.

Herramienta de fusión

Podría parecer que esta herramienta solo funciona para hacer

gradientes, sin embargo, tienen más flexibilidad. Esta herramienta
fusiona dos objetos, no tienen que ser solo colores.

Herramienta borrador

La herramienta de borrador es la misma de toda la vida, funciona a

mano alzada, puedes hacer caminos y separar los objetos al usarla.
Cuando abres el submenú encuentras las tijeras.
Reglas

Las reglas son una herramienta que puedes activar desde el menú.
Esta herramienta te permite crear guías y retículas que te ayudan a
guiarte en caso de tener que hacer un diseño que debe tener unas
medidas exactas.

Herramienta calco de imagen

Esta herramienta no se encuentra en la barra de herramientas, pero es

una herramienta muy útil al querer vectorizar algo.

Herramienta creador de formas

Esta herramienta te permite obtener cualquier forma que desees. Lo

hace sumando o restando la forma de otro objeto que esté cerca. Con
esta herramienta puedes combinar diferentes objetos sumando o
restando cada uno de sus trazos.
Dibujo de objetos
Con la llegada de las herramientas gráficas vectoriales, se ha conseguido
una de las mejores soluciones técnicas para la representación gráfica digital
y sobre todo uno de los medios más prácticos para dibujantes, ilustradores y
diseñadores con inquietudes tecnológicas, el dibujo vectorial nos permite
definir esas perfectas curvas resultantes por esos puntos colocados
estratégicamente y que dan forma a los dibujos.
Texto, creación edición
En trabajos de maquetación se suele recurrir al sistema de retículas ya que
ofrecen claridad, continuidad y eficiencia. Las imágenes y los textos tienen
una ubicación establecida y permiten insertar la información en espacios ya
definidos. Las retículas ofrecen una unidad de todo el material con
características y proporciones similares en cada página con el fin de lograr
una visualización fluida y efectiva. El programa más adecuado para
maquetación es Adobe Indesign que permite estructurar textos e imágenes
en archivos que almacenan una innumerable cantidad de páginas en el
mismo documento.

Para añadir texto se deben seguir ciertos pasos

● Con la herramienta Texto seleccionada en el panel Herramientas,

haga clic para añadir un nuevo texto falso al documento. Este texto
falso se denomina texto de punto. Con el texto falso seleccionado de
forma predeterminada, escriba para reemplazarlo.

● Seleccione la herramienta Selección en el panel Herramientas. Verá

un cuadro alrededor del texto. Esto se denomina objeto de texto. Para
cambiar el tamaño del texto en el interior, arrastre una esquina del
objeto de texto.

● Arrastre el texto para cambiar su posición.

Transformación y propiedades
Hay que tener en cuenta que las formas o elementos vectoriales son todos
modelables y transformables ya que están construidos a base de puntos de
curva. No importa si se han construido a mano alzada, con pluma, o son
objetos predefinidos como el rectángulo o la elipse. Todos son trazados
cuya estructura consta de puntos de curva y segmentos que los unen.

Los gráficos vectoriales se pueden ampliar o reducir el tamaño de una

imagen a voluntad, así como rotar, mover, reflejar, estirar, inclinar, retorcer y
realizar finas transformaciones de los objetos de manera relativamente
sencilla.

Para mover o transformar los puntos de curva hay que familiarizarse con los
iconos y definiciones de los programas de diseño, ya que pueden variar
notablemente de uno a otro.
Edición y efectos de objetos
Hay dos tipos de efectos vectoriales: efectos como biseles, mezclas,
siluetas y extrusiones, que solo se pueden aplicar a objetos vectoriales, y
efectos como sobres, sombras, sombras interiores, sombras de bloque,
lentes, perspectiva y mosaicos, que pueden aplicarse a objetos vectoriales y
de mapa de Un efecto vectorial (sombra) aplicado a un objeto de mapa de
bits (izquierda) y vectorial (derecha)

La siguiente tabla ofrece una referencia rápida de los efectos vectoriales.

bits.

Efecto Aplicar a: Descripción

Bisel Objetos
vectoriales
Permite añadir profundidad 3D a
un gráfico u objeto de texto y
hace que sus bordes parezcan
inclinados (en ángulo).

Mezcla Objetos
vectoriales
Permite crear una progresión de
forma y tamaño entre un objeto
 y otro. Las mezclas suelen
utilizarse para crear sombras y
resaltes realistas en los objetos.

Sombra en bloque Objetos

vectoriales y de
Permite añadir sombras sólidas
mapa de bits
a objetos y a texto.

Silueta Objetos
vectoriales
Permite crear efectos 3D y
contornos que se pueden
recortar para la reproducción en
dispositivos como trazadores,
máquinas de grabado y
cortadores de vinilo.

Sombras Objetos
vectoriales y de
Permite añadir sombras sólidas
mapa de bits
a objetos y a texto.

Envoltura Objetos
vectoriales y de
Permite dar forma a objetos.
mapa de bits

Extrusión Objetos
vectoriales
Permite hacer que los objetos se
vean en tres dimensiones.

Impacto n/d
 Permite añadir perspectiva o
enfocarse en un elemento del
diseño.

Objetivo Objetos
vectoriales y de
Permite cambiar el aspecto del
mapa de bits
área del objeto que está por
debajo de la lente, no las
propiedades y características de
los objetos.

Perspectiva Objetos
vectoriales y de
Permite crear una ilusión de
mapa de bits
distancia y profundidad.

Putilizador Objetos
vectoriales y de
Permite crear mosaicos de
mapa de bits
vectores de objetos vectoriales o
de mapa de bits.

Las herramientas también se pueden configurar y editar para personalizar

colores propios activando el editor del programa. Habitualmente estos
editores permiten añadir, eliminar colores, cambiar su ubicación, su ángulo y
aplicar transparencias.

Conclusión
Entorno
Los entornos gráficos o entornos de escritorio son un conjunto de
programas que ofrecen al usuario un entorno más amigable que el típico
funcionamiento en modo texto.

Herramientas básicas
Actualmente existen multitud de productos gráficos digitales para dibujar,
habiendo software específicos profesionales y otros de carácter gratuito y
uso libre

Dibujo de objetos
Todos los objetos vectoriales son totalmente editables gracias a sus puntos
de flexión. Se pueden modificar tantas veces como sea necesario y como
funcionan mediantes vectores no perderán nunca calidad de representación.

Texto, creación edición

Las imágenes en una maquetación a base de retículas se integran entre los
textos cumpliendo una función de continuidad de lectura, aunque en
ocasiones se puede romper ese orden o ritmo de la estructura para
conseguir llamar la atención del lector y alterar la composición

Transformación y propiedades
La composición gráfica a base de formas vectoriales funciona como si de un
collage se tratara. Cada elemento es un objeto independiente de los demás
que se puede colocar, transformar y ordenar hasta conseguir el resultado
deseado.
Edición y efectos de objetos
Pueden adquirir diversos tipos de aplicación para crear efectos variados
sobre los elementos y suelen utilizarse en ocasiones para conseguir efectos
de volumen en los objetos gráficos y resultados más realistas en las
ilustraciones.

Programas relacionados
De diseño vectorial
Son los que permiten crear gráficos vectoriales, es decir, imágenes
digitales definidas matemáticamente por líneas y curvas dando como
resultado formas básicas o formas que se construyen según la
posición de su punto inicial y final, logrando una trayectoria que
configura la forma. Los más importantes del mercado son Adobe
Illustrator y Coreldraw, ideales para ilustración y diseño gráfico.

De edición de imágenes
Son los que permiten manipular, retocar, transformar y modificar
imágenes en mapa de bits que se han adquirido mediante cámaras
digitales, escáneres u otros dispositivos. El más profesional, adecuado
y utilizado a nivel profesional es Adobe Photoshop.

De maquetación
Son los que se encargan de la autoedición. Manejan una gran
información de textos y trabajan principalmente con la edición de
elementos tipográficos aunque también permiten crear e insertar
elementos gráficos.

Disponen de herramientas vectoriales, sin embargo las imágenes se

suelen importar ya creadas y retocadas por otros programas de
edición o directamente de una galería fotográfica. Son adecuados para
la realización de catálogos o folletos ya que pueden trabajar con
múltiples páginas en un único documento. El más utilizado
actualmente es Adobe Indesign.

Bibliografías
https://www.consumer.es/tecnologia/software/entornos-graficos.html
https://reader.digitalbooks.pro/content/preview/books/38721/book/
OEBPS/Text/c1.html

https://reader.digitalbooks.pro/content/preview/books/38721/book/
OEBPS/Text/c1.html#:~:text=Adobe%20Illustrator%2C%20Coreldraw
%20o%20Inkscape%20son%20programas%20adecuados%20para
%20realizar,sus%20gr%C3%A1ficos%2C%20ya%20que%20permiten

https://marketing4ecommerce.mx/que-es-una-imagen-vectorial-y-
como-reconocerla/#:~:text=El%20dibujo%20vectorial%20es
%20siempre,avanzada%20que%20las%20im%C3%A1genes
%20pixeladas.

http://product.corel.com/help/CorelDRAW/540111148/index.html?
app=CorelDRAW&lang=es#/l3TOC211

https://desarrolloweb.com/articulos/1806.php