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

       (21 отзыв)

    Евгений Зубов
    • 29 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2015_12/567ef9dfde221_3.4.2.mp4.fe053e731ed9bae92e9b0d259f299600.mp4 6 До 10 минут display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

      В этом видеоуроке мы рассмотрим примеры применения состояний объектов. Первое, что мы сделаем, это зайдем в программу, создадим новый проект(он у меня уже открыт)и создадим прямоугольник. Сейчас мы рассмотрим, как изменяется состояние объектов по порядку.

      Первым делом мы всегда редактируем состояние объекта "Стандартное". Редактируя это состояние, автоматически изменятся все сосотояния. То есть если мы задаем заливку синим цветом данному прямоугольнику,то все состояния приобретают эти качества. Следующее, что мы делаем, так это редактируем состояние "Курсор над кнопкой". Давайте изменим его цвет на зеленый и посмотрим, что с ним произошло. При этом сразу изменились 2 состояния: "Курсор над кнопкой" и "Нажата кнопка мыши". Второе состояние зависимо от первого. Но если мы сейчас изменим состояние "Нажата кнопка мыши", например, сделаем его красным, то состояние "Крусор над кнопкой" не изменится. И если мы сейчас изменим состояние "Курсор над кнопкой", например, желтый, то в этом случае состояние "Нажата кнопка мыши" уже не меняется, поскольку мы его редактировали отдельно.

      Если мы хотим, чтобы состояние "Нажата кнопка мыши" стало зависимым от состояния "Курсор над кнопкой", мы нажимаем значок "Восстановить значение по умолчанию" при выделенном состоянии объекта. Таким образом состояние "Нажата кнопка мыши" приобретает свойства состояния "Курсор над кнопкой". Изменим состояние Нажата кнопка мыши на красное, и точно так же мы можем редактировать "Активное состояние", выбрав другой цвет, например, фиолетовый. Таким образом, если мы зайдем режим "Просмотр", мы увидим, как изменяются все эти состояния при наведении курсора на кнопку и при нажатия. 

      Для изменения состояния объектов, если вы хотите сбросить все настройки, то нажимаем правую кнопку мыши и отменяем все выбранные стили. Таким образом состояния у нас сбросятся до состояния чистого лица. Следующее, что мы можем сделать, так это залить прямоугольник картинкой, например, добавим логотип, поставим его посередине, и это будет "Стандартное состояние". И тут же все состояния стали одинаковыми (с логотипом). Давайте изменим состояние "Курсор над кнопкой" и выберем другое изображение, например, логотип по-меньше. Давайте изменим состояние "Нажата кнопка мыши" и сделаем так, чтобы у нас снова изображение было предыдущих размеров. Теперь, если мы зайдем в окно "Просмотр", то при наведении курсора мыши увидим, как наш логотип изменяет свой размер.

      Давайте снова очистим формат -" Отменить все использованные стили". Теперь просто добавим картинку через "Файл "- "Поместить", выберем логотип digitalmakes.ru .Прямоугольник удалим. Также при изменении состоянии можем использовать и эффекты. Например, можем добавить эффект "Тень." Этот эффект будет в "Стандартном состоянии". Теперь меняем состояние "Курсор над кнопкой". Например, мы хотим, чтобы тень становилась синей при наведении курсора, а при нажатой кнопке становилась желтой. Теперь просмотрим то, что получилось, в браузере. "Файл" - "Предварительный просмотр в браузере". Итак, в "Стандартном состоянии" у нас тень черная, при наведении курсора мыши тень синяя, а при нажатии кнопки мыши тень желтая. Отпускаем кнопку мыши, и тень становится синей, уводим курсор за пределы кнопки, тень снова становится черной. Вот так работают состояния в программе Adobe Muse .

      Мы можем использовать данные состояния для  создания различных кнопок и элементов сайта. Также мы можем изменять для данной кнопки состояния скругления, например, в состоянии "Курсор над кнопкой" выставим для картинки "Скругление"и цветом желтым. То есть при наведении курсора появляется скругление и обводка. Давайте перейдем в браузер, "Файл" - "Предварительный просмотр в браузере". Вот у нас стандартное состояние, а как только мы наводим курсор на данную кнопку, то меняется скругление по краям и появляется желтая обводка. С помощью смены состояний мы можем сделать наш сайт более привлекательным и интерактивным для посетителей.

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

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


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    Даниил Князев

    Все понятно, спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Все очень доступно объясняет автор

    Поделиться отзывом


    Ссылка на отзыв
    Юлия+Коваль

    +1

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Просмотрено.

    Поделиться отзывом


    Ссылка на отзыв
    Zhanibek_jez

    понтяно

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    Спасибо

    Поделиться отзывом


    Ссылка на отзыв
    Aspirantmiha

    Отлично, хорошо, неплохо

    Поделиться отзывом


    Ссылка на отзыв
    ievseev09

    Всё здорово!

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    Все понятно!

    Поделиться отзывом


    Ссылка на отзыв
    Sharovich

    Спасибо. Всё ясно.

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    gladir1

    Просмотрела. Повторила. Все понятно и получилось.

    Поделиться отзывом


    Ссылка на отзыв
    lukomorik

    Спасибо!

    Поделиться отзывом


    Ссылка на отзыв
    zse777

    Благодарю! Всё нужно знать.

    Поделиться отзывом


    Ссылка на отзыв

×