ADOBE PHOTOSHOP CS6 Orientado A Web Unidad 1

ADOBE® PHOTOSHOP® CS6
Orientado a Diseño Web

Conceptos Básicos de Diseño
Web con Photoshop
Objetivos de la Unidad
Al finalizar la presente unidad el participante será capaz de:

a) Identificar los diferentes formatos para diseño web y
diferenciar las caracteristicas inherentes de cada uno.
b) Reconocer las caracteristicas de cada formato su
profundidad de color y su utilidad para el diseño web.
c) Digitalizar de una forma eficiente una imagen tomando
en cuenta el uso futuro de esta en el diseño web.
d) Utilizar Objetos Inteligentes de Photoshop, aplicar
filtros inteligentes y máscaras a objetos inteligentes

Unidad I

1

ADOBE® PHOTOSHOP® CS6
Orientado a Diseño Web
INTRODUCCION

Adobe Photoshop Orientado a Web es un curso que le ayudara a diseñar un sitio Web,
desde el punto de vistaestético de una forma profesional, y de aspecto moderno, utilizando
los marcos teóricos de marketing y identidad corporativa; durante el proceso de aprendizaje
de este curso explotara el potencial de este excelente programa en el ámbito del Diseño
Web estético.
La Primera Impresión
En la web, la primera impresión es vital. Los usuarios nunca confiarán de un sitio web que
tiene una imagen descuidadao anticuada, especialmente si se trata de un sitio web
comercial que vende productos o servicios.
Un sitio Web además es el rostro en el ciber espacio de la empresa, la imagen de este
comunica una percepcion para quien no la conoce. Puede tener unas instalaciones fisicas
adecuadas, o un servicio al cliente impecable, pero si la imagen en la web no representa
eso es casi seguro que el usuariodescartará su opción.
Identidad Corporativa
Es preponderante sobre todo en sitios web empresariales que el diseño de este
permanezca en armonia con la identidad de marca que este representa. Por lo que el sitio
web no debera diferir del contenido significativo del logo de la empresa, y del modelo de
imagen que la empresa ofrece en general por otros medios, impresos, publicidad, o en sus
instalacionesfísicas.
En el diseño web, la imagen corporativa es un factor de base, debido a esto si ya se
dispone de un logo para la empresa a la que se diseña el sitio web, este debera respetar la
informacion grafica y contenido significativo del logotipo de dicha empresa, caso contario
habra que definir primeramente el logo de la empresa y su identidad corporativa.

FORMATOS DE IMAGEN PARA USO WEB
Engeneral los trabajos para representacion web se realizan con imágenes rasterizadas,
estas imágenes estan hechas de miles de pixeles. Un pixel es un punto minúsculo, la
unidad más pequeña de medida de una pantalla. El número de pixeles que se puede
visualizar en una pantalla se denomina resolución de pantalla. La resolución de pantalla es
igual a un número de pixeles a lo ancho por un número de pixeles alo largo. Cuanto más
pixeles hay en una pantalla o imagen, mejor se ven los detalles o resolución de la imagen.
Algunas resoluciones de monitores son: 640×480, 800×600, 1024×768, 1600×1200, en
ningún caso podrá visualizar una imagen a mayor resolución que la de pantalla, que suele
ser de 72 ppp. El numero de pixeles es solo una parte de los elementos que determinan la
calidad de un raster, otraparte importante es la cantidad de colores que soporta, esto se
mide por el numero de bits que se utilizan para almacenar la información de color en cada
pixel, esta característica también recibe el nombre de profundidad de color.
2
Unidad I

ADOBE® PHOTOSHOP® CS6
Orientado a Diseño Web
Color indexado
Para las profundidades de color inferiores o iguales a 8, los valores de los pixeles hacenreferencia a tonos RGB indexados en una tabla, llamada habitualmente mapa de colores o
paleta. A continuación se presentan algunas profundidades de color en la gama baja, así
como la cantidad de tonos que pueden representar en cada pixel y el nombre que se le
otorga a las imágenes o framebuffers que los soportan.
•
•
•
•

1 bit por píxel
2 bits por píxel
4 bits por píxel
8 bits por píxel

2 colores,...