lunes, 26 de octubre de 2015

Optimización de imágenes: Bicicleta


Captura que muestra los formatos en los que puede ser guardadas las imágenes, apreciaremos la calidad de cada una, ya sea más baja o más alta, al igual que el peso del almacenamiento que serán diferentes en cada una de ellas.

GIF:




JPEG:


PNG-8:





Optimización de imágenes: Fresas


Captura que muestra los distintos tipos de archivo en la que podemos guardar la imagen. Dependiendo del formato en que lo queramos guardar dicha imagen presentará diferentes características, como la capacidad que ocupa.

GIF:






JPEG:



PNG-8








Análisis de legibilidad WEB

Legibilidad: Es la capacidad de definir y distinguir claramente los elementos que deseamos en una página y; dentro del texto; los caracteres.

La legibilidad en pantalla e impresos es diferente. En pantalla el usuario tiende a reducir el número de palabras que lee, debido al cansancio producido por la lude la pantalla y a la gran competencia existente entre cada diseño, que debe llamar la atención del usuario y retenerlo.

Consejos para legibilidad : 
- No incluir Flash, si se desea que funcione en un iPad.
- No colocar muchos enlaces muy cerca unos de otros.
- La navegación debe ser fácil y la interación no debe presentar complicaciones.
- No colocar demasiada carga de vídeos, animaciones o galerías de fotos. Que pueden ocasionar problemas de carga y dificultades al navegar.

Página WEB con buena legibilidad




COLORES: Nos ofrece unos colores bastante aceptables, el color negro, blanco y rojo hacen de ello una buena visualización.


TAMAÑO DE FUENTE: El tamaño de las letras es legible, no esforzaremos la vista para saber que es lo que pone.

Dicho esto es una buena página WEB, cumple los requisitos de legilibidad y no tarda en cargar su contenido.


http://www.emp-online.es



Página WEB con mala legibilidad


COLORES:Los colores son muy brillantes y algunas palabras parpadean y no hace una muy cómoda visualización.




Como se puede apreciar esta página web no cumple los requisitos de legibilidad, debido a la cantidad de imágenes de las que dispone que hace que su carga sea bastante larga y es difícil de encontrar los productos ya que están todos muy juntos.

http://www.arngren.net


jueves, 22 de octubre de 2015

Herramientas: PHOTOSHOP

MARCO RECTANGULAR
Una herramienta para realizar selecciones cuadradas o rectangulares.





MARCO ELÍPTICO

Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular. 





HERRAMIENTA MOVER
Esta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o bien sólo el área seleccionada, si es que había una selección creada.



LAZO
Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano. La verdad es que la herramienta no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un primer momento.




LAZO POLIGONAL
Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es muy útil y sencilla de manejar en tus primeros pasos. 




VARITA MÁGICA
Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen nos selecciona todo el área que tiene el mismo color continuo. 





HERRAMIENTA RECORTAR
Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos sólo con el área seleccionada.








PINCEL
Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento.








LÁPIZ
El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco.




HERRAMIENTA BORRADOR
Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrirte que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen varios grosores para el trazo del borrador.





HERRAMIENTA DE BOTE DE PINTURA
Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color frontal.





HERRAMIENTA DEGRADADO
Con esta herramienta podemos hacer degradados de color, funciona como el bote de pintura, rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado.





HERRAMIENTA DE TEXTO
Sirve para escribir texto en una imagen. El texto puede escribirse con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras herramientas de texto, entre la que podría ser útil la de texto vertical. 




HERRAMIENTA PLUMA
Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que forman parte del mismo grupo. 






RECTÁNGULO
Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas o incluso formas personalizadas.





LÍNEA
Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se les puede colocar una flecha, configurable, al principio y/o al final de las mismas.






FORMA PERSONALIZADA
Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores, estrellas, señales, globos, etc.





HERRAMIENTA CUENTAGOTAS
Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal.







HERRAMIENTA MANO
Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho zoom.





HERRAMIENTA ZOOM
El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla.



























DEFINICIÓN DE DIGITAL

DIGITAL


OPACO


TRANSPARENTE



EN LÍNEA


TONO CONTINUO


TONO DISCONTINUO




ESCALA DE GRISES


MONOCROMÁTICO


POLICROMÁTICO




miércoles, 21 de octubre de 2015

Photoshop: Platos


En esta practica he añadido los alimentos en los platos en su colocación original, así como cuadricular el mantel y demás. Para ello ha sido necesario utilizar las capas y las herramientas de selección para que de este resultado.