Как создать сайт в Adobe Muse СС - Видео урок для дизайнеров
Эксклюзивное видео на сайте deadmansongs.ru! Получите три бесплатных шаблонов лэндингов: 00:00 – обзор программы Abobe Muse01:59 – как можно сделать резиновую шапку08:00 – обзор макета сайта, сделанного в photoshop11:29 - экспорт psd файла в Abobe Muse25:40 – как добавляют анимацию из adobe edge animate cc40:00 – как нужно вставлять в сайт ролик из youtube01:01:20 – как создает паралакс-эффект в Adobe Edge Animate совместно с Adobe Muse 01:04:01 – как публикуют сайт по ftp01:07:24 – как создают мобильную версию сайта01:17:57 – все плюсы и минусы при работе с программой Abobe Muse – вынесен вердикт.В начале вебинара Данил показывает, как должен выглядеть экран загрузки, после того, как установлена программа Adobe Muse. В начале работы с программой, выбираем размеры, отступы, количество колонок будущего сайта в пикселях, т.к. можно выбрать размеры сайта под компьютер, планшет или мобильный телефон. По интерфейсу: первый экран – это возможность планирования вашего сайта, сколько будет страниц, какой будет главная страница, какая шапка будет у сайта, после того, как начали работать в программе, можно посмотреть, как сайт будет выглядеть в браузере, нажав только кнопочку «Preview».Далее будем рассматривать возможности создания сайта на примере полнометражного мультфильма Г. Данелия «Ку! Кин-дза-дза», созданного по фильму «Кин-дза-дза». Создатели мультфильма остались очень довольны, и написали письменную благодарность Данилу, Николаю Галуеву и Андрею Четверикову за такой сайт, который превзошел все ожидания!Итак, создаем новый проект. Устанавливаем размеры, заходим на домашнюю страницу и масштабируем. Далее «перетаскиваем» макет сайта, созданного в photoshop, в Adobe Muse, смотрим в браузере, и картинка будет в хорошем качестве, тем более что программа Adobe Muse сама решает, как сохранить картинку в «JPEG» или «PNG». В ходе работы создаем фон по образцу, добавляем кнопки, картинки и необходимые блоки. Анимируем детали в программе Adobe Edge Animate, если это необходимо.Данил рассказывает и показывает, как нужно правильно создать и закрепить якоря, к которым в дальнейшем, надо будет прикрепить гиперссылки. В проекте, гиперссылки ведут на страницы в соц. сетях. Очень интересно Данил рассказывает про параллакс-эффект на примере анимационного ролика.По окончании создания сайта, его публикуют на хостинг, через FTP, чтобы пользователи интернета его видели в интернете. В программе Abobe Muse есть удивительная возможность создать мобильную версию сайта всего за 5 минут!Делитесь этим видео: Получите три бесплатных шаблонов лэндингов: - с лучшим качеством и звучанием!
Получите три бесплатных шаблонов лэндингов: 00:00 – обзор программы Abobe Muse01:59 – как можно сделать резиновую шапку08:00 – обзор макета сайта, сделанного в photoshop11:29 - экспорт psd файла в Abobe Muse25:40 – как добавляют анимацию из adobe edge animate cc40:00 – как нужно вставлять в сайт ролик из youtube01:01:20 – как создает паралакс-эффект в Adobe Edge Animate совместно с Adobe Muse 01:04:01 – как публикуют сайт по ftp01:07:24 – как создают мобильную версию сайта01:17:57 – все плюсы и минусы при работе с программой Abobe Muse – вынесен вердикт.В начале вебинара Данил показывает, как должен выглядеть экран загрузки, после того, как установлена программа Adobe Muse. В начале работы с программой, выбираем размеры, отступы, количество колонок будущего сайта в пикселях, т.к. можно выбрать размеры сайта под компьютер, планшет или мобильный телефон. По интерфейсу: первый экран – это возможность планирования вашего сайта, сколько будет страниц, какой будет главная страница, какая шапка будет у сайта, после того, как начали работать в программе, можно посмотреть, как сайт будет выглядеть в браузере, нажав только кнопочку «Preview».Далее будем рассматривать возможности создания сайта на примере полнометражного мультфильма Г. Данелия «Ку! Кин-дза-дза», созданного по фильму «Кин-дза-дза». Создатели мультфильма остались очень довольны, и написали письменную благодарность Данилу, Николаю Галуеву и Андрею Четверикову за такой сайт, который превзошел все ожидания!Итак, создаем новый проект. Устанавливаем размеры, заходим на домашнюю страницу и масштабируем. Далее «перетаскиваем» макет сайта, созданного в photoshop, в Adobe Muse, смотрим в браузере, и картинка будет в хорошем качестве, тем более что программа Adobe Muse сама решает, как сохранить картинку в «JPEG» или «PNG». В ходе работы создаем фон по образцу, добавляем кнопки, картинки и необходимые блоки. Анимируем детали в программе Adobe Edge Animate, если это необходимо.Данил рассказывает и показывает, как нужно правильно создать и закрепить якоря, к которым в дальнейшем, надо будет прикрепить гиперссылки. В проекте, гиперссылки ведут на страницы в соц. сетях. Очень интересно Данил рассказывает про параллакс-эффект на примере анимационного ролика.По окончании создания сайта, его публикуют на хостинг, через FTP, чтобы пользователи интернета его видели в интернете. В программе Abobe Muse есть удивительная возможность создать мобильную версию сайта всего за 5 минут!Делитесь этим видео: Получите три бесплатных шаблонов лэндингов:
