Editar, optimizar, cargar y utilizar  (Photoshop / CMS)
<ul><li>Formatos de imagen para Internet : </li></ul><ul><ul><li>JPG  / PNG / BMP / GIF </li></ul></ul><ul><li>Medida a ut...
Qué vamos a hacer <ul><li>Edición básica de fotos  (Ajustar niveles, brillos, contrastes y equilibrio de color). </li></ul...
Retoque de imágenes <ul><li>Foto retocada </li></ul><ul><li>Peso: 75 kb / 640 x 480 px </li></ul>Foto sin retocar Peso: 90...
La importancia de la imagen Fotos ganadoras del World Press Photo 2011
Retoque de imágenes <ul><li>Abrimos el programa (Photoshop) </li></ul><ul><li>Clic en ‘Archivo / Abrir’ </li></ul><ul><li>...
<ul><li>Se usa para designar los puntos más claros y más oscuros en una foto. </li></ul><ul><li>En el cuadro de Niveles, a...
<ul><li>Muchas veces la foto están viradas al azul o al rojo, con esta herramienta podemos darle una armonía al color de l...
<ul><li>Podemos darle mayor contraste para resaltar los colores en la foto. </li></ul><ul><li>En el cuadro de Brillo y Con...
<ul><li>Luego de la edición de la imagen, debemos cortar la imagen (640 x 480). </li></ul><ul><li>Para ello seleccionamos ...
<ul><li>Para guardar la imagen vamos a utilizar ‘Guardar para Web’. </li></ul><ul><li>En el tipo de archivo seleccionamos ...
<ul><li>Luego de la edición, vamos a subir nuestra imagen al CMS para ser usada en las notas que publicaremos. </li></ul><...
<ul><li>Colocamos un título: </li></ul><ul><ul><li>6+credito+personaje/situación </li></ul></ul><ul><li>Escribimos el créd...
<ul><li>Buscamos nuestra foto en el campo ‘Texto a buscar’ con la palabra clave o con el título de la imagen que colocamos...
Próxima SlideShare
Cargando en…5
×

Edición de fotos para web (cms)

656 visualizaciones

Publicado el

Publicado en: Desarrollo personal
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
656
En SlideShare
0
De insertados
0
Número de insertados
2
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Edición de fotos para web (cms)

  1. 1. Editar, optimizar, cargar y utilizar (Photoshop / CMS)
  2. 2. <ul><li>Formatos de imagen para Internet : </li></ul><ul><ul><li>JPG / PNG / BMP / GIF </li></ul></ul><ul><li>Medida a utilizar </li></ul><ul><ul><li>640 x 480 píxeles </li></ul></ul><ul><li>Editores de imágenes </li></ul><ul><ul><li>Photoshop / IrfanView / Fireworks </li></ul></ul><ul><li>CMS </li></ul><ul><ul><li>Administrador de contenidos </li></ul></ul>
  3. 3. Qué vamos a hacer <ul><li>Edición básica de fotos (Ajustar niveles, brillos, contrastes y equilibrio de color). </li></ul><ul><li>Cortar a la medida requerida las fotos. </li></ul><ul><li>Guardar las imágenes con el peso ideal para web. </li></ul><ul><li>Subir las imágenes al Administrador de contenidos (CMS). </li></ul><ul><li>Usar las imágenes en las notas que publicamos. </li></ul>
  4. 4. Retoque de imágenes <ul><li>Foto retocada </li></ul><ul><li>Peso: 75 kb / 640 x 480 px </li></ul>Foto sin retocar Peso: 900 kb Debemos retocar las imágenes si queremos obtener mejores resultados visuales.
  5. 5. La importancia de la imagen Fotos ganadoras del World Press Photo 2011
  6. 6. Retoque de imágenes <ul><li>Abrimos el programa (Photoshop) </li></ul><ul><li>Clic en ‘Archivo / Abrir’ </li></ul><ul><li>Ubicamos nuestra foto </li></ul><ul><li>Seleccionamos el archivo y luego clic en ‘Abrir’ </li></ul>
  7. 7. <ul><li>Se usa para designar los puntos más claros y más oscuros en una foto. </li></ul><ul><li>En el cuadro de Niveles, asegúrate de que los picos de izquierda y derecha se encuentren al nivel de los puntos. </li></ul>
  8. 8. <ul><li>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. </li></ul><ul><li>En nuestro caso hemos aumentado los niveles de rojo y amarillo. </li></ul>
  9. 9. <ul><li>Podemos darle mayor contraste para resaltar los colores en la foto. </li></ul><ul><li>En el cuadro de Brillo y Contraste podemos modificar los valores. </li></ul><ul><li>Recuerda que no debemos abusar de estos valores. </li></ul>
  10. 10. <ul><li>Luego de la edición de la imagen, debemos cortar la imagen (640 x 480). </li></ul><ul><li>Para ello seleccionamos la herramienta cortar (C). </li></ul><ul><li>En la parte superior colocamos los valores. </li></ul><ul><li>Presiona clic y sin soltar selecciona el área deseada. </li></ul><ul><li>Presiona ‘Enter’ para cortar. </li></ul>
  11. 11. <ul><li>Para guardar la imagen vamos a utilizar ‘Guardar para Web’. </li></ul><ul><li>En el tipo de archivo seleccionamos JPG y calidad 60 – 70 </li></ul><ul><li>Damos clic a Guardar. </li></ul><ul><li>El nombre del archivo no debe tener caracteres especiales. </li></ul><ul><li>Ahora nuestra imagen esta optimizada para Web. </li></ul>
  12. 12. <ul><li>Luego de la edición, vamos a subir nuestra imagen al CMS para ser usada en las notas que publicaremos. </li></ul><ul><li>Ingresamos con nuestro usuario. </li></ul><ul><li>Ubicamos la pestaña ‘Noticias’. </li></ul><ul><li>Luego damos clic a ‘Edición’. </li></ul>
  13. 13. <ul><li>Colocamos un título: </li></ul><ul><ul><li>6+credito+personaje/situación </li></ul></ul><ul><li>Escribimos el crédito de foto: </li></ul><ul><ul><li>RPP / (autor de foto) </li></ul></ul><ul><ul><li>EFE </li></ul></ul><ul><ul><li>Andina </li></ul></ul><ul><li>En Keywords escribe palabras claves para la búsqueda: </li></ul><ul><ul><li>niños provincia pobreza </li></ul></ul><ul><li>Ubicamos nuestra foto (‘Examinar’) y luego clic a ‘Subir imagen’ </li></ul>
  14. 14. <ul><li>Buscamos nuestra foto en el campo ‘Texto a buscar’ con la palabra clave o con el título de la imagen que colocamos anteriormente. </li></ul><ul><li>Con el botón ‘Asignar’ establecemos la foto a nuestra nota. </li></ul>

×