martes, 2 de agosto de 2011

TUTORIAL HERRAMIENTA IMPRESIÓN DE IMAGENES EN PHOTOSHOP

Lo primero que debemos tener en cuenta es la resolución de la imagen. Como dijimos en los primeros temas es aconsejable que la resolución se encuentre entre los 240 y 300ppp.
Para averiguar la resolución de la imagen haz clic en Imagen→Tamaño de imagen.

Este cuadro de diálogo nos da los datos sobre la imagen. Si la resolución fuese menos a 240 la modificaremos siguiendo los siguientes pasos:
Desactiva la casilla Remuestrear la imagen si se encontrase activada. Esta acción protegerá los píxeles de la imagen impidiendo a Photoshop que la redimensione interpolando nuevos píxeles en la imagen.
Escribiremos la nueva resolución de la imagen en la caja de texto de Resolución.

Observa como cambia el tamaño final de la imagen. Esto se debe a que Photoshop, al no poder remuestrear la imagen para que se creen más píxeles por cm2, reduce el tamaño de salida de la imagen porque así la profundidad de píxeles aumentará.
Pulsa el botón OK y la resolución se aplicará.
Ahora ya podemos imprimir la imagen en papel.

AJUSTANDO EL PAPEL


Todas las opciones de impresión de Photoshop están localizadas en el menú Archivo. Si observamos la lista de menú veremos que podemos encontrar estos comandos casi al final.


El comando Ajustar página nos permitirá configurar diferentes opciones relativas al papel donde vamos a imprimir la imagen. Echémosle un vistazo al cuadro de diálogo:
Desde aquí podemos configurar el tamaño del papel. Si estás utilizando papel fotográfico (recomendado) consulta el tamaño del papel en la descripción del fabricante.

Escoge una orientación del papel. Si quieres que la imagen se imprima en apaisado selecciona la opción Horizontal, verás que la miniatura de ejemplo se voltea.

Pulsa el botón Impresora y selecciona la impresora con la que vas a imprimir el archivo. Luego Acepta los cambios y tendremos la página configurada.

CONFIGURANDO LA IMAGEN
El siguiente paso es hacer click en el comando Archivo→Imprimir con vista previa. Este cuadro de diálogo te ayudará a configurar la posición y el tamaño de la imagen en el papel.




Observa que podemos abrir el cuadro de diálogo de Ajustar página pulsando el botón con el mismo nombre.
En todo momento los cambios que realicemos se verán reflejados en la miniatura de la izquierda.
Primero de todo configuraremos el tamaño de salida de la imagen.


Para evitar pérdidas de color y precisión es aconsejable no aumentar el tamaño de la imagen e imprimirla al 100% de su tamaño, aunque es posible aumentar o reducir sus dimensiones introduciendo un porcentaje de escalado o modificando directamente su altura o anchura.
Observa que aunque cambiemos alguna de estas dos últimas la imagen mantiene sus dimensiones.
Podemos activar la casilla Escalar para ajustar a medios para que la imagen ocupe todo el espacio posible en el papel que definimos previamente.
Por defecto Photoshop muestra un borde negro alrededor de la imagen. Para eliminarlo desactiva la opción Mostrar rectángulo delimitador.
También es posible redimensionar la imagen sirviéndote de las guías de tamaño en la miniatura de impresión.

Una vez tengamos el tamaño de la imagen correcto pasaremos a posicionarlo en el papel

En principio podemos dejar la imagen centrada en el papel, pero si decidiésemos cambiarla de lugar tendríamos que desactivar la opción Centrar imagen y darle las coordenadas de posición.
Para ello deberemos introducir la distancia del borde superior del papel al borde superior de la imagen en el cuadro de texto Superior, y su distancia al borde izquierdo del papel en Izquierda.
El valor 0 en ambas opciones pegarán la imagen al borde superior izquierdo del papel.


Si no hubiésemos configurado la salida de la imagen, Photoshop utilizaría los valores por defecto

sábado, 25 de junio de 2011

TUTORIAL SOBRE HERRAMIENTA DE ILUSTRACIONES PARA WEB EN ILLUSTRATOR

Illustrator es una herramienta ideal para crear gráficos destinados a ser publicados en una página web. Estos gráficos pueden ser imágenes estáticas o en movimiento. Si nuestra intención es crear uno de estos gráficos, hemos de tener en consideración unas cuantas opciones para tener los mejores resultados:


Utilizar el perfil de documento para Web. Esto establecerá la mayoría de las opciones óptimas para generar gráficos web, como las dos opciones siguientes:

El modo de color será RGB, y siempre que podamos utilizaremos colores compatibles con Web.


La resolución para los efectos de rasterizado será suficiente con un valor de 72 ppp.
La opción de rasterizado se encuentra dando click en efectos/resterizado



Se visualiza que la configuración ya se encuentra por defecto.



Para generar el gráfico, utilizaremos el comando Guardar para web y dispositivos, que nos permitirá elegir el mejor formato de salida, normalmente PNG o GIF para imágenes de hasta 256 colores, y JPG para imágenes más detalladas, y ajustar fácilmente la relación entre calidad y tamaño.


Ajustar correctamente la relación entre calidad y tamaño es especialmente importante en estos gráficos, ya que en una página con muchas imágenes, si estas son muy grandes puede tardar mucho tiempo en cargarse, aunque este problema está perdiendo importancia con las conexiones de cada vez mayor velocidad.



Hay que tener en cuenta que aunque trabajemos con gráficos vectoriales, al final obtendremos un mapa de bits. La imagen resultante será la misma que se ve con el zoom al 100%. Pero si agrandamos la imagen final, veremos los píxeles, aunque no mientras trabajamos con el documento. Podemos ver el documento tal y como se vería después del rasterizado con el comando del menú Ver → Previsualización de píxeles.