5. ВВЕДЕНИЕ
Введение в растровую графику. Роль растровой графики в
дизайне и современном мире в целом.
Сферы использования растровой графики.
Примеры изображений, созданных средствами растровой
графики.
Роль растровой графики в обработке изображений.
ретушь изображений, коллажирование. Примеры
подвергшихся обработке средствами растровой графики.
Строение растровой графики. Понятие пикселя.
недостатки растровой графики.
Установка Adobe Photoshop. Интерфейс Adobe Photoshop.
Инструменты, палитры, команды меню. Рабочие
Работа с документами. Форматы графических файлов.
нового документа (настройки окна), открытие
документа. Сохранение документа в родной формат .psd
основные растровые форматы: .jpg,.png.
Работа с холстами (Artboards).
Работа с направляющими, создание, отображение. View >
Guide Layout.
Как открыть растровый файл в отдельном документе и как
разместить в
существующем документе.
Масштаб отображения документа. Навигация по документу.
6. многофункциональный графический редактор, разработанный и распространяемый
фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет
некоторые векторные инструменты.
Продукт является лидером рынка в области коммерческих средств редактирования растровых
изображений и наиболее известным продуктом фирмы Adobe.
Adobe Photoshop
7. Каждый год совершенствующиеся версии
Photoshop преподносят новые модные
сюрпризы. Времена, когда нужно было
просто убрать фон или откорректировать
внешность на фото ушли в прошлое.
Теперь фотошоп – это сложный
инструмент графического дизайна,
продукты которого стоят миллионы
долларов на мировом рынке.
13. Растровая графика
Растровое изображение — изображение, представляющее собой сетку
— цветных точек на мониторе, и других отображающих устройствах.
Растровое изображение храниться с помощью точек различного цвета
которые образуют строки и столбцы
Если изображение экранное, то точка называется пикселом.
Стандартными считаются: 640Х480, 800Х600, 1024Х768,
1200Х1024 и т.д.
С размером изображения непосредственно связано его
разрешение, оно измеряется
в точках на дюйм (dots per inch – dpi).
14. MATTE PAINTING
(«Маскировка»),
(«Мэт-пэйнтинг») —
так называют крупномасштабные рисованные изображения,
используемые в кинематографе, на телевидении и в
компьютерных игр для создания в кадре иллюзии
среды, которую по каким-либо причинам невозможно
натурой или воспроизвести с помощью материальных
Главная задача специалистов по Matte Painting состоит в
фотореалистичности получившихся изображений, с тем
органично сочетались с натурными съёмками.
15. Область применения компьютерной графики
Во всех отраслях науки, техники, медицины, в коммерческой и управленческой деятельности
используются построенные с помощью компьютера: схемы, графики, диаграммы, предназначенные
для наглядного отображения разнообразной информации.
Конструкторы, разрабатывая новые
модели автомобилей и самолетов,
используют трехмерные
графические объекты, чтобы
представить окончательный вид
изделия.
Архитекторы создают на экране
монитора объемное изображение
здания, и это позволяет им
увидеть, как оно впишется в
ландшафт.
16. НАУЧНАЯ
ГРАФИКА
Чтобы лучше понять полученные
результаты исследований, ученые
производят их графическую
строят графики, диаграммы, чертежи
рассчитанных конструкций
ДЕЛОВАЯ
ГРАФИКА
Предназначена для наглядного
представления различных показателей
работы учреждений. Плановые
показатели, отчётная документация,
статистические сводки — вот объекты,
для которых с помощью деловой
графики создаются иллюстративные
материалы.
КОНСТРУКТОРСКАЯ
ГРАФИКА
Используется в работе
инженеров-конструкторов,
архитекторов, изобретателей новой
техники.
17. ИЛЛЮСТРАТИВНАЯ
ГРАФИКА
это произвольное рисование и
черчение на экране компьютера
ХУДОЖЕСТВЕННАЯ И
РЕКЛАМНАЯ
ГРАФИКА
С помощью компьютера
создаются рекламные ролики,
мультфильмы,
компьютерные игры,
видеоуроки, видеопрезентации
КОМПЬЮТЕРНАЯ
АНИМАЦИЯ
это получение движущихся
изображений на экране дисплее.
Мультимедиа – это объединение
высококачественного изображения на
экране компьютера со звуковым
сопровождением. Наибольшее
распространение системы
мультимедиа получили в области
обучения, рекламы, развлечений.
18. Источником растровых изображений являются сканеры, видеокамеры,
цифровые фотоаппараты, а также различная медицинская аппаратура.
Зачастую растровые
изображения используются в
издательском и рекламном деле,
в WEB-технологиях для создания
пользовательских интерфейсов, в
фотографии или медицине.
Как правило, растровые
изображения, предназначаются
для высококачественной печати,
поэтому они имеют очень
большой объем.
19. Оцифровка в пиксельное изображение –
это процесс при котором устройство создает пиксельное изображение.
- Использование фотоаппарата
- Сканер
- Медицинские аппараты
20. Генерация пиксельного изображения-
Означает, что сначала нечего не было, а потом изображение было сгенерировано, то есть
компьютерными методами. Это работа в графическом редакторе.
Например, компьютерные игры, во время роботы они создают пиксельные изображения
выводятся на экран, и благодаря им мы видим картинку.
21. Растровая графика
Увеличенное изображение
Необратимость действий.
Все операции которые
выполняются над пиксельными
изображениями – окончательны.
Если нарисовать круг на
пиксельном
изображении,
то старое
Изображение
исчезнет.
Мы просто
перекрасили
часть пикселей.
23. ПЛЮСЫ И МИНУСЫ
РАСТРОВОЙ ГРАФИКИ
+Только растровая графика
позволяет работать с
фотореалистичными
изображениями
Точность в переходах цветов
-Плохая трансформация,
(масштабирование с потерей
качества)
Большой объём файла.
28. Полный список горячих клавиш в PS
Ctrl+N – создать файл по размеру
выделенного участка
Ctrl+Alt+I – изменить размер
Ctrl+T – выделяет слой для растягивания и
масштабирования
Ctrl+A – выделить все на картинке
Ctrl+D – снять выделение слоя
Ctrl+Alt+Shift+S – сохранить файл с выбором
формата
Ctrl+Shift+Alt+S – сохранить для веб
29. КОМАНДЫ МЕНЮ
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 – заливка
CTRL+K – установки
CTRL+ALT+K – последняя вкладка
CTRL+Y – предварительный просмотр CMYK
CTRL+P – печать
CTRL+Z – повторить операцию
F12 – возврат
CTRL+R – отобразить или спрятать линейки
CTRL+S – сохранить
CTRL+SHIFT+S – сохранить как
CTRL+ALT+S – сохранить копию
CTRL+A – выделить все
CTRL+D – отменить выделение
CTRL+[ – переместить слой назад
CTRL+SHIFT+[ – сделать слой последним
CTRL+ALT+Z – шаг назад
CTRL+SHIFT+Z – шаг вперед
CTRL+SHIFT+” – привязка к сетке
CTRL+SHIFT+; – привязка к направляющим
CTRL+Z – отменить операцию
CTRL+SHIFT+G – разгруппировать слои
CTRL+ + – увеличить
CTRL+ – – уменьшить
30. Практикум 1 :СОЗДАНИЕ НОВОГО ДОКУМЕНТА
Настройки
File - New
(Файл - Создать /
Ctrl+N)
Размеры
1024x768
1152x864
1280х960
31. Разрешение в
создании нового
документа
В растровой графике важным
является разрешение, то
количество точек, которое
вмещается на единицу длины,
а записывается оно в
единицах dpi.
32. Файл с расширением PSD — это растровый формат хранения графической информации.
Создан он специально для Adobe Photoshop. Формат имеет одно важное отличие от стандартного JPG –
сжатие документа производится без потери данных, поэтому файл всегда будет в исходном разрешении.
1.После запуска можно нажимать на «Файл» —
«Открыть…». Заменить это действие можно
довольно стандартным сочетанием клавиш «Ctrl+O».
Теперь пользователь может
просматривать документ в Photoshop,
редактировать его и преобразовывать
в другие форматы.
Практикум 2: Создание файла PSD
36. РАБОТА С ХОЛСТАМИ (ARTBOARDS)
Ключевая функция артбордов — быстрое переключение между разрабатываемыми экранами приложения или
страницами вебсайта, без необходимости переключения между открытыми вкладками документов (как это было
всегда).
Таким образом, в одном .PSD-файле вы сразу можете видеть 10, 20, 30 или сколько вам нужно, открытых экранов
приложения или страниц сайта.
Навигация между артбордами
Представим, вы давно работаете над
каким-то проектом, и у вас
накопилось более десятка рабочих
областей с различными экранами
мобильного приложения. Но как
быстрее всего переключаться между
ними, да еще и точно на тот
артборд, который вам нужен?
Во вкладке Layers (Слои), нажмите
с зажатой клавишей Option (Alt на
Win) на нужный вам артборд и он
окажется посередине экрана.
Практикум 6: Создание ARTBOARDS
37. Свернуть/развернуть все артборды
Несмотря на то, что
артборды — это новая
функция, способ их
отображения — нет. По
факту, артборды переняли
смысл функции
“группировка”, тем самым
объединив все объекты с
одного артборда в единую
группу.
Чтобы просмотреть
объекты, расположенные
на том или ином
артборде, все в той же
панели Layers, с зажатой
клавишей Cmd (Ctrl на
Win), нужно нажать на
стрелочку рядом с
любым пунктом.
38. Создать артборд из группы
Даже если вы начали свой
проект не с создания
монтажной области, а сразу
приступили к
прототипированию или
отрисовке, вы всегда
сможете создать артборд из
сгруппированных объектов.
Для этого, выберите группу
объектов в панели Layers,
кликните по ней правой
кнопкой и нажмите
“Artboard from Group”.
39. Быстрый экспорт выбранного артборда в PNG
Для пользователей
Illustrator или Sketch или
многих других
графических редакторов,
подобная возможность —
не нова. Но для
Photoshop — это крутое
нововведение :)
Функция быстрого
экспорта любого
выбранного артборда
(или нескольких)
доступна во вкладке
Layers по нажатию
правой кнопкой мыши —
“Quick Export as PNG”.
40. Старый способ добавления направляющих в Photoshop
View > New Guide Layout
Поставить одну направляющую с заданной позицией
Вы сможете через вкладку Просмотр --> Новая
направляющая ( View --> New Guide)
41. Новый метод установки направляющих
Чтобы получить доступ к опции, пройдите по вкладке главного меню
Просмотр --> Новый макет направляющей (View --> New Guide Layout).
42. Удалить существующие направляющие
Чтобы очистить документ от всех предыдущих направляющих и сделать так, чтобы в документе имелись
направляющие только из нового макета, следует выбрать опцию "Удалить существующие направляющие" (Clear
Existing Guides), расположенную в нижней части диалогового окна: