книга Умный дом
Книга в подарок
Как создать электронную книгу в формате EXE
Советы фотошоп
Советы фотошоп

Музыкальная открытка в Adobe Muse

Скачивание и установка программы

Для начала необходимо скачать программу  Adobe Muse на официальном сайте  http://www.adobe.com/ru/products/muse.html   Заходите на указанный сайт где нужно будет зарегистрироваться или если у вас есть регистрация войти.

Скачать бесплатную пробную версию. По окончании пробной версии при желании можно будет купить. После скачивания и установки программы на компьютер запускаем  Adobe Muse появляется заставка программы и сама программа. После чего приступаем к созданию красивых музыкальных открыток в программе Adobe Muse.

Создание музыкальной открытки 

Adobe Muse

 

Открываем файл

Далее кликаем  Файл выпадает окно контекстного меню.

Новый сайт

Открывается окно с параметрами  Новый сайт

Параметры

Все оставляем как есть, кроме полей ставим 0 со всех сторон и Начальный макет из выпадающего списка выбираем Компьютер кликаем ОК.

Создание шаблона День рождения

Открываются шаблоны Домашняя страница и Шаблон А  Домашнюю страницу сразу переименуем дважды кликнув по самой надписи. Надпись выделяется синим цветом, поверх которой пишем День рождения.

Шаблоны

После чего мы дважды кликаем по шаблону День рождения открываем эту страницу.
Или можно правой кнопкой мыши в контекстном меню кликнуть Открыть страницу.

Окно приложений

Открывается страница с панелью основных инструментов, если нужно добавить инструменты то мы кликаем  Окно и в выпадающем меню ставим галочку или убираем.  Если мешает при работе то можно временно скрыть нажав Скрыть панели, а при надобности Отобразить панели. Далее выбираем цвет и толщину линии обводки сайта.

Создание фона открытки День рождения

Линия обводки

Затем

Линии колонтитулов

В следующем шаге производим Заливка в браузере

Заливка в браузере

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

Заливка прямоугольников

Далее, инструментом Прямоугольник выделяем новый слой для заливки, углы если надо то закругляем сразу. У меня радиус закругления 30 px

Новый слой

Заливаем другим фоном этот слой. У нас  помимо заливки в браузере получилось два слоя. На поверхности верхнего слоя будем размещать все изображения.

Последний слой

Итак начнем заполнять слой изображениями, картинками следующим образом, кликаем Файл выпадает контекстное меню

Заполнение подготовленного фона открытки изображениями

Поместить

Далее кликаем Поместить открывается наша папка где мы находим нужную картинку выделяем ее и жмем Открыть и таким образом устанавливаем все изображения, повторяясь раз за разом.

Выбранный файл

Размещение изображений

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

Закрепление объекта

А если нужно внести изменения то нажимая, также правой клавишей мышки вызываем контекстное меню и жмем Разблокировать после чего жмем правой клавишей мышки картинку и жмем “Вырезать”

Разблокировать объект

Установка видеоплеера с YouTube

Музыкальное поздравление в нашем случае ролик с youtube для этого жмем Окно появляется список панелей мы жмем Библиотека мини-приложений где кликаем Социальная сеть и в выпадающем списке выбираем мини-приложение YouTube.  Появился сам плеер, который перетаскиваем на страницу

Плеер ютуб

Параметры

Вверху где Идентификатор видеоролика нужно вставить идентификатор с видеоролика, который собираетесь загрузить. К примеру
отмеченное красной рамкой-является идентификатором. Далее в настройках
Тема: оставляем Темная
Цвет индикатора хода выполнения: оставляем Красный
Время начала: по вашему желанию у меня с начала-0
Показать элементы управления-можно убрать у меня стоит галочка
Ставим галочки: Автозапуск и По кругу
Остальные все снимаем. Вот и все.

Установка кнопок социальных сетей в открытку День рождения

Далее устанавливаем на страницу кнопки социальных сетей с сайта Share.Pluso.ru

Социальные кнопки

Копируем код html и вставляем на нашу страницу День рождения следующим образом: жмем Объект выпадает контекстное меню где жмем Вставить HTML

Вставить HTML

И в появившемся окне вставляем скопированный код html, жмем ОК href=”https://kurmangali.ru/wp-content/uploads/2017/02/html1.png”>

Вставить HTML

Кнопки

Создание Праздничное меню

Еще мы создадим страницу Праздничное меню для этого заходим на Веб-сайт.  Жмем на крестик шаблона День рождения справа сразу же появляется шаблон Без имени. Дважды кликнув по надписи переименовываем в Праздничное меню

Шаблон меню

Дважды щелкаем по шаблону Праздничное меню открывается страница, которую мы заполняем аналогично странице День рождения

Праздничное меню

Для того чтобы переходить на страницу Праздничное меню создадим ссылку на кнопку в виде картинки Поваренок и анимационной стрелки, призывающей нажать на “Поваренок” на странице “День рождения” после нажатия мы попадаем на страницу Праздничное меню

Поваренок

На странице Праздничное меню в верхнем правом углу расположена кнопка Вернуться назад на страницу День рождения.

Музыкальную открытку можно посмотреть  здесь


 

 

 

 

Метки:

Комментарии закрыты.

Идеальный вес, онлайн калькулятор
Курмангалий Мухамеджанов
Архивы