Editar, optimizar, cargar y utilizar

(Photoshop / CMS)
 Formatos de imagen para Internet:
 JPG / PNG / BMP / GIF
 Medida a utilizar
 640 x 480 píxeles
 Editores de imágenes
 Photoshop / IrfanView / Fireworks
 CMS
 Administrador de contenidos
Qué vamos a hacer

 Edición básica de fotos (Ajustar niveles,

brillos, contrastes y equilibrio de color).
 Cortar a la medida requerida las fotos.
 Guardar las imágenes con el peso ideal para
web.
 Subir las imágenes al Administrador de
contenidos (CMS).
 Usar las imágenes en las notas que
publicamos.
Retoque de imágenes
Debemos retocar las imágenes si queremos obtener mejores resultados visuales.

Foto sin retocar Foto retocada

Peso: 900 kb Peso: 75 kb / 640 x 480 px
 La importancia de la imagen

Fotos
ganadoras
del World
Press Photo
2011
Retoque de imágenes
 Abrimos el programa
(Photoshop)
 Clic en ‘Archivo / Abrir’
 Ubicamos nuestra foto
 Seleccionamos el
archivo y luego clic en
‘Abrir’
 Se usa para
designar los
puntos más claros
y más oscuros en
una foto.
 En el cuadro de
Niveles, asegúrate
de que los picos de
izquierda y
derecha se
encuentren al nivel
de los puntos.
 Muchas veces la
foto están viradas
al azul o al rojo,
con esta
herramienta
podemos darle una
armonía al color de
la imagen.
 En nuestro caso
hemos aumentado
los niveles de rojo
y amarillo.
 Podemos darle
mayor contraste
para resaltar los
colores en la foto.
 En el cuadro de
Brillo y Contraste
podemos
modificar los
valores.
 Recuerda que no
debemos abusar
de estos valores.
 Luego de la edición
de la imagen,
debemos cortar la
imagen (640 x 480).
 Para ello
seleccionamos la
herramienta cortar
(C).
 En la parte superior
colocamos los
valores.
 Presiona clic y sin
soltar selecciona el
área deseada.
 Presiona ‘Enter’
para cortar.
 Para guardar la
imagen vamos a
utilizar ‘Guardar para
Web’.
 En el tipo de archivo
seleccionamos JPG y
calidad 60 – 70
 Damos clic a Guardar.
 El nombre del archivo
no debe tener
caracteres especiales.
 Ahora nuestra
imagen esta
optimizada para
Web.
 Luego de la edición,
vamos a subir nuestra
imagen al CMS para
ser usada en las notas
que publicaremos.
 Ingresamos con
nuestro usuario.
 Ubicamos la pestaña
‘Noticias’.
 Luego damos clic a
‘Edición’.
 Colocamos un título:
 6+credito+personaje/s
ituación
 Escribimos el crédito
de foto:
 RPP / (autor de foto)
 EFE
 Andina
 En Keywords escribe
palabras claves para la
búsqueda:
 niños provincia
pobreza
 Ubicamos nuestra foto
(‘Examinar’) y luego
clic a ‘Subir imagen’
 Buscamos
nuestra foto
en el campo
‘Texto a
buscar’ con
la palabra
clave o con
el título de la
imagen que
colocamos
anteriormen
te.
Con el botón ‘Asignar’ establecemos la foto a nuestra nota.