| Этапы | Деятельность учителя | Деятельность учащихся |
Организационный момент | — Здравствуйте, ребята, улыбнитесь друг другу и тихонечко присаживайтесь. | Слушают, тихонечко садятся |
Сообщение темы | — Ребята, посмотрите на доску. |
Семья |
— Ребята, сейчас я вам расскажу, что такое палитра и для чего она служит.
— Деревянную и фарфоровую палитру художник использует, когда рисует масляными красками. Под ногами лежат, — Верно, ребята, сегодня мы будем рисовать осенний листочек дерева. — Нужно рисовать на рабочей стороне, правой — Нельзя закрывать альбом с невысохшим рисунком. — Нельзя брать много воды на кисть. — Посмотрите, что получается, когда не соблюдаешь эти правила. — Я обмакиваю кисточку, не отжимая ее, набираю краску и рисую. — Посмотрите, что получилось. — Поэтому, если вы хотите. Чтобы у вас получились красивые рисунки, слушайте учителя и соблюдайте правила. — И так, ребята, в альбоме всегда рабочая сторона – это правая. Всегда рисуем на правой стороне. — Если вы нарисуете на нерабочей стороне, потом у вас рисунки слипнуться и вы испортите оба рисунка. — Чтобы у вас все получилось вы должны внимательно посмотреть, как делаю я.  А потом нарисовать самим.1. — Мы берем шаблон, прикладываем его на середину рабочей стороны альбома. Берем карандаш. — Карандаш нужно держать не как ручку, чуть подальше от кончика карандаша, потому что если вы возьмете слишком близко, вы не увидите линию, которую проводите. — И обводим линию. — Сильно на карандаш давить не нужно, проводим так, чтоб линию было еле заметно. 2. — Дорисовываем веточку листочку. 3. — Мы приступаем к работе с красками. Нам понадобиться желтая, зеленая и коричневая краска, чтобы нарисовать черенок и прожилки. — Аккуратно открываем краски, чтобы не испачкаться. — Берем тоненькую кисточку, смачиваем в воде и отжимаем об края баночки. — Краем кисточки набираем желтую краску и обводим аккуратно по контуру, краю листочка. — Ополаскиваем тонкую кисточку. 4. — Чтобы нам закрасить листик целиком. Берем толстую кисточку, обмакиваем в баночке и краем кисти набираем желтую краску.  — Закрашиваем от краев к середине, посмотрите внимательно. 5. — Смачиваем кисточку, набираем на край кисти желтую краску, переносим в палитру. Опять смачиваем кисть, набираем на край кисти зеленую краску, переносим в палитру к желтой, получается желто-зеленая краска. 6. Лист может быто не одинаково окрашен, дополнительный цвет мы можем добавить в любое место. Я добавлю сюда. — Обмакиваем кисть, отжимаем, кладем на стол. 7. — Что не хватает в листочке? — Осталось прорисовать черенок и прожилки. Берем тоненькую кисточку, обмакиваем, отжимаем об края баночки, набираем коричневый цвет. — У всех есть коричневая краска? — Красн. + Зел. — Черенок рисуем с верху в низ. Постепенно поднимаем руку, чтобы под конец линия казалось более тонкая. — Листочек готов — Кто запомнил с чего я начинала? — Что за тем я делала? | Слушают | |
Практическая часть | — Ребята работают самостоятельно, учитель оказывает индивидуальную помощь. | Выполняют работу поэтапно |
Итог урока | — С каким инструментом мы сегодня познакомились? |
|
Выставка рисунков | — Выходит первый ряд, |
|
Настройка палитр цветов и образцов цвета в Photoshop
Руководство пользователя Отмена
Поиск
Последнее обновление Jul 28, 2020 01:21:31 PM GMT | Также применяется к Adobe Photoshop CS6
- Руководство пользователя Photoshop
- Введение в Photoshop
- Мечтайте об этом. Сделайте это.
- Новые возможности Photoshop
- Редактирование первой фотографии
- Создание документов
- Photoshop | Часто задаваемые вопросы
- Системные требования Photoshop
- Перенос наборов настроек, операций и настроек
- Знакомство с Photoshop
- Photoshop и другие продукты и услуги Adobe
- Работа с графическим объектом Illustrator в Photoshop
- Работа с файлами Photoshop в InDesign
- Материалы Substance 3D для Photoshop
- Photoshop и Adobe Stock
- Работа со встроенным расширением Capture в Photoshop
- Библиотеки Creative Cloud Libraries
- Библиотеки Creative Cloud в Photoshop
- Работа в Photoshop с использованием Touch Bar
- Сетка и направляющие
- Создание операций
- Отмена и история операций
- Photoshop на iPad
- Photoshop на iPad | Общие вопросы
- Знакомство с рабочей средой
- Системные требования | Photoshop на iPad
- Создание, открытие и экспорт документов
- Добавление фотографий
- Работа со слоями
- Рисование и раскрашивание кистями
- Выделение участков и добавление масок
- Ретуширование композиций
- Работа с корректирующими слоями
- Настройка тональности композиции с помощью слоя «Кривые»
- Применение операций трансформирования
- Обрезка и поворот композиций
- Поворот, панорамирование, масштабирование и восстановление холста
- Работа с текстовыми слоями
- Работа с Photoshop и Lightroom
- Получение отсутствующих шрифтов в Photoshop на iPad
- Японский текст в Photoshop на iPad
- Управление параметрами приложения
- Сенсорные ярлыки и жесты
- Комбинации клавиш
- Изменение размера изображения
- Прямая трансляция творческого процесса в Photoshop на iPad
- Исправление недостатков с помощью восстанавливающей кисти
- Создание кистей в Capture и их использование в Photoshop
- Работа с файлами Camera Raw
- Создание и использование смарт-объектов
- Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
- Бета-версия веб-приложения Photoshop
- Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop
- Общие сведения о рабочей среде
- Системные требования | Бета-версия веб-приложения Photoshop
- Комбинации клавиш | Бета-версия веб-приложения Photoshop
- Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
- Открытие облачных документов и работа с ними
- Совместная работа с заинтересованными сторонами
- Ограниченные возможности редактирования облачных документов
- Облачные документы
- Облачные документы Photoshop | Часто задаваемые вопросы
- Облачные документы Photoshop | Вопросы о рабочем процессе
- Работа с облачными документами и управление ими в Photoshop
- Обновление облачного хранилища для Photoshop
- Не удается создать или сохранить облачный документ
- Устранение ошибок с облачными документами Photoshop
- Сбор журналов синхронизации облачных документов
- Общий доступ к облачным документам и их редактирование
- Общий доступ к файлам и комментирование в приложении
- Рабочая среда
- Основные сведения о рабочей среде
- Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
- Создание документов
- Работа в Photoshop с использованием Touch Bar
- Галерея инструментов
- Установки производительности
- Использование инструментов
- Сенсорные жесты
- Возможности работы с сенсорными жестами и настраиваемые рабочие среды
- Обзорные версии технологии
- Метаданные и комментарии
- Комбинации клавиш по умолчанию
- Возможности работы с сенсорными жестами и настраиваемые рабочие среды
- Помещение изображений Photoshop в другие приложения
- Установки
- Комбинации клавиш по умолчанию
- Линейки
- Отображение или скрытие непечатных вспомогательных элементов
- Указание колонок для изображения
- Отмена и история операций
- Панели и меню
- Помещение файлов
- Позиционирование элементов с привязкой
- Позиционирование с помощью инструмента «Линейка»
- Наборы настроек
- Настройка комбинаций клавиш
- Сетка и направляющие
- Разработка содержимого для Интернета, экрана и приложений
- Photoshop для дизайна
- Монтажные области
- Просмотр на устройстве
- Копирование CSS из слоев
- Разделение веб-страниц на фрагменты
- Параметры HTML для фрагментов
- Изменение компоновки фрагментов
- Работа с веб-графикой
- Создание веб-фотогалерей
- Основные сведения об изображениях и работе с цветом
- Изменение размера изображений
- Работа с растровыми и векторными изображениями
- Размер и разрешение изображения
- Импорт изображений из камер и сканеров
- Создание, открытие и импорт изображений
- Просмотр изображений
- Ошибка «Недопустимый маркер JPEG» | Открытие изображений
- Просмотр нескольких изображений
- Настройка палитр цветов и образцов цвета
- HDR-изображения
- Подбор цветов на изображении
- Преобразование между цветовыми режимами
- Цветовые режимы
- Стирание фрагментов изображения
- Режимы наложения
- Выбор цветов
- Внесение изменений в таблицы индексированных цветов
- Информация об изображениях
- Фильтры искажения недоступны
- Сведения о цвете
- Цветные и монохромные коррекции с помощью каналов
- Выбор цветов на панелях «Цвет» и «Образцы»
- Образец
- Цветовой режим (или режим изображения)
- Цветовой оттенок
- Добавление изменения цветового режима в операцию
- Добавление образцов из CSS- и SVG-файлов HTML
- Битовая глубина и установки
- Слои
- Основные сведения о слоях
- Обратимое редактирование
- Создание слоев и групп и управление ими
- Выделение, группировка и связывание слоев
- Помещение изображений в кадры
- Непрозрачность и наложение слоев
- Слои-маски
- Применение смарт-фильтров
- Композиции слоев
- Перемещение, упорядочение и блокировка слоев
- Маскирование слоев при помощи векторных масок
- Управление слоями и группами
- Эффекты и стили слоев
- Редактирование слоев-масок
- Извлечение ресурсов
- Отображение слоев с помощью обтравочных масок
- Формирование графических ресурсов из слоев
- Работа со смарт-объектами
- Режимы наложения
- Объединение нескольких фрагментов в одно изображение
- Объединение изображений с помощью функции «Автоналожение слоев»
- Выравнивание и распределение слоев
- Копирование CSS из слоев
- Загрузка выделенных областей на основе границ слоя или слоя-маски
- Просвечивание для отображения содержимого других слоев
- Слой
- Сведение
- Совмещенные изображения
- Фон
- Выделения
- Рабочая среда «Выделение и маска»
- Быстрое выделение областей
- Начало работы с выделениями
- Выделение при помощи группы инструментов «Область»
- Выделение при помощи инструментов группы «Лассо»
- Выбор цветового диапазона в изображении
- Настройка выделения пикселей
- Преобразование между контурами и границами выделенной области
- Основы работы с каналами
- Перемещение, копирование и удаление выделенных пикселей
- Создание временной быстрой маски
- Сохранение выделенных областей и масок альфа-каналов
- Выбор областей фокусировки в изображении
- Дублирование, разделение и объединение каналов
- Вычисление каналов
- Выделение
- Ограничительная рамка
- Коррекции изображений
- Деформация перспективы
- Уменьшение размытия в результате движения камеры
- Примеры использования инструмента «Восстанавливающая кисть»
- Экспорт таблиц поиска цвета
- Корректировка резкости и размытия изображения
- Общие сведения о цветокоррекции
- Применение настройки «Яркость/Контрастность»
- Коррекция деталей в тенях и на светлых участках
- Корректировка «Уровни»
- Коррекция тона и насыщенности
- Коррекция сочности
- Настройка насыщенности цвета в областях изображения
- Быстрая коррекция тона
- Применение специальных цветовых эффектов к изображениям
- Улучшение изображения при помощи корректировки цветового баланса
- HDR-изображения
- Просмотр гистограмм и значений пикселей
- Подбор цветов на изображении
- Кадрирование и выпрямление фотографий
- Преобразование цветного изображения в черно-белое
- Корректирующие слои и слои-заливки
- Корректировка «Кривые»
- Режимы наложения
- Целевая подготовка изображений для печатной машины
- Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
- Коррекция экспозиции и тонирования HDR
- Фильтр
- Размытие
- Осветление или затемнение областей изображения
- Избирательная корректировка цвета
- Замена цветов объекта
- Adobe Camera Raw
- Системные требования Camera Raw
- Новые возможности Camera Raw
- Введение в Camera Raw
- Создание панорам
- Поддерживаемые объективы
- Виньетирование, зернистость и удаление дымки в Camera Raw
- Комбинации клавиш по умолчанию
- Автоматическая коррекция перспективы в Camera Raw
- Обратимое редактирование в Camera Raw
- Инструмент «Радиальный фильтр» в Camera Raw
- Управление настройками Camera Raw
- Обработка, сохранение и открытие изображений в Camera Raw
- Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
- Поворот, обрезка и изменение изображений
- Корректировка цветопередачи в Camera Raw
- Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
- Обзор новых возможностей
- Версии обработки в Camera Raw
- Внесение локальных корректировок в Camera Raw
- Исправление и восстановление изображений
- Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
- Заплатка и перемещение с учетом содержимого
- Ретуширование и исправление фотографий
- Коррекция искажений изображения и шума
- Основные этапы устранения неполадок для решения большинства проблем
- Преобразование изображений
- Трансформирование объектов
- Настройка кадрирования, поворотов и холста
- Кадрирование и выпрямление фотографий
- Создание и редактирование панорамных изображений
- Деформация изображений, фигур и контуров
- Перспектива
- Использование фильтра «Пластика»
- Масштаб с учетом содержимого
- Трансформирование изображений, фигур и контуров
- Деформация
- Трансформирование
- Панорама
- Рисование и живопись
- Рисование симметричных орнаментов
- Варианты рисования прямоугольника и изменения обводки
- Сведения о рисовании
- Рисование и редактирование фигур
- Инструменты рисования красками
- Создание и изменение кистей
- Режимы наложения
- Добавление цвета в контуры
- Редактирование контуров
- Рисование с помощью микс-кисти
- Наборы настроек кистей
- Градиенты
- Градиентная интерполяция
- Заливка и обводка выделенных областей, слоев и контуров
- Рисование с помощью группы инструментов «Перо»
- Создание узоров
- Создание узора с помощью фильтра «Конструктор узоров»
- Управление контурами
- Управление библиотеками узоров и наборами настроек
- Рисование при помощи графического планшета
- Создание текстурированных кистей
- Добавление динамических элементов к кистям
- Градиент
- Рисование стилизованных обводок с помощью архивной художественной кисти
- Рисование с помощью узора
- Синхронизация наборов настроек на нескольких устройствах
- Текст
- Добавление и редактирование текста
- Универсальный текстовый редактор
- Работа со шрифтами OpenType SVG
- Форматирование символов
- Форматирование абзацев
- Создание эффектов текста
- Редактирование текста
- Интерлиньяж и межбуквенные интервалы
- Шрифт для арабского языка и иврита
- Шрифты
- Поиск и устранение неполадок, связанных со шрифтами
- Азиатский текст
- Создание текста
- Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
- Добавление и редактирование текста
- Видео и анимация
- Видеомонтаж в Photoshop
- Редактирование слоев видео и анимации
- Общие сведения о видео и анимации
- Предварительный просмотр видео и анимации
- Рисование кадров в видеослоях
- Импорт видеофайлов и последовательностей изображений
- Создание анимации кадров
- 3D-анимация Creative Cloud (предварительная версия)
- Создание анимаций по временной шкале
- Создание изображений для видео
- Фильтры и эффекты
- Использование фильтра «Пластика»
- Использование эффектов группы «Галерея размытия»
- Основные сведения о фильтрах
- Справочник по эффектам фильтров
- Добавление эффектов освещения
- Использование фильтра «Адаптивный широкий угол»
- Фильтр «Масляная краска»
- Эффекты и стили слоев
- Применение определенных фильтров
- Растушевка областей изображения
- Сохранение и экспорт
- Сохранение файлов в Photoshop
- Экспорт файлов в Photoshop
- Поддерживаемые форматы файлов
- Сохранение файлов в других графических форматах
- Перемещение проектов между Photoshop и Illustrator
- Сохранение и экспорт видео и анимации
- Сохранение файлов PDF
- Защита авторских прав Digimarc
- Сохранение файлов в Photoshop
- Печать
- Печать 3D-объектов
- Печать через Photoshop
- Печать и управление цветом
- Контрольные листы и PDF-презентации
- Печать фотографий в новом макете раскладки изображений
- Печать плашечных цветов
- Дуплексы
- Печать изображений на печатной машине
- Улучшение цветной печати в Photoshop
- Устранение неполадок при печати | Photoshop
- Автоматизация
- Создание операций
- Создание изображений, управляемых данными
- Сценарии
- Обработка пакета файлов
- Воспроизведение операций и управление ими
- Добавление условных операций
- Сведения об операциях и панели «Операции»
- Запись инструментов в операциях
- Добавление изменения цветового режима в операцию
- Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
- Управление цветом
- Основные сведения об управлении цветом
- Обеспечение точной цветопередачи
- Настройки цвета
- Работа с цветовыми профилями
- Управление цветом документов для просмотра в Интернете
- Управление цветом при печати документов
- Управление цветом импортированных изображений
- Выполнение цветопробы
- Подлинность контента
- Подробнее об учетных данных для содержимого
- Идентичность и происхождение токенов NFT
- Подключение учетных записей для творческой атрибуции
- 3D-объекты и технические изображения
- 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
- 3D-анимация Creative Cloud (предварительная версия)
- Печать 3D-объектов
- 3D-рисование
- Усовершенствование панели «3D» | Photoshop
- Основные понятия и инструменты для работы с 3D-графикой
- Рендеринг и сохранение 3D-объектов
- Создание 3D-объектов и анимаций
- Стеки изображений
- Процесс работы с 3D-графикой
- Измерения
- Файлы формата DICOM
- Photoshop и MATLAB
- Подсчет объектов на изображении
- Объединение и преобразование 3D-объектов
- Редактирование 3D-текстур
- Коррекция экспозиции и тонирования HDR
- Настройки панели «3D»
Вместо палитры цветов Adobe можно пользоваться палитрой цветов операционной системы или палитрой сторонней разработки.
Выберите меню «Редактирование» > «Установки» > «Основные» (Windows) или «Photoshop» > «Preferences» > «General» (Mac OS).
Выберите палитру цветов в меню «Палитра цветов» и нажмите кнопку «ОК».
Дополнительные сведения см. в документации к операционной системе.
Можно добавлять или удалять образцы цвета на панели «Образцы».
Можно также добавить образец цвета из палитры цветов, нажав кнопку «Добавить в образцы».
Добавление цвета в панель «Образцы»
Выберите цвет, который нужно добавить и сделать основным.
Выполните одно из следующих действий.
Нажмите кнопку «Новый образец» () на панели «Образцы». Либо выберите «Новый образец» из меню панели «Образцы».
Поместите указатель мыши над пустым местом в нижней строке панели «Образцы» (он превратится в инструмент «Заливка») и щелкните, чтобы добавить цвет. Введите имя нового цвета и нажмите кнопку »ОК».
(Только Creative Cloud) Выберите «Загрузить образцы» в меню панели. Затем в окне «Загрузить» перейдите к файлу HTML, CSS или SVG, и нажмите кнопку «ОК». Photoshop считает цветовые значения, указанные в документах. Данная функция распознает следующий синтаксис цветов HTML/CSS: #112233, #123, rgb (1, 2, 3), rgba (1, 2, 3, 4), hsb (1, 2, 3) и hsba (1, 2, 3, 4).
Новые цвета сохраняются в файле настроек Photoshop и поэтому не удаляются между сеансами редактирования. Чтобы окончательно сохранить цвет, его нужно сохранить в библиотеке.
Удаление цвета с панели «Образцы»
Выполните одно из следующих действий.
Перетащите образец на значок «Удалить» .
Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), поместите указатель мыши над образцом (указатель превратится в ножницы) и щелкните.
Библиотеки образцов обеспечивают простой способ доступа к различным наборам цветов. Можно сохранять пользовательские наборы образцов в виде библиотеки для последующего использования. Также можно сохранять образцы в формате, пригодном для совместного использования в других приложениях.
Загрузка или замена библиотеки образцов
Выберите в меню панели «Образцы» один из следующих пунктов:
Загрузить образцы
Добавляет библиотеку к текущему набору образцов. Выберите необходимый файл библиотеки и нажмите кнопку «Загрузить».
Заменить образцы
Заменяет текущий список другой библиотекой. Выберите необходимый файл библиотеки и нажмите кнопку «Загрузить». Photoshop позволяет сохранить текущий набор образцов, прежде чем он будет заменен.
Имя библиотеки цветов
Загружает указанную цветовую систему из перечисленных в нижней части меню панели «Образцы».
Можно либо заменить, либо расширить текущий набор цветов загружаемой библиотекой.
Сохранение набора образцов в виде библиотеки
Выберите «Сохранить образцы» из меню панели «Образцы».
Выберите местоположение библиотеки образцов, введите имя файла и нажмите кнопку «Сохранить».
Библиотеку можно сохранить в любом месте. Однако если поместить файл библиотеки в папку Presets/Swatches папки стилей, используемой по умолчанию, то после перезагрузки приложения эта библиотека появится в нижней части меню панели «Образцы».
Возврат к библиотеке образцов по умолчанию
Выберите «Восстановить образцы» из меню панели «Образцы». Можно либо заменить, либо расширить текущий набор цветов библиотекой образцов по умолчанию.
Образцы, созданные в Photoshop, Illustrator и InDesign, можно использовать совместно, сохранив библиотеки образцов в формат для обмена.
При одинаковых настройках для цветов в разных приложениях цвета образцов изменяться не будут.
На панели «Образцы» создайте образцы триадных и плашечных цветов для совместного использования и удалите образцы, не подлежащие совместному использованию.
Следующие типы образцов нельзя совместно использовать в разных приложениях: узоры, градиенты, приводочные образцы из Illustrator или InDesign, ссылки на библиотечный цвет, HSB, XYZ, дуотон, RGB монитора, непрозрачность, плотность краски и веб-цвета RGB из Photoshop. Эти типы образцов исключаются автоматически при сохранении образцов для обмена.
Выберите в меню панели «Образцы» команду «Сохранить образцы для обмена» и сохраните библиотеки образцов в местоположении, удобном для доступа.
Загрузите библиотеку образцов в панель «Образцы» для программ Photoshop, Illustrator или InDesign.
Справки по другим продуктам
- Добавление образцов из файлов CSS, HTML и SVG
- Работа со средством «Управление наборами»
Вход в учетную запись
Войти
Управление учетной записью
Конспект урока «ЗИМОЙ И ЛЕТОМ – РАЗНЫМ ЦВЕТОМ».
1 классЦель урока: знакомство с палитрой теплых и холодных цветов и способами их выражения.
Предметные: познакомить учащихся с основами цветоведения, дать понятие цветового круга, основных, составных цветов и дополнительного цвета; холодного и тёплого цветов, насыщенности цвета, находить гармоничные цветовые сочетания, формировать представления о воздействии цвета на эмоциональную сферу человека.
Метапредметные: продолжить способствовать развитию способности к сопоставлению, наблюдательности, внимания, развитие способности к аналитико-синтетическому мышлению, расширение кругозора.
Личностные: развивать способность понимания красоты окружающего мира и бережного отношения к природным явлениям, развивать культуру зрительного восприятия, умение анализировать, сравнивать, развивать умение формулировать и высказывать свои мысли; расширение кругозора.
Оборудование: Запись П.
И. Чайковский «Лето», «Зима», цветовой круг, репродукции картин Рембранта, Рубенса, Д. Левицского, другие (Эль Греко, В, Борисова-Мусатова, П. Пикассо), схематичный пейзаж.
Этап урока | Деятельность учителя | Деятельность учащихся | Используемые методы, приемы, формы | Формируемые УУД |
Организация класса | Друзья мои, я очень рада, Войти в приветливый ваш класс, И для меня уже награда Вниманье ваших умных глаз, Я знаю — каждый в классе гений, Но без труда талант не впрок. Возьмем же в руки кисти, краски И вместе сочиним урок. | Подготовка класса к работе. | Словесный, мотивации учебной деятельности | Личностные: самоопределение; Регулятивные: целеполагание; Коммуникативные: планирование учебного сотрудничества с учителем и сверстниками. |
Актуализация знаний | Выявление уровня знаний. Сегодня на уроке мы с вами побываем в роли композитора, и художника. — Если мы выступаем в роли художника, чем мы можем передать свои чувства и эмоции(красками и кистью). — А чем пользуется композитор? (звуками) Прослушивание записи П. Чайковского «Лето», «Зима». — Что вы можете сказать о данных произведениях? — В чём их различие? — Какими красками вы смогли бы нарисовать рисунки к данным произведениям? | Выполнение задания, тренирующее отдельные способности к учебной деятельности, мыслительные операции и учебные навыки Прослушивание музыки. | Наглядный, словесный, познавательный | Коммуникативные: планирование учебного сотрудничества с учителем и сверстниками. Познавательные: логические — анализ объектов. |
Сообщение темы урока: Постановка проблемы Поиск решения. Открытие нового Обобщение | Создание проблемной ситуации. Сегодня на урок к нам пришли необычные гости. А узнать вы сможете их, отгадав загадки: Тройка, тройка прилетела. Скакуны в той тройке белы. А в санях сидит девица, Белокоса, белолица. Как махнула рукавом, Все покрылось серебром. (Зима) Песен полон лес и крика, Брызжет соком земляника, Дети плещутся в реке, Пляшут пчелки на цветке… Как зовется время это? Угадать нетрудно … (Лето) — Да, ребята, сегодня у нас в гостях времена года – серебристая, морозная зима и яркое, радужное лето. — Ребята, а какое самое главное отличие этих двух времён года? (зима – холодное время года, лето – очень тёплое и жаркое). — Давайте попробуем перечислить характерные для этих времён года цвета. Рассмотрение репродукции картин Рембранта, Рубенса, Д. Левицского. — Посмотрите внимательно на листы, которые я вам подготовила, на них изображено два одинаковых пейзажа. Я хочу предложить вам верхний пейзаж раскрасить красками лета, а нижний – красками зимы. — Молодцы, ребята! Я думаю, что вы согласитесь с тем, что каждое время года словно окрашено своими красками. Было замечено, что в холодное время года преобладают синие, голубые, фиолетовые оттенки; а в теплое и жаркое время года доминируют желтые, оранжевые и красные оттенки. «оттенки». Если рисунок или картину просто раскрасить цветами определенной цветовой гаммы без оттенков, то получится не слишком красиво и однообразно. — Как вы думаете, над чем мы сегодня будем работать на уроке? — Скажите, как художнику удаётся передать на холсте все эти характерные признаки того или иного времени года? | Постановка цели, формулирование (уточняют) темы урока. | Проблемный | Регулятивные: разбираться в выборе цветовой гаммы для определенного времени года. Познавательные: самостоятельное выделение – формулирование познавательной цели; логические: формулирование проблемы. Личностные: понимание красоты окружающего мира и бережного отношения к природным явлениям. |
Работа над новым материалом | Исследование проблемной ситуации. — Давайте вспомним цветовой круг, который мы сделали на прошлом уроке. Видите (с. 47, рис. 1), круг делится на две половинки: более светлую и более тёмную. Согласны ли вы со словами, написанными на этих половинках? — Также на рис. 2 показано, как и с помощью каких красок можно создать светлые и темные оттенки каждого цвета. На рисунке отчетливо видно, что для затемнения красок надо добавить в выбранный цвет – черную краску; а для того чтобы получить более светлые оттенки, необходимо добавить каплю белой краски. — Ребята, подскажите мне, пожалуйста, как получить более светлый оттенок? (нужно добавить в цвет больше белой краски). — А что надо сделать, чтобы получить более тёмный цвет? (нужно добавить в цвет больше чёрной краски). Тёплые цвета: красные, жёлтые, оранжевые и все другие, в которых есть частичка этих цветов. Тёплые цвета напоминают цвет солнца, огня, которые в природе дают тепло. Холодные цвета: синие, голубые, зелёные, сине-фиолетовые, сине-зелёные и цвета, которые можно получить от смешения с названными цветами. Холодные цвета ассоциируются в нашем представлении с чем-то действительно холодным – льдом, снегом, водой, лунным светом и т. д. Интересно, что тёплые цвета наилучшим образом сочетаются с чёрным цветом, холодные цвета наилучшим образом сочетаются с белым цветом. В творчестве любого художника есть периоды, когда он отдаёт предпочтение той или иной цветовой гамме. Ещё примеры: Так, испанский художник П. Пикассо одно время работал с холодными цветами, а в другой период – с тёплыми (так называемые розовый и голубой периоды в его творчестве) Одни художники пишут красками тёплого оттенка (Рембрант, Рубенс, Д. Левицский, Тициан, В. Тропинин) другие отдают предпочтение холодным цветам ( Эль Греко, В, Борисов-Мусатов) — А наука о цвете называется цветоведение . | Составление плана достижения цели и определяют средства (алгоритм, модель и т.д.) | Информационно-рецептивный, объяснительно-иллюстративный, практический. | Регулятивные: планирование, прогнозирование; Познавательные: приобретение новых знаний о цветовом круге. Логические : решение проблемы, построение логической цепи рассуждений, доказательство, выдвижение гипотез и их обоснование, Личностные: проявление интереса к предметноисследовательской (учебнопознавательной) деятельности, предложенной в учебнике; коммуникативные : инициативное сотрудничество в поиске и выборе информации. |
5. Физминутка | — Я буду загадывать загадки и если отгадкой будет холодный цвет, то мальчики громко топают ногами, а если тёплый – хлопают в ладоши девочки. Я бычок, но не реву, Потому, что я влюбленный! — Я люблю щипать траву, А любимый цвет -. Ответ: Зелёный На картине небо ясным Нарисуем мы с тобой И его закрасим краской Как обычно -… Ответ: Голубой Говорила мама Боре: — Не пойдем сейчас — опасно! Потому, что в светофоре Не зеленый свет, а … Ответ: Красный Я бы красить василек Даже черным цветом мог! Но, не бойтесь, не покрашу! Цвет его намного краше! Ответ: Синий Одуванчику привет! И привет купальнице! Ваш веселый, яркий цвет Всем нам очень нравится! Ответ: Жёлтый Апельсинчик трогал Леша, Ласково поглаживал: — Ты красивый и хороший, Круглый и … Ответ: Оранжевый Маме в качестве подарка Выбирайте розы вы! Цветом красным, но не ярким, По простому — . Ответ: Розовый У тетрадного листочка И у сахара кусочка, И у соли, и у мела Цвет какой бывает? -… Ответ: Белый Он из всех неяркий самый, Только веришь или нет — Можно видеть этот цвет И с закрытыми глазами! Ответ: Чёрный Волк, ворона, воробьишка, Слон и маленькая мышка — Все они зимой и летом Одинаковые цветом! Ответ: Серый | метод фронтальной организации учащихся. | Регулятивные: контроль, оценка, коррекция; коммуникативные: управление поведением партнёра – контроль, коррекция, оценка действий партнёра. | |
6. Первичное закрепление (Дифференцированное задание и творческое задание в группах) | Первичное обобщение. Применению новых знаний. — Раскрасьте лист оттенками голубого, синего и фиолетового – от тёмного внизу до светлого наверху в одном из выбранных направлений. — Поверх рисунка можно рисовать чёрным или белым. — А теперь проведите волнообразные линии оттенками жёлтого, оранжевого, красного от тёмного внизу до светлого вверху в одном из выбранных направлений. Для прорисовки деталей подбирай цвета самостоятельно. Они наносятся вторым слоем. -А теперь задания по группам. Задание мальчикам Выполнить рисунок в холодной цветовой гамме – она сдержанная и более суровая, чем теплая. Задание девочкам Девочки могут выполнить работу в теплой цветовой гамме, создавая свой сюжет. | Решение типовых заданий с проговариванием алгоритма вслух. Групповая работа. | практический, метод контроля, самоконтроля, взаимоконтроля, частично-поисковый. | Регулятивные: контроль, оценка, коррекция; познавательные: осознавать познавательную задачу, умение структурировать знания, выбор наиболее эффективных способов решения задания, пользоваться знаками, символами, изображениями, приведенными в учебнике, понимать содержание рисунков в рубриках «Впечатление» и «Выражение»; Коммуникативные: – следить за действиями других участников в совместной деятельности, осуществлять совместную деятельность в группе с учетом конкретных задач. |
7. Рефлексия (итог урока) | Организует рефлексию. -Закончите предложение. Я приобрёл(-а) знания о…
| Осуществление самооценки собственной учебной деятельности, соотнесение цели и результатов, степень их соответствия | познавательно-рефлексивный, словесный. | Коммуникативные: управление поведением партнёра – контроль, коррекция, оценка действий партнёра. познавательные: рефлексия; личностные: смыслообразование. Регулятивные: самооценка своих действий согласно заданной последовательности действий. Личностные: осознания себя как части природы; первоначальный уровень понимания красоты, уникальности природы и окружающего мира. |
И.
Обратите внимание на слово
..
..
Сюжет желательно придумать каждому свой.
Как составить цветовую палитру | Выберите фирменные цвета из изображений
Быстро начните брендинг с помощью шаблона цветовой палитры .
Знание того, как составить цветовую палитру, является важным первым шагом в представлении вашего бренда миру. Выбранные вами цвета будут служить визуальным рассказчиком для вашей аудитории, рассказывая историю личной эстетики вашего бренда.
Цветовые палитры позволяют легко и быстро воспроизвести внешний вид вашего бренда при создании веб-сайта, цифровых ресурсов, сообщений в социальных сетях и визитных карточек. Добавьте цветовую палитру на доску настроения, содержащую изображения, представляющие ваш бренд, и вы получите полноценный удобный комплект для брендинга.
Вот как сделать цветовую палитру в первый раз.
1. Откройте шаблон цветовой палитры в PicMonkeyКак создать цветовую палитру за 5 шагов
Откройте шаблон цветовой палитры в PicMonkey.
Замените изображения шаблона своими собственными.
Выберите одну из ячеек цветовой палитры и нажмите Изменить цвет в левом меню инструментов.
Используйте инструмент «Пипетка» для извлечения цветов из изображений и создания фирменной палитры.
Загрузите или поделитесь своей цветовой палитрой.
Самый простой способ создать цветовую палитру вашего бренда — использовать один из шаблонов цветовой палитры PicMonkey.
Конечно, если вы предпочитаете начать с нуля, вы всегда можете создать свою собственную палитру с помощью нашего инструмента «Коллаж».
Чтобы использовать шаблон в PicMonkey, просто нажмите Создать новый в верхней части домашней страницы PicMonkey, затем нажмите Шаблоны и поиск «цветовая палитра». Выберите тот, который вы хотите, чтобы просмотреть его в редакторе.
2. Замените изображения шаблона своими собственными.Затем вы можете либо заменить изображения шаблона своими собственными, либо просмотреть нашу библиотеку стоковых фотографий в поисках изображений, представляющих ваш бренд.
В нашем примере мы являемся странной пиццерией в Чикаго под названием Chicago Joe’s. Выбранные нами изображения обладают эстетикой, к которой мы стремимся, а также имеют ряд оттенков от светлого до темного, из которых мы можем выбирать. Мы хотим запечатлеть цвета нашей пиццы, а также уловить немного этого городского ощущения… золотое тепло, которое исходит от свежеиспеченного ‘za, а также есть сказанный ‘za среди ярких оттенков ночного города.
Нужна помощь в выборе цвета? Начните с изучения основ теории цвета.
3. Выберите ячейку цветовой палитры и откройте палитру цветовЩелкните одну из ячеек цветовой палитры в шаблоне, чтобы открыть меню «Графические инструменты» слева. Оттуда нажмите Изменить цвет . Это откроет палитру цветов.
4. Используйте инструмент «Пипетка» для извлечения цветовИспользуйте инструмент «Пипетка», чтобы выбирать основные цвета на фотографиях, наводя курсор на изображения, пока не найдете нужный цвет. Отобразится шестнадцатеричный код цвета — это 6-значная строка букв и цифр, которая в цифровом виде представляет цвет.
В нашем примере выше мы извлекли цвета из наших изображений и заполнили ими ячейки цветовой палитры. Добытое нами желтое золото имеет шестнадцатеричный код #f7b142.
Почему это важно? Что ж, теперь вы точно знаете, какой это оттенок желтого, и вам не придется пытаться сопоставить его или угадывать, когда вы создаете новый дизайн — просто введите свой шестнадцатеричный код для идеального соответствия, и ваш брендинг останется неизменным.
Готовый дизайн будет автоматически сохранен во встроенном облачном хранилище PicMonkey Hub, к которому вы можете получить доступ из любого места. Это означает, что вы можете в любое время вернуться к своим фирменным файлам изображений и обновить их по своему усмотрению, потому что они остаются многоуровневыми до тех пор, пока вы их не экспортируете.
Поделитесь своей цветовой палитрой со своей командой, своим дизайнером, поставщиком упаковки вашего продукта, кем угодно, экспортировав файл напрямую по электронной почте или через общий доступ к файлам по уникальной ссылке из Hub.
Нажмите Загрузить на верхней панели инструментов, чтобы сохранить дизайн на свой компьютер.
Профессиональный совет: Есть ваши цвета? Хорошо — пора собрать свой полный фирменный комплект .
Советы по выбору цветов с помощью цветового круга
Помните, что при желании вы можете создать цветовую палитру всего из одного изображения (и наш генератор цветовой палитры сделает это за вас за считанные секунды).
Даже самое простое изображение содержит больше цветов, чем вы можете себе представить на первый взгляд, и представление о том, какие типы цветов хорошо сочетаются друг с другом, может помочь вам выбрать правильные из вашей картины.
Рассмотрите этот цветовой круг и с помощью маркеров ниже узнайте, как вы можете использовать его для выбора гармоничной цветовой схемы.
МонохроматическийРазличные оттенки (основной оттенок + белый), тона (основной оттенок + серый) и оттенки (основной оттенок + черный) одного цвета плюс нейтральный. Узнайте, как эффективно использовать монохроматические цвета в своих проектах.
Дополнительный
Цвета противоположные друг другу на цветовом круге разных тонов, оттенков и оттенков.
Аналог
Цвета, расположенные рядом друг с другом в цветовом круге.
Дополнительный сплит
Выберите один цвет и найдите его дополнительный цвет (тот, который находится напротив него на цветовом круге).
Затем найдите цвета по обе стороны от дополнительного цвета. Эти два цвета и ваш исходный цвет составляют разделенную дополнительную цветовую схему.
Триадный
Цвета, равномерно распределенные по цветовому кругу.
Tetradic
Включает две пары дополнительных цветов.
Пастель
Светлые варианты насыщенных оттенков, успокаивающие и беззаботные. Узнайте больше о пастельных тонах и о том, как их использовать.
Для получения дополнительной информации о создании цветовых палитр для ваших маркетинговых материалов или создании вторичных цветовых палитр ознакомьтесь со статьями, ссылка на которые приведена здесь.
Как просто создать собственную цветовую палитру из одного цвета | Майкл Соммер
В этом уроке я покажу вам технику, которая поможет вам создать полную цветовую палитру для вашего следующего проекта за 5 минут.
От одного цвета до полной цветовой палитры всего за 5 минут. На старт, внимание, марш! M Как правило, мы, дизайнеры, связаны строгими правилами.
Системы дизайна и руководства по стилю фирменного стиля стали нормой, и даже небольшие парикмахерские и любительские футбольные команды определили свои фирменные цвета и визуальный тон голоса. Ой. Однако, если вам посчастливилось участвовать в проекте ребрендинга с самого начала, вы с самого начала столкнетесь с одной из самых сложных задач в брендинге. Помимо выбора правильного шрифта, выбор фирменных цветов и цветовой палитры является наиболее важным шагом в создании узнаваемого бренда. А в процессе можно много ошибиться. Но есть и многое, что нужно исправить.
Я покажу вам, как превратить один цвет в полноцветную палитру для вашего следующего проекта за пять простых шагов. Но сначала давайте начнем с выбора правильного основного цвета:
Когда вы думаете о своем любимом бренде, какой цвет первым приходит вам на ум? Для меня это черное и белое. Несмотря на то, что мы можем спорить, настоящие ли это цвета, они являются отличительной цветовой характеристикой бренда Apple.
В теории цвета белый означает простоту и минимализм, два атрибута, которые большинство из нас также отдает должное культовому бренду, представившему нам iPhone в 2007 году. Черный, с другой стороны, означает силу и элегантность, а также изысканность. Если посмотреть на следующие два раздела, взятые с веб-сайта Apple, это звучит правильно, не так ли?
Возможно, вы думали о Coca-Cola и ее богатом коде #F40009 , который означает энергию и страсть, но также может символизировать опасность. Или Facebook #4267B2 , который олицетворяет спокойствие, надежность и интеллект. Мне даже не нужно писать, какие цвета обозначают эти шестнадцатеричные коды, и все же я думаю, что все вы, а не только дизайнеры и специалисты по продуктам, сразу же вспомните отличительные красный и синий цвета этих двух брендов. Дополнительные примеры см. в разделе Цвета брендов США.
Вернемся к нашему первому шагу к цветовой палитре: чтобы найти правильный основной цвет для вашего бизнеса, крайне важно понимать различные оттенки цвета.
Об этом было написано бесчисленное количество научных статей, но вот отличная статья Скотта Оливери о различных значениях цвета:
Краткое руководство по цветам в брендинге и что они говорят о вашем дизайне
Теперь, когда мы Когда мы определили наш базовый цвет, откройте программу дизайна по вашему выбору: XD, Sketch, InDesign или даже Photoshop. Я делаю свой пример в Figma, но выбор программы не имеет значения. Важно то, что вы выбираете HSB в качестве цветовой модели для следующей техники и выбираете свой первый цвет, как я сделал здесь:
Мы начинаем с нашего основного цвета, приятного оттенка синего #1D8BBA Чтобы создать богатую цветовую палитру для вашего дизайна, нам нужен вторичный цвет. Хорошей практикой является использование для этого либо дополнительного цвета , либо оттенка, который очень хорошо соответствует нашему первому цвету, но все же выделяется тем, что светлее или темнее , чем наш основной цвет.
В этом уроке мы сначала создадим более светлую версию нашего базового цвета, представив дугу на выбранной палитре цветов и установив цвет «выше», чем первый. Просто выберите свою любимую позицию, она будет соответствовать вторичному цвету к основному. В дополнение к этому вы отрегулируете оттенок, переместив его в положение 9.0158 справа — это заставит наш цвет измениться.
Поднявшись по арке воображения и сдвинув оттенок вправо, мы получим вторичный цвет #4C80E7.Как видите, мы создали второй оттенок синего, который соответствует нашему первому, но все еще кажется, что он принадлежит первому. Попробуйте сдвинуть регулятор оттенка настолько далеко, насколько вы хотите, чтобы добиться разных цветовых схем — чем больше ваши шаги настройки будут различаться по положению, тем больше ваши цвета будут контрастировать друг с другом.
Далее мы создадим наш третичный цвет, поднявшись по арке и расположив ползунок оттенка слева. В моей цветовой палитре получается приглушенный зеленый тон, который почти идеально сочетается с первыми двумя тонами.
Как вы можете видеть в этих примерах, изменив положение ползунков оттенка совсем немного, цветовая схема, которую я создаю, очень сбалансирована и довольно сдержанна. Если бы я решил сделать расстояние между оттенками шире, моя палитра была бы намного ярче. Так что с этой маленькой архитекцией все зависит от вас, выберете ли вы тонкую схему или более сумасшедшую и прогрессивную.
Я повторил этот процесс несколько раз, чтобы получить больше цветов и получить следующую схему для своего проекта:
Я вполне мог представить, что использую эту схему для проекта. И он был создан примерно за пять минут! Если вам понравился этот краткий урок, оставьте хлопки или несколько шестнадцатеричных кодов в комментариях, чтобы показать мне свои потрясающие палитры. Если это кажется вам пугающим или скучным, Фабрицио Бьянки создал один из самых гениальных доступных генераторов цветовой палитры.
Создание цветовой палитры — рефакторинг пользовательского интерфейса
Вы когда-нибудь пользовались одним из этих причудливых генераторов цветовой палитры? Вы знаете, те, где вы выбираете начальный цвет, настраиваете некоторые параметры, которые, вероятно, включают в себя какой-то музыкальный жаргон, такой как «трезвучие» или «мажорная кварта», а затем получают пять идеальных образцов цвета, которые вы должны использовать для создания своего веб-сайта?
Этот просчитанный и научный подход к выбору идеальной цветовой схемы чрезвычайно соблазнителен, но не очень полезен.
Ну, если только вы не хотите, чтобы ваш сайт выглядел так:
Что вам на самом деле нужно
Вы не можете ничего построить с пятью шестнадцатеричными кодами. Чтобы построить что-то настоящее, вам нужен гораздо более широкий набор цветов на выбор.
Вы можете разделить хорошую цветовую палитру на три категории.
Серые
Текст, фоны, панели, элементы управления формами — почти все в интерфейсе серое.
Вам также понадобится больше оттенков серого, чем вы думаете — три или четыре оттенка могут показаться достаточными, но вскоре вы захотите иметь что-то немного темнее, чем оттенок № 2, но немного светлее, чем оттенок № 3. .
На практике нужно 8-10 оттенков на выбор (подробнее об этом позже). Не так много, чтобы тратить время на выбор между оттенком № 77 и оттенком № 78, но достаточно, чтобы убедиться, что вам не придется идти на слишком большие компромиссы.
Настоящий черный цвет имеет тенденцию выглядеть довольно неестественно, поэтому начните с очень темно-серого цвета и постепенно переходите к белому.
Основной(ые) цвет(а)
Большинству сайтов нужен один, может быть два цвета, которые используются для основных действий, выделения элементов навигации и т.д. Это цвета, которые определяют общий вид сайта – те, которые делают вас думайте о Facebook как о «синем», хотя на самом деле он в основном серый.
Так же, как и в случае с серыми, вам нужно выбрать из множества (5-10) более светлых и более темных оттенков.
Ультрасветлые оттенки можно использовать в качестве тонированного фона для таких вещей, как оповещения, а более темные оттенки отлично подходят для текста.
Акцентные цвета
Помимо основных цветов, каждому сайту требуется несколько акцентных цветов для передачи информации пользователю.
Например, вы можете использовать привлекающие внимание цвета, такие как желтый, розовый или бирюзовый, чтобы выделить новую функцию:
Вам также могут понадобиться цвета, чтобы подчеркнуть различные семантические состояния , например, красный для подтверждения деструктивного действия:
.
..желтый для предупреждающего сообщения:
…или зеленый для выделения положительной тенденции:
Вы мне также понадобятся несколько оттенков для этих цветов, хотя их следует использовать довольно экономно в пользовательском интерфейсе.
Если вы создаете что-то, где вам нужно использовать цвет, чтобы различать или классифицировать похожие элементы (например, линии на графиках, события в календаре или теги в проекте), вам может понадобиться еще больше акцентных цветов.
В общем, нередко требуется до десяти различных цветов с 5-10 оттенками каждого для сложного пользовательского интерфейса.
Заранее определите свои оттенки
Когда вам нужно создать более светлый или более темный вариант цвета в вашей палитре, не мудрствуйте, используя функции препроцессора CSS, такие как «осветление» или «затемнение», для создания оттенков на лету. Вот так у вас получается 35 слегка разных синих цветов, которые выглядят одинаково.
Вместо этого заранее определите фиксированный набор оттенков, который вы сможете выбирать в процессе работы.
Так как же все-таки собрать такую палитру?
Сначала выберите базовый цвет
Начните с выбора базового цвета для масштаба, который вы хотите создать — цвет в середине, на котором основаны ваши более светлые и более темные оттенки.
Настоящего научного способа сделать это не существует, но для основных и акцентных цветов хорошим практическим правилом является выбор оттенка, который будет хорошо работать в качестве фона кнопки.
Важно отметить, что здесь нет настоящих правил, таких как «начать с 50% яркости» или чего-то еще — каждый цвет ведет себя немного по-разному, поэтому вам придется полагаться на свое зрение.
Поиск краев
Затем выберите самый темный и самый светлый оттенки. В этом тоже нет настоящей науки, но полезно подумать о том, где они будут использоваться, и выбрать их, исходя из этого контекста.
Самый темный оттенок цвета обычно зарезервирован для текста, а самый светлый оттенок может использоваться для подкрашивания фона элемента.
Простой компонент оповещения является хорошим примером, который сочетает в себе оба этих варианта использования, поэтому он может быть отличным местом для выбора этих цветов.
Начните с цвета, соответствующего оттенку вашего основного цвета, и регулируйте насыщенность и яркость, пока не будете удовлетворены.
Заполнение промежутков
Когда у вас есть базовый, самый темный и самый светлый оттенки, вам просто нужно заполнить промежутки между ними.
Для большинства проектов вам потребуется не менее 5 оттенков каждого цвета и, возможно, ближе к 10, если вы не хотите чувствовать себя слишком ограниченным.
Девять — отличное число, потому что его легко делить и немного упрощает заполнение пропусков. Назовем наш самый темный оттенок 900 , наш базовый оттенок 500 и наш самый светлый оттенок 100 .
Начните с выбора оттенков 700 и 300 , находящихся прямо посередине промежутков. Вы хотите, чтобы эти оттенки казались идеальным компромиссом между оттенками с обеих сторон.
Это создает еще четыре отверстия в шкале ( 800 , 600 , 400 и 200 ), которые вы можете заполнить, используя тот же подход.
В итоге у вас должен получиться достаточно сбалансированный набор цветов, дающий достаточно возможностей для воплощения ваших дизайнерских идей без ощущения ограничений.
Как насчет серых?
Для серых тонов основной цвет не так важен, но в остальном процесс такой же. Начните с краев и заполняйте пробелы, пока не получите то, что вам нужно.
Выберите самый темный серый, выбрав цвет для самого темного текста в вашем проекте, и самый светлый серый, выбрав что-то, что хорошо подходит для тонкого не совсем белого фона.
Это не наука
Как бы это ни было заманчиво, вы не можете полагаться только на математику, чтобы создать идеальную цветовую палитру.
