Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Usando Photoshop y Dreamweaver

¡Prueba gratis durante 10 días

nuestros 1197 cursos !

Prueba gratis Mostrar modalidades de suscripción
También se automatiza la actualización de los recursos de imagen mediante el uso de archivo psd de Photoshop: el modo de trabajo es añadir el archivo de Photoshop dentro de los HTML, lo que permite generar los recursos pero haciéndolos dependientes del PSD original.

Transcripción

Otra opción, aparte de las bibliotecas de la Creative Cloud, es trabajar con archivos de Photoshop directamente. En vez de añadir este archivo, esta imagen, lo que puedo es añadir el archivo PSD. De hecho, aquí tengo ese archivo PSD, dentro de mi sitio, aparece con una banda, porque, en principio, también tengo la ocultación de archivos activada dentro de sitios, administrar archivos, dentro de la configuración, en la configuración avanzada, en ocultación. Aquí está marcado que oculte los archivos PSD, y eso va a provocar, que, efectivamente, los archivos PSD no aparezcan. ¿Qué sentido tiene? bueno, pues, un archivo PSD de Photoshop no se va a poder ver en el navegador. Yo lo tengo aquí guardado para que me sirva de raíz, para luego generar los recursos necesarios, que es, de hecho, lo que voy a hacer. Yo puedo pinchar y arrastrar y colocar la imagen y se ve que estoy arrastrando esa imagen PSD, bueno, pues, ahora, una vez que la estoy colocando, me permite elegir cómo quiero que me optimice esa imagen. Estos son los ajustes preestablecidos, entonces, puedo elegir los que vienen por defecto o puedo también, elegir cómo se va a comprimir dentro del desplegable. Voy a seleccionar JPG y puedo cambiarle la calidad, pulsaría en aceptar, puedo elegir dónde se va a guardar, rodilla, voy a llamarla auto. Me crea ese recurso y me pone esta imagen. A partir de este punto yo puedo hacer muchas cosas con esa imagen. Por ejemplo, esta imagen me puede interesar editarla, para eso, selecciono la imagen, pulso en editar con Photoshop, me abre esta imagen dentro del Photoshop. Aquí, dentro de ella, puedo hacer cualquier tipo de modificaciones, pues, por ejemplo, hacer que aparezca un poco más clara, pulsaría en archivo, guardar, hago click en aceptar sobre la calidad e inmediatamente, me encontraré con ese archivo ya cambiado directamente. Más cosas que puedo hacer, en realidad, también puedo editarla directamente desde aquí. Puedo hacer click sobre editar y, efectivamente, pero, en este caso, lo que va a ocurrir es que me va a editar el archivo PSD sobre el que estoy trabajando. Entonces, yo aquí, puedo hacer modificaciones, puedo, por ejemplo, poner esa mayúscula, puedo guardar el documento. Y lo que va a ocurrir va a ser que, de entrada, no me va a poner el cambio, pero tengo un botón en la parte de abajo que me permite actualizar desde el original. Me va a recuperar las mismas opciones de remuestrear y, efectivamente, me va a poner esa "a" mayúscula. O sea, que como se puede ver, puedo trabajar desde estos archivos generados desde Photoshop, directamente desde DreamWeaver, lo cual, es una cosa, muy cómoda. En realidad, también puedo hacer más cosas, puedo volver a elegir cómo se ha cargado un archivo, haciendo click sobre editar configuración de la imagen, me vuelve a aparecer el optimizador de imágenes y puedo otra vez, volver a seleccionar entre ajustes prestablecidos o ajustes concretos. Y también puedo hacer más cosas, por ejemplo, yo puedo cambiar el archivo de esta imagen que se ha generado. Si en vez de poner la imagen al tamaño que venía por defecto, selecciono un nuevo tamaño, como este, aquí podemos verlo, una vez que yo lo he cambiado, tengo la posibilidad de pulsar en el botón de volver a muestrear, y eso, va a regenerar el objeto. Esto, de todas formas, debería de hacerlo solamente en el caso, de que ya haya terminado con esa imagen, porque, realmente, se va a separar ese objeto del PSD original. De hecho, esto mismo, este resampleo, lo puedo hacer también con otras imágenes sin necesidad de que sean PSD. Cualquier caso, si ahora le dijese que sí, la imagen queda separada, pero eso sí, la imagen ya queda al tamaño que yo quería directamente. Podemos observar que, efectivamente, se ha perdido ya la opción de actualizar la imagen desde el PSD. También puedo hacer más cosas, como modificar el brillo y el contraste de esa imagen, o también, perfilar esa imagen. Y por último, otra posibilidad también es recortarla. Aquí podría elegir un recorte diferente respecto de la imagen estoy cargando. Haciendo doble clic, y vemos cómo, efectivamente, me habría rehecho completamente esta imagen. Como digo, todos estos ajustes, en realidad, lo que va a ocurrir, va a ser que, me van a separar completamente el PSD de la imagen sobre la que estoy trabajando en DreamWeaver. Pero, en realidad, muchas veces, esto ya no supone un problema.

Dreamweaver CC 2017 avanzado: Automatizaciones y trabajo con PHP y CSS

Utiliza Dreamwaver CC 2017 para crear y automatizar contenidos dinámicos. Aprende cómo mejorar tu flujo de trabajo y usar el programa como un gran IDE de programación web.

2:33 horas (43 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.