Данил Фимушкин

Что бы подключить Justclick к Adobe Muse, зарегистрируйтесь в Justclick, если у вас ещё нет профиля. После чего, в личном кабинете создайте группу подписчиков. Переходите в группу подписчиков – «новая группа» и в новой группе вводите идентификатор. Укажите название подписки на русском языке, что бы человек понимал, на что он подписывается. Сохраните.

В разделе «Генератор формы» мы генирируем форму для подписки. Нажимаем «Добавить», выбираем созданную группу, создаем форму, вводим название. Здесь важно указать URL. Не забывайте создавать в Muse страницы «Подтвердите» и «Спасибо».

На главной странице у нас расположена форма подписки, когда человек вводит e-mail и имя, он попадает на страничку «Подтвердите» и «Спасибо».

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

В итоге у вас получается это код, вы его копируете и сохраняете в Adobe Muse. Открываете страничку, с формой и нажимаете Ctrl+V. Форма готова. Дальше вам действуйте с инструментами Justclick.

Плюсы и минусы

Выделим главные достоинства и недостатки данного ПО.

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

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

Какие сайты можно создать в Adobe Muse

Программа Adobe Muse ориентирована на создание одностраничных сайтов, лэндингов, сайтов визиток, портфолио, Интернет-магазинов.

В программе Адобе Мьюз трудно создавать блоги, крупные проекты для бизнеса через Интернет. Здесь нужно создавать много страниц для сайтов и постоянного обновлять ресурс.

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

;
• Adobe XD; ;
• конструктор Wix.com;
• и другие аналоги программы Адобе Мьюз.

Мобильная версия

Как упоминалось в начале статьи, конструктор Adobe Muse очень похож на Photoshop, только предназначен для создания сайтов. Как и в Photoshop, перед вами чистый лист, который вы должны заполнить самостоятельно.

Одна из проблем чистого листа: мобильную версию сайта также придется создавать самостоятельно.

Так как сайты, созданные в Muse, неструктурированные, они не могут быть “отзывчивыми”. Вместо этого Muse предлагает создать 3 разные версии одного и того же сайта: для мобильных, планшетов и компьютера.

Т.е. если вы захотите что-нибудь изменить на сайте, то вам нужно будет сделать это три раза. (И хотя Muse синхронизирует текст для всех версий сайта— этого недостаточно).

Это большой недостаток. На сегодняшний день сайты должны быть “гибкими”. Макеты и стили страниц должны автоматически подстраиваться под различные экраны. В Muse этого нет, а значит возникает вопрос: будет ли ваш сайт работать в будущем?

Альтернативы Photoshop

GIMP (GNU image manipulation program) — известный и хорошо поддерживаемый сообществом аналог Photoshop. GIMP называют убийцей Photoshop со дня выхода его первой версии, и, хотя это заявление излишне оптимистично, в GIMP реализована большая часть необходимых функций.

Пользователям Photoshop эта программа кажется непривычной из-за своего многооконного интерфейса. Чтобы сделать GIMP похожим на Photoshop, стоит выбрать «Режим одного окна» в меню «Окно».

GIMP поддерживает большое количество плагинов. Он может работать и с проприетарными форматами Photoshop, хотя не очень хорошо обращается со слоями.

Платформы: Windows, macOS, Linux.

Krita

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

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

Поддерживает рисование с планшетами Wacom, Huion, Yiynova, Surface Pro.

Платформы: Windows, macOS, Linux.

Paint.NET

Программа Paint.NET не столь функциональна, как Photoshop или GIMP, но зато намного легче и быстрее. Зачем загружать этих неповоротливых всеядных монстров, если нужно быстро обрезать или сжать изображение? Впрочем, Paint.NET умеет не так уж мало, а при необходимости можно добавить нужные функции с помощью плагинов.

Редактор Paint.NET доступен только для Windows. Если вам требуется похожее приложение для других операционных систем, попробуйте Pinta. Это клон Paint.NET с открытым исходным кодом, работающий в Windows, Mac и Linux.

Платформы: Windows.

Pixlr

Pixlr разрабатывается Autodesk — производителем таких продуктов, как AutoCAD, Maya и 3DS Max.

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

Чтоб активировать программу нужно перенести файл Photoshop.exe из архива в папку установленной программы путь по умолчанию «C:Program FilesAdobeAdobe Photoshop 2020». Активация протестирована с официальной версией Фотошопа которая скачивается с этой страницы, на другую версию Photoshop 2020 ставить данный файл активации не советуем!

Пароль на архиве: adobe-2020

MAI Tools

Установка Extendscript Toolkit

Для написания скриптов можно использовать любой текстовый редактор – даже блокнот. Я лично использую оригинальный Extendscript Toolkit (далее ESTK). Он имеет необходимый мне функционал и встроенный отладчик скриптов – что очень упрощает разработку. Хотя многие профессиональные программисты очень его не любят. По их словам он ну очень кривой и неудобный

Если Вы планируете разрабатывать скрипты в ESTK – то нужно убедиться, что он установлен. Под Windows обычно его можно найти в меню “Пуск” и в директории “C:Program Files (x86)Adobe” .

Если инструментарий ESTK не установлен – то проще всего его установить через Adobe Creative Cloud. Но на одном из компьютеров была проблема с такой установкой (в списке приложений просто не было ESTK). Если Вы столкнетесь с такой проблемой – ссылку на загрузку можно найти на официальном сайте тут:
https://helpx.adobe.com/ru/creative-cloud/kb/creative-cloud-apps-download.html

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

Документация

Документация по особенностям работы JavaScript под Illustrator находится тут:
https://www.adobe.com/devnet/illustrator/scripting.html

Вам понадобятся в основном следующая информация:

1. Adobe Illustrator CC 2017 Scripting Guide – основы работы со скриптами в Иллюстраторе. Если английский знаете хорошо – читать обязательно
2. Adobe Illustrator CC 2017 Reference: JavaScript – список почти всех объектов и методов , которые есть в Illustrator с описанием и большим количеством примеров
3. Object Model Viewer, расположенный в меню Help ESTK. Во многом содержимое пересекается с Reference, но некоторые моменты отличаются. Что-то есть только здесь, что-то только в Reference
4. JavaScript Tools Guide – тоже расположен в меню Help ESTK. Описывает среду разработки. Много интересных нюансов. Среди прочего также рассказывает как правильно работать с файловой системой, создавать пользовательские окна с кнопками и подключать внешние DLL.
5. Форум разработчиков скриптов на сайте Adobe:
   https://forums.adobe.com/community/illustrator/illustrator_scripting
6. Примеры скриптов в ESTK, показывают как работать с пользовательским интерфейсом. На моем компьютере они расположены тут:
   C:Program Files (x86)AdobeAdobe ExtendScript Toolkit CCSDKSamplesjavascript
7. Примеры скриптов в Illustrator, показывают как работать с некоторыми типами объектов.
   C:Program FilesAdobeAdobe Illustrator CC 2018ScriptingSample ScriptsJavaScript

Если на ваш взгляд, есть что-то еще полезное – пишите, будем вместе дополнять список )

Первый скрипт Hello World

Если дальнейший материал вызывает трудности – рекомендую ознакомиться с этим учебником: https://learn.javascript.ru/

В нем доступным языком описаны основы программирования на JavaScript. Обычно этот язык используется для написания программ на сайтах, которые запускаются внутри браузера пользователя (Chrome, Firefox и т.д.). Вас в первую очередь интересуют разделы “Введение” и “Основы JavaScript”.

Следующий пример взят из официального Scripting Guide – он хорош для начала.

По традициям программирования создадим скрипт, который пишет Hello World на экране.

Запустить скрипт можно напрямую из ESTK (например, кнопкой F5 или через меню Debug) или сохранить скрипт под отдельным именем и запустить уже напрямую, открыв в Illustrator (например, через CTRL+F12 или меню File->Scripts->Other scripts).

Давайте теперь напишем скрипт, который поменяет цвет и размер у имеющейся надписи.

Как происходит написание скриптов:

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

1. Найти текущий документ
2. Найти надпись в нем
3. Изменить параметры надписи

Чтобы понимать как это сделать – давайте начнем с иерархии объектов в Иллюстраторе.

На самом верхнем уровне у нас находится Application . Обратиться к нему можно через объект по имени app

Все открытые документы хранятся в массиве app.documents

К активному документу можно обратиться через через app.activeDocument

Внутри документа есть слои. Находятся они в массиве Document.layers

Внутри слоев могут быть объекты разных видов – слои, группы, пути, меши и т.д. Объекты группируются по типам в массивы с соответствующими названиями. Текстовые объекты находятся в массиве textFrames

Информацию об остальных типах объектов – ждите в последующих уроках. Самостоятельно изучить их можно, почитав Reference и Scripting Guide.

Каждый объект (путь, текст и т.д.) находится в массиве соответствующего типа , а также в массиве pageItems.

Нумерация элементов в массивах начинается с 0.

Чтобы разобраться как поменять цвет символов – давайте обратимся к Reference (раздел TextFrameItem). Если просмотреть все свойства и объекты – то с первого взгляда непонятно, где искать цвет текста. В таких случаях можно либо спросить у кого-то, либо найти готовый пример на форуме Adobe, либо просмотреть подробно все свойства в Reference , относящиеся к объекту TextFrameItem. Если зайти в тип объекта TextRange, то там можно увидеть свойство characterAttributes, внутри которого есть свойство fillColor. И если дальше пощелкать по ссылкам, можно увидеть как создавать RGBColor. В результате код у нас станет следующим:

Запустите скрипт и посмотрите, что получится в результате.

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