как запустить скрипт в фотошопе

Как создать свои собственные скрипты 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, создание нового документа, печать и многое другое. Скрипты на основе событий — это идеальный способ справляться с общими задачами, которые вы обычно выполняете время от времени, в зависимости от конкретного события. Например, вы можете отредактировать метаданные для вашего файла при первом его создании. Используя скрипт, основанный на событиях, вы можете открыть всплывающую панель информации о файле, как только создадите новый документ.
Настроить скрипт на основе событий очень просто — следуйте пошаговому руководству ниже:

Источник

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

Писать скрипты для Фотошопа, зачастую, нудно и больно (привет многочисленным багам и индийским разработчикам). Но бывает увлекательно и полезно. А если вы знакомы с 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 для автоматизации работы существует ещё один, гораздо более продвинутый инструмент — язык программирования JavaScript. Для работы вам потребуется немного освоить скриптинг для автоматизации некоторых задач и избавления от рутины. Это ни в коем случае не программирование, не бойтесь. Для освоения вам потребуется лишь минимум Photoshop CS2 и максимум желания прокачать свои скилы.

Писать код мы будем в программе ExtendScript Toolkit, которая поставляется вместе с Photoshop, и большинство нормальных моушн-дизайнеров давно осведомлены об этой и ещё паре программ для написания кода. Я практик, поэтому и реализовывать скрипт будем под реальную задачу, которая передо мной стояли на работе.

Задача: в любых интернет-магазинах есть картинки товара, в крупных магазинах товар исчисляется десятками тысяч. Обычно сидят 2-3 девочки-ретушера и обрабатывают фотографии товара: обтравливают, добавляют белый фон, увеличивают контраст, добавляют отражения, ретушируют обложки… но упускают из вида очень важный момент – разная насыщенность, разный контраст, разный цветовой баланс отдельных изображений. Посмотрите на картинку ниже. Обложки явно отличаются по контрасту, цвету… если вывести средние тона, то корни проблемы бросаются в глаза.

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

Начнем издалека. Что же такое JavaScript в Photoshop?
Я выбрал JS как язык для скриптования в продуктах Adobe, потому что он работает и на Windows, и на MAC. Если вы ярый приверженец винды, то используйте бейсик, если вы неукротимый фанат Мака, то AppleScript в помощь. А я за универсальность.

Основы:
DOM. Это та изнанка программы, которая дает нам возможность получат доступ к различным компонентам Photoshop через язык программирования. Это иерархическое представление Photoshop, каждой его части и возможности, включая работу с открытыми изображениями. Все то, что вы можете сделать мышкой, вы сможете сделать и скриптом. Например, если вы хотите получить доступ к прозрачности слоя, необходимо пройтись по пути Application> Document> Layer> Opacity, а код будет такой

Все довольно логично, например Layer Comp class отвечает за управление просмотром нескольких версий макета в одном файле, что в общем то и делает оригинальный инструмент Photoshop.

Важно понять, что подразумевается под объектами. Сам Photoshop это объект, текст это объект, направляющие это объект, каждый канал RGB является объектом. Все, что кликается мышкой — объекты. Допустим, вы создали новый документ, а с точки зрения программы вы создали новый объект.

Основы программирования объяснять я не стану, слишком много людей с ними знакомы. Если вы не знакомы, то найдете необходимую информацию везде, начиная c Google play и заканчивая форумами школьников. Для затравки, откройте ExtendScript Toolkit и напишите: alert(«My first Hello Hell!» + app.version); Запустите через редактор скриптов, обрадуйтесь своему первому успешно скомпилированному приложению. Скрипты для Adobe Photoshop имеют расширение jsx.

Вводная информация:
Переменные обозначаются как var borderWidth = 10
var — переменная. А borderWidth — имя переменной (как думаете, что оно означает?).
Затем переменной нужно присвоить значение: = 10

В заголовке скрипта иногда имеет смысл писать строчку #target photoshop, которая будет указывать, что данный скрипт только для Photoshop.

Активный объект
Когда Вы работает в Photoshop, Вы можете рисовать только на слое, который активен в данный момент. Для скриптов тоже важно, какой объект выбран, т.к. скрипты тоже могут и будут рисовать. Ниже приведен пример создания документа и выбор слоя активным:

var doc_nmb_1 = documents.add(500, 500) var doc_nmb_2 = documents.add(500, 500) //Установим Document 1 как активный документ activeDocument = doc_nmb_1 //Сделаем Document 2 активным activeDocument = doc_nmb_2 //Добавим слоев к документам var layer1 = doc_nmb_2.artLayers.add() var layer2 = doc_nmb_2.artLayers.add() //Сделаем 1-ой слой документа 2 активным. ActiveLayer отвечает за чтение и запись выбранного слоя. doc_nmb_2.ActiveLayer = layer1 //Делаем 2-ой слой документа 2 активным doc_nmb_2.ActiveLayer = layer2

Создание нового документа происходит благодаря следующему коду, создаются квадратные изображения в размерах 72 и 144.

var docRef = app.documents.add(72, 72) var otherDocRef = app.documents.add (144,144)

Как видите, читать такой код не так уж и трудно. Перейдем к написанию скрипта. Первое, что мы должны сделать, это вникнуть в задачу и разработать action для применения к нужным изображениям. Сделав это, начинаем писать скрипт.

Главная фишка: конструкция If Else, которая и позволяет добавлять условия, которых не хватает в action. Уверен, многие уже, увидев зарплаты программистов, пытались освоить программирование и if else наверняка писали, поэтому по основам мы просто пробежимся:

if(!content) content =”404”;

Мы проверяем, есть ли у переменной content значение, и если его нет, то присваиваем значение 404. Можно расписать и более сложную обработку, например:

С If мы разобрались, а что же делает else? В конструкции else мы указываем, что выполнять в том случае, если в if значение будет false.

Учитывая это, мы уже может написать необходимый код с событийностью:

Как вы видите, если изображение равняется по высоте 2480px, то просто выскакивает ругающееся на дизайнера окошко. Если изображение вертикальное, то применяется определенная группа экшенов для подготовки контента, если горизонтальная, то другая группа экшенов.

Какие ещё возможности можно добавить в скрипт, или могли бы быть просто интересны?
Создание нового документа нужного формат делается довольно просто:

var docRef = app.documents.add(297, 210, 300, «A4_gorizontal», NewDocumentMode.LAB, DocumentFill.BACKGROUNDCOLOR, 1)

Расшифруем конструкцию: (width, height, resolution, name, mode, initialFill, pixelAspectRatio)
В данном случае в конце можно добавить bitsPerChannel и colorProfileName, но думаю, для начала нам хватит и имеющейся конструкции. Единицы измерения по умолчанию пиксели, давайте поменяем. Меняем на миллиметры:

Мы же не хотим сидеть около монитора и тыкать Enter? Мы хотим быстренько перекинуть все таски в баг-трекере на программиста! Давайте не дадим Photoshop’у возможность о чем либо сообщать и ждать нажатия ОК, делается это так:

Далее копирайты внутри файла. Мы должны добавить информацию о том, что файл сделан нами а не начальником. Добавим метаданные в File info.

docInfoRef = docRef.info docInfoRef.copyrighted = CopyrightedType.COPYRIGHTEDWORK docInfoRef.ownerUrl = «http://www.your-scorpion.ru» docRef.info.author = «Your-scorpion» docRef.info.country = «Russia»

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

Итоговый работающий код:

Если подытожить, то мы получили скрипт, который в зависимости от условий применяет те или иные экшены. А также, научились создавать документы и применять основные действия на JS. В общем то, для решения поставленной задачи вышеописанной техники достаточно. Примерно такое решение, сделанное как плагин, я отдавал подчиненным. Результат:

Небольшая жизненная мудрость: мы можем записать действия пользователя в файл скрипта.
1. Берем файл «ScriptListener.8li» с сайта Adobe и закидываем в %ProgramFiles%Adobe\Adobe Photoshop CS5\Plug-ins\Automate\
2. Запускаем Photoshop
3. Делаем необходимые действия.
4. На рабочем столе забираем файлики ScriptListener.jsx и ScriptListener.vbs
5. (!)Удаляем ScriptListener.8li!
И мы получаем работающий говно-код, который никому нельзя показывать, но можно использовать в своих технических интересах.

Если вам нужно уменьшить размер файла, то можно удалить мета-данные. Которые иногда весят больше, чем сам файл. Вот скрипт:

function deleteDocumentAncestorsMetadata() < whatApp = String(app.name); if(whatApp.search("Photoshop") >0) < if(!documents.length) < alert("There are no open documents. Please open a file to run this script.") return; >if (ExternalObject.AdobeXMPScript == undefined) ExternalObject.AdobeXMPScript = new ExternalObject(«lib:AdobeXMPScript»); var xmp = new XMPMeta( activeDocument.xmpMetadata.rawData); xmp.deleteProperty(XMPConst.NS_PHOTOSHOP, «DocumentAncestors»); app.activeDocument.xmpMetadata.rawData = xmp.serialize(); > > deleteDocumentAncestorsMetadata();

Либо попробуйте оригинальный скрипт для удаления история работы над SmartObject.

Скрипты не только экономят ваше время, но и не дают вам совершить ошибку с названиями, параметрами и прочими важными вещами. Удачи!

15 комментариев

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

Итак, есть 1500 постеров от фильмов. И есть 5 разных форматов для телефонов, планшетов, телевизор и т.п. Там они могут быть и квадратные, и вытянутые… разные. Так вот эти постеры нужно как то кадрировать и подгонять под эти форматы.
Подскажешь, как лучше решить такую задачу?

Всех секретов я раскрывать не буду, трудовой договор не позволяет) Я бы на вашем месте действовал так:
Допустим, нужны постеры размером 1000x600px.

1. сначала нужно создать папку со всеми исходными картинками. Копируешь код скрипта в файл формата jsx, в коде увидишь размер картинки в пикселях, 500 на 500px. Меняешь на 1000x600px, сохраняешь, и запускаешь через file-script. Картинка ужмется/отмаштабируется до размеров 1000px.

doc = app.activeDocument; doc.changeMode(ChangeMode.RGB); // тут менять размер var fWidth = 500; var fHeight = 500; if (doc.height > doc.width) < doc.resizeImage(null,UnitValue(fHeight,"px"),null,ResampleMethod.BICUBIC); >else < doc.resizeImage(UnitValue(fWidth,"px"),null,null,ResampleMethod.BICUBIC); >// а тут настройки сохранения var options = new ExportOptionsSaveForWeb(); options.quality = 70; options.format = SaveDocumentType.JPEG; options.optimized = true; var newName = ‘web-‘+doc.name+’.jpg’; doc.exportDocument(File(doc.path+’/’+newName),ExportType.SAVEFORWEB,options);

2. Скрипт подгоняет и сразу сохраняет все картинки, поэтому не забудь сделать бэкапы фоток (параметры сохранения в скрипте тоже есть и редактируются). После того, как скрипт отработает, делаешь фотошопский экшен, который приведет картинку к пропорциям 100% на 60%. (через image —> canvas).

Либо:
1) взять инструмент Crop tool, установить у него в опциях нужные пропорции
2) закинуть несколько файлов в фотошоп и сразу их обрезать в нужном соотношение, часть фото все равно пришлось бы в ручную переделывать после скрипта.
3) и сохранять, сохранять, сохранять.

Источник

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

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

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 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, оставляя больше времени и сил для художественных фантазий, полета мыслей, нахождению интересных идей.

Источник