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

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Шаг 9

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

Шаг 10

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

Источник

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

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

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

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

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

Читайте также:  Как установить магнитолу шевроле ланос

Не беспокойтесь, если это звучит сложно: скрипты написаны на JavaScript

простой, но мощный язык.

Если вы являетесь поклонником GIMP или не хотите тратить деньги на Photoshop, ознакомьтесь с нашим руководством по автоматизации GIMP с помощью скриптов.

Ваш первый сценарий: изменение размера изображений

При написании сценариев вы можете использовать ExtendScript Toolkit. Вам не нужно это использовать, вы можете использовать любой текстовый редактор, который вам нравится (мне нравится Sublime Text), но использование этого инструментария дает множество преимуществ. Самое большое преимущество в том, что вы можете установить контрольные точки, что позволяет очень легко отлаживать ваш код и выявлять любые ошибки.

Набор инструментов ExtendScript входит в вашу подписку Creative Cloud, так что продолжайте и установите его с вашего Приложение Creative Cloud или веб-сайт выше.

Откройте инструментарий после установки. Вам будет представлен этот довольно устаревший интерфейс:

Вот код для вашего первого скрипта — скопируйте и вставьте его в главное окно кода слева:

Давайте разберемся, что делает этот код. current_document Переменная хранит активный объект документа из Photoshop. Доступ к нему осуществляется с помощью app.activeDocument синтаксис. Если у вас не запущен Photoshop с открытым документом, этот код выдаст исключение. Исключением являются способы остановки выполнения кода — этот скрипт не может продолжаться, если нет документа!

new_width Переменная хранит ширину, которую вы хотели бы, чтобы ваш новый документ был.

Наконец, resizeImage Метод изменяет размер изображения. Это должно быть доступно через current_document переменная. Вам нужно передать новую ширину (преобразованную в пиксели через Стоимость единицы метод), а ResampleMethod из Bicubic.

Для вас доступно пять основных методов передискретизации. Все они различаются по скорости и качеству, поэтому поиграйте с ними (хотя Bicubic подходит для большинства целей). Вот краткое изложение различий:

Не забывайте использовать их при использовании в своем коде.

Теперь, когда вы понимаете код, пришло время запустить его! Убедитесь, что у вас открыт Photoshop вместе с документом.

В верхней части набора инструментов ExtendScript измените цель выпадающее меню (вверху слева) от ExtendScript Toolkit CC в Adobe Photoshop CC 2017 (или какой бы ни была ваша конкретная версия Photoshop). Если вы пишете сценарии для других приложений Adobe, вы можете изменить их на эти.

Теперь нажмите Играть Кнопка справа от раскрывающегося списка целей, на В правом верхнем углу вашего кода.

Если все работает правильно, размер вашего документа теперь изменен (не забудьте сохранить его). Консоль JavaScript в правом верхнем углу вашего инструментария будет отображаться вывод вашего скрипта. Как нет выхода, это скажет Результат: не определено.

Если возникла проблема (например, возникла исключительная ситуация), ваш код не запустится, и вы получите оранжевую полосу приблизительно в месте ее возникновения.

Это может быть простая опечатка, поэтому после остановки скрипта (Верхнее правое управление > Кнопка Стоп), двойная проверка:

Запуск скриптов

Теперь ваш код работает правильно, пришло время добавить его в Photoshop.

Читайте также:  Linux mint эффект управления окнами карусель как установить

В вашем наборе инструментов перейдите к файл > Сохранить, и сохраните ваш сценарий в подходящем месте с подходящим именем. По умолчанию это будет Adobe Scripts папка. Обратите внимание, как сценарии должны заканчиваться в .JSX формат.

Внутри Photoshop, перейдите к файл > Сценарии > Диспетчер событий скрипта. Поставить галочку Включить события для запуска сценариев / действий.

После включения этот интерфейс позволяет настраивать существующие сценарии для запуска при выполнении определенных действий. Есть несколько ключевых областей:

Выбрать скрипт, а затем выберите Просматривать. Выберите свой сценарий. Идите вперед и выберите событие, которое запустит ваш сценарий.

После настройки нажмите добавлять а потом Готово. В этом меню также можно редактировать или удалять любые ранее настроенные сценарии.

Если вы не хотите связывать свой сценарий с действием, его еще проще настроить. Идти к файл > Сценарии > Просматривать. Перейдите к вашему сценарию и нажмите «Открыть». Ваш скрипт сразу запустится.

Если вы хотите увидеть свой скрипт в этом меню скриптов, то вам нужно скопировать его в соответствующую папку. Это можно найти в Пресеты > Сценарии папка вашей установки Photoshop.

После копирования перезапустите Photoshop. После перезапуска ваш скрипт будет виден как пункт меню в файл > Сценарии Меню.

Изменить размер изображения: сделать его лучше

Теперь, когда у вас есть понимание скриптов Photoshop, пришло время улучшить код.

Этот код очень хорошо работает при изменении размера изображения 670px (или любой другой размер, на который вы его изменили), но это может быть лучше. К счастью, JavaScript — очень гибкий язык!

Давайте изменим код так, чтобы любые изображения, меньшие, чем новый размер, не были изменены. Вот код:

Здесь есть только одно изменение. если Оператор обернут вокруг метода изменения размера. Если текущая ширина документа (доступ через current_document.width) меньше новой ширины, не меняйте размер.

Это гарантирует, что маленькие изображения не будут увеличены, что снизит качество.

Когда вы начинаете вводить код в инструментарии, он предлагает рекомендации для допустимых изменений, которые вы можете внести, методы для вызова или свойства для доступа. Это очень полезно, и вы должны в полной мере воспользоваться этим!

Вот одно последнее изменение:

Этот код теперь содержит комментарии, то, что должен иметь весь код

и который поможет вам в будущем.

Метод повторной выборки изменен на Бикубический Острый — это дает немного лучшие результаты при уменьшении масштаба изображений.

Наконец, контраст и резкость были применены в качестве последнего шага.

Что вы будете кодировать?

К настоящему времени вы должны знать все, что вам нужно для автоматизации чего-либо в Photoshop! Если вы можете сделать это в Photoshop, вы можете автоматизировать это. API Photoshop

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

Конечно, сегодняшние примеры были только базовыми, но они охватывают основные детали — вы можете реализовать скрипт, соответствующий вашим требованиям!

Вы узнали что-нибудь новое сегодня? Какие твои любимые сценарии? Дайте нам знать в комментариях ниже!

Источник

Поделиться с друзьями
Adblock
detector