Unidad 1 - Cl1 / Programas vectoriales

~
oL
♦-

o
-f-i

~
>
V')
o
Programas vectorial: Adobe Illustrator E
oL

1 01 CL
~
L

'u
~

1
~

-o
o
-o
·-
e
=>
 Antes
Antes de
de comenzar
comenzar a a usar
usar el
el programa
programa

Unidad 1 - Cl1 / Programas vectoriales

(/)

analizaremos
analizaremos las
las diferencias
diferencias entre
O)
o
entre !.....
o
+-'

gráficos
gráficos vectoriales
vectoriales yy de
de píxeles,
píxeles, así
u
O)

así >
(/)
o

como
como los
los dos
dos modos
modos dede color
color principales:
E

02
o!.....
principales: O)
o!.....
1
CMYK
CMYK y y RGB.

o...
RGB. '--.

u
~

1
~

'"O
o
"'O
·-
e
Charlamos
Charlamos sobre
sobre sus
sus impresiones
impresiones y
y ::>

conocimientos
conocimientos acerca
acerca de
de este tema.

este tema.
 EL VIH SE TRANSMITE.

COVID-19.

¿Qué
¿Qué es
es una 

una
imagen
imagen vectorial?
vectorial?

Unidad 1 - Cl1 / Programas vectoriales

V)
Q)

MIENTRAS SE PENSABA QUE SOLO o

•!.....
,
HORIAN POR VIH Y SIDA PERSONAS LGBT+, +,J
o
[Link] DE DROGAS INYECTABLES u
Q)
Y PERSONAS ..PROMISCUAS" >
NO HUBO R SPUESTA V)
o
La imagen vectorial
La Imagen vectorial sese basa
basa enen fórmulas
fórmulas A TA PANDEMIA. E

03
o
matemáticas
matemáticas y y no
no se
se dividen
dividen enen unidades
!.....
unidades O)

1 e
mínimas
mínimas de
de información
información como
como loslos píxeles,
pJxeles, o...
...........

sino
sino en
en manchas
manchas de de color
color yy líneas. Se
líneas. Se u
construyen
construyen aa partir
partir de
de vectores,
vectores, que son
que son
""O
objetos
objetos definidos
definidos matemáticamente
matemáticamente y y ""O
·-
o

representados por
representados por una serie de
una serie de puntos
puntos que
que
pueden
pueden modificarse
modificarse para
para dar forma a
dar forma a una
una
imagen.
imagen. Al
Al no
no depender
depender de
de una retícula de
una retícula de píxeles,
pJxeJes, son independientes
son independientes
de la resolución
de Ja resolución yy por tanto mantienen
por tanto mantienen Ja la nitidez
nitidez y la
y Ja
definición
definición aunque
aunque se
se amplíen
amplíen no no pierden
pierden calidad.

calidad.
Precisamente
Precisamente porpor ello, también son
ello, también son capaces
capaces de de adaptarse
adaptarse a
a
cualquier forma, por
cualquier forma, por lo
lo que
que son
son especialmente
especialmente utilizadas
utilizadas
para
para Jala creación
creación de
de logotipos
logotipos o iconos.
o iconos.
Principales
Principales características
características

Unidad 1 - Cl1 / Programas vectoriales

V)
Q)
o
•!.....
o
Escalabilidad: Se pueden
pueden ampliar
ampliar o reducir sin
sin perder
perder calidad.

+,J

Escalabilidad: Se o reducir calidad. u

Q)
>
V)
o
Modificabilidad:
Modificabilidad: Se
Se pueden
pueden editar
editar de
de forma
forma individual:
individual: E

04
o
cambiar
cambiar color, forma, .posición,
color, forma, posición, etc.

etc.
!.....
O)

o...
e
Combinabilidad: Se pueden fusionar para
para crear
crear nuevas
...........
Comblnabilidad: Se pueden fusionar nuevas
u
formas.

formas.
""O
o
Reutilización:
Reutilización: Se
Se pueden
pueden usar
usar partes
partes en
en otras
otras imágenes.

imágenes. ""O
·-
Editabilidad: Se pueden
EditabiJidad: Se pueden modificar
modificar en
en cualquier
cualquier momento.

momento.

Tipografía:
Tipografía: Permiten
Permiten efectos
efectos avanzados
avanzados en textos.

en textos.
utilizables.
utilizables.
 Las imágenes vectoriales
Las imágenes vectoriales son
son ideales
ideales
para diseños
para diseños que
que necesitan ser
necesitan ser

Unidad 1 - Cl1 / Programas vectoriales

escalables, editables
editables yy reutilizables.
V)
Q)

escalables, reutilizables. o
!.....
o
+-'
u
Usos: Logotipos
Usos: Logotipos !| Iconos
Iconos !| Ilustraciones
Ilustraciones |I Gráficos
Gráficos |I Diseño
Diseño web

web Q)
>
Gráfica 30
3D |1 Corte
Corte láser
V)

Gráfica láser o
E

05
o
!.....
O)
o
1 Q_
!.....

Ventajas:
Ventajas: "u ~

• No pierden calidad
calidad al
al escalarse
No pierden escalarse.
Doodle de Saul Bass
1

Son más
• Son más ligeras que las
ligeras que las imágenes
imágenes dede mapa
mapa de
de bits
bits.
Se pueden
• Se pueden editar
editar con
con mayor
mayor precisión.
precisión.

Desventajas:
Desventajas:
Su creación
• Su creación puede ser más
puede ser más compleja
compleja.
• No son ideales
No son ideales para
para imágenes
imágenes con
con muchos
muchos detalles.
detalles.
 ,nn
+

INF!lRMA
Business by Data
ennlo - - - -
NewCutlnofCryptoTradng

En resumen:
En resumen: Premios
•

Unidad 1 - Cl1 / Programas vectoriales

Nacionales
de Innovación
y de Diseño

Las lmógenes
.Las imágenes .vectoriales
vectoriales son
son Ideales
ideales . ·
€1i ---·..--·-
-

para diseños
para diseños que
que necesitan
necesitan ser
ser
escalables, flexibles,
flexibles, reutlllzables
reutilizables y
y
06
L L Libros como
escalables, LL ventanas
1
editables. Esto
editables. Esto Jas
las hace
hace Ja
la mejor
mejor
opción [Link]
.opción para crear
crear logos,
logos, iconos,
iconos, --
u
--o
1.

ilustraciones oo diseños
ilustraciones diseños que
que deban
deban -o
-o
·e:
escalarse oo trabajarse
escalarse trabajarse en
en diferentes
diferentes =>
formatos.
.formatos.
Argentina
 ¿Qué es
¿Qué es una
una
imagen pixelar
imagen pixelar

Unidad 1 - Cl1 / Programas vectoriales

o raster?
o raster?
1 Las lmagenes
Las imagenes plxeJares
pixelares están
están compuestas
compuestas 07
por píxeles.
por píxeles. Un
Un pixel
pixel es
es la
la unidad
unidad mínima
mínima concon
la que
la que se
se configura
configura Jala Información
información gráfica
gráfica
que muestra
que muestra un un ordenador
ordenador aa través
través dede la
la
pantalla. Cada
pantalla. Cada pixel
píxel es
es un
un punto
punto de
de Jala
imagen que
imagen que contiene
contiene información
información sobre
sobre Al
Al no
no depender
depender de
de una
una retícula
retícula de
de píxeles,
pfxeles, son
son independientes
independientes
de la resolución
de Ja resolución yy por
por tanto
tanto mantienen
mantienen la Ja nitidez
nitidez yy la
la
tono, saturación
tono, saturación yy luz
luz (HSL)
(HSL) yy que,
que, junto
junto a
a
definición
definición aunque
aunque se
se amplíen
amplíen nono pierden
pierden calidad.

calidad.
otros plxeJes,
otros pixeles, crea
crea una
una cuadrícula
cuadrícula que
que da
da Precisamente
Precisamente porpor ello,
ello, también
también son
son capaces
capaces de de adaptarse
adaptarse aa
lugar aa una
lugar una Imagen.
imagen. cualquier forma, por
cualquier forma, por lo
Jo que
que son
son especialmente
especialmente utilizadas
utilizadas
para
para Jola creación
creación de logotipos oo iconos.
de logotipos iconos.
Los
Los píxeles se componen
pJxeles se componen de subpíxeles de
de subpJxeles de color rojo,
color rojo,
verde
verde yy azul (RGB). Estos
azul (RGB). subpíxeles pueden
Estos subpJxeles tener
pueden tener
diferentes
diferentes formas
formas para
p.a ra crear
crear una
una disposición
disposición con
con
buena
buena definición
definición de imagen yy pocos
de imagen pocos espacios
espacios entre los
entre los
elementos
elementos de los píxeles.
de los pJxeles.

Quiero
Quiero profundizar
profundizar

Unidad 1 - Cl1 / Programas vectoriales

V)
Q)
o
•!.....

+,J
o
u
Q)
>
Características
V)

Ca.r acterísticas: o
E

08
• Compuestas
Compuestas por por píxeles:
pJxeles: Cada
Cada píxel
pJxel es
es un
un o
!.....
O)

cuadrado
cuadrado de de color
color que
que forma
forma parte
parte de la
de la o...
e
imagen
...........
imagen. ~

u
• Resolución:
Resolución: La resolución se
La resolución se refiere
refiere a la
a la 1

cantidad
cantidad de de píxeles
pJxeles que tiene una
que tiene imagen. Una
una imagen. Una
mayor resolución significa
mayor resolución significa más
más píxeles
píxeles yy una
una
imagen más
Imagen más detallada
detallada.
Tamaño de
• Tamaño de archivo:
archivo: El tamaño de
El tamaño de archivo
archivo dede
una imagen pixelada
una Imagen plxelada depende
depende de la resolución
de la resolución yy
la profundidad
la profundidad de de color
color.
• Formato:
Formato: LosLos formatos
formatos de de archivo
archivo más
más comunes
comunes
para
para imágenes
imágenes pixelares son JPEG,
plxelares son JPEG, PNG
PNG y y GIF.
GJF.
 A favor
A [Link] En resumen:
.En [Link]:
• Fáciles de crear
Fóciles de crear yy editar
edita
Compresión: se
• Compresión: se pueden comprimir sin
pueden comprimir sin perder
perder mucha
mucha calidad
calidad. Las
Las imágenes
imágenes pixelares
pixelares son
son una
una buena opción para
[Link] .[Link]ón para
Versatilidad: Se
Se pueden
pueden usar en una
una amplia
amplia variedad
variedad de muchas aplicaciones, pero
muchas aplicaclones, es Importante
[Link] es importante tener
tener .en
en

Unidad 1 - Cl1 / Programas vectoriales

(./)
• .Versatilidad: usar en de -·
(1)

aplicaciones, como
aplicaciones, sitios web,,
como sitios web, redes
redes sociales,
sociales, impresión
impresión y diseño
y diseño cuenta sus
.cuenta sus limitaciones.
limitaciones. SiSi necesitas una Imagen
necesitas .una imagen o
♦--
~
o
.._,.
gráfico.
gráfico. que se
.qu.e se pueda
[Link] escalar
escalar a un tamaño
a .un tamaño grande
grande o que
o .qu.e u
(1)
>
represente detalles
represente finos, .es
detalles finos, es posible que .una
[Link] .que una (./)
o
E
imagen vectorial sea .una
una mejor opción.

09
Imagen [Link] sea [Link] .opclón. o
L
o,
1 Cl.
e
En contra
En .contra Ejemplos:

[Link]:
'
Fotografías
Fotografías |I Gráficos
Gráficos I| Iconos
Iconos I| Logos
Logos 1.

• Pérdida
Pérdida de calidad al
de calidad escalar: Las
al escalar: imágenes pixelares
Las imágenes pixelares pueden
pueden
perder calidad si
perder calidad si se
se escalan
escalan a
a un tamaño mayor
un tamaño mayor.
Apariencia artificial:
• Apariencia artificial: Las
Las imágenes
imágenes pixelares
pixelares pueden tener una
pueden tener una 1, 1 . ~ ~ ·• ". 1 11111111
apariencia artificial,
apariencia artificial, especialmente
especialmente si
si la
la resolución
resolución es
es baja
baja. 1 1 • . . _~ • 1111 111 1 i
• Limitaciones en la
Limitaciones en la representación
representación de
de detalles:
detalles: Las imágenes
Las lmógenes 11. ~ .... u a l l l l l l l 111
pixelares
pixelares no
no pueden representar detalles
detalles tan
tan finos
finos como
como las
las
pueden representar
11 11 u .; u d 1 1 1 1 1 1 1 ■ •
:a
imágenes vectoriales.
1 ~ ~ ~ a u 1 1 1 1 1 1 1 • • •
imó.genes [Link].
a
1 ~ u u a u u 1 1 1 1 1 1 • a • ,
1 a ª º º º 1 1 1 1 1 1 • • . . •
1 1 d d H1 1 1 1 1 1 . . . . • 1
1111111111• . . . ~ 11 • ~