CSS3 Photoshop Plugin: tus diseños

de Photoshop al estilo CSS3

CSS3 Photoshop Plugin: tus

diseños de Photoshop al estilo

CSS3Si eres un diseñador y quieres una forma sencilla de exportar tus contenidos para la Web, entonces

CSS3 Photoshop Plugin es lo que buscas. Sucede que con este complemento podrás utilizar el popular

editor de imágenes de forma habitual pero ahora contarás con la posibilidad de convertir todo tu

proyecto al lenguaje de estilo más avanzado de Internet: CSS3.

Así, solo tendrás que trabajar con Photoshop tal cual lo haces a diario y, una vez que tengas terminado

el diseño, convertirás todo a CSS3 con el clic de un botón. De este modo, podrás utilizar la potente

herramienta de Adobe para diseñar para la Web y sin ninguna instancia intermedia o utilidad

complementaria.

2Diseños de Photoshop al estilo CSS3 – Tutorial de Mp3.es – Descárgalo aquí: CSS3 Photoshop

Plugin

3

Instalar y utilizar CSS3Ps

Lo primero que necesitarás para convertir tus diseños de

Photoshop a CSS3 es el complemento propiamente

dicho. Para ello, tendrás que descargarlo e instalarlo,

para lo que contarás con la asistencia de Adobe

Extension Manager, la herramienta de administración

de complementos de la suite de Adobe. Así, cuando

ejecutes el instalador, te toparás con esta aplicación.

Lo primero que tendrás que hacer es leer los términos y

condiciones de la extensión en sí y, una vez que

finalices, hacer clic en Aceptar. Una vez que lo hagas, el

complemento comenzará a instalarse.

Diseños de Photoshop al estilo CSS3 – Tutorial de Mp3.es – Descárgalo aquí: CSS3 Photoshop

Plugin

4

Puede que te encuentres con una advertencia en la que

Adobe Extension Manager te notifica que no puede

comprobar el editor. En ese caso, haz clic en

Instalar, dado que no es un problema del complemento

en sí (el cual está perfectamente libre de amenazas o

aplicaciones malintencionadas).

Una vez instalado, deberías ver que CSS3Ps aparece

entre la lista de extensiones instaladas de Adobe

Extension Manager. En caso que no lo veas, puede que

algo haya salido mal, por lo que deberás probar de

instalar el complemento nuevamente.

Ahora es momento de poner este complemento en uso.

Para ello, deberás diseñar lo que quieras en Photoshop

para luego poner tal diseño a través del proceso de

conversión. Pero antes, debes hacer que el

complemento esté visible. Para lograrlo, tendrás que

dirigirte al menú Ventana de Photoshop y allí ir a

Extensiones. El complemento debería aparecer ahí, por

lo que solo tendrás que seleccionarlo.

Diseños de Photoshop al estilo CSS3 – Tutorial de Mp3.es – Descárgalo aquí: CSS3 Photoshop

Plugin

5

Una vez que hayas hecho tu trabajo de diseño, solo

tendrás que hacer clic en el complemento y serás

redirigido a la página oficial del mismo. Allí se procederá

a la conversión de tu diseño al lenguaje, algo que

tomará algunos segundos, por lo que tendrás que ser

paciente.

Al alcanzar el final del proceso, verás el código del

estilo aplicado, el cual podrás llevar a cualquier otro

programa que necesites para utilizar lo hecho en tu sitio

o en donde tú quieras.

Como ves, solo es necesario que pinches un botón para

que todos tus diseños de Photoshop se conviertan a

CSS3. Y si bien el lenguaje puede no estar preparado

para todos los navegadores, es un complemento

interesantes que todo diseñador debe descubrir, ya que

está disponible para casi todas las ediciones del popular

editor, desde la CS3 hasta la CS6. ¡Pruébalo y conoce

su potencia!

Diseños de Photoshop al estilo CSS3 – Tutorial de Mp3.es – Descárgalo aquí: CSS3 Photoshop

Plugin