0% encontró este documento útil (0 votos)
64 vistas10 páginasLecturae 1 Diseño Digital
teoría de diseño digital
Cargado por
Miriam SantosDerechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
64 vistas10 páginasLecturae 1 Diseño Digital
teoría de diseño digital
Cargado por
Miriam SantosDerechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF o lee en línea desde Scribd
Lectura No 1. El Mundo del Disefio Digital
Instrucciones: Realiza el andlisis de la siquiente lectura y contesta lo que se indica
[Fl LECTURA 1, "EL MUNDO DEL DISENO DIGITAL”
en esta categoria posee las habilidades o competencias para poder desempefiarse en el medio
Profesional de la animacién, produccion de imagenes digitales o incluso combinar el medio
fotogréfico con el disefo digital.
El disefio grafico para un diseftador no es una profesidn es un estilo de
‘vida. El disefiador abiertamente expresa sus ideas, su forma de ser y de
expresarse en cada una de sus obras(E/Gisehioin es Un metodo. forma)
(GENGBERS NZI ESIe0n ciaridad
((PoresionalSon tocas nuestras creaciones por me putadora, @o: =
la cual se convierte en nuestra principal herramients de trabajo, no
olvidando nuestra creatividad y percepcidn artistica,
Se puede mencionar que dentro del mundo digital existen diferentes (Elementosiquel son)
+ (E¥icidmyMuy importante dentro del disefio de todo tipo de
libros, periédicos y revistas.
\PUINCIGERNIES €1 cisefio de todo tipo de carteles
Publicitarios, anuncios y folletos.
oF (identidadiyEs le parte del disefio que realiza las imigenes
conporativas de una empresa. El disefio es el proceso o los procesos que se encargan de transmitir un mensaje concrete y que los
dlseRadores se encargan de seleccionar, organtzar, coordinar y prayectar todos los. recursos
necesarios que se utilizaran para establecer la conexidn entre el mensaje que deseamos transmitir,
los clientes y el resto del publico, no olvidando hacerio de una forma clara y concisa.
“Ponte @ hacer lo que hay que hacer y contaras con la energia para hacerlo”. Ralph Waldo
Emerson.
Tipos de ardfco.
En tenminos generales existen dos formas de cadificar digitalmente la informacion grafica, fo cual
dia lugar a dos tipos de graficos: los graticos vectorialesy los gréficos de mapa de bits
Es el numero de unidades graficas por unidad de superficie. En una imagen impresa es el nimero
dle puntos por unidad de superficie. En una imagen digital es el nimero de piveles por unidad de
superficie
Estd relacionada girectamente @ su resolucidn, entre mayor cantidad de pixeles por pulgada
presente una imagen, mayor serd su calidad, pero también mayor seré el espacio que requiere para
ser almacenada, debido a que presenta mas bits de informacion. La resolucién de la pantalla
determina la calidad de las imagenes que se representan en el monitor.
Estén formadas por vectores, los cuales son abjetos formados
rmateméticamente. Los vectores estin definidos por su posicidn, color, etc. Las
imagenes vectoriales tienen la ventaja de que pueden ser ampliadas 0 [ 00 }
reducidas sin perder calidad. Su visibiidad es a misma en pantalla o en
Este formato de imagen se emplea principalmente en gréficos, tipografias,
disefio publicitario 0 videojuegos. La desventaja ¢s que este formato no
permite representar con realismo imagenes complejas como una fotogratia. Son conoeidas también como matriciales, bitmap o raster. Estén formadias por una matriz de puntos
de color lamiados pixeles. Al estar formadas por puntos, al momento de ampliarla o reduciria plerde
calidad. Una mayor cantidad de puntos indica una mayor calidad de imagen.
La calidad de una imagen de mapa de bits se mide
mediante su resolucisn, su tamatio en pixeles (puntos de
colar). Las imagenes con un mayor numero de/BBpIIBHEED
(GAUIEREAperirn amptia fy Imagen con menor
pérdids de calidad, mientras que una con menos ppp
aparecera completamente pixelada al momento que se intente ampliar
Para tener una referencia, podemos decir que uns calidad baja equivale por ejemplo a 72px, calidad
media 150px y alta calidad 300px. No podemos confundir Piveles por Pulgada (pixels per inch, ppi)
con Puntos por Pulgada (dot per inch, di). Los Puntos por Pulzeds es una medida de impresién.
Un concepto que esté muy ligado a la imagen digital es la
‘ransparencia. Las imagenes con un fondo blanco y aquellas
con un fondo transparente 3 menudo se ven igual, pero no
lo son, Cuando se coloca la imagen sobre un fondo de color,
se nota la diferencia
Gopas,
las capas en una imagen son simplemente imagenes
‘superpuestas. La mayor ventaja de usar imagenes o partes
de una imagen colocadas en distintas capas es que
podemos manejar cada una de manera independiente,
mostrando u acultando la capa, cambiando el numero de
‘colores, etc. Se puede imaginar las capas como laminas de
acetato transparente, iguales alas que se utiizaban tiempo
atrds para hacer presentaciones. En el siguiente cuadro se pueden apreciar las caracteristcas de algunos de los formatos més
utlizads,
“#0UBWIP)ES el formato de mapa de bits original Su capacidad de compresién es muy limitada y
por tanto tiende 2 ser muy pesado. Su uso es poco hoy en dia.
42IGIP Su principal caracterstica es que permite guardar varios
“frames” o imagenes en el archivo creando un efecto animado. \ \
Permite compresin y transparencia lo que hace iil su uso en la
web, Actualmente es sustituide por PNG.
+WUUPEG) permite un grado de compresién ajustable, perdiendo calidad
a medida que se aumenta la compresién por tanto se baja su peso en kilobytes. No permite
‘ransparencias.
$UBNO Permite compresion sin pérdide y usa transparencias, lo cual fo hace un buen
“neredera’ del GIF como formato web.
“(RSPIPSD, PSP es el formato nativo de Paint Shop Pro y PSD es el formato nativo de
Photoshop. Ambos permiten trabajar con capas.
Tipo Se Ld
BMP No No No No No
GE Si Si No Si a
PEG Wo a Wo Wo oF
PNG Si Si No No Si
PSP/PSD si a Si No No
Esel contenedor donde calocamos la informacion sobre cada pixel de una imagen. El modo de coler
determina el modelo de color que se utiliza paré mastrar en pantalla € imprimir las imagenes.
‘Al hablar de un perfil de color, nos referimosa un conjunto de datos que caracterizan un dispositive
‘como una pantalla o-un espacio de coloren el cual se trabajaré. La profundidad de color se mide en bits, de la siguiente forma:
© Lbit=2 colores.
% 2bits=4 colores,
& abits = 8 colores.
@ Abits = 16colores.
Shits
2 colores,
Gbits = 64 colores.
7 bits = 128 colores
Sbits = 256 colores.
S bits = 512 colores.
LO bits = 1024 colores.
* Ete
Losmodos{de colon'son representacionestdeljespectro|visibleyique se pueden considerar como el
‘contenedor en el que colocamos la informacion sobre cada pixel de una imagen, este nos permite
sdescribir el color de cada pivel utilizando valores numéricos. Dentro del diseio dependiendo del
medio en el cual se va a representar ia imagen, sea digital o impresa, le manera de trabajar los
colores varia. A continuacién, se muestra los ldROS|Ge eGIoF mas UtinaSdGE
s@UMGRSeFOMAEICD) Corresponde = una profundidad de color de 1 bit, la imagen contiene
inicamente un soto bit por pixel, dejando Ia imagen 3 dos colores siendo conformado por
pixeles blancos y negros, usando la menor informacién con lo cual se logra que el archivo
sea de un peso muy bajo, pero con una calidad muy limitada,
‘S(ESGSIATBENETBES. Contienen 8 bits por pixel, con el valor 0
correspondiendo al negro y el valor 255 al blanco, nos
permite tener de 1 a 254 tonos de grises, dando un total de
256 niveles de grises. Es uno dé los mados de color mas
aceptable para ver o imprimir uns imagen en blanco y negra
con calidad suficiente y uno de los mas populares para
contenido web y con fines artisticas. PyuotoNSE Se trabaje con imégenesen escale de grises# las que sees agrege tintas planes,
con et fin de colorear en distintas gamas de grises. Con este métado se pueden lograr fotos
en blanco y negro cambiadas al color que se desee
+> ([Link] un solo canal de color de
8 bits, por lo que solo se puede obtener con él un
maximo de 256 colores af igual que la escala de
grises. En este modo la gama de colores de Ie
imagen se adecus 2 una paleta con un nimero
restringido de colores, por lo que en muchos casos
es muy util para trabajar con formatos que
Permiten Gnicamente colores del sistema en que se trabaje al momento de reducir
imégenes para su publicacién web. Su principal inconveniente es que a mayoria de las
imagenes del mundo real se compone de mas de 256 colores.
(7B. Exxd basado en la combinacién de colores: luminicos
primarios (rojo, verde y azul) pare obtener el resto de los
colores. Lasimagenes RGB contienen 24 bits por pixely usan J]
3 canales de informacién, uno por cada color. El modo RGB
suele userse para imagenes y trabajos que no van a ser
ioereioai(en\oniiae pata’, extle os moacsicel mor,
éptime para trabajar en medios dighales, ara pantalls vel propio de ls luz con base a la
stncesi eve
(GREE: un rn000 se cotorbasacio ena pescepcion numana’y cada color surge de os valores
\Blesros tesiper fatttFocRiuerfwna) fhieses'el telorcdel olor‘taly arid vende
Saturation {saturacién) que se reflere ala pureze del color y ve del 0% al 100%. Brightness
(brillo) que referencia la intensidad de luz del color, es decir, la cantidad de negro o blanco
ie certain, ects 2 bdo 8 ire) 4100 tleba
(QAR has en in sustraccion cet blanco usando para ello come colores primarios e
cian, magenta, amarillo y negra (éste ditimo para aportarel cuerpo, fuerza, acentuerrasgor
© dar profundidad a la imagen). En este modo lo que se hace es combinar los colores
aa
sustractivos primarios para dar lugar al resto de colores. Suele usarse para imagenes y ‘trabajos que serén impresos. El modo CMYK contiene 32 bits por pixel utilizando 4 canales
de Informacién (uno por cada calor}.
Por ls compafis del mismo nombre especializada en
5 un catélogo de cédigos univocos elaborados
tecnologia gréfica. Su principal importancia es que sin
importar el sistema operative o pantalla, el programa de
edicidn de imagenes o gréficos vectoriales que se utilice,
el color de salida digital o impresa, sea en plotter o en
Ore, loa ser sempre lt so se debea que los colores on crendos.a parti
(AB) Se basa en el modelo propuesta en 1931 por la CIE (Commission Intemationale
fEclairage) como esténdar internacional para medir el color. En 1976, este modelo se
perfeccionéy se denominé CIE Lab:
cceierpeoie asec agama
‘res pardmetros en el modelo representan la luminosidad del
color, su posicién entre magenta y verde y entre amarillo y azul
{as imigenes Lab suelen tener una profundidad de 24 bits por
-SUekadecimal (HEQMED muy dtil cuando se orienta a trabajos en la web ya que trabaja en
lenguaje html y permite correlacionar los colores RGB a cédigo web. El cddigo HEX
representa los colores RGB a través de seis nimeros hexadecimales (aquellos que toman
valor del 0 al 9y de la A ala F) divididos en 3 pares. El primer par corresponde al rojo, el
segundo al verde y el tercero al azul {#RRGGBB).
¢#)MilticafialPosee miltiples canales de 256 niveles de grises, descomponiendo la imagen en
tantos canales alfa como canales de color tuviera él original (una imagen RGB quedaria
descompuesta en 3 canales, una por color). Se utiliza en impresiones de muy alta calidad ya
que cada tinta es un canal que al momento de imprimirse se superpondr sobre las otras
tintas en el orden que se determine. Existen herramientas que Tactitan lo que hasta hace unos afios
atrés narecia casi imposible para quienes no estaban
familiarizados con programas © softwares de disco. Los
disefiadores saben que siempre se estén creando nuevas
herramientas. Sabemos que podemos llegar 9 crear piezos
erdticas dtiles para nuestro trabajo o negocio. Muchas tareas
podemos hacerlas por nosotros
mes, asta no hace que
noe convertiremot en un experte
profesional de 1a noche @ 1a mafana, exlsten tareas nastante especiatizadas que exigen la
intervencién de un experts. A continuacién, ce mencionard una lista de programas de disefe los
cuales se pueden explorer y usar el que mds se ajuste @ las necesidades, incluso sin ser un
lecpecialista, No olvidanda que exicten programa: gratuitas y de page
un programa ablerte de disefia y composicidn, permite crear presentaciones
interactivas y animadas. Desde su creacién en 2003, ha apovado a aprendices y
desarrolladores con una herramienta enfocada al diseha. Disponible para varios sistemas,
operates, esta herramienta es confiable y dentro de su pagina web se puede conocer
varios proyectos deserroliades en ella. £| nico punto desfavorable €s que no estd
disponible en expaiol.
| igual que Scribus, e: también una herramianta gratuita de cédligo abierta. Sus
herramientas tienen funciones parecidas alo que se encuentra en Adobe lilustrator. Cuenta
con una comunidad en espafiol que puede ser Util para iniciery alli se menciona la buena
sabilidad ae este programa
+ (toneway simple pare principiantes, poderose pare expertos". Son uno de los ploneros en
cl sector de programas de disefo de cddigo ablerto gratuites, aunque =u pagina no esté
lisponible en espaol, es posible inctalar un plugin con el idioma en Ia herramienta. Con
este programa es posible convertir imagenes 9 otros formatos, crear presentaciones,
lescanear e imprimir a gran formato, entre otras.
“© ((REREER SU idea de hacer el diseiio accesible para todo.e! mundo, los ha llevado a er una de
las herramientar més dezcargeda: en cuante 2 edicidn vectorial. Creen en la rdpida curva
de aprendizaje que han tenido los aficionados con el uso de esta herramienta hasta
convertirse en expertos. Aunque no ezté dizponible
en espaol, cin duda er una de lar mejores
herramientas gratuitas que existen.
GREED consis y uritcasa por muchos, es una
excelente herramienta que nos puede salvar en mas
de un apuro y también ayuda 2 convertirnos en un
eeperto. Aunque no funciona come un programa, sino como una aplicacién web, sus
posibilidades de creacién son infinitas. Se puede crear una cuenta de forma gratuita, pero.
hay algunas funciones y herramientas por las que se tiene que pagar. Su herramienta es
intuitiva y tiene bastante contenido en expaiiol en donde ensefian pase a paso come crear
grandiose: disefos. 4 Adobe iuctrator Es sin lugar a dudas, una de tas
herramientas més conocidas entre diseMadores. Su potenciat es
inimaginable gracias a la edicién vectorial, lo cual nos permite
crear 0 modificar una imagen sin importer su tamafio, Su
versatilidad para operar en varios sistemas operativer y
