Цветовые модели. Творческий проект

1.

Актуализация знаний
Что такое словарь?
Как добавить в словарь элемент?
Как в словаре найти элемент по ключу?
Как удалить элемент из словаря?
Что было сложным и что было легким для понимания?

2.

Сегодня на уроке
Цветовые модели
Творческий проект

3.

На прошлых занятиях...
Вы познакомились с таким средством хранения
наборов данных в Python, как словарь.
Словарь (dictionary) обеспечивает связывание двух
элементом друг с другом.
Элементы в этом случае называются ключом (key) и
значением (value). Каждый элемент, или запись в
словаре, имеет ключ и значение.
Возможно, вы уже слышали про пары ключ — значение.
Словарь представляет собой коллекцию таких пар.

4.

Приступим к делу

5.

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

6.

Цветовые модели
Человеческий глаз воспринимает цвет субъективно:
одному цвет баклажана покажется фиолетовым,
другому — бордовым, третьему — коричневым. Но
электронные устройства оперируют точными
значениями.

7.

Цветовые модели
Цветовые модели — это математическое описание
цветов. Они нужны, чтобы при работе с цветом не
возникало разночтений. Например, в брендбуках
компаний часто указывают фирменные цвета по
координатам для цифровых носителей и для печати:
благодаря этому на всех носителях они будут в
точности совпадать и не будет разногласий.
Цветовых моделей много: в них заложены разные
принципы работы с цветами и разные возможности
для их отображения. Мы рассмотрим несколько.

8.

Цветовые модели
Цветовых моделей много: в них заложены разные
принципы работы с цветами и разные возможности
для их отображения. Мы рассмотрим несколько.

9.

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

10.

Цветовые модели
В этой модели каждый цвет
кодируется значениями
базовых цветов: Red, Green и
Blue.
Это три оси, которые имеют
градацию значений от 0 до 255.
Нулевая точка этой системы
координат — чёрный, а
максимальные значения по
всем трём осям кодируют
белый цвет.

11.

Цветовые модели
С RGB обычно работают графические дизайнеры.
Эта модель по умолчанию используется при
подготовке изображений для цифровых носителей,
потому что принцип её работы аналогичен излучению
монитора.
Оттенки, которые мы видим на экране, состоят из трёх
базовых цветов, максимальная яркость экрана — это
белый цвет, а отсутствие яркости — чёрный.

12.

Использование шестнадцатеричных
цветовых кодов
Цветовой код шестнадцатеричного цвета — 6значный цветовой код с префиксом хеша (#),
который содержит цифровую информацию о цвете.

13.

Использование
шестнадцатеричных
цветовых кодов

14.

Использование шестнадцатеричных
цветовых кодов
Питоновская черепашка
кроме того, что имеет
встроенные цвета
такие, как «red»
(красный) и «white»
(белый), позволяет
также использовать
шестнадцатеричные
цветовые коды (HEX).

15.

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

16.

Вернемся к делу
Создайте новый Python-проект и добавьте
следующий код настройки для использования
черепахи:
Обратите внимание, что мы использовали цвет с
названием «white» (белый).

17.

Использование шестнадцатеричных
цветовых кодов
Черепашка имеет встроенный список с именами
цветов, которые мы можем использовать, однако
количество имен в этом списке ограничено, и наша
цель в этом проекте — задать свой собственный цвет.
Поэтому мы будем использовать
шестнадцатеричные (hex) цветовые коды.

18.

Использование шестнадцатеричных
цветовых кодов
Откройте ссылку и выберите понравившийся вам
цвет.
Найдите его шестнадцатеричный код, который
начинается с «#», к примеру, «#A7E30E».
Скопируйте шестнадцатеричный код вместе с
хешем (символом #). Сначала выделите код, затем
кликните по нему правой кнопкой и выберите
«Копировать», либо же нажмите сочетание клавиш
на клавиатуре Ctrl+C.

19.

Использование шестнадцатеричных
цветовых кодов
Теперь измените строчку кода, которая задаёт цвет
экрана, на свой собственный цвет. Например:
Вы можете кликнуть правой кнопкой мыши и
выбрать команду «Вставить» или же использовать
Ctrl+V, чтобы вставить.

20.

Использование шестнадцатеричных
цветовых кодов
Выберите другой шестнадцатеричный цветовой код
и используйте его, чтобы изменить цвет текста:

21.

Выбор шрифта и размера текста
Вам необязательно использовать шрифт «Arial», вы
также можете попробовать «Verdana», «Times» или
«Courier».
«40» — это размер шрифта. Вы также можете
попробовать задать свой размер.
Попробуйте разные цвета, пока не найдете такие два,
которые вам действительно будут нравиться и
которые будут хорошо смотреться вместе.

22.

Словарь цветов
Создайте пустой словарь с именем colours (цвета):

23.

Словарь цветов
Придумайте необычные имена для ваших цветов и
отредактируйте строку с colours =, чтобы добавить
для них записи в словаре.
Вот пример цветового словаря:

24.

Словарь цветов
Теперь не нужно запоминать шестнадцатеричные
коды, вы можете просто подсмотреть их в своем
словаре.
Вы также туда можете добавить много других
цветов, которые вам понравились, чтобы
использовать их в дальнейшем.

25.

Словарь цветов
Теперь вы можете обновить свой код и добавить свои
названия цветов:
Протестируйте свой код, чтобы убедиться, что текст
по-прежнему отображается правильно.

26.

Задание: ещё больше цветов!
Сможете ли вы добавить ещё больше цветов в свой
словарь и опробовать их?
Не забудьте дать своим цветам забавные имена