Adobe Configurator — создаём свои панели инструментов для Photoshop

    Я люблю Photoshop. Программа прошла через много ступеней эволюции, с каждой версией радует меня всё больше и это моя основная рабочая программа, запущенная на компьютере 99% времени. Единственное, что чуток печалит — это отсутствие гибкости в интерфейсе. Всё-таки большинство современных программ для редактирования и создания графики предлагают пользователю модульный интерфейс — любые кнопочки и слайдеры можно вытащить в любую часть экрана. Zbrush и Modo являются хорошим примером такой модульности.
    Как оказалось, Adobe Labs уже полтора года предлагает любителям оптимизаций своё решение для модульного изменения интерфейса и, к своему стыду, я узнал о нём совсем недавно. Так что я заранее прошу прощения, если я напишу об очевидной штуке, которую многие уже давно используют, но я действительно пропустил её и она меня впечатлила.
    А в качестве дополнения, я расскажу о… цветовом круге для Adobe Photoshop (да, при этой фразе все иллюстраторы/художники/текстурщики должны уронить челюсть), так как именно благодаря ему я и узнал об Adobe Configurator.



    Adobe Configurator — это AIR-утилита для создания кастомных панелей для Photoshop CS4. Фотошоп пока единственная программа в линейке, поддерживаемая Конфигуратором, но Adobe Labs обещают потом подкрутить и остальной Creative Suit. К слову, создавать extensions можно было и раньше, но для этого требовался какой-никакой уровень программирования на Flex (Flex или нет я утверждать не берусь, потому что слова ява, флекс и эйр меня страшно пугают и я никогда не влезал в это мракобесие, пожалуйста поправьте, если я не прав).
    В эти папели можно помещать любые инструменты, пункты меню, ява-скрипты, ссылки на макросы, картинки, текст, даже .swf и видео. Панели делаются простым Drag&Drop.
    При запуске утилита нам всё объясняет крупным кеглем)



    Да-да, всё именно так: пять действий и панель готова.
    И нажав New panel можно приступить к созданию панели. Задав для неё имя и размер можно начать перетаскивать необходимые инструменты из 4-х меню слева:
    Tools с инструментами
    Commands с коммандами меню
    Action со скриптами
    и Widgets cо всякой дополнительной медия-ерундой. Так же можно использовать поиск по всем инструментам и пунктам меню.
    Все кнопки и виджеты свободно масштабируются.
    Например, я захотел сделать себе панель для нескольких функций, которыми я часто пользуюсь, но они находятся довольно глубоко в меню:



    После нажатия Export программа автоматически выбирает директорию с панелями Photoshop и сохраняет туда необходимые файлы.
    Теперь запускаю Ps, в меню Window > Extensions появилась моя NeatPanel.
    Она обладает такими же свойствами, как и все другие панели Photoshop, то есть может свернуться в маленький прямоугольник



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

    Ещё пример использования. Вот так ещё несколько дней назад выглядела моя Toolbar с презетами кистей:



    никакой сортировки в этом тулбаре нет.

    Сейчас это несколько панелей с разными предназначениями, вызываемые по F-кнопкам. Я знаю, что на F1 у меня основные кисти, на F2 — текстуры и на F3 — блендеры.



    и так далее. Я конечно же не буду утверждать, что это удобно для всех, но мне потраченные 20 минут на создание этих панелей позволяют не рыться среди десятка наименований кистей, а работать с ними упорядочено, плюс в такую панель можно добавить дополнительную информацию или даже пример работы кисти, функции или фильтра путём вставки в панель виджета с картинкой (как тот красный квадратик рядом с моей любимой кисточкой).

    А теперь про цветовой круг. С выбором цвета в Photoshop туговато: если не вводить точные значения, а выбирать цвет на глаз, то надо выбирать или из ограниченной в размере и точности панели Swatches или вызывать Color Picker.
    Для Swatches умельцы даже делали наборы цветов, превращающие панель в подобие цветового круга и Hue-пикера



    и недавно я наткнулся на две кастомные панели для ФШ, призваные помочь любителям лихо менять цвет. Я так полагаю обе они сделаны на Flex.
    Первая — Painters Wheel от Len White.
    Очень простая на вид, кроме аляповатого круга на панели больше нет никакой информации, работает только в CS4, не масштабируется.


    И вторая — Magic Picker от Anastasiy Safari.
    Куда больше настрек, работает как под CS4, так и под CS3, возможность вывода цвета в RGB/HSB слайдерах, возможность вывода в hue/sat/vol-пикерах, а так же видеть точные цветовые значения в том же окне, возможность выбора foreground/background-цветов, а так же залинковать их вместе, чтобы значения обоих цветов менялись релятивно. Плюс она свободно масштабируется. Я остановил свой выбор именно на ней, несмотря на цену в $7 против бесплатной Painters Wheel — деньги очень небольшие, функционал того стоит, плюс её разработчик оказался приятен в общении (и кстати он русскоговорящий) и открыт для внесения новых возможностей.


    Надеюсь кто-нибудь узнает что-нибудь новое и полезное из всего этого)

    И в конце несколько ссылок.
    Working With Photoshop Scripts, Learn How to Script Adobe Photoshop, Manipulate an Image with Scripting — введение в яваскрипты для Photoshop;
    Trevor Morris Scripts — библиотека яваскриптов.
    Это отношения к панелям не имеет, однако на этих сайтах есть примеры и простых скриптов, которые можно приспособить под свои нужды. Например, я наконец сменил набор макросов, которые использовал для отображения/скрытия нескольких слоёв и каналов, на их яваскрипт-аналог, уменьшив количество используемых макросов с шести до двух :)
    И в этом правда интересно копаться!
    AdBlock похитил этот баннер, но баннеры не зубы — отрастут

    Подробнее
    Реклама

    Комментарии 53

      +5
      Названия кистей потрясают…
      Покайся — что ты ими рисуешь? :))))
        0
        очень старался дать нормальные названия, но я их не могу запомнить иначе :[
          0
          Ну хотя бы объясните, что делает «говнище», что — «ошмётки», а что — «задрючка»? :)
            +18
            вот они, мои герои — Говнище, Задрючка и Ошмётки:



            ))
        0
        У меня нет слов, насколько это круто. Лучше молча порадуюсь.
          0
          Необычно и очень интересно
            +11
            Как-то так тогда надо…
              0
              И рядом кнопка «Бабло!»
                0
                «шаблон для печати денег»
            • НЛО прилетело и опубликовало эту надпись здесь
                +2
                интересно, выпустят ли Adobe когда-нибудь CS под Линукс. Вряд ли в ближайшем будущем это произойдёт
                  0
                  Адобе не очень нужна ось, которая на энд-юзерских машинах 10% установок с трудом. Все дизайнеры остальным софтом так или инече привязаны к ябблу или вин. :)
                    0
                    Ну да, в принципе редкому дизайнеру может понадобиться линукс
                      +1
                      Я бы полностью перешёл на линукс, будь там Adobe Creative Suite, например

                      Практически весь софт, который я использую в Win:


                      Разве что альтернативы (нормальной) Semagic'a не знаю ни в Linux, ни в MacOS, а так всё остальное есть.
                        +1
                        А не подскажите, как вы сделали чтобы вертикально влезало 2 иконки?
                          +1
                          я ждал этого вопроса )

                          это фотошоп — просто соединил их в 2 строчки, чтобы хабр не обрезал картинку =)
                            0
                            читер :)
                  0
                  Я думаю батенька, если Вы осилите прикрутить фотошоп cs4 под вайн — то прикрутить сабж тоже не составит труда.

                  А если просто хотелось высказать «вумную» мысль — это лишнее.
                  +1
                  Здорово.
                  Для вызова стандартного фотошоповского колорпикера по хоткею пользую скрипт Матиаса Шутца (Photoshop: Farbwähler mit Tastaturbefehl öffnen, нем.; на англ. можно найти тут).
                    0
                    О, не видел такого. Я думал, что можно это сделать явой, но не зватало знания языка. Вот если бы ещё ок не надо было нажимать :) но это уже будет в CS5
                      0
                      Ха, а в английском варианте описан способ для вешания скрипта на хоткей, отличный от макросовских F-ок, я и не додумался до такого
                        0
                        И это удобно. У меня на Ctrl+`. Единственное неудобство в том, что такую простую функцию приходится реализовать с переподвывертом, к тому же надо быть относительно внимательным, а то он может наплодить слоёв. Но это не к Матиусу — ему спасибо, а к Adobe. Поскорей бы уже пятый вышел…
                      0
                      Нет такой проги, которая хотя бы приближалась к функциональности к Photoshop…

                      единственное что мне бы хотелось, то видеть Photoshop под веб с тем же функционалом, что и desktop software…
                        0
                        Ресурсов нехватит. Жабоскрипт — дохлый, пхп — медленный, флеш — убогий. Сервелад?
                        0
                        Извините, что не в тему. Но у меня есть небольшая проблема, может кто что-нибудь посоветует. У меня в системе установлено огромное количество шрифтов разного назначения. И когда доходит дело до подбора нужного в фотошопе (пользуюсь cs2), то всё что я имею — это один единственный список без всяких категорий. К тому же для меня он мелковат. Можно конечно всё пролистать, но даже здесь подвох в том, что он никак не разделяет английские и кириллические шрифты, а пролистывает всё подряд, тоже не очень удобно. Может быть можно написать скрипт для того, чтобы один раз вручную разбить по категориям все шрифты и потом уже подбирать только подходящие. Я просто не в курсе насчёт этого. Спасибо.
                          0
                          Стоит воспользоваться доп. программой для работы со шрифтами (просмотр, группы, удаление, установка).
                          Например, FontExpert 2009.
                            0
                            средствами ФШ так, по-моему, сделать нельзя, обычно используют сторонний менеджер шрифтов, в котором уже собирают шрифты по группам. Suitcase, Maintype, Fontexpert, FontXplorer и так далее
                            0
                            В Майе уже N-знает сколько лет с помощью МЕЛа или Пайтона какие угодно кнопачки и крутилки создавать для всего инструментария.
                              0
                              я не ставил себе цель написать весь список программ, в которых можно самому собирать интерфейс =)
                              0
                              Спасибо за пост! Я раньше об этом не знал.
                                0
                                Покажите няшу и олдскул — безумно интересно :)
                                  +1
                                  ну там ничего особенного на самом деле: няша — почти кругая, с экспрешеном нажатия на непрозрачность, с маленькими няшечками по контуру и с вариативным цветом; а олдскул это самая старая моя кастомная кисточка, плоская, с нажатием на опасити и тилтом на наклон, мне у неё нравится текстурка в основе

                                  0
                                  Колорпикер аля паинтер это интересно. Спасибо за наводку. А вот откуда вы в фотошопе блендер нарыли…
                                    0
                                    smudge с правильными настройками

                                      0
                                      Ну да, почти то. Гм… А для просмотра/сортировки кисточек что-то удобное попадалось?
                                        0
                                        Вот нет, поэтому решил отдельные панели в Конфигураторе сделать. Довольно муторно добавлять новые кисти будет потом, но ничего лучше пока не придумал
                                          0
                                          Самое обидное — везде есть свои но проблемы. Тут фиг отсортируешь кисточки, в паинтере можно сделать свою удобную панельку, но одну кисточку от другой можно отличить только по всплывающим подсказкам (
                                            0
                                            Сделал панель с флешкой, которая подгружает референс-картинку. Охренеть как круто.
                                              0
                                              Это вместо второго монитора? )) У меня чет эти панельки глючат. Сделал себе resize image/resize canvas/mirror — в итоге делать все то же из нативного меню проще чем дожидаться когда сквозь глюки откроется панель ((
                                                0
                                                примерно :) с той разницей, что мне неудобно с двумя мониторами работать. А это окошко постоянно висит поверх всех окон и убирается/появляется по хоткею. Добавил ещё кнопочки для зума и драг'н'дропа.
                                                Жаль что глючат :( я почитал побольше о них, очень сильно зависит от миллиона мелочей в системе, будут они работать и с какой скоростью. Жаль, не сильно универсальное получается решение.

                                    +2
                                    > Первая — Painters Wheel от Len White

                                    Крашит мой cs4 (
                                    Пойду закину денег на пэйпал…
                                      0
                                      Заметил баг!
                                      Создал панельку со всеми любимыми кнопочками.

                                      Нажимаю Т (текст), начинаю писать. Пытаюсь переключиться на любую другую кнопочку — фиг!
                                      Можно только на галочку сверху по центру нажать для утверждения написанного текста.

                                      Это я переживу. В целом — просто супер!
                                        0
                                        Если я правильно понял в чём у вас с панелями беда беда, то там дело в том, что пока не кликнешь за пределы панели, фокус клавиатуры держится на ней, поэтому никакие кнопки не срабатывают. Или не в этом дело?
                                          0
                                          скорее наоборот — фокус держится не на ней, а на окне редактирования текста и избавиться от него можно только нажав на Усы или утвердить, нажав галочку подтверждения наверху.
                                          а сама менюшка в этот момент вообще не активна.
                                        0
                                        Уважаемые хабрапользователи в блоге Дизайн, я дико извиняюсь за оффтоп, но сколько нужно кармы, чтобы я смог опубликовать топик о «потрясающем» конкурсе на дизайн нового логотипа МИФИ?
                                          0
                                          Понял, что дурак, и не читаю правила. Опубликовал в персональном блоге, к сожалению, кармы на дизайн не хватило…
                                            0
                                            подкинул кармы, ещё 1 человек и сможете опубликовать)
                                              0
                                              Большое вам человеческое спасибо.
                                          0
                                          Боже, наконец то додумались «Колесо цветов» сделать. Автор, спс большое, за тему!
                                            0
                                            О-о-о, круто.

                                            Кстати, не Java-скрипты, а яваскрипты или javasript-ы — яваскрипт это совсем, совсем-совсем не Java, просто похожие названия. А в фотошопе именно яваскрипт :)
                                              0
                                              Кстати! У Хабра парсер — лох, в трёх последних ссылках он заэскейпил «script», советую эти ссылки выложить через какой-нибудь url-shortener.
                                                0
                                                О, спасибо. Я и не заметил, что он их так. Ровно как и с яваскриптами, не знал что так тонко всё) исправил
                                              0
                                              моя прееелееесть))

                                              Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                              Самое читаемое