Los 25 mejores herramientas de Photoshop
Acelera tu trabajo de diseño web al permitir que estos plugins útiles de Photoshop y otras herramientas toman la tensión.
Photoshop es una herramienta poderosa para tener en el campo de diseño de páginas web, especialmente si usted tiene los plugins adecuados para ayudarle con su flujo de trabajo. Aquí está una lista de los mejores plugins para Photoshop y herramientas para que le ayude con la creación de sitios web.
Después de utilizar sólo algunos de ellos, verás lo diferente de su experiencia Photoshop puede ser. Ya no está sujeto a los límites de un editor de fotos. Estas manipulaciones ayudan a ahorrar tiempo y abrir posibilidades de color y fuente que habría sido difícil de lograr de otro modo. El signo de un profesional es uno que no será controlado por la forma en que una herramienta se ha diseñado para ser utilizado. Más bien, a transformar sus herramientas para adaptarse a sus necesidades. Aquí va ...
01. BlendMe.in
BlendMe.in le permite buscar a través de miles de iconos SVG y objetos vectoriales derecho propio dentro de Photoshop. El plug-in también está disponible para Illustrator y su sencilla interfaz de arrastrar y soltar se puede ahorrar mucho tiempo y esfuerzo.
02. Web Font Plugin
Una manera fácil para burlarse de un sitio web utilizando fuentes web, este plug-in le permite diseñar con las mismas fuentes web que va a utilizar cuando el sitio va en vivo. Se le permite buscar a través de miles de fuentes web para sus maquetas y también se puede conectar a Google Fuentes.
03. CSS3Ps
http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2014/04/image3.png
CSS3Ps es un plugin basado en la nube que genera archivos de CSS3 de sus capas de Photoshop. Una herramienta muy útil para la creación de gradientes CSS3.
04. Cut & Slice Me
Este plugin hace que sea muy fácil de cortar y cortar a sus diseños. También le permite cortar hasta el diseño de los diferentes dispositivos.
05. GuideGuide
Con GuideGuide puede crear guías de Photoshop para la web en cuestión de segundos. El plugin crea las guías de las selecciones que se realicen. Usted también tiene la opción de elegir guías plantilla para sus diseños. Este es un plugin muy útil que ahorra tiempo.
06. Devine Elemente
Si bien este es un plugin premium, que cuesta $ 99 (personal) o $ 199 (desarrollador), hay una versión de prueba gratuita ilimitada que todavía tiene un montón de posibilidades. Que le permite convertir un archivo PSD en capas en un completo sitio web de WordPress incluyendo HTML, archivos CSS y PHP. Un plugin fantástico para aquellos sin conocimientos de PHP.
07. Web Zap
Crear sitio web maquetas en Photoshop super rápido con este gran plugin. Web Zap le permite arrastrar y soltar los elementos del sitio web de la biblioteca y de los miles de estilos y componentes. Es muy bueno para la construcción y edición rápidas maquetas para los clientes, y cuesta $ 19 ($ 99 para el equipo conjunto de 10).
08. PixelDropr
PixelDropr le permite guardar sus elementos y otros objetos de un proyecto para ser utilizado en cualquier momento en otros proyectos. Cree su propia biblioteca de elementos, diseños y estilos con facilidad, con los precios de $ 19, $ 29 (incluye tres series de relleno pre-hechos), y $ 99 para el equipo de paquete de 10.
09. specking
Una herramienta muy esencial para tener en Photoshop, motas de forma rápida y sencilla crea especificaciones de su diseño y los anota. Se trata de una herramienta de productividad importante tener, ya que crea las mediciones a través de sus documentos, y cuesta $ 19.
10. Perspectiva maquetas
Una gran manera y profesional para mostrar sus obras a los clientes, este plugin tiene su maqueta y automáticamente lo transforma en un escaparate elegante y presentable - todo por $ 19.
11. Los patrones sutiles
Los patrones sutiles es una gran colección de texturas y patrones maravillosamente aplicados, a la vez sofisticado y contemporáneo. En la parte inferior de la página, creador Atle Mo le da la opción de descargar a todos ellos como un pat. importar la derecha en Photoshop. Es como si él sabía que estaríamos tan perezoso a tener que importar cada uno. Intente utilizar sutilmente y en diversas combinaciones. Me resulta difícil no usarlos.
12. Web Extensis Font Plug-in
Extensis , que ofrece WebINK como una solución de fuente web, ha sido pionera en el esfuerzo de plug-in de fuente web. Esperemos que esta es la primera de las muchas soluciones de fuentes web para Photoshop, ya que permite a los diseñadores aplican prácticamente las tipografías sin comprometerse a la compra de ellos. Para aquellos que no se han inscrito en WebINK, este plug-in puede ser el punto de inflexión que te lleva a hacerlo. Ya que es depende de la instalación de Suitcase Fusion 3 (software de gestión de fuentes), se obtiene un bono oportunidad para tratar de que fuera así. Si otros servicios de fuentes no comienzan ofreciendo estos plug-ins, puede ser el momento de cambiar.
13. Jailbreak Estilo de capa
No ser cautivos de un puñado de opciones en el panel de efectos de capa. Este tutorial por Lucas Holder muestra una característica muy infrautilizado: efectos en sus propias capas para la manipulación adicional de separación. En su ejemplo, usted aprenderá cómo tomar una sombra de los efectos y en su propia capa, donde se puede modelar usando la herramienta Transformación libre. Usted nunca tendrá que trabajar tan duro para hacer una página sombra rizo de nuevo.
14. GuideGuide
Con el flujo de los sistemas de redes de fluidos, no hay escasez de las plantillas disponibles. Para aquellos lo suficientemente audaz para hacer su propio sistema, GuideGuide es esencial para la colocación de una serie de guías a la perfección. Después de preguntarse por qué Photoshop no incluyó un constructor guía como InDesign, Cameron McEfee tomó el asunto en sus propias manos e hizo este increíblemente útil plug-in. Si eres como yo, moviendo las guías en su lugar de forma manual siempre les deja un píxel fuera donde yo quiero que sean. Gracias, Cameron.
15. Hacer Photoshop más rápido
Es cariñosamente llamado el "molinillo de viento de la muerte" -. El momento en que el Photoshop se sienta a pensar aparentemente nada y todo a la vez, sin un final a la vista Dan Rubin nos da dos consejos muy sencillos, pero de gran alcance para mejorar el rendimiento de Photoshop el ajuste de los niveles de caché y vistas previas de imágenes. Nuestros sistemas operativos colectivos gracias, Dan.
16. Photoshoptimize
Demostrando que hay un montón de pequeños secretos para mejorar el rendimiento de Photoshop, Antonio Carusone comparte un poco más para ayudar a acelerar las cosas. Estoy seguro de que hay mucho más que está al acecho de los interwebs, pero estos ciertamente ayudará rapó momentos impaciente espera de Photoshop para procesar su obra de arte. Además, "Photoshoptimize" es un juego de palabras fantástico.
17. Adobe Kuler
Kuler de Adobe, una comunidad en torno a la inspiración de color, la creación y el flujo de trabajo, ha estado alrededor por algún tiempo, por lo que su inclusión en esta lista podría sorprenderle. Sin embargo, ahora se integra plenamente en Creative Suite 4 y 5, lo que significa que es mucho más conveniente para hacer referencia a la hora de trabajar en Photoshop. Puede acceder a él entrando al menú Ventana y encontrar Extensiones> Kuler. Es una transmisión en vivo de la comunidad en línea, y usted puede aprender más sobre él al ver este video: tv.adobe.com/watch/learn-cs4-design-premium/using-kuler-color-themes / .
18. Sprite Generador
Creación de Sprites CSS puede ser una molestia, y por suerte hay un montón de herramientas por ahí para ayudar. Aún mejor, Richard Dare ofrece una solución que funciona desde Photoshop. Automatiza el proceso de elección de los archivos de una carpeta seleccionada, y la única edición que hay que hacer es eliminar cualquier espacio extra no deseado.
19. 1140 cuadrícula
Para los que acabamos de empezar con los sistemas de red, usted encontrará que hay un montón por ahí, cada uno con sus razones de por qué o 940px 960px 978px o es el tamaño preferido. Andy Taylor cuadrícula de píxeles 's 1140 es interesante: funciona por debajo de 1140 (para un monitor de 1280) como una cuadrícula de fluido. Aprecio especialmente abrazando a una pantalla más grande en lugar de la limitación de su diseño para 1.024 monitores. Puede descargar las plantillas de Photoshop directamente desde la página del proyecto.
20. extensión del un conjunto de herramientas para la gestión de Resoluciones de pantalla
A veces, los diseñadores son tan afortunados como para tener un proyecto con un navegador o dispositivo de diseñar a la meta. En este caso, Punchcut 's de extensión del un conjunto de herramientas para la gestión de Resoluciones de pantalla es increíble. Incluye una colección de PSD en capas, cada una con dispositivos comunes para los complimentarios y presentaciones de diseño. Es refrescante ver a alguien manteniendo en todos los dispositivos que hay.
21. Photoshop atajos secretos
¿Cómo sería un escaparate de herramientas de Photoshop sin inclinar nuestro sombrero de los PSD Ninjas por ahí? Web Designer pared tiene un montón de secretos sigilosos a trabajar en la forma en que utiliza Photoshop que, si no otra cosa, te hacen ver como fresco delante de sus amigos. Este ha sido de alrededor de un poco, pero aún así resulta digno de hoy ya que todos pudieron estar para ser más competente y eficiente en Photoshop.
22. ColoRotate
Una especie de 'Adobe Kuler en esteroides', ColoRotate es otro color ingeniosos plug-in para Photoshop. Las similitudes son evidentes: las paletas de colores y las contribuciones de la comunidad. La principal diferencia entre los dos es que la presentación es en 3D, ayudando a algunos de nosotros captar relación de colores mucho más fácil (ya que se dice que nuestro cerebro entiende de color en 3D). A partir de $ 9.99, que es una herramienta de bajo costo, pero potente.
23. Vault Layer
Si usted trabaja en un grupo (o incluso si no lo hace), los beneficios de control de versiones son numerosas: el historial de revisiones, fácil contribuyente y flujo de trabajo unificado. Aunque por lo general prevalece en el desarrollo web, Capa Vault cuenta con un producto de control de versiones para los diseñadores. Una de las características más significativas es una historia visual, lo que le permite volver fácilmente y compartir su trabajo. No hay líneas de comando de Terminal Server. Sólo una elegante interfaz de usuario que se ejecuta en segundo plano mientras sigues Photoshopppin 'todo el día. Página del proyecto Slick también.
24. Picker HSL
Built-in selector de color de Photoshop le ofrece una amplia variedad de sistemas, incluyendo RGB y CMYK. Por todo lo que CSS3 y Sass adictos que se han trasladado a HSL (Hue, Saturación, Luminosidad), este sistema está en ninguna parte ser encontrado. Brandon Mathis desarrolló un práctico Picker HSL que puede tomar sus valores hexadecimales y convertirlos a HSL. Según explica, el beneficio de usar HSL está en relación de color significativo, donde el cambio de un valor como la luminosidad convierte su color de un marrón a una crema.
25. Estilos de capa
¿No sería genial si CSS tenía algo así como el panel de efectos de Photoshop? Pregúntese no más - Felix Niklas desarrolló esta ingeniosa herramienta, que le permite ajustar las propiedades de CSS3 como Sombra paralela, Sombra interior, Background, Border y Border Radio directamente en tu navegador, que le da una vista previa en vivo del resultado. Esta herramienta es especialmente útil para aquellos que están consiguiendo sus pies mojados con CSS3 o prefiere una representación visual de lo que hace cada ajuste.
Contribuciones: Nick Hiley y Dan Rose
Apasionado de experiencias web fenomenales, Dan ( @ dblizzy ) es un diseñador de interfaz de usuario en Syracuse, NY. Él es el creador de photoshopetiquette.com , una llamada a la guía brazos para el diseñador y desarrollador de la armonía. Esta es una versión actualizada y ampliada de un artículo aparecido anteriormente en Creativa Bloq.
Espero les sirva esta informacion que comparto.
Acelera tu trabajo de diseño web al permitir que estos plugins útiles de Photoshop y otras herramientas toman la tensión.
Photoshop es una herramienta poderosa para tener en el campo de diseño de páginas web, especialmente si usted tiene los plugins adecuados para ayudarle con su flujo de trabajo. Aquí está una lista de los mejores plugins para Photoshop y herramientas para que le ayude con la creación de sitios web.
Después de utilizar sólo algunos de ellos, verás lo diferente de su experiencia Photoshop puede ser. Ya no está sujeto a los límites de un editor de fotos. Estas manipulaciones ayudan a ahorrar tiempo y abrir posibilidades de color y fuente que habría sido difícil de lograr de otro modo. El signo de un profesional es uno que no será controlado por la forma en que una herramienta se ha diseñado para ser utilizado. Más bien, a transformar sus herramientas para adaptarse a sus necesidades. Aquí va ...
01. BlendMe.in
BlendMe.in le permite buscar a través de miles de iconos SVG y objetos vectoriales derecho propio dentro de Photoshop. El plug-in también está disponible para Illustrator y su sencilla interfaz de arrastrar y soltar se puede ahorrar mucho tiempo y esfuerzo.
02. Web Font Plugin
Una manera fácil para burlarse de un sitio web utilizando fuentes web, este plug-in le permite diseñar con las mismas fuentes web que va a utilizar cuando el sitio va en vivo. Se le permite buscar a través de miles de fuentes web para sus maquetas y también se puede conectar a Google Fuentes.
03. CSS3Ps
http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2014/04/image3.png
CSS3Ps es un plugin basado en la nube que genera archivos de CSS3 de sus capas de Photoshop. Una herramienta muy útil para la creación de gradientes CSS3.
04. Cut & Slice Me
Este plugin hace que sea muy fácil de cortar y cortar a sus diseños. También le permite cortar hasta el diseño de los diferentes dispositivos.
05. GuideGuide
Con GuideGuide puede crear guías de Photoshop para la web en cuestión de segundos. El plugin crea las guías de las selecciones que se realicen. Usted también tiene la opción de elegir guías plantilla para sus diseños. Este es un plugin muy útil que ahorra tiempo.
06. Devine Elemente
Si bien este es un plugin premium, que cuesta $ 99 (personal) o $ 199 (desarrollador), hay una versión de prueba gratuita ilimitada que todavía tiene un montón de posibilidades. Que le permite convertir un archivo PSD en capas en un completo sitio web de WordPress incluyendo HTML, archivos CSS y PHP. Un plugin fantástico para aquellos sin conocimientos de PHP.
07. Web Zap
Crear sitio web maquetas en Photoshop super rápido con este gran plugin. Web Zap le permite arrastrar y soltar los elementos del sitio web de la biblioteca y de los miles de estilos y componentes. Es muy bueno para la construcción y edición rápidas maquetas para los clientes, y cuesta $ 19 ($ 99 para el equipo conjunto de 10).
08. PixelDropr
PixelDropr le permite guardar sus elementos y otros objetos de un proyecto para ser utilizado en cualquier momento en otros proyectos. Cree su propia biblioteca de elementos, diseños y estilos con facilidad, con los precios de $ 19, $ 29 (incluye tres series de relleno pre-hechos), y $ 99 para el equipo de paquete de 10.
09. specking
Una herramienta muy esencial para tener en Photoshop, motas de forma rápida y sencilla crea especificaciones de su diseño y los anota. Se trata de una herramienta de productividad importante tener, ya que crea las mediciones a través de sus documentos, y cuesta $ 19.
10. Perspectiva maquetas
Una gran manera y profesional para mostrar sus obras a los clientes, este plugin tiene su maqueta y automáticamente lo transforma en un escaparate elegante y presentable - todo por $ 19.
11. Los patrones sutiles
Los patrones sutiles es una gran colección de texturas y patrones maravillosamente aplicados, a la vez sofisticado y contemporáneo. En la parte inferior de la página, creador Atle Mo le da la opción de descargar a todos ellos como un pat. importar la derecha en Photoshop. Es como si él sabía que estaríamos tan perezoso a tener que importar cada uno. Intente utilizar sutilmente y en diversas combinaciones. Me resulta difícil no usarlos.
12. Web Extensis Font Plug-in
Extensis , que ofrece WebINK como una solución de fuente web, ha sido pionera en el esfuerzo de plug-in de fuente web. Esperemos que esta es la primera de las muchas soluciones de fuentes web para Photoshop, ya que permite a los diseñadores aplican prácticamente las tipografías sin comprometerse a la compra de ellos. Para aquellos que no se han inscrito en WebINK, este plug-in puede ser el punto de inflexión que te lleva a hacerlo. Ya que es depende de la instalación de Suitcase Fusion 3 (software de gestión de fuentes), se obtiene un bono oportunidad para tratar de que fuera así. Si otros servicios de fuentes no comienzan ofreciendo estos plug-ins, puede ser el momento de cambiar.
13. Jailbreak Estilo de capa
No ser cautivos de un puñado de opciones en el panel de efectos de capa. Este tutorial por Lucas Holder muestra una característica muy infrautilizado: efectos en sus propias capas para la manipulación adicional de separación. En su ejemplo, usted aprenderá cómo tomar una sombra de los efectos y en su propia capa, donde se puede modelar usando la herramienta Transformación libre. Usted nunca tendrá que trabajar tan duro para hacer una página sombra rizo de nuevo.
14. GuideGuide
Con el flujo de los sistemas de redes de fluidos, no hay escasez de las plantillas disponibles. Para aquellos lo suficientemente audaz para hacer su propio sistema, GuideGuide es esencial para la colocación de una serie de guías a la perfección. Después de preguntarse por qué Photoshop no incluyó un constructor guía como InDesign, Cameron McEfee tomó el asunto en sus propias manos e hizo este increíblemente útil plug-in. Si eres como yo, moviendo las guías en su lugar de forma manual siempre les deja un píxel fuera donde yo quiero que sean. Gracias, Cameron.
15. Hacer Photoshop más rápido
Es cariñosamente llamado el "molinillo de viento de la muerte" -. El momento en que el Photoshop se sienta a pensar aparentemente nada y todo a la vez, sin un final a la vista Dan Rubin nos da dos consejos muy sencillos, pero de gran alcance para mejorar el rendimiento de Photoshop el ajuste de los niveles de caché y vistas previas de imágenes. Nuestros sistemas operativos colectivos gracias, Dan.
16. Photoshoptimize
Demostrando que hay un montón de pequeños secretos para mejorar el rendimiento de Photoshop, Antonio Carusone comparte un poco más para ayudar a acelerar las cosas. Estoy seguro de que hay mucho más que está al acecho de los interwebs, pero estos ciertamente ayudará rapó momentos impaciente espera de Photoshop para procesar su obra de arte. Además, "Photoshoptimize" es un juego de palabras fantástico.
17. Adobe Kuler
Kuler de Adobe, una comunidad en torno a la inspiración de color, la creación y el flujo de trabajo, ha estado alrededor por algún tiempo, por lo que su inclusión en esta lista podría sorprenderle. Sin embargo, ahora se integra plenamente en Creative Suite 4 y 5, lo que significa que es mucho más conveniente para hacer referencia a la hora de trabajar en Photoshop. Puede acceder a él entrando al menú Ventana y encontrar Extensiones> Kuler. Es una transmisión en vivo de la comunidad en línea, y usted puede aprender más sobre él al ver este video: tv.adobe.com/watch/learn-cs4-design-premium/using-kuler-color-themes / .
18. Sprite Generador
Creación de Sprites CSS puede ser una molestia, y por suerte hay un montón de herramientas por ahí para ayudar. Aún mejor, Richard Dare ofrece una solución que funciona desde Photoshop. Automatiza el proceso de elección de los archivos de una carpeta seleccionada, y la única edición que hay que hacer es eliminar cualquier espacio extra no deseado.
19. 1140 cuadrícula
Para los que acabamos de empezar con los sistemas de red, usted encontrará que hay un montón por ahí, cada uno con sus razones de por qué o 940px 960px 978px o es el tamaño preferido. Andy Taylor cuadrícula de píxeles 's 1140 es interesante: funciona por debajo de 1140 (para un monitor de 1280) como una cuadrícula de fluido. Aprecio especialmente abrazando a una pantalla más grande en lugar de la limitación de su diseño para 1.024 monitores. Puede descargar las plantillas de Photoshop directamente desde la página del proyecto.
20. extensión del un conjunto de herramientas para la gestión de Resoluciones de pantalla
A veces, los diseñadores son tan afortunados como para tener un proyecto con un navegador o dispositivo de diseñar a la meta. En este caso, Punchcut 's de extensión del un conjunto de herramientas para la gestión de Resoluciones de pantalla es increíble. Incluye una colección de PSD en capas, cada una con dispositivos comunes para los complimentarios y presentaciones de diseño. Es refrescante ver a alguien manteniendo en todos los dispositivos que hay.
21. Photoshop atajos secretos
¿Cómo sería un escaparate de herramientas de Photoshop sin inclinar nuestro sombrero de los PSD Ninjas por ahí? Web Designer pared tiene un montón de secretos sigilosos a trabajar en la forma en que utiliza Photoshop que, si no otra cosa, te hacen ver como fresco delante de sus amigos. Este ha sido de alrededor de un poco, pero aún así resulta digno de hoy ya que todos pudieron estar para ser más competente y eficiente en Photoshop.
22. ColoRotate
Una especie de 'Adobe Kuler en esteroides', ColoRotate es otro color ingeniosos plug-in para Photoshop. Las similitudes son evidentes: las paletas de colores y las contribuciones de la comunidad. La principal diferencia entre los dos es que la presentación es en 3D, ayudando a algunos de nosotros captar relación de colores mucho más fácil (ya que se dice que nuestro cerebro entiende de color en 3D). A partir de $ 9.99, que es una herramienta de bajo costo, pero potente.
23. Vault Layer
Si usted trabaja en un grupo (o incluso si no lo hace), los beneficios de control de versiones son numerosas: el historial de revisiones, fácil contribuyente y flujo de trabajo unificado. Aunque por lo general prevalece en el desarrollo web, Capa Vault cuenta con un producto de control de versiones para los diseñadores. Una de las características más significativas es una historia visual, lo que le permite volver fácilmente y compartir su trabajo. No hay líneas de comando de Terminal Server. Sólo una elegante interfaz de usuario que se ejecuta en segundo plano mientras sigues Photoshopppin 'todo el día. Página del proyecto Slick también.
24. Picker HSL
Built-in selector de color de Photoshop le ofrece una amplia variedad de sistemas, incluyendo RGB y CMYK. Por todo lo que CSS3 y Sass adictos que se han trasladado a HSL (Hue, Saturación, Luminosidad), este sistema está en ninguna parte ser encontrado. Brandon Mathis desarrolló un práctico Picker HSL que puede tomar sus valores hexadecimales y convertirlos a HSL. Según explica, el beneficio de usar HSL está en relación de color significativo, donde el cambio de un valor como la luminosidad convierte su color de un marrón a una crema.
25. Estilos de capa
¿No sería genial si CSS tenía algo así como el panel de efectos de Photoshop? Pregúntese no más - Felix Niklas desarrolló esta ingeniosa herramienta, que le permite ajustar las propiedades de CSS3 como Sombra paralela, Sombra interior, Background, Border y Border Radio directamente en tu navegador, que le da una vista previa en vivo del resultado. Esta herramienta es especialmente útil para aquellos que están consiguiendo sus pies mojados con CSS3 o prefiere una representación visual de lo que hace cada ajuste.
Contribuciones: Nick Hiley y Dan Rose
Apasionado de experiencias web fenomenales, Dan ( @ dblizzy ) es un diseñador de interfaz de usuario en Syracuse, NY. Él es el creador de photoshopetiquette.com , una llamada a la guía brazos para el diseñador y desarrollador de la armonía. Esta es una versión actualizada y ampliada de un artículo aparecido anteriormente en Creativa Bloq.
Espero les sirva esta informacion que comparto.