Перейти к содержимому
  • Блок 3.5 - Работа с палитрами

    Близко познакомитесь со всеми палитрами которые существуют в Adobe Muse. Узнаете все про работу с ними. Интересные фишки в управлении палитрой.

    3 занятий в этой категории

    1. Что такое палитра цветов

      37 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/3.6.1_CHto_takoe_palitra_tsvetov.mp4.64d225a96222a29429796ab7d836379f.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Низкая сложность Скрыть

      В этом видеоуроке мы рассмотрим, что такое "Палитра цветов" в программе Adobe Muse. Вообще что такое палитра? Палитра представляет собой набор цветов, который вы можете использовать для выбора цветов графических элементов, цвета текста, для фона. С палитрой вы сталкиваетесь каждый раз, когда заходите в какую-либо настройку цвета. Например, в заливке, обводке, заливка в браузере или когда мы создаем текстовый блок и настраиваем цвет текста. Также палитра доступна в панели "Образцы" в правой части программы. Здесь есть образцы цветов, которые мы можем использовать на сайте. Что вообще представляет собой палитра и как ей пользоваться?

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

      Точно так же можно взять цвет оранжевый, и теперь цвет заливки области контента в программе стала такой же, как и активная надпись меню в программе. В данной панели вы также можете поменять настройки ползунков. Сейчас нам доступны изменения цвета по трем каналам : красный, зеленый и синий. Но вы можете поменять данные настройки с помощью кнопки. Нажимаете ее и выбираете модель HSB. Здесь цвет будет уже в градусах и процентах. Изменяя данные параметры, вы также можете изменять цвет. H - это цветовой оттенок, S - это насыщенность,В - это яркость. Что касается меня, так я привык настраивать цвета по модели RGB, но если вам удобнее настраивать цвета по другой модели, то можете ее легко изменить.

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

      • 0 комментариев
      • 602 просмотра
    2. Управление набором палитры

      38 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/3.6.2_Kak_udalyat_i_dobavlyat_tsveta_v_palitru.mp4.161507d21d79e81abc5b010313f01c28.mp4 6 До 10 минут Скрыть https://creatura.club/uploads/ Низкая сложность Скрыть

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

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

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

      Мы можем водить пипеткой по полосе выбора цвета, и точно также все значения изменяются. Либо можем водить пипеткой по цветовому квадрату. Далее мы нажимаем левую кнопку мыши, а цвет фиксируется в программе. Когда мы берем цвет пипеткой, то программу автоматически не пишет здесь значение цвета, хотя вы видите, что справа совсем другие параметры. Нажимаем Ок, и цвет добавился в палитру цветов. Для того, чтобы удалить ненужный цвет, вы можете выделить данный цвет и нажать на значок корзинки внизу. Программу спрашивает нас: после того, как мы удалим образец, на какой цвет мы хотим заменить удаленный цвет? Здесь мы можем выбрать какой-то определенный образец из палитры, либо мы можем выбрать безымянный образец. Нажимаем ОК,оставив безымянный образец.

      Для того, чтобы выбрать цвета в палитре, вы можете использовать сайт color.adobe.com . Тут вы можете выбрать цветовую схему: последовательная, монохромная, треугольная. комплементарная, составная, оттенки, произвольные. И затем создать для себя некую систему цветов, которая вам понравится. Также выбрать основные цвета и цвета, которые будут с ним гармонично сочетаться. Это очень удобный инструмент от компании Adobe. Вы просто сохраняете палитру цветов и добавляете ее с помощью пипетки в свою палитру. Вы также можете на том же сайте выбрать один из вариантов сочетания цветов. Здесь есть уже стандартные темы или можете выбрать популярные. Вот таким образом осуществляется удаление и добавление цветов в палитру в программе Adobe Muse. А на этом урок закончен. Выполните задание, ответьте на вопросы и переходите к следующему уроку.

      • 0 комментариев
      • 446 просмотров
    3. Работа с градиентами

      39 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2016_01/3.6.3_Rabota_s_gradientami.mp4.f4810a0f479066b9668125b8db9d75c2.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этому уроке мы рассмотрим работу с градиентами цветов в программе Adobe Muse. Заходим в программу, создадим сразу какой-нибудь графический блок и зайдем в меню "Заливка", нажав на надпись "Заливка" в верхнем меню программы. Поставим заливку не сплошную, а градиентную. Мы видим, что в настройках появились 2 цвета: черный и белый. А для каждого цвета есть непрозрачность. Также появилась настройка значения "Фокуса", "Направление" градиента, "Размера" градиента и "Фиксация" градиента. Мы можем поменять цвет градиента на синий, например, и оранжевый. На этом примере понятно, что такое градиент. Это изменение цвета от одного к другому. Сейчас мы видим плавное изменение цвета от синего к оранжевому на всем протяжении прямоугольника.

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

      Вот таким образом мы можем создавать те эффекты, которые нам необходимы. Максимально мы можем сместить фокус градиента на 87 % вправо и на 13 % влево. Либо это вверх и вниз, если у нас градиент расположен по вертикали. Давайте снова поставим 50 %. Это можно делать вручную, вбивая значение, а можно изменять положение ползунка. Мы также можем менять непрозрачность каждого из цветов отдельно. Если мы сейчас уберем непрозрачность синего цвета до 0, то вы увидите, как постепенно меняется оранжевый цвет и переходит в белый. Но при этом оранжевый цвет проходит некую синеву перед тем, как стать белым слева. Белым он становится, потому что задний фон белого цвета. Если бы заливка в браузере у нас была другого цвета, то оранжевый плавно переходил бы через синий в цвет фона нашей основной страницы. Поставим снова 100% и рассмотрим, что такое размер.

      Размер сейчас выбирается автоматически. Также мы можем поставить размер фиксированный. Кога мы выбираем фиксированный размер градиента, то у нас есть возможность изменять это значение в пикселях. Что это означает? Это означает то, что сейчас зона перехода составляет 200 пикселей. То есть это то значение, на котором происходит изменение цвета. То есть в данный момент стоит 144 пикселя, а это означает,что на расстоянии 144 пикселя и происходит плавный переход от синего к оранжевому. Если выставим это значение больше, то мы практически увидим синий прямоугольник, поскольку он гораздо меньше, чем 5000 пикселей.

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

      • 0 комментариев
      • 390 просмотров
×