Comunidad de diseño web y desarrollo en internet online

Editando imagenes en Dreamweaver

Editando imagenes en Dreamweaver MX 2004

O por lo menos intentandolo
Dreamweaver  MX 2004 ahora nos trae una nueva capacidad, la inclusión de un editor de imágenes "on the fly" que nos da la capacidad de editar. modificar, optimizar y añadir ciertos efectos todo dentro del mismo entorno.

Para empezar quiero aclarar que la intención de Dreamweaver jamas ha sido la de un editor de imágenes, para eso esta el evolucionado y modificado "Fireworks MX 2004", sin embargo, un software tan potente como Fireworks MX 2004 no justifica ser abierto para, por ejemplo, cortar un trozo de imagen, asi que para optimizar tiempo y trabajo, ahora Dreamweaver lo hará por nosotros

Dreamweaver MX 2004 (De ahora en adelante dreamweaver no mas) tiene las siguientes capacidades graficas :

  1. Sharpen (Perfilar)
  2. Ajuste de brillo y contraste
  3. Crop (Corte)
  4. Optimización de imagen (Plugin de Fireworks para optimizar)
  5. Ajuste del tamaño de la imagen (Plugin de Fireworks para tamaño)
  6. Y por supuesto, editar en Fireworks
Asi que iniciamos y nuestra foto base sera esta divertida fotografia de un evento de Macromedia (Bueno, de divertida no tiene mucho)


Sharpen (Perfilar)

Cuantas veces no nos enfrentamos con que el fotografo realmente sabia mas de arte y de Van Gogh que de fotografia y nos deja unas fotos corridas o sin definición, como si tuvieran una nube alrededor? (Muchas) entonces nosotros tenemos que ir a Fireworks u otro software de edición fotografica y perfilar los bordes con efectos especial de "Sharpen" asi le doy definición a mi fotografia y quito esa "nube de alrededor"; veamos ahora como lo hacemos sin salir de nuestro flamante Dreamweaver



  1. Seleccionas la fotografia
  2. En la barra de propiedades de la imagen, saldran los "botoncitos" de edición de imagenes, hay seleccionas el "Sharpen"
  3. Configuras un efecto de Sharpen
  4. Le das click a OK
Para este ejemplo, vamos a dar un Sharpen de 5 y al dar click a OK, miren la diferencia entre las fotografias


Noten la diferencia de definición entre la foto original y la foto aplicandole el Sharpen

Ajuste de brillo y contraste

Es muy comun que tengamos fotos con una mala iluminación, asi que nos interesa modificar sus valores de brillo y contraste, lo que se puede hacer facilmente en Dreamweaver



  1. Seleccionas la fotografia.
  2. En la barra de propiedades de la imagen das click al boton "Brightness and Contrast"
  3. Ajustas los niveles de brillo y contraste deseados
  4. Das click a OK
En el ejemplo se ve que dejamos un valor de "20" de brillo y "30" de contraste, para que nuestra imagen quede asi:



Y nuestra foto empieza a verse mas clara

Crop (Corte)

Una opción muy util es la posibilidad de cortar un trozo de fotografia cuando nos interesa solo una parte de la grafica y no toda la imagen,e sta opción en Dreamweaver se llama "Crop":



  1. Seleccionas la imagen.
  2. Le das click al boton "Crop"
  3. Con los tiradores que te aparecen, elijes la zona que va a quedar, mientras que lo de alrededor sera eliminado.
  4. Vuelves a dar click a "Crop" para eliminar o puedes dar doble click sobre la zona que queda de la imagen.
La foto sera automaticamente cortada y actualizada en el archivo. en nuestro caso quedo asi:


Optimización y ajuste del tamaño en Fireworks

Esto en sintesis es llamar al mismo Fireworks para que optimize, ya que es la misma ventana la que se abre al darle click al boton de Optimización, desde ese mismo cuadro de dialogo se puede aumentar o disminuir (En porcentaje y en pixeles) el tamaño de la imagen.

Bueno, por ultimo lo de "Editar en fireworks" es simplemente eso, que se abre Fireworks y edita la imagen ... obviamente en ese caso SI NECESITAS Fireworks instalado, en los otros casos ... no.

Veamos entonces como quedo nuestra imagen:


Antes

Despues

Espero este tutorial haya ayudado a muchos a entender de mejor manera una de las nuevas capacidades de Dreamweaver MX 2004, ya saben , si tienen preguntas, criticas, halagos, dudas, insultos, DONACIONES dejen un mensaje en el foro de Cristalab

Freddie® Cristalab
webmaster@cristalab.com
http://www.cristalab.com/

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate