ADOBE PHOTOSHOP

Встреча 1. Введение.
Интерфейс. Создание
документов

WELCOME BACK TO IT STEP

TEACHER
VIKTORIYA KOSTENKO
О КУРСЕ
*60 ПАР

*5 УЧЕБНЫХ МОДУЛЕЙ:

-ОСНОВЫ РАБОТЫ В PHOTOSHOP

-СОЗДАНИЕ КОМПОЗИЦИЙ И
КОЛЛАЖЕЙ
-КОРРЕКЦИЯ ИЗОБРАЖЕНИЙ
-ПРОФЕССИОНАЛЬНЫЕ ПРИЕМЫ
РАБОТЫ
-ПОДВЕДЕНИЕ ИТОГОВ

Лучший дизайн - это как можно меньше дизайна.

Меньше − лучше. Дизайн концентрируется на основных аспектах продукта и в нем нет

лишних деталей.

Хороший дизайн − это чистый и простой дизайн. TEACHER

VIKTORIYA KOSTENKO
ЧТО

THIS IS GREAT
ПОЛУЧИШЬ
ОТ КУРСА?
-уверенное владение
инструментарием
-новые скилы и современные
знания в основах типографики,
колористики, брендирования,
айдентики и прочее.
-портфолио

TEACHER
VIKTORIYA KOSTENKO
 30 % 40-60 % 70-100 %
Посещение Посещение занятий, Посещение занятий,
только занятий выполнение выполнение домашнего
домашнего задания задания регулярно
в последний момент
TEACHER
VIKTORIYA KOSTENKO
INTRO:
1. Введение в растровую графику. Роль растровой графики в
дизайне и современном мире в целом. Примеры использования
растровой графики как носителя информации.
2. Сферы использования растровой графики.
3. Роль растровой графики в обработке изображений. Строение
растровой графики. Понятие пикселя. Преимущества и
недостатки растровой графики.
4. Установка Adobe Photoshop. Интерфейс Adobe Photoshop.
Инструменты, палитры, команды меню. Рабочие пространства.
5. Работа с документами. Форматы графических файлов.
Работа с холстами (Artboards).
6. Работа с направляющими, создание, отображение. Масштаб
отображения документа. Навигация по документу.

TEACHER
VIKTORIYA KOSTENKO
 TEACHER
VIKTORIYA KOSTENKO
 TEACHER
VIKTORIYA KOSTENKO
СРАВНЕНИЕ
Сравнение AI:
создать логотипы, иконки или
изображение бренда;
сверстать макет страницы для интернета
либо печати;
рисовать постеры, плакаты, создавать
визитки, флаеры или открытки;
рисовать графики, диаграммы, карты;
создать реалистичные объекты или
рисунки;
рисовать мультипликационных героев
или комиксы.
Сравнение PS:
THIS IS GREAT
провести качественную ретушь или цветовую
коррекцию фотографий;
подготовить изображение к печати либо
провести его цифровую обработку;
подготовить публикацию цифровых
изображений в интернете (картинки в
социальных медиа, рекламные баннеры,
заголовки электронной почты);
разработать и создать макет дизайна веб
сайта;
создать анимацию, слайдшоу, простые
видеоклипы, а также добавить к ним графику,
фильтры, маски, текст.
TEACHER
VIKTORIYA KOSTENKO
ЦВЕТОВАЯ
МОДЕЛЬ

TEACHER
VIKTORIYA KOSTENKO
ЦВЕТОВАЯ
МОДЕЛЬ
RGB — аббревиатура английских слов red, green, blue —
красный, зелёный, синий. Цветовой режим RGB
использует эти базовые цвета для формирования любого
другого цвета, который вы можете себе представить,
поскольку красный, зеленый и синий являются
аддитивными цветами.
По сути, это означает, что цветовой режим RGB создает
другие цвета, комбинируя (или «добавляя») различные
количества красного, зеленого и синего.

TEACHER
VIKTORIYA KOSTENKO
ЦВЕТОВАЯ
МОДЕЛЬ
CMYK работает совершенно по-другому, чем RGB,
поскольку вместо использования «аддитивных» цветов,
он фактически использует субтрактивные цвета (CMYK —
аббревиатура английских слов Cyan, Magenta, Yellow, Key
color). “Key” — просто другое название для черного.

Основное отличие заключается в следующем. Когда вы

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

TEACHER
VIKTORIYA KOSTENKO
 РАСТРОВАЯ ГРАФИКА
Растровое изображение — изображение,
представляющее собой сетку пикселей —
цветных точек на мониторе, и других
отображающих устройствах.
Растровое изображение храниться с помощью
точек различного цвета (пикселей), которые
образуют строки и столбцы

Если изображение экранное, то точка называется пикселом.

Стандартными считаются: 640Х480, 800Х600, 1024Х768, 1200Х1024 и т.д.

С размером изображения непосредственно связано его разрешение, оно измеряется

в точках на дюйм (dots per inch – dpi). TEACHER
VIKTORIYA KOSTENKO
 МАСШТАБИРОВАНИЯ
РАСТРОВЫХ ИЗОБРАЖЕНИЙ
Масштабированием изображения называется его увеличение или уменьшение.
При вытягивании, увеличении или вращении, растровый рисунок становится
нечетким и, в отличие от векторной графики, теряет качество.
Растровая графика - это матрица точек.

TEACHER
VIKTORIYA KOSTENKO
 Сканер Видеокамера
ИСТОЧНИК РАСТРОВЫХ
ИЗОБРАЖЕНИЙ?
Цифр.фото. Мед.аппарат.
Зачастую растровые изображения
используются в издательском и рекламном
деле, в WEB-технологиях для создания
пользовательских интерфейсов, в
фотографии или медицине.

Как правило, растровые изображения,

предназначаются для высококачественной
печати, поэтому они имеют очень большой
объем.

TEACHER
VIKTORIYA KOSTENKO
ОЦИФРОВКА В
ПИКСЕЛЬНОЕ
ИЗОБРАЖЕНИЕ
это процесс при котором устройство
создает пиксельное изображение.
- Использование фотоаппарата
- Сканер
- Медицинские аппараты

TEACHER
VIKTORIYA KOSTENKO
 ГЕНЕРАЦИЯ ПИКСЕЛЬНОГО
ИЗОБРАЖЕНИЯ

Означает, что сначала ничего не

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

TEACHER
VIKTORIYA KOSTENKO
 TEACHER
VIKTORIYA KOSTENKO
Adobe Photoshop

TEACHER
VIKTORIYA KOSTENKO
Разрешение в создании нового
документа
В растровой графике
важным является
разрешение, то количество
точек, которое вмещается
на единицу длины, а
записывается оно в
единицах dpi.

TEACHER
VIKTORIYA KOSTENKO
 Практика 1 :
СОЗДАНИЕ НОВОГО ДОКУМЕНТА
Задание: создать три разных документа под веб,
мелкая полиграфия(визитки, флаера...) и под печать.
File – New (Файл - Создать / Ctrl+N)
ВАЖНО: следи за разрешением

TEACHER
VIKTORIYA KOSTENKO
 TEACHER
VIKTORIYA KOSTENKO
ПАНЕЛЬ ИНСТРУМЕНТОВ

TEACHER
VIKTORIYA KOSTENKO
 Горячие клавиши в PS
Ctrl+N – создать файл по размеру
выделенного участка
Ctrl+Alt+I – изменить размер
Ctrl+T – выделяет слой для растягивания и
масштабирования
Ctrl+A – выделить все на картинке
Ctrl+D – снять выделение слоя
Ctrl+Alt+Shift+S – сохранить файл с
выбором формата
Ctrl+Shift+Alt+S – сохранить для веб
КОМАНДЫ МЕНЮ
CTRL+ALT+0 – реальный размер
CTRL+SHIFT+L – автоуровни
CTRL+] – передвинуть слой вверх
CTRL+SHIFT+] – установить слой сверху
Backspace или Delete – очистить
CTRL+W или CTRL+F4 – закрыть
CTRL+B – баланс цвета
CTRL+ALT+B – прежняя установка
CTRL+C или F3 – копирование
CTRL+SHIFT+C – копирование со слиянием
CTRL+M – кривые
CTRL+ALT+M – последние установки
CTRL+X или F2 – вырезать
CTRL+SHIFT+U – уменьшить насыщенность
CTRL+Q или ALT+F4 – выйти из программы
CTRL+SHIFT+F – ослабить фильтрацию
CTRL+ALT+D или SHIFT+F6 – растушевать
выделенную область
SHIFT+Backspace или SHIFT+F5 – заливка
TEACHER
Горячие клавиши в PS

TEACHER
VIKTORIYA KOSTENKO
Настройка рабочего пространства

TEACHER
VIKTORIYA KOSTENKO
 Практика 2:
Создание ARTBOARDS (Холст)
Задание: создать три артборда с графикой. Тема
любая
ВАЖНО: следи за порядком в слоях
Ключевая функция артбордов —
быстрое переключение между
разрабатываемыми экранами
приложения или страницами
веб-сайта, без необходимости
переключения между
открытыми вкладками
документов (как это было
всегда).
Таким образом, в одном .PSD-
файле вы сразу можете видеть
10, 20, 30 или сколько вам нужно,
открытых экранов приложения
или страниц сайта.
TEACHER
VIKTORIYA KOSTENKO
 Старый способ добавления направляющих в
Photoshop (View > New Guide Layout)
Поставить одну направляющую с
заданной позицией Вы сможете через
вкладку Просмотр --> Новая
направляющая ( View --> New Guide)

TEACHER
VIKTORIYA KOSTENKO
 Новый метод установки направляющих

Чтобы получить доступ к опции,

пройдите по вкладке главного меню
Просмотр --> Новый макет направляющей
(View --> New Guide Layout).

TEACHER
VIKTORIYA KOSTENKO
Навигация по документу

TEACHER
VIKTORIYA KOSTENKO
 Практика 3:
Создание абстрактного фона

Задание: создать фон для будущего плаката

ВАЖНО: работаем с фильтрами не переусердствуй!

TEACHER
VIKTORIYA KOSTENKO
 ЗАДАНИЕ:
HW 1 1. Установить программу Adobe Photoshop
2. Создать папку с графикой /картинками :
Количество : 5 штук
Размеры: 1024x768, 1152x864, 1280х960.
3. Создать 3 ARTBOARDS c графикой /
изображениями:
Количество : 7 – 10 штук для 1 артборта
Размер артборта: 3508х2480
Темы: - Вдохновляющие (Mood boards)
- Мотивирующие
- Ваша тематика

TEACHER
VIKTORIYA KOSTENKO