Резиновая версия Adobe Muse CC 2015.1

Резиновая версия Adobe Muse CC 2015.1 — самое долгожданное обновление программы

Резиновая версия Adobe Muse CC 2015.1 (от 08.02.2016г.)

Это самое долгожданное обновление программы — резиновая версия Adobe Muse CC 2015.1. Версию программы с возможностью резиновой верстки ждали целых 7 месяцев. И наконец 9 февраля 2016 года компания решила выпустить официальное обновление. В новшествах оказалась не только резиновая верстка, но и множество других доработок, которые сделали программу намного удобнее и функциональнее.

Специально по этому случаю был записан этот видеообзор. Смотрите, пишите свои комментарии и отзывы. Обновляйте любимую программу до последней долгожданной версии с номером 2015.1.Обновление уже доступно через Creative Cloud.

Этот видео обзор посвящён долгожданному выходу новой версии программы Adobe Muse, и тем нововведениям, над которыми так долго и основательно работала компания Adobe.

Резиновая версия Adobe Muse. Вес программы.

Что же нового появилось? Первым делом – значительно увеличился вес дистрибутива программы. Теперь помимо основных файлов программы дистрибутив содержит так же дополнительный пакет NET.Framework от Microsoft. Если раньше у вас были какие-то проблемы после установки программы, из-за того, что у вас не был установлен NET.Framework, то теперь у вас таких проблем быть не должно.

Резиновая версия Adobe Muse. Резиновая верстка.

Значительным нововведением программы конечно же является возможность вёрстки сайта в резиновом дизайне. Пример сайта по этой технологии вы можете посмотреть на официальном сайте muse.adobe.com. Если вы измените размер браузера, вы увидите, что сайт при изменении размеров браузера, постоянно подстраивается под ширину. Таким образом, основной контент не выходит за пределы границ браузера. И постоянно подстраивается под размеры экрана пользователей. Это пример сайта Adobe Muse, таким образом они продемонстрировали возможности программы по резиновой вёрстке.  И это называется responsive. Responsive web design.

Резиновая версия Adobe Muse. Интерфейс.

Какие же изменения произошли в интерфейсе самой программы? Давайте зайдём в программу. В первую очередь, у нас появляется окошко «Добро пожаловать». Видим, что здесь изменились иконки в панели «ресурсы».

Резиновая версия Adobe Muse. Окно настроек проекта.

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

Интерфейс данного меню стал более тёмным, и варианты настроек расположились немного по-другому.

Резиновая версия Adobe Muse. Новая панель в режиме «Дизайн»

Нажимаем «ОК», и давайте перейдём в режим дизайна станицы. Первое, что бросается в глаза, это большая фиолетовая сверху панель. Это панель настроек точек остановки. Давайте создадим графический блок один. Зальём его каким-нибудь цветом, например, сделаем его зелёным. И попробуем изменить размеры нашей страницы, при помощи специального ползунка. Я зажимаю левую кнопку мыши на нём и тяну. Мы видим, что размер элемента, который расположен у нас на странице, начинает сжиматься и изменяется в зависимости от размеров страницы. Если я сейчас отпущу данный ползунок, то появится такая дополнительная кнопка «создать новую точку остановки». В данной точке остановки мы можем создать страницу для данной ширины просмотра в браузере. Данный ползунок и позволяет нам сымитировать ширину браузера.

Я возвращаю всё назад, до самого конца и верну на место. Если вы ещё не заметили, то в режиме «план программы», у нас исчезли кнопки выбора макета сайта. Здесь были расположены три кнопки – «компьютер», «планшет» и «телефон». И мы могли добавить один из макетов сайта, для того, чтобы создать версии для планшета и телефона. Кроме компьютерной, которая создаётся по умолчанию. Но в программе осталась возможность создавать эти макеты. Если вы зайдёте в меню «страница», «добавить альтернативный макет», «планшет», нажмёте «ОК», то ы увидите, что кнопки наши вернулись на место.  И точно так же вы сможете создавать версии сайта для компьютера, планшета и телефона, как и в предыдущих версиях программы.

Что ещё нового произошло в данной программе.

Резиновая версия Adobe Muse. Эффекты плавного перехода.

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

Если я сейчас изменю состояние «курсор над кнопкой», сделаю цвет оранжевый, например, войду в смену состояний, здесь у меня выставлен переход «выцветание», с длительностью 1 секунда, с переходной скоростью. Если мы перейдём в «просмотр» и наведём курсор на данный блок, мы увидим, как плавно меняется состояние данного блока.

Идём снова в режим «дизайн». И следующее нововведение, которое появилось в программе – это возможность добавлять тень тексту, при этом данный текст останется текстом. Я напишу «привет», сделаем побольше шрифт, теперь выделю данный текстовый фрейм, затем выберу «эффекты» и нажму «тень». Вы видите, что для данного текста появилась тень, при этом текст остаётся текстом. Посмотрим в браузере. Вы можете этот текст выделять, копировать, делать всё тоже, что и с обычным текстом. При этом, у текста будет вот такой теневой эффект.

Резиновая версия Adobe Muse. Работа с SVG графикой.

Далее – в программе улучшена работа с «.svg» файлами. Это файлы векторной графики, которые при масштабировании не меняют своего качества. Качество картинки остаётся одинаковым при любом масштабе данных файлов картинки.

Давайте добавим одну из картинок.

Функция «Переместить». Я выберу файл pen.svg. Добавлю его на страницу сайта. Теперь с данной картинкой можно работать как с обычной картинкой в формате jpg. Можем её обрезать таким вот образом, так же можем вставлять эту картинку в слайд-шоу. Если мы создадим сейчас из мини приложения слайд-шоу, например, «основной», нажмём «добавить изображение», и добавим сюда «.svg»-файл. Вы видите, что файл «.svg» добавился в слайд-шоу.

В данной версии программы значительна увеличена скорость работы с «.svg» файлами.

Резиновая версия Adobe Muse. Работа с фреймами изображений.

Следующим нововведением является возможность удаления картинки без удаления фрейма. Например, если вы вставили картинку на сайт с помощью функции «поместить», я выберу какую-либо другую картинку, например, логотип digitalmakers, и сейчас два раза кликнем на данную картинку, сможем передвигать её внутри данного контейнера. Теперь содержимое контейнера полностью управляется. Точно так же, как и в  indesign. Разработчики программы перенесли данную функцию в Muse.

Резиновая версия Adobe Muse. Работа с палитрой цветов.

Следующей удобной функцией в данной версии программы является работа с образцами цветов. Если вы нажмёте правую клавишу мыши на данной панели, то увидите ещё две дополнительные функции.  Библиотеки образцов цветов теперь можно импортировать и экспортировать в один файл с расширением «.ase». Таким образом, вы можете экспортировать свою палитру в другой свой проект, либо делиться своей палитрой с друзьями, которые как же работают в программе Adobe Muse.

Резиновая версия Adobe Muse. Все не так просто.

С одной стороны, вы видите, что программа Adobe Muse —  очень проста. С другой стороны, для того, чтобы освоиться в ней новичку, необходимо очень много времени, поскольку для работы с каждым элементом программы, необходимо знать его базовые функции, основные настройки, чтобы правильно и грамотно размещать элементы на странице.

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

Резиновая версия Adobe Muse. Большой базовый курс Adobe Muse.

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

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

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

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

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

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

Резиновая версия Adobe Muse. Вывод.

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

Прямо сейчас переходите по ссылкам: Базовый курс Adobe Muse и Adobe Muse Гибкая верстка. Точки остановки
Спешите обновить свою любимую программу, чтобы сделать её намного удобнее и функциональнее.

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

 

Автор видеоурока —
Дмитрий Шаповалов,

Оставить комментарий

Подтвердите, что Вы не бот — выберите самый большой кружок: