Новая версия Adobe Muse CC 2015.2

Новая версия Adobe Muse CC 2015.2

В этом видео мы рассмотрим что же принесла нам Новая версия Adobe Muse СС 2015.2 от 20 июня 2016г.
Как увидим – в этом обновлении масса полезных функций и даже возможность использования эффектов прокрутки в точках остановки в гибком дизайне сайта, правда с некоторыми условиями. Смотрите видео:

Первое что бросается в глаза – в программе появилось новое стартовое окно.
А также теперь мы можем:
– управлять просмотром в Режим План;
– установить гибкое значение ширины и высоты для прямоугольников;
– раздвинуть сайт в любом месте и добавить контент;
– использовать гибкость для виджетов Vimeo и YouTube;
– быстро изменять ширину точек остановки;
– настраивать гибкое и постоянное значение ширины для каждой точки остановки;
– использовать эффекты прокрутки в точках остановки (с постоянной шириной);
– создавать не только прямоугольник, но и эллипс!;
– использовать прямоугольный и эллиптический фреймы для изображений;
– помещать на сайт изображения в формате .ai с автоконвертацией в формат svg при экспорте сайта;
– и др.

---

Новая версия Adobe Muse CC 2015.2. Стартовая картинка.

“…Давайте не будем медлить и сразу запустим программу. Первое, что нам бросается в глаза – это вот такая стартовая картинка. И первое изменение сразу же очевидно – оно появляется при первом запуске программы. Вместо привычного стартового окна у нас красуется вот такая картинка.

Здесь у нас закладки «Недавние» и «Файлы СС», файлы библиотеки Creative Cloud. При просмотре своих проектов теперь у вас есть две различные функции: просматривать списком или картинками. Сейчас вы этого не увидите, поскольку у меня нет ни одного проекта здесь.

Давайте создадим новый. Создать новый проект вы можете, нажав кнопку «Создать» или открыть старый проект, нажав кнопку «Открыть». Создаем новый проект. В начальных настройках практически ничего не поменялось. Здесь все точно также, нажимаем «ОК».

Новая версия Adobe Muse CC 2015.2. Просмотр в режиме “План”.

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

Давайте я верну все назад. Точно также мы можем убирать «Значок шаблона», «Миниатюра» и менять размер миниатюр. И переходим далее.

Новая версия Adobe Muse CC 2015.2. Гибкие прямоугольники.

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

Давайте я задам для этого прямоугольника «Гибкое значение ширины». Сдублирую его и задам для второго прямоугольника «Гибкое значение ширины и высоты». И теперь, если мы изменяем размер нашего сайта, то вы увидите, что у первого прямоугольника изменяется только ширина, а у второго прямоугольника изменяется как ширина, так и высота. Ранее данную настройку невозможно было применить к простому прямоугольнику.

Новая версия Adobe Muse CC 2015.2. Раздвигаем сайт в нужном месте.

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

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

Новая версия Adobe Muse CC 2015.2. Гибкие виджеты Vimeo и YouTube.

Следующее нововведение, которое коснулось программы – это то, что виджеты социальных сетей «Vimeo» и «YoTube» теперь тоже стали гибкими. Ранее гибкость было невозможно настроить для этих стандартных виджетов. Давайте я добавлю сейчас их на страницу, и мы попробуем изменить ширину нашего сайта. Как вы видите, теперь данные виджеты тоже плавно изменяют свою ширину и высоту в зависимости от ширины нашего сайта в гибком дизайне.

Давайте я сейчас все удалю, и рассмотрим еще некоторые интересные функции.

Новая версия Adobe Muse CC 2015.2. Ширина точек остановки.

Теперь в программе появилась возможность быстрого изменения ширины точек остановки. Допустим, у нас есть несколько точек остановки. Давайте я добавлю еще одну, например, на 700 пикселей, еще одну точки остановки на 490 пикселей. Так вот, теперь мы можем эти значения изменять быстро, просто наведя курсор мыши на край точки остановки, и можем раздвигать ее теперь по своему усмотрению.

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

Новая версия Adobe Muse CC 2015.2. Эффекты прокрутки в точках остановки.

И теперь о том, что все очень долго ждали – это возможность использования эффектов прокрутки в точке остановки. Но не спешите, конечно, радоваться, не все так гладко, как хотелось бы. Эффекты прокрутки мы до сих пор не можем использовать в точке остановки, пока для данной точки остановки установлено «Гибкое значение ширины». Что это значит?

Это значит, что теперь для каждой из точек остановки мы можем выбирать  гибкое значение либо постоянное значение ширины. Например, для точки остановки 680 пикселей, я кликаю два раза на данном ползунке. Я выставлю «Постоянную ширину». Мы видим, что сразу нам стали доступны эффекты прокрутки для данной точки остановки, при этом для всех других точек остановки у нас не будут доступны эффекты прокрутки. Мы видим, что для точки остановки 680 пикселей теперь у нас доступны эффекты прокрутки.

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

Новая версия Adobe Muse CC 2015.2. Новые инструменты, эллипс.

Далее. В программе также добавились некоторые инструменты в боковой панели. Теперь мы можем кроме прямоугольника создавать эллипс, такой инструмент стал для нас доступен. И этот инструмент – это не то же самое, если бы мы делали прямоугольник со скругленными краями. Давайте его создадим. Я создаю прямоугольник. И давайте я скруглю ему края. Сделаю ему заливку зеленым и сделаю ему скругление краев, например, 80. И возьму инструмент «Эллипс» и сделаю сразу эллипс.

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

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

Новая версия Adobe Muse CC 2015.2. Эллиптический фрейм.

В программе появились фреймы изображений. Инструмент «Прямоугольный фрейм» и инструмент «Эллиптический фрейм». Давайте создадим два таких фрейма с помощью этих инструментов. И попробуем добавить в эти фреймы какую-либо картинку. Давайте я перетащу сюда какую-либо картинку. Беру с рабочего стола картинку со слонами и добавляю его в данный фрейм.

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

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

Новая версия Adobe Muse CC 2015.2. Работа с файлами иллюстратора .AI.

Следующее нововведение, которое появилось в программе Adobe Muse – это возможность добавлять картинки в Adobe Illustrator сразу в программе Adobe Muse минуя конвертацию данного файла в png, jpeg или svg изображения. Мы просто берем файл в Adobe Illustrator и помещаем его в программе Adobe Muse. Мы располагаем данный файл где нам необходимо. И данный файл при экспорте сайта автоматически сконвертируется  в формат svg.

Напомню, что формат svg – это формат, который помогает нам располагать на сайте картинки без потери качества без увеличения – это формат векторной графики. Если мы зайдем в режим «Просмотр» и начнем увеличивать наш сайт, то вы увидите, что изображение никак не ухудшается и его качество остается на высоте.

Новая версия Adobe Muse CC 2015.2. Заключение.

Вот такие основные нововведения появились в программе Adobe Muse в версии СС 2015.2, которая вышла 20 июня 2016 года. Надеюсь, вам понравился мой видеообзор. Ставьте к этому видео лайки, пишите комментарии внизу, смотрите мои предыдущие и следующие видео на канале. С вами был Дмитрий Шаповалов. До встречи в следующих видеоуроках!

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