как установить скрипт для фотошопа

Погружаемся в скриптинг
для Фотошопа

Писать скрипты для Фотошопа, зачастую, нудно и больно (привет многочисленным багам и индийским разработчикам). Но бывает увлекательно и полезно. А если вы знакомы с JavaScript, то и достаточно легко.

Подготовка

Вам понадобится программа Adobe ExtendScript Toolkit, ваш Фотошоп и немного усердия.

После установки запускаем ExtendScript Toolkit и в левом-верхнем углу меняем “ExtendScript Toolkit CC” из выпадающего меню на Фотошоп. Делаем это для того, что бы по нажатию зелёной стрелочки наш скрипт запускался в Фотошопе.

Не будем вникать в объектную модель Фотошопа и прочие сложные термины, про которые вы сможете прочитать в официальной документации (даже с картинками). Ссылки есть в конце поста.

Работа с активным слоем

Чаще всего мы хотим что-либо сделать с активным слоем. Для этого необходимо обратиться к Фотошопу ( app), затем к активному документу ( activeDocument) и, наконец, к нашему слою ( activeLayer).

У слоя есть свойства и методы (выполняемые действия), как и у остальных объектов (документов, каналов, текста, векторных шейпов, …).

Например, что бы узнать имя слоя — нужно обратиться к свойству name.

А что бы переименовать слой:

Скрыть или показать слой — свойство visible.

Подвигать содержимое слоя по холсту — метод translate.

А так же можно узнавать границы содержимого ( bounds), изменять прозрачность слоя ( opacity) и заливки ( fillOpacity), дублировать ( duplicate), масштабировать ( resize) и так далее.

Полный перечень свойств и методов для всех доступных объектов можно узнать в официальной документации, ссылку на которую я прикрепил в конце поста.

Усложняем задачу

Допустим, у нас есть документ с текстовым слоем (в нём что-то написано).

Что бы сходу окунуться с головой в скриптинг, напишем код, который будет узнавать шрифт, размер, интерлиньяж и цвет написанного текста и вставлять их в имя слоя. Какому-нибудь верстальщику будет приятно.

После выполнения такого скрипта имя нашего слоя превратится в нечто подобное:

ArialMT, 14 pt, #000000

Или ничего не произойдёт, так как мы можем встретиться с нашим первым багом Фотошопа. ☺

Дело в том, что если создать новый текстовый слой и не изменять ему цвет, а оставить дефолтный чёрный (#000000), то по какой-то причине Фотошоп не может получить это значение. Подобный баг далеко не единственный, но, зачастую, они побеждаются довольно легко — при помощи javascript-конструкции “try…catch”. Данная синтаксическая конструкция пытается выполнить кусок кода прописанный в try, а если возникает ошибка — выполняет кусок кода из catch.

Итак, фиксим возможную ошибку с определением цвета:

Теперь наш код точно сработает.

Это уже что-то похожее на нужный результат, но мы пойдём дальше и добавим ещё немного магии.

Ниже финальная версия скрипта в которой я предлагаю вам разобраться самостоятельно.

В итоге, имя нашего слоя превратится в нечто похожее:

Arial Bold Italic 30px/40px #333000
или
PT Sans 18px #ff0000

Про запуск скриптов и назначение их на горячие клавиши повторять не буду. Лучше почитайте в статье Сергея Пехтерева.

Полезные материалы

P. S. Не обращайте внимание на даты материалов, так как возможность написания скриптов в Фотошопе появилась ещё в версии CS2 (2005 год) и с тех пор ничего не изменилось. Во всех версиях, с CS2 до сегодняшней, код работает одинаково.

Источник

Запись действий в Photoshop CS6 и CC в скрипт

Скрипты в Photoshop не только предоставляют возможность автоматизировать повторяющиеся действия, но и позволяют записывать события, производимые в Фотошопе пользователем, в скрипт! Это очень полезно, когда не знаешь, как прописать в программном коде то или иное действие.

Примечание. Для лучшего понимания материала, смотрите видео внизу этой странички.

Для того, чтобы Photoshop записывал свои действия, следует в папку C:\Program Files\Adobe\Adobe Photoshop CS6\Plug-ins или C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins для 64-х битного Фотошопа поместить файл ScriptListener.8li. В более ранних версиях программы этот файл размещался в директории Files\Adobe\Adobe Photoshop CS5\Scripting\Utilities, а для CS6 его придётся скачать на официальном сайте программы или по ссылкам внизу этой страницы.

Я пользуюсь JavaScript, поэтому далее буду рассматривать второй вариант.

Итак, перед записью событий откройте файл ScriptingListenerJS.log в любом текстовом редакторе, удалите все имеющиеся в нём записи и сохраните его. Затем произведите нужные действия в Photoshop`е.

Теперь открываю файл ScriptingListenerJS.log и вижу следующий код:

Теперь давайте убедимся, что в коде содержатся именно те действия, которые я совершил.

Для этого можно скопировать код, сохранить его в файле с расширением jsx, затем просто мышкой перетащить этот файл в рабочее окно Фотошопа.

Либо открыть редактор Adobe ExtendScript Toolkit CS6, инсталлирующийся при установке Photoshop CS6, выбрать в левом верхнем углу «Adobe Photoshop CS6», затем нажать на кнопку «Start running the script» (зелёный треугольник).

В любом случае, Фотошоп воспроизведёт действия, которые я только что записал.

Смотрите видео по материалам статьи:

Скачать файлы ScriptListener.8li для Photocsop CS6 и CC для Win32 и win64:

Источник

Как создать свои собственные скрипты Photoshop

Надоело делать повторяющиеся задачи в Photoshop? Создайте скрипты фотошоп для автоматизации. В этой статье вы узнаете как освободить свое время для творчества!
Если вы используете Photoshop более нескольких месяцев, вы, несомненно, сталкивались с необходимостью повторять одинаковые задачи.

Действия — это отличное решение, но у них есть одно серьезное ограничение: они “глупы” и не могут сделать ничего более сложного, чем воспроизводить предписанные серии шагов.
К счастью, Adobe уже давно распознала эту проблему и добавила поддержку скриптов в Photoshop и большинство других своих инструментов. Скриптовый движок Photoshop позволяет писать в Applescript, VBScript или JavaScript и выполнять сложные операции, которые обычно требуют вмешательства человека.

Готовые скрипты можно скачать с файлообменников, можно заказать их написание специалистам, либо создать самостоятельно.

Ваши скрипты могут делать все, что может Photoshop

Итак, каков пример того, что скрипт может сделать, а действие — нет? Возьмите самый простой пример включения и выключения видимости слоя. Действие может легко отключить видимость слоя (или включить его), но оно не может разумно переключать видимость. Скрипт может определить текущее состояние видимости данного слоя, а затем выполнить другую задачу в соответствии с этим состоянием.

Именно эта способность принимать условные решения отличает скрипты от действий и делает их сверхмощными.
Естественно, создание скриптов требует небольшого навыка программирования, но если вы уже знакомы с JavaScript, вам будет очень легко начать работу. Чтобы сделать его немного менее болезненным, Adobe отлично разработала руководство по написанию скриптов, а также несколько превосходных примеров скриптов.

Версии фотошопа

Если вы используете версию Photoshop более раннюю, чем CS5, руководство по созданию скриптов доступно в папке «Приложение»> «Photoshop»> «Скрипты». Если вы используете CS6, вы обнаружите, что он не установлен по умолчанию. Вам нужно скачать его здесь (https://www.adobe.com/devnet/photoshop/scripting.html?red=a). Вы также можете найти полные справочники скриптов в этой же ссылке.
Когда вы освоитесь со скриптами, вы сможете автоматизировать многие функции в Photoshop, будь то создание 1000 веб-изображений или автоматическое создание метаданных с вашими уведомлениями об авторских правах.

Действие или скрипт?

При принятии решения о том, требует ли задача действия или скрипта, золотое правило, которое следует помнить, состоит в том, что действия отлично подходят для выполнения идентичных задач снова и снова.
Скрипты позволяют вам создать пользовательский условный результат, который идеально подходит для аналогичных, но не идентичных задач.

Сделайте свой собственный скрипт

Шаг 01

Вы можете создать свой скрипт в Textpad или Notepad. Вы найдете полное справочное руководство в каталоге установки Photoshop под названием «Руководство по написанию скриптов». Там же есть несколько примеров скриптов.
Использование JavaScript в качестве языка скриптов (Photoshop также поддерживает Visual Basic и AppleScript), эти языки обеспечат работу вашего скрипта на ПК и Mac. Для того, чтобы проиллюстрировать суть процесса, можно создать скрипт, который просто выводит сообщение.

Шаг 02

Введите следующий текст в ваш текстовый редактор:

var docRef = app.activeDocument; заменить на картинку
var dlg = new Window(‘dialog’, ‘My first script!’,[100,100,480,250]);
dlg.btnPnl = dlg.add(‘panel’, [25,15,365,125], ‘Hello world!’);
dlg.btnPnl.testBtn = dlg.btnPnl.add(‘button’, [15,30,305,50], ‘Finished’, );
dlg.btnPnl.testBtn.onClick = dobuild;
dlg.show();
function dobuild() <
alert(«Congratulations — it all worked!»);
dlg.close();
>

Сохраните документ как testscript.jsx, если вы используете Photoshop CS2, или testscript.js, если вы используете Photoshop CS3 и выше.

Шаг 03

В Photoshop откройте документ, над которым вы работаете. Выберите «Файл»> «Скрипты»> «Обзор» и найдите свой скрипт (или один из примеров скриптов, если вы еще не набрались смелости, чтобы создать свой собственный).

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

Установите скрипты фотошоп на основе событий

Скрипты (и действия) могут выполняться автоматически в Photoshop при возникновении определенного события. Эти события могут включать открытие Photoshop, создание нового документа, печать и многое другое. Скрипты на основе событий — это идеальный способ справляться с общими задачами, которые вы обычно выполняете время от времени, в зависимости от конкретного события. Например, вы можете отредактировать метаданные для вашего файла при первом его создании. Используя скрипт, основанный на событиях, вы можете открыть всплывающую панель информации о файле, как только создадите новый документ.
Настроить скрипт на основе событий очень просто — следуйте пошаговому руководству ниже:

Источник

Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов.

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

Как установить скрипт в фотошоп

5 способов запустить скрипт

Установка скрипта в фотошоп

Скрипты, установленные таким способом, доступны для постоянного использования в меню File > Scripts.

Закрепить скрипт на панели задач можно просто перетянув файл на иконку фотошопа. Теперь у вас есть быстрый доступ к скрипту: просто нажмите правой кнопкой мыши на иконке PS.

Если вы чаще используете скрипты, чем редактируете, то настройте запуск “Открыть с помощью” фотошопа.

Как записать действия в фотошопе в скрипт

Программа фотошоп обладает рядом возможностей по записи и запоминанию ваших действий в программе. Сюда можно отнести: запись действий в текстовый файл, создание экшенов и запись действий в скрипт. В этой статье речь пойдет о скриптах.

Скрипты — это автоматизация действий по средствам написания кода на языке программирование JavaScript или Visual Basic. Если вы обладаете такими познаниями, то возможности фотошопа можно сильно расширить.

Перейдем к примеру. В интернете в свободном доступе есть скрипт по автоматическому добавлении даты. Скачав и установив его, в меню фотошопа Файл — Сценарии появится новая команда Добавить дату. Если ее применить, то на фотографии появится дата создания файла.

Но как быть, если вы наоборот не обладаете знаниями в программировании? Есть решение — плагин который в фоновом режиме записывает все ваши действия в программе, а затем их воспроизводит. Звучит классно, но здесь есть минус — этот скрипт понимает не все действия в фотошопе, поэтому для некоторых ваших задумок придется искать другие методы.

Но как бы то ни было, сейчас я вас научу как это делать.

Скачиваем плагин для записи действий в фотошоп — ScriptListener.8li.

Его нужно будет скопировать в системную папку программы: C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins; для более ранних версий программы C:\Program Files\Adobe\Adobe Photoshop\Scripting\Utilities.

Если в этот момент фотошоп был открыт — перезапустите его.

Сделайте любое действие в программе, затем сверните ее. На рабочем столе автоматические появятся два файла: ScriptingListenerJS.log и ScriptingListenerVB.log. В этих двух файлах идет запись действий как раз на двух разных языках JavaScript и Visual Basic соответственно.

Выбираете язык, что вам более понятен. В моем случае это JavaScript.

Прежде чем начать, откройте файл через блокнот и удалите из него все записи, а затем сохраните.

Делайте в фотошопе то, что хотите впоследствии автоматизировать.

Например. Создаем новый текстовый слой, добавляем ему цвет и тень, а затем разместим в нужном месте на изображении.

Установим новосозданный скрипт в фотошоп. Откройте системную папку C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts и скопируйте в нее файл. Перезапустите фотошоп.

Теперь ваше действие должно будет отображаться в Меню — Сценарии.

Чтобы файлики на рабочем столе вас не донимали, когда не записываете скрипты, то удалите из системной папки сам плагин.

Запись действий в Photoshop CS6 и CC в скрипт

Скрипты в Photoshop не только предоставляют возможность автоматизировать повторяющиеся действия, но и позволяют записывать события, производимые в Фотошопе пользователем, в скрипт! Это очень полезно, когда не знаешь, как прописать в программном коде то или иное действие.

Примечание. Для лучшего понимания материала, смотрите видео внизу этой странички.

Для того, чтобы Photoshop записывал свои действия, следует в папку C:\Program Files\Adobe\Adobe Photoshop CS6\Plug-ins или C:\Program Files\Adobe\Adobe Photoshop CS6 (64 Bit)\Plug-ins для 64-х битного Фотошопа поместить файл ScriptListener.8li. В более ранних версиях программы этот файл размещался в директории Files\Adobe\Adobe Photoshop CS5\Scripting\Utilities, а для CS6 его придётся скачать на официальном сайте программы или по ссылкам внизу этой страницы.

Я пользуюсь JavaScript, поэтому далее буду рассматривать второй вариант.

Итак, перед записью событий откройте файл ScriptingListenerJS.log в любом текстовом редакторе, удалите все имеющиеся в нём записи и сохраните его. Затем произведите нужные действия в Photoshop`е.

6 Бесплатных Плагинов, Расширений и Скриптов Для Photoshop

Adobe – мировой лидер в области разработки программного обеспечения разного направления. Это и векторный дизайн, с поддержкой последующей печати и экспортированием в Adobe XD; это и веб-прототипирование; работа с фотографиями, видео и даже с сайтами на уровне программного кода. Но энтузиасты с каждым месяцем создают и улучшают данные продукты по своему вкусу. И Photoshop тому не исключение. Именно поэтому мы сегодня вновь обратим внимание на лучшие и удобные плагины для всех дизайнеров, которые работают с мобильными приложениями или макетами веб-сайтов. И совершенно неважно какой у вас опыт работы в Adobe Photoshop.

Три месяца назад мы уже освещали данную тему, но теперь решили посвятить ей еще один материал. И причина тому проста – плагинов, расширений и скриптов, упрощающих работу дизайнера так много, что порой «голова идет кругом» от мысли: «а вот именно ЭТО мне нужно?». Разумеется, решение о необходимости останется за вами, но все «наши» новые плагины не имеют ничего общего с прошлыми примерами. Да, мы подобрали совсем иные и кардинально отличающиеся по задачам и возможностям.

Подготовка

Отметим сначала, что работоспособность плагинов и скриптов проверялась на версиях Adobe Photoshop СС 2015-2017, CS6. Обычно установка производилась через приложение Adobe Extension Manager CC, но иногда достовернее было сделать её вручную, точнее скопировать папки из архива в папку Adobe. Поэтому об установке каждого конкретного плагина мы расскажем отдельно; универсальный рецепт здесь может только навредить.

Также отметим, что неважно какая лицензия у вашего Photoshop. Работать у вас «наша» подборка будет.

Возможно, самих расширений будет не так и много, но мы рассмотрим их подробно, ибо зачастую даже, казалось бы, простенький плагин на переименование слоев может у некоторых вызывать весьма любопытные вопросы.

Craft

Большое, информативное и функциональное расширение от компании Invisionapp. Хотя правильнее было бы его назвать – набор мини-скриптов и плагинов, которые тесно перемешались друг с другом.

Описание: Craft имеет много функций, которые позволяют быстро создавать прототипы проектов, автоматизировать работу с контентом, проводить синхронизацию ресурсов в облаке. Состоит он из нескольких разделов.

На вкладке Фото можно выбрать расположение нужной фотографии и она автоматически вставится на холст. Если у вас размещен объект, например, эллипс и выбран этот слой, то при указании папки изображение будет выбрано случайное и вставлено в объект. Аналогично и с облачным хранилищем, и с фотками из интернета с Unsplash.com.

Если фотографий мало своих и на ресурсе, то можно отправиться на вкладку Stock и поискать тематические предложения на портале iStock. Загрузить их на компьютер и использовать.

FreeHand позволяет редактировать макеты рукописным вариантом, а на вкладке Sync можно синхронизировать данные с InVision (требуется аккаунт).

Подробнее о том, как что-то работает, рассказано на сайте плагина. И да, он полностью бесплатен, несмотря на такой большой функционал. Он будет бесплатен всегда. Удобен ли Craft для работы? Безусловно.

Fontea

Работа со шрифтами и текстами, заголовками и прочим всегда непроста для веб-дизайнера. Даже порой сложно сказать, что более творчески выглядит: обработка фотографий или текста. Но благодаря набору шрифтов от Google можно создавать действительно интересные решения и зачастую искать в интернете часами замысловатый шрифт не всегда нужно. Плагин Fontea как раз и работает с базой Google Web Fonts. Но как работает!

Если коротко и это важно: по умолчанию Windows создает две записи: Администратор и Пользователь (которых затем может быть много и с разными правами). Работа в Photoshop обычно осуществляется под Учетной записью пользователя. Поэтому отправляемся по адресу выше и открываем свойства папки Fonts, вкладка Безопасность. Здесь видим, что группа Администраторы имеет галочку «Полный контроль», Пользователи её не имеют. Кликаем «Изменить», выбираем «Пользователи», ставит галочку, сохраняем. Это безопасно, но если у вас везде галочки уже есть, то – отлично.

Описание: Fontea предлагает не просто перечень Google шрифтов с примерами написания, но разбивку на категории, поиск по названию, избранное. Причем, выбранный шрифт применяется к тексту мгновенно, а потому можно просто перебором подобрать нужный.

Зачем доступ к папке? Если вы выбираете шрифт, он загружается на компьютер, и вы можете затем работать с ним в дальнейшем. Если не кликнули по шрифту в списке плагина, то его на вашем компьютере нет. Именно поэтому и доступ нужен, чтобы загрузить файл в папку для дальнейшей работы.

Copio

Небольшой скрипт, который позволит проще оперировать со Слоями в разных документах. Если вы хотите скопировать слой, его можно дублировать в пару кликов мышкой. Но именно скопировать один слой из одного документа в другой – нельзя. Можно долго размещать рядом холсты, перетаскивать слои на иконки и прочее. Это муторно.

Copio предлагает в корне иной и простой подход. Бесплатный плагин позволяет с помощью двух команд скопировать слой, а затем вставить его. И количество слоев неважно.

Теперь у нас есть два документа и мы хотим наш эллипс с картинкой скопировать в новый документ. Выделяем два слоя, нажимаем Copio Copy, переходим в новый документ и выбираем Copio Paste. В новом документе вы увидите сначала мелькание всех слоев предыдущего холста, а затем останется активным только нужное. И все. Быстро и легко. Если работа над макетом или фотографиями идет с несколькими холстами, то это удобно.

Long Shadow Generator 2

Еще один небольшой, но интересный плагин. Material Design подразумевает использование длинных теней на иконках. Некоторые рисуют их от руки, кто-то ищет готовые решения. Мы же нашли этот плагин, и возможно вы его знаете, а может, и нет.

Описание: создание тени проходит в один клик, но перед этим вы можете настроить длину этой самой тени, её прозрачность, цвет, направление. И не имеет значения – какая у вас фигура. Тень тоже будет фигурной. Просто, быстро, удобно. И вот что у нас получилось.

Font Awesome PS

Без этого плагина наша подборка была бы не полной. О Font Awesome и иконочном шрифте знают многие, особенно если речь идет об использовании иконок вместо отдельных букв или в качестве значков. Все они векторные, поэтому и на Retina-дисплеях выглядят отлично, и на больших по разрешению экранах.

Но ведь и макет сайта хочется создавать в Photoshop с использованием готовых иконок. И не только…

Описание: теперь остается только создать холст и выбрать нужную иконку из большого количества. Здесь представлены все иконки шрифта Font Awesome. Да, создаются они на отдельном слое и очень маленькими. Зато потом можно их увеличить, изменить им цвет, сделать тень или свечение и многое другое. И они векторные.

Наличие самого иконочного шрифта Font Awesome на компьютере не требуется.

Layers Control 2

Еще одно большое, интересное и бесплатное расширение. Оно вновь помогает оперировать с большим количеством слоев в документе. На одной панели автор разместил семь скриптов, что ускоряют работу и упрощают её даже, в некотором роде.

Описание: расширение позволяет переименовать слой или слои (разными вариантами), растрировать смарт-объект или наоборот превратить объект в смарт, удалить пустые слои, объединить слой с эффектами, наложенными на него. Удобно быстро, просто.

Обычно, все это мы делаем вручную или ищем разные отдельные скрипты. Теперь и художники, и дизайнеры могут делать все это автоматически и не задумываться о сложности.

Завершение

Это лишь немногие из тех плагинов, удобных для веб-дизайна. Всегда существуют и появляются более новые, улучшенные версии. И даже вполне вероятно, что сама Adobe рассматривает некоторые идеи с тем, чтобы преобразовав их, включить в очередное обновление или новую версию. Так или иначе, но мы надеемся, что расширения выше пригодятся вам и немного упростят работу в Photoshop, оставляя больше времени и сил для художественных фантазий, полета мыслей, нахождению интересных идей.

Источник

6 Бесплатных Плагинов, Расширений и Скриптов Для Photoshop

Три месяца назад мы уже говорили о плагинах и скриптах для Photoshop, но всегда существуют и появляются более новые, улучшенные расширения. Эта подборка существенно отличается от прошлой, и мы подробно рассказываем как работать с надстройками.

Adobe – мировой лидер в области разработки программного обеспечения разного направления. Это и векторный дизайн, с поддержкой последующей печати и экспортированием в Adobe XD; это и веб-прототипирование; работа с фотографиями, видео и даже с сайтами на уровне программного кода. Но энтузиасты с каждым месяцем создают и улучшают данные продукты по своему вкусу. И Photoshop тому не исключение. Именно поэтому мы сегодня вновь обратим внимание на лучшие и удобные плагины для всех дизайнеров, которые работают с мобильными приложениями или макетами веб-сайтов. И совершенно неважно какой у вас опыт работы в Adobe Photoshop.

Три месяца назад мы уже освещали данную тему, но теперь решили посвятить ей еще один материал. И причина тому проста – плагинов, расширений и скриптов, упрощающих работу дизайнера так много, что порой «голова идет кругом» от мысли: «а вот именно ЭТО мне нужно?». Разумеется, решение о необходимости останется за вами, но все «наши» новые плагины не имеют ничего общего с прошлыми примерами. Да, мы подобрали совсем иные и кардинально отличающиеся по задачам и возможностям.

Подготовка

Отметим сначала, что работоспособность плагинов и скриптов проверялась на версиях Adobe Photoshop СС 2015-2017, CS6. Обычно установка производилась через приложение Adobe Extension Manager CC, но иногда достовернее было сделать её вручную, точнее скопировать папки из архива в папку Adobe. Поэтому об установке каждого конкретного плагина мы расскажем отдельно; универсальный рецепт здесь может только навредить.

Также отметим, что неважно какая лицензия у вашего Photoshop. Работать у вас «наша» подборка будет.

Возможно, самих расширений будет не так и много, но мы рассмотрим их подробно, ибо зачастую даже, казалось бы, простенький плагин на переименование слоев может у некоторых вызывать весьма любопытные вопросы.

Craft

Большое, информативное и функциональное расширение от компании Invisionapp. Хотя правильнее было бы его назвать – набор мини-скриптов и плагинов, которые тесно перемешались друг с другом.

Описание: Craft имеет много функций, которые позволяют быстро создавать прототипы проектов, автоматизировать работу с контентом, проводить синхронизацию ресурсов в облаке. Состоит он из нескольких разделов.

На вкладке Фото можно выбрать расположение нужной фотографии и она автоматически вставится на холст. Если у вас размещен объект, например, эллипс и выбран этот слой, то при указании папки изображение будет выбрано случайное и вставлено в объект. Аналогично и с облачным хранилищем, и с фотками из интернета с Unsplash.com.

Если фотографий мало своих и на ресурсе, то можно отправиться на вкладку Stock и поискать тематические предложения на портале iStock. Загрузить их на компьютер и использовать.

FreeHand позволяет редактировать макеты рукописным вариантом, а на вкладке Sync можно синхронизировать данные с InVision (требуется аккаунт).

Подробнее о том, как что-то работает, рассказано на сайте плагина. И да, он полностью бесплатен, несмотря на такой большой функционал. Он будет бесплатен всегда. Удобен ли Craft для работы? Безусловно.

Fontea

Работа со шрифтами и текстами, заголовками и прочим всегда непроста для веб-дизайнера. Даже порой сложно сказать, что более творчески выглядит: обработка фотографий или текста. Но благодаря набору шрифтов от Google можно создавать действительно интересные решения и зачастую искать в интернете часами замысловатый шрифт не всегда нужно. Плагин Fontea как раз и работает с базой Google Web Fonts. Но как работает!

Если коротко и это важно: по умолчанию Windows создает две записи: Администратор и Пользователь (которых затем может быть много и с разными правами). Работа в Photoshop обычно осуществляется под Учетной записью пользователя. Поэтому отправляемся по адресу выше и открываем свойства папки Fonts, вкладка Безопасность. Здесь видим, что группа Администраторы имеет галочку «Полный контроль», Пользователи её не имеют. Кликаем «Изменить», выбираем «Пользователи», ставит галочку, сохраняем. Это безопасно, но если у вас везде галочки уже есть, то – отлично.

Описание: Fontea предлагает не просто перечень Google шрифтов с примерами написания, но разбивку на категории, поиск по названию, избранное. Причем, выбранный шрифт применяется к тексту мгновенно, а потому можно просто перебором подобрать нужный.

Зачем доступ к папке? Если вы выбираете шрифт, он загружается на компьютер, и вы можете затем работать с ним в дальнейшем. Если не кликнули по шрифту в списке плагина, то его на вашем компьютере нет. Именно поэтому и доступ нужен, чтобы загрузить файл в папку для дальнейшей работы.

Copio

Небольшой скрипт, который позволит проще оперировать со Слоями в разных документах. Если вы хотите скопировать слой, его можно дублировать в пару кликов мышкой. Но именно скопировать один слой из одного документа в другой – нельзя. Можно долго размещать рядом холсты, перетаскивать слои на иконки и прочее. Это муторно.

Copio предлагает в корне иной и простой подход. Бесплатный плагин позволяет с помощью двух команд скопировать слой, а затем вставить его. И количество слоев неважно.

Теперь у нас есть два документа и мы хотим наш эллипс с картинкой скопировать в новый документ. Выделяем два слоя, нажимаем Copio Copy, переходим в новый документ и выбираем Copio Paste. В новом документе вы увидите сначала мелькание всех слоев предыдущего холста, а затем останется активным только нужное. И все. Быстро и легко. Если работа над макетом или фотографиями идет с несколькими холстами, то это удобно.

Long Shadow Generator 2

Еще один небольшой, но интересный плагин. Material Design подразумевает использование длинных теней на иконках. Некоторые рисуют их от руки, кто-то ищет готовые решения. Мы же нашли этот плагин, и возможно вы его знаете, а может, и нет.

Описание: создание тени проходит в один клик, но перед этим вы можете настроить длину этой самой тени, её прозрачность, цвет, направление. И не имеет значения – какая у вас фигура. Тень тоже будет фигурной. Просто, быстро, удобно. И вот что у нас получилось.

Font Awesome PS

Без этого плагина наша подборка была бы не полной. О Font Awesome и иконочном шрифте знают многие, особенно если речь идет об использовании иконок вместо отдельных букв или в качестве значков. Все они векторные, поэтому и на Retina-дисплеях выглядят отлично, и на больших по разрешению экранах.

Но ведь и макет сайта хочется создавать в Photoshop с использованием готовых иконок. И не только…

Описание: теперь остается только создать холст и выбрать нужную иконку из большого количества. Здесь представлены все иконки шрифта Font Awesome. Да, создаются они на отдельном слое и очень маленькими. Зато потом можно их увеличить, изменить им цвет, сделать тень или свечение и многое другое. И они векторные.

Наличие самого иконочного шрифта Font Awesome на компьютере не требуется.

Layers Control 2

Еще одно большое, интересное и бесплатное расширение. Оно вновь помогает оперировать с большим количеством слоев в документе. На одной панели автор разместил семь скриптов, что ускоряют работу и упрощают её даже, в некотором роде.

Описание: расширение позволяет переименовать слой или слои (разными вариантами), растрировать смарт-объект или наоборот превратить объект в смарт, удалить пустые слои, объединить слой с эффектами, наложенными на него. Удобно быстро, просто.

Обычно, все это мы делаем вручную или ищем разные отдельные скрипты. Теперь и художники, и дизайнеры могут делать все это автоматически и не задумываться о сложности.

Завершение

Это лишь немногие из тех плагинов, удобных для веб-дизайна. Всегда существуют и появляются более новые, улучшенные версии. И даже вполне вероятно, что сама Adobe рассматривает некоторые идеи с тем, чтобы преобразовав их, включить в очередное обновление или новую версию. Так или иначе, но мы надеемся, что расширения выше пригодятся вам и немного упростят работу в Photoshop, оставляя больше времени и сил для художественных фантазий, полета мыслей, нахождению интересных идей.

Источник