Útiles herramientas de Photoshop para diseño web

Posted on Actualizado enn

En este post tomado desde creativasfera encontrarás una amplia colección de herramientas de Photoshop muy útiles para diseño web. Desde pinceles para Photoshop a texturas, pasando por gradientes, fuentes y patrones, Existe un debate en internet sobre si vale la pena usar Photoshop en diseño web. Photoshop como todo no deja de ser una herramienta, y somos nosotros los que debemos decidir con qué herramientas nos quedamos. Según la opinión de los chicos de creativasfera Photoshop es una excelente herramienta que debe ser tenida en cuenta siempre que trabajemos para un cliente. Y si no somos muy visuales ni tenemos la capacidad de ver los diseños mentalmente, también deberíamos maquetar en Photoshop nuestros propios diseños, pues nos va a facilitar mucho la vida.

HERRAMIENTAS DE PHOTOSHOP PARA DISEÑO WEB

A continuación veremos una colección de herramientas de Photoshop que nos pueden ser muy útiles para diseño web.


WEBS CON EXCELENTES HERRAMIENTAS DE PHOTOSHOP

SUBTLE PATTERNS

Esta herramienta la utilizo muchísimo en el desarrollo de mis proyectos web, se trata de texturas para utilizar como backgrounds de nuestros diseños. Lo mejor de todo es que no es necesario descargarlas para ver el efecto en el fondo de pantalla, si hacemos clic en una de las texturas se aplica directamente en la página. Herramientas de Photoshop como esta nos facilitan muchísimo la vida en diseño web.

Herramientas de Photoshop

BRUSHEEZY

Excelente herramienta de Photoshop para texturas, patrones, gradientes y mucho más!

brusheezy

GRAPHICRIVER

No sabría decir cuánto dinero me he dejado en GraphicRiver, sus recursos son de pago, pero en su mayoría de una excelente calidad. ¡Aquí encuentras de todo! Desde texturas a backgrounds, pasando por kits UI, botones, banners, tipografía.. Por una cosa que he comprado que no me ha gustado, el resto ha sido una maravilla.

GraphicRiver

FONTSQUIRREL

Exscelente web para tipografía gratuita que podemos usar tanto en Photoshop como en la web. La mayoría de fuentes traen un kit para la web que usa @font-face, simplemente al bajarlo fíjate en que el kit que bajes sea para español, pues sino tendrás problemas con los acentos. Con herramientas de Photoshop
como esta, el diseño web se hace mucho más fácil y amigable!

Font-Squirrel

HAZ QUE PHOTOSHOP VAYA MÁS RÁPIDO

Si estás con un Mac seguramente no te haga falta, porque el Mac optimiza super bien el uso de la memoria, ahora, si estás en un Windows como todavía yo (y recalco el todavía, porque mi siguiente ordenador será un Mac sí o sí), entonces esta web te puede ser muy útil, pues te dice cómo configurar Photoshop para que sea más rápido. El problema de Windows es la mala gestión que hace de la memoria, así que mientras no nos quede más remedio que esperar a que nuestro ordenador muera y pasarnos al Mac, esto puede sernos muy útil.

MakePhotoshopFaster

ADOBE KULER

Otra de mis herramientas de Photoshop favoritas. ¿Necesitas inspiración en la combinación de colores? ¡Esta es tu opción! Miles de paletas de colores que puedes descargar y agregar a tus paletas de colores de Photoshop.

adobe kuler

Trucos de Photoshop

Muy buen artículo con trucos de Photoshop para ir más rápidos en nuestro trabajo diario.

photoshopsecrets

HSL COLOR PICKER

Si utilizas el modo de color HSL, esta web es para ti.

hslpicker


EXTENSIONES DE PHOTOSHOP PARA DISEÑO WEB

GUIDEGUIDE

GuideGuide es una extensión gratuita de Photoshop que nos sirve para crear un grid personalizado en el que crear nuestros diseños.

guide guide

CSSHAT

CSSHat es un plugin premium que cuesta $29 pero que de verdad vale la pena. Yo lo compré y me parece una excelente compra. Imagínate que utilizas un kit UI con gradientes y botones que te encantan. Llega el momento de pasarlo a código CSS3. Te tiras tres horas y ni para atrás, no hay manera de conseguir el mismo tono y forma. Este plugin lo hace por ti. El único handicap es que sólo actúa a nivel de capas y no a nivel de carpetas, por el resto fenomenal.

csshat


PARA ACABAR..

Seguro que conoces muchas otras herramientas de Photoshop, ¿cuáles son tus favoritas? ¿conocías todas las que aquí menciono? Deja un comentario.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s