Adobe Photoshop

Photoshop básico: Crear pinceles y efecto de desintegración

Vídeo Posted on


En este video aprenderas a crear tus propios pinceles para lograr diversos efectos. Con un par de pinceles lograremos recrear un efecto de desintegración en cuadros y en humo.
Por algún motivo que desconozco (lo más probable es que sea por la aplicación de captura de pantalla) el cursor quedó pegado con la forma de humo, pero en el video lo advierto con una nota.
Está pensado para ser realizado en las diferentes versiones de Photoshop.

Extract PSD en Brackets 1.0

Posted on


heroPor fin tenemos una versión oficial de la aplicación para el editor de código gratuito Brackets.
Y la gran novedad es la implementación de la extensión Extract PSD en donde podemos ver un archivo PSD con todas sus capas y copiar de forma rápida sus características al estilo CSS de cualquier página web.
Pero eso no es todo, por que te permite utilizar rápidamente las imágenes utilizadas en tu PSD y guardarlas en la carpeta y formato que quieras.

Para los que no conocen esta aplicación y necesitan trabajar archivos HTML, CSS o JS les recomiendo darle un vistazo por que puedes ver de inmediato los cambios y cada vez que seleccionas parte del código te va mostrando que estás editando, así que resulta ideal cuando aun no entiendes bien el funcionamiento del HTML y CSS.  Lo mejor es que siempre ha sido de código abierto, es decir, que es de libre distribución.

Como tiene tan buenas características fue adquirido por Adobe y podemos ver las mismas caracteristicas en Edge Code y que puedes descargar si tienes una cuenta de Creative Cloud.

Los dejo con un video realizado por Code4d explicando de forma simple sus principales características. Leer el resto de esta entrada »

Obtén el código CSS de tus diseños con Proyecto Parfait de Adobe

Posted on


Captura de pantalla 2014-05-01 a la(s) 23.34.06Proyecto Parfait es un proyecto beta de Adobe que le permite extraer todo lo que necesita de sus PSD en tu navegador. Por ahora dice funcionar sólo funciona con Chrome, pero yo lo probé en mi mac y funcionó también en Safari y Firefox, pero se ofrece soporte para todos los navegadores modernos muy pronto.

La idea aquí es subir tu archivo PSD para encontrarte con ventanas de styles, layers y assets.

Podrás extraer colores, degradados y la información de la fuente tipográfica de tu PSD, copiar texto y CSS, obtener mediciones precisas entre los elementos y guardar imágenes optimizadas para la web.

Estas mismas opciones ya las tienen las ultimas versiones de Photoshop y también Fireworks CS6, así que podría servir para quien tenga una versión antigua del programa o para quienes trabajen en otro computador en donde no exista el programa y pueda realizar estas acciones vía online desde este sitio, pero hasta el momento es solo un proyecto en su versión Beta para recibir comentarios y criticas y ver si es una buena idea.

Para probarlo debes tener una cuenta de Adobe y el sitio está en Inglés.

Proyecto Parfait

Plantilla PSD con la interfaz de iOS 7

Posted on


PSD iOS 7

Todo un clásico, los chicos de teenhan+lax publican un PSD con la interfaz de iOS 7. Un archivo para Adobe Photoshop donde podemos encontrar los diferentes elementos que forman la interfaz de la próxima versión de iOS.

Los nuevos botones, barras de desplazamiento, teclado, iconos así como los menús del centro de notificaciones y control center. Un recurso que posiblemente interese a todos aquellos que queramos aprovechar los elementos para realizar pequeños mockup de nuestras futuras aplicaciones con una interfaz tipo iOS 7.

Además de la plantilla para iOS 7 ya lanzaron hace tiempo los archivos para iOS 6 como nos mostramos en Applesfera hace poco.

Descargar | Teehanlax