... ...
Статьи

Подготовка дизайн проекта для аэрографии

Прогресс урока
0/63 шага

Почему важен дизайн-проект

Перед нанесением рисунка на автомобиль необходимо создать проект, который учтёт все нюансы: молдинги, хромированные вставки, изгибы кузова

💡 Важно помнить:Автомобиль — это не плоский холст. Он имеет множество форм и изгибов, которые обязательно должны быть отражены в проекте.
1

Запустите Photoshop

Откройте графический редактор Adobe Photoshop CS2 или новее.

Запуск Photoshop
2

File → Open

В левой верхней части экрана нажмите на вкладку: File > Open

Меню File > Open
3

Выберите изображение автомобиля

В открывшемся диалоговом окне выберите картинку с автомобилем и нажмите «Открыть».

Выбор файла
4

Фото автомобиля открыто

После выполнения 3-го шага у Вас должна открыться фотография с автомобилем.

Открытое фото автомобиля
5

Полноэкранный режим (клавиша F)

Нажмите клавишу "F", чтобы перевести картинку в полноэкранный режим. Чтобы выйти из полноэкранного режима, нажмите кнопку "F" дважды.

Полноэкранный режим

Добавление фона

Загружаем и настраиваем фоновое изображение

6

Откройте фоновое изображение

Идем во вкладку: File > Open и открываем файл с фоновым изображением.

Открытие фона
7

Фон открылся в новом окне

Фоновое изображение должно открыться поверх изображения с автомобилем, в отдельном окне.

Фон в отдельном окне
8

Выделите всё: Select → All

Идем во вкладку: Select > All. Это действие позволит выделить картинку полностью для последующего копирования.

Выделение Select > All
9

Копирование: Edit → Copy (Ctrl+C)

Идем во вкладку: Edit > Copy, или нажимаем горячие клавиши: Ctrl + C.

Копирование Edit > Copy
10

Вернитесь к изображению автомобиля

Закройте картинку с фоном или сверните ее. Получаем опять картинку с автомобилем.

Возврат к автомобилю
11

Вставка: Edit → Paste (Ctrl+V)

Идем во вкладку: Edit > Paste или нажимаем горячие клавиши: Ctrl + V.

Вставка фона
12

Фон появился как отдельный слой

После всех преобразований картинка с фоном открылась отдельным слоем в файле с автомобилем.

Слой с фоном

Позиционирование и трансформация

Настраиваем прозрачность и размещаем фон

13

Уменьшите прозрачность слоя (Opacity)

Уменьшите прозрачность слоя с фоном (Opacity) до 60-70%, чтобы видеть автомобиль.

Настройка прозрачности
14

Переместите фон (инструмент Move Tool, V)

Выберите инструмент перемещения (Move Tool, горячая клавиша "V") и переместите наш фон.

Перемещение фона
15

Свободная трансформация: Edit → Free Transform (Ctrl+T)

Идем во вкладку: Edit > Free Transform или нажимаем горячие клавиши Ctrl + T. Зажмите кнопку "Shift" для сохранения пропорций.

Трансформация с сохранением пропорций
16

Результат трансформации

После всех проделанных действий у Вас должно получиться нечто похожее на картинке.

Результат трансформации
17

Дублируйте слой (Duplicate Layer)

Так как размера фона нам недостаточно, мы сдублируем слой. Нажимаем правую кнопку мыши на слое и выбираем опцию - Duplicate Layer.

Дублирование слоя
18

Разместите дубликат впритык

Выбираем инструмент перемещение (горячая клавиша "V") и переместите слои так чтобы они встали впритык друг к другу.

Размещение дубликата
19

Отразите по горизонтали: Edit → Transform → Flip Horizontal

Идем во вкладку: Edit > Transform > Flip Horizontal, и отображаем наш слой по горизонтали.

Отражение по горизонтали
20

Установите непрозрачность 100% для обоих слоёв

Теперь необходимо выставить непрозрачность каждого слоя на 100%.

Непрозрачность 100%
21

Объедините слои: Merge Layers (Ctrl+E)

Выделите оба слоя (зажмите Ctrl и кликните на каждый), затем выберите опцию - Merge Layers или используйте горячие клавиши - Ctrl + E.

Объединение слоёв
22

Установите прозрачность слоя 60-70%

Теперь выставляем непрозрачность слоя примерно 60-70%, чтобы видеть автомобиль.

Прозрачность 60-70%
23

Переместите фон к переднему крылу

Выбираем инструмент перемещение и перемещаем слой с фоном немного левее, к переднему крылу автомобиля.

Позиционирование фона

Обработка переднего крыла

Удаляем лишние части фона с помощью ластика

24

Выберите инструмент Ластик (Eraser, клавиша E)

Выбираем инструмент Ластик (eraser) или используем горячую клавишу - "E". Регулируем диаметр ластика (Master Diameter) и жесткость (Hardness) на 0%.

Настройка ластика
25

Приблизьте изображение (Zoom, клавиша Z)

Используйте инструмент Лупа (Zoom) горячая клавиша "Z". Зажмите "ALT" для отдаления. При помощи кнопки "Пробел" перемещайте изображение.

Приближение изображения
26

Настройте непрозрачность ластика и сотрите арку колеса

Сотрите арку колеса ластиком с непрозрачностью 100%, затем выставите непрозрачность ластика в положение 10%.

Стирание арки колеса
💡 Совет:Когда выбран инструмент с функцией прозрачности, цифры на клавиатуре меняют его непрозрачность. Если выбран инструмент перемещения — цифры меняют прозрачность слоя.
27

Верните непрозрачность ластика на 100% и завершите обработку

Возвращаем непрозрачность ластика в 100% состояние. Законченный вариант переднего крыла можно увидеть на картинке.

Готовое переднее крыло

Обработка остальных деталей

Продолжаем удалять фон с различных элементов автомобиля

28

Снизьте прозрачность слоя до 20-30%

Снижаем прозрачность слоя на 20-30% чтобы увидеть границы автомобиля.

Снижение прозрачности
29

Выделите порог полигональным лассо (L) и удалите фон (Del)

Выбираем инструмент полигональное лассо (горячая клавиша L), выделяем порог автомобиля, нажимаем Del. Чтобы убрать выделение: Ctrl + D.

Выделение порога
30

Обработайте стёкла автомобиля

Таким же образом выделяем и удаляем части фона на стеклах авто.

Обработка стёкол
31

Удалите фон с заднего колеса (ластик 100%)

Приближаем заднюю часть автомобиля, выбираем инструмент ластик "E", ставим непрозрачность 100% и удаляем фон с заднего колеса.

Заднее колесо
32

Создайте плавный переход на заднем крыле (ластик 10%)

Выставляем непрозрачность ластика на 10% и аккуратно стираем часть фона на заднем крыле.

Плавный переход
33

Достигните максимального качества

Стираем аккуратно и стараемся достич максимального качества. Можно поэксперементировать с непрозрачностью ластика в 5%.

Готовое заднее крыло
34

Покажите порог автомобиля

Ставим прозрачность слоя в 10%, полигональным лассо выделяем порог, ставим непрозрачность в 80% и с непрозрачностью ластика в 10% протираем порог.

Обработка порога
35

Обработайте молдинг

Выделяем молдинг автомобиля и стираем немного ластиком, для того чтобы было видно форму автомобиля.

Молдинг
36

Удалите дверную ручку полностью

Выделяем дверную ручку автомобиля. Так как она полностью из хрома, стираем её полностью ластиком.

Дверная ручка
37

Меняйте прозрачность слоя при выделении объектов

Незабывайте менять прозрачность слоя когда выделяете объекты, так как все это скажется на качестве проекта.

Качество проекта
38

Выделите блик на изгибе (прозрачность слоя 10%)

Ставим прозрачность слоя с фоном 10%, делаем выделение полигональным лассо по контуру блика.

Выделение блика
39

Усильте блик (ластик 10% + осветлитель O)

Верните слою непрозрачность 80%, возьмите ластик с 10% непрозрачности, сотрите чтобы было видно блик. Возьмите инструмент осветлитель (клавиша "O") и немного осветлите.

Готовый блик
40

Обработайте проем двери

Ставим непрозрачность слоя в 10%, выделяем проем двери, возвращаем непрозрачность 80%, берем ластик 80% и стираем один раз!

Первый проём
41

Обработайте второй проем двери

Таким же образом поступаем с другим проем в двери.

Второй проём
42

Фон на автомобиле готов!

Ура! Теперь наш фон на автомобиле готов, и мы готовы разместить в нем нашего главного персонажа.

Готовый фон

Добавление персонажа

Вставляем и обрабатываем изображение акулы из "В поисках Немо"

43

Откройте файл с изображением акулы (File → Open)

Идем во вкладку: File > Open и открываем файл с изображением акулы из мультфильма "В поисках Немо".

Загрузка акулы
44

Выделите акулу полигональным лассо в полноэкранном режиме

Нажимаем горячую клавишу "F" для полноэкранного режима, при помощи инструмента Полигональное лассо выделяем акулу по контуру.

Выделение акулы
45

Скопируйте изображение (Edit → Copy)

Идем во вкладку: Edit > Copy и копируем изображение в память.

Копирование
46

Закройте изображение акулы (выйдите из полноэкранного режима)

Закрываем или сворачиваем изображение. Предварительно необходимо выйти из полноэкранного режима, путем нажатия кнопки "F" дважды.

Закрытие файла
47

Вставьте акулу в файл с автомобилем (Edit → Paste)

Идем во вкладку: Edit > Paste и вставляем акулу отдельным слоем.

Возврат к автомобилю
48

Акула вставлена без фона

Наша акула вставлена отдельным слоем и без собственного фона.

Акула вставлена
49

Отразите акулу по горизонтали (Edit → Transform → Flip Horizontal)

Идем во вкладку: Edit > Transform > Flip Horizontal и делаем зеркальное отображение нашей акулы.

Отражение акулы
50

Переместите акулу на нужное место (Move Tool, V)

При помощи инструмента "перемещение" (горячая клавиша "V") перемещаем акулу на нужное место.

Перемещение акулы
51

Уменьшите акулу (Free Transform + Shift)

Идем во вкладку: Edit > Free Transform, зажимаем кнопку "Shift" и за диагональные квадратики немного уменьшаем нашу акулу. Нажимаем "Enter".

Уменьшение акулы
52

Результат трансформации

После трансформации акулы, у Вас картинка должна принять вид как на примере.

Результат
53

Покажите, что хвост попал на излом формы (выделение + ластик 10%)

По блику, полигональным лассо (горячая клавиша "L") выделяем нужную нам область, ставим ластик с непрозрачностью 10% и немного подтираем слой с акулой.

Обработка хвоста
54

Обработайте пересечение с молдингом (непрозрачность акулы 80%)

Нужно поставить акуле непрозрачность слоя на 80%, чтобы она не сильно выбивалась из общей картинки.

Молдинг
55

Подотрите нижний плавник на пороге

Аккуратно подтираем нижний плавник акулы.

Порог
56

Выделите акулу по контуру (Ctrl + клик на иконке слоя)

Зажимаем кнопку Ctrl и левой кнопкой мыши нажимаем на иконку слоя с акулой.

Выделение акулы
57

Удалите фон за акулой (выделите слой фона → Del)

Отпускаете кнопку Ctrl и нажимаете левой кнопкой мыши по слою с фоном. Нажимаете кнопку "del" и удаляете фон за акулой.

Удаление фона

Финальная обработка

Применяем размытие и сохраняем результат

58

Размытие по Гауссу: Filter → Blur → Gaussian Blur

Идем во вкладку: Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гаусу).

Фильтр размытия
59

Установите коэффициент размытия (~2.0)

В появившемся окне выставляем значения (коэффициент 2.0) и нажимаем OK.

Настройка размытия
60

Сохраните проект: File → Save As

Идем во вкладку: File > Save As...

Сохранение PSD
61

Сохраните в формате PSD для дальнейшего редактирования

Сохраните в формате *.PSD, в котором сохранятся все слои и размеры.

Сохранение JPG
62

Сохраните копию в JPG для показа заказчику

Сохраните в формате *.JPG для показа заказчику или отправки по e-mail.

Готовый проект
63

Поздравляем! Проект готов

Теперь можно заварить себе чай или кофе и с легкостью вздохнуть и посмотреть на свою готовую работу.

🎉 Урок завершён!

Вы прошли все 63 шага и создали профессиональный дизайн-проект для аэрографии.

Что вы освоили

Вы научились создавать профессиональные макеты для аэрографии в Photoshop

🎨 Вы научились:
  • Работать со слоями в Photoshop
  • Трансформировать и позиционировать изображения
  • Учитывать формы и изгибы автомобиля
  • Создавать плавные переходы
  • Обрабатывать различные элементы кузова
  • Комбинировать несколько изображений
  • Применять фильтры для реалистичности
  • Сохранять проект в разных форматах
💡 Совет мастера:

Практикуйтесь на разных фотографиях автомобилей. Чем больше вы тренируетесь, тем лучше будете чувствовать формы и пропорции!

Статья подготовлена на основе материалов размещенных на сайте Exstudio.ru