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

       (22 отзыва)

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

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

      Первое, что мы рассмотрим - это инструмент "Заливка". Мы можем осуществить заливку, нажав на стрелочку с квадратиком рядом с инструментом "Заливка" и выбрать один из цветов. Вы можете выбирать любой цвет. Я выбрал зеленый. Также мы можем осуществить заливку прямоугольника, нажав на надпись "Заливка", рядом с прямоугольником. Здесь нам открывается немного больше настроек. Цвет мы также можем выбрать в этом прямоугольнике, поменять его на другой, поставить непрозрачность. И через данный синий прямоугольник у нас начинает просвечиваться задний белый фон. Также можно выбрать, какая у нас будет заливка. Сейчас стоит заливка "Сплошная". Весь прямоугольник залит одним цветом. Если мы выберем "Градиентную заливку", то появляется доп.опция выбора еще одного цвета и опция для его непрозрачности. Сейчас стоит черный и синий цвет. Мы видим, как плавно изменяется заливка прямоугольника от черного к синему цвету. Мы также можем выбрать направление градиентной  заливки, поставить, например, по вертикали. Тогда изменение цвета будет происходить по вертикальной линии. Также мы можем выбрать размер градиентной заливки. Если выбрать "Автоматическая", то заливка будет распределяться фиксировано и равномерно. Если мы поставим "Фиксированную заливку", то мы можем выбирать, на какой длине будет изменяться наша заливка. 2 пикселя  - это минимальное значение, поскольку у нас как минимум 2 цвета. Максимальное значение фиксированной заливки  - 5000 пикселей. При функции "Сплошная заливка" нам также доступна функция выбора изображения для прямоугольника. Мы нажимаем "Добавить изображение", при этом открывается доп. диалоговое окно, в котором нам необходимо выбрать изображение на компьютере. Нажимаем "Открыть", и теперь наш прямоугольник залит изображением. При этом цвет заливки прямоугольника остается. То есть, если наше изображение будет меньше, чем данный прямоугольник, то мы увидим, что цвет заливки прямоугольника заполняет все остальное пространство, которое не занято заливкой картинки.

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

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

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

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

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


      Жалоба


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


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

    Все понятно

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


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

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

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


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

    +

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


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

    Пока все легко и просто

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


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

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

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


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

    Понятно

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


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

    Грамотно.

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


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

    Спасибо

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


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

    Все интересно. Скругление углов и всякие мелочи.

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


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

    Отлично! Очень интересно!

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


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

    Все понятно и интересно!

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


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

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

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


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

    Всё понятно.

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


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

    все более, чем понятно)

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


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

    Все хорошо. Отточил навыки. Узнал немного нового

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


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

    Посмотрела видео. Поработала с настройками фона, скругления, обводки. Все понятно.

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


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

    Спасибо!

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


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

    Круто!!!

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


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

×