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

       (18 отзывов)

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

      В данном уроке мы рассмотрим эффекты, которые мы можем применять к прямоугольникам в программе Adobe Muse. Заходим в программу, создаем новый сайт, заходим в режим "Дизайн" и создаем прямоугольник. Сделаем ему заливку, выбираем инструмент "Выделения" или нажимаем горячую клавишу V. Далее выбираем прямоугольник и заходим в параметр "Эффекты". В данной закладке у нас есть три параметра для прямоугольника: тень, скос, свечение. Давайте разберем их отдельно подробнее.

      Выбираем эффект "Тень", ставим флажок напротив надписи "Тень", и нам становятся доступны некоторые параметры. Мы можем выбрать цвет тени, непрозрачность, размытие, угол, на который будет смещаться тень, величину смещения в пикселях. Сейчас вы уже видите,что прямоугольнику применился данный эффект, и уже есть некоторые настройки. Мы видим небольшую тень вдоль краев прямоугольника. Цвет тени стоит черный, непрозрачность 50%. Мы можем изменить непрозрачность до 100%, и тогда тень будет абсолютно черной. Размытие тени стоит 8 пикселей, то есть это величина плавного перехода между тенью и основным фоном. Угол смещения мы можем выставить, например, 180 градусов, и тогда тень сместится в другую сторону. То есть здесь мы меняем позицию источника света. Ставим снова 45 градусов, возвращаем тень на место. Мы можем указать величину смещения. Чем больше величина смещения, тем дальше наша тень уходит от прямоугольника, позволяя создать эффект того,что прямоугольник будет подниматься над плоскостью страницы. Давайте поставим 10 пикселей, поставим больше размытие и поставим непрозрачность 80 %. Мы можем как двигать ползунок, так и задавать значение вручную. И можем поменять, например, цвет тени на синий. Далее отключаем эффект "Тень" и переходим к эффекту "Скос".

      Ставим флажок напротив надписи "Скос", и нам становятся доступны его параметры. Параметры скоса: непрозрачность, размытие, угол, смещение скоса. Мы можем изменять также это значение вручную, двигая ползунок мышкой, либо задавать здесь значение на клавиатуре. Например, 50. Давайте увеличим смещение скоса, например, поставим 20 пикселей. Этот скос позволяет нам создать объемную фаску вокруг прямоугольника. Также можем задавать размытие, если поставим 0, то у нас будут очень четкие линии. Если увеличим эту величину, то наша фаска становится более сглаженной. И можем менять угол фаски. Таким образом мы можем создавать некий эффект объема в программе Adobe Muse для прямоугольника. Давайте перейдем дальше.

      Эффект "Свечение". Ставим флажок напротив надписи "Свечение", и нам становятся доступны параметры свечения. Давайте сразу выберем цвет свечения, например, фиолетовый, непрозрачность будет 50 %, размытие увеличим до 25 пикселей. Сейчас наш прямоугольник подсвечивается снизу ореолом с выбранным цветом. Если мы поставим флажок "Внутреннее свечение", то этот ореол переместится внутрь прямоугольника. Мы получим эффект виньетки. Убираем эффект "Свечение". Также как и для всех остальных элементов в программе вы можете регулировать для прямоугольника эффект "Прозрачности". Двигая ползунок в меньшую или большую сторону, вы можете регулировать этот параметр.
      На этом данный урок закончен. Мы рассмотрели основные эффекты, которые мы можем применить к прямоугольнику. Вам будет необходимо ответить на вопросы и выполнить задание, чтобы перейти к следующему уроку.

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


      Жалоба


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


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

    Все понятно

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


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

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

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


    Ссылка на отзыв
    Руслан Гараев

    Спасибо за урок! Очень круто!

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


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

    +

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


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

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

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


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

    Классный урок, супер.

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


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

    Спасибо.

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


    Ссылка на отзыв
    РЕКА ЧУ РЕКА ЧУ

    достаточно все понятно и легко. Ура!

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


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

    Круто!!! Очень полезная информация! Спасибо!

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


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

    Все понятно!

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


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

    Всё понятно.

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


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

    ок!

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


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

    Посмотрела видео урок. Поучилась  применять эффекты, показанные в уроке. Все понятно.

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


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

    Спасибо!

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


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

    отлично сделан урок

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


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

×