Photoshop для веб-дизайнера: бесплатные инструменты

Photoshop для веб-дизайнера: бесплатные инструменты

От автора: Photoshop все еще самый любимый инструмент среди веб-дизайнеров, а правильные дополнения сделают его еще более мощным. Чтобы повысить вашу продуктивность, сэкономить вам время и нервы мы подобрали несколько ценных ресурсов для фотошопа, плагинов и скриптов. Некоторые из них ускорят выполнение рутинных задач, чтобы вы могли уделить внимание настоящей работе, другие же инструменты создадут мостик между фотошопом и кодом, и ваши дизайны макетов вберут в себя все плюсы от обоих миров. Все инструменты бесплатные и работают с Photoshop CC 2015, если в статье не указано что-то другое.

HTML Block

Код и фотошоп не подходят друг другу? На самом деле подходят, если вы установите HTML Block. Плагин задействует Webkit движок для рендеринга HTML/CSS на лету, код размещается в специальных блоках. Удобно, если вы хотите использовать сторонние шрифты в макете и хотите видеть, как данный шрифт будет отображаться в живую на странице, как в браузере. Также удобен для создания изменяющих свой размер элементов интерфейса.

Page Layers

Если вы предпочитаете проектировать дизайн страницы прямо в браузере, но на выходе вам нужен файл фотошопа, то взгляните на Page Layers. Приложение конвертирует любые веб-страницы в файл фотошопа. Все элементы находятся на отдельных слоях со своими именами. Также полезен при изменении текущего дизайна страницы. Page Layers совместим с Mac OS X и стоит $34.99.

Bjango Actions

Коллекция с открытым исходным кодов экшенов и скриптов множества задач для фотошопа от автора Bjango. Среди прочего инструмент может масштабировать ваши документы, нарезать их и более точно позиционировать элементы.

Ditto

Ditto – плагин, с помощью которого элементам можно задавать переменные, такие как цвета, строки текста, размер шрифта, высота строки, Х и У позиционирование и даже видимость. После установки Ditto не обязательно всем редактировать PSD файл, но это самый надежный способ поддерживать самые новые значения переменных.

Renamy

У вас множество слоев, которые нужно переименовать за один раз, и вы не хотите делать это вручную? Тут на помощь придет Renamy. С помощью плагина можно выбрать несколько слоев и задать им новые имена всего в один клик. Демо версия бесплатная, но в ней можно за раз переименовать не больше пяти слоев. В полной версии ограничения отсутствуют.

Duplllicator

Duplllicator поможет вам клонировать слои и группы. Необходимо выбрать число копий и горизонтальный и вертикальный. Плагин работает с Photoshop CC и CC 2014.

Size Marks

Size Marks – скрипт конвертирует выделенную прямоугольную область в маркеры с расстоянием. Работает в CC 2014 и CC 2015.

Magic Wand Tricks

Последний, но не менее важный, один из самых старых инструментов для фотошопа, который уже встроен в программу — Magic Wand. Инструмент намного более универсальный, чем вы могли подумать. Вы знали, что с его помощью можно нарезать элементы? Также можно быстро центрировать слои и группы. В сочетании с гистограммой его можно использовать для подсчета пикселей на выделенной области.

А какие ваши любимые инструменты в фотошопе? Пишите об этом в комментариях!

Источник: https://www.smashingmagazine.com/

Редакция: Команда webformyself.

Хотите научиться создавать шикарные дизайны сайтов?

Получите бесплатную пошаговую обучающую систему по веб-дизайну

Получить

Метки: ,

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree