На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 12478
Легкий урок Размещено: 07.06.2012 г.

Создание цифровой иллюстрации в Photoshop


Привет! В сегодняшнем уроке мы с вами создадим красочную иллюстрацию, используя готовые изображения 3-d элементов, кисти и корректирующие слои.
Конечный результат:

Создание цифровой иллюстрации в Photoshop


Перед тем как приступить к выполнению урока, скачайте пакет с материалами к уроку.


Создайте документ (Ctrl+N) с размерами 1200x1500 пикселей, 72dpi RVB 8Bits. Затем добавьте слой градиентной заливки, перейдя Слои> Новый слой заливка> Градиент (Layer> New Fill Layer> Gradient).


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Создайте новый слой (Ctrl + Shift + N), возьмите инструмент Кисть (Brush Tool) (B) белого цвета и нарисуйте облака, используя кисти облаков из материалов к уроку.


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Теперь нарисуем сетку, создайте новый слой (Ctrl + Shift + N) и выберите Фильтр> Исправление перспективы, при помощи мыши нарисуйте сетку, выставляя точки в четырех углах рабочего поля.


Создание цифровой иллюстрации в Photoshop


Для отображения сетки непосредственно на слое, выберите команду «Отобразить сетку в фотошоп».


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Теперь добавьте корректирующий слой Цветовой Тон/Насыщенность (Hue и Saturation) к слою с сеткой, и уменьшите яркость до -100.


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Затем возьмите инструмент Ластик (Eraser Tool) (E), размером 600 пикселей и твердость 0%, сотрите некоторые части сетки.


Создание цифровой иллюстрации в Photoshop


Возьмите инструмент Эллипс (Ellipse Tool) (U) и нарисуйте круг в центре.


Создание цифровой иллюстрации в Photoshop


Далее перейдите в стили слоя и измените в параметрах наложения Непрозрачность заливки до 0%.


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


И настройте наложение Радиального градиента:


Создание цифровой иллюстрации в Photoshop


Теперь возьмите инструмент Линия (Line Tool) (U) и нарисуйте четыре диагональных линии, две черного цвета и две красного толщиной 2px.


Создание цифровой иллюстрации в Photoshop


Далее используйте инструмент Перо (Pen Tool) (P) в режиме формы и нарисуйте следующую фигуру.


Создание цифровой иллюстрации в Photoshop


Растрируйте слой с фигурой. Возьмите Ластик (Eraser Tool) (E), размером 400 пикселей и 0% твердости, удалите нижнюю часть нарисованной фигуры.


Создание цифровой иллюстрации в Photoshop


Измените режим смешивания для слоя на Затенение Основы.


Создание цифровой иллюстрации в Photoshop


Откройте изображение женщины из пакета материалов к уроку.


Создание цифровой иллюстрации в Photoshop


Используйте инструмент Перо (Pen Tool) (P), для извлечение изображения женщины из фона.


Создание цифровой иллюстрации в Photoshop


Скопируйте (Ctrl+C) и вставьте (Ctrl+V) изображение женщины в документ на новый слой.


Создание цифровой иллюстрации в Photoshop


Возьмите Ластик (Eraser Tool) (E), размером 100, толщиной 0% твердости и удалите нижнюю часть нашей модели.


Создание цифровой иллюстрации в Photoshop


Создайте новый слой (Ctrl+Shift+N) выше всех слоев и залейте (Shift+F5 или Edit-Fill) его 50% серого цвета. Измените режим наложения для слоя на Перекрытие (Overlay). Выбираем Затемнитель (Burn Tool) и кистью закрашиваем темные области лица женщины, затем переключаемся на Осветлитель (Dodge Tool) и проводим кистью по светлым участкам.


Создание цифровой иллюстрации в Photoshop


Затем перейдите в Изображение> Коррекция> Яркость и Контраст.


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Создайте новый слой (Ctrl+Shift+N) позади слоя с моделью, возьмите инструмент Кисть (Brush Tool) (B) и добавьте вокруг женщины немного мусора.


Создание цифровой иллюстрации в Photoshop


Нарисуйте след который оставляют волосы при помощи Кисти (Brush Tool) (B) осколков, обломков и облаков, чтобы дать такой эффект как на скриншоте ниже:


Создание цифровой иллюстрации в Photoshop


В нижней части используйте случайные формы из набора кистей.


Создание цифровой иллюстрации в Photoshop


Далее откройте изображение разноцветной молнии из материалов к уроку и, используя Свободную Трансформацию (Ctrl+T) настроить его, так как показано ниже:


Создание цифровой иллюстрации в Photoshop


Перейдите в стили слоя и добавьте к изображению тень:


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Теперь добавьте в документ изображение шаров.


Создание цифровой иллюстрации в Photoshop


Измените режим наложения для слоя на Экран (Screen).


Создание цифровой иллюстрации в Photoshop


Теперь импортируйте 3D-объекты в фотоманипуляцию.


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


И наконец, добавьте корректирующий слой Цветовой баланс (Color Balance).


Создание цифровой иллюстрации в Photoshop


Создание цифровой иллюстрации в Photoshop


Конечный результат:


Создание цифровой иллюстрации в Photoshop


Удачи и приятного обучения!


Используемые материалы:


Пакет zip

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): tutsps.com
Источник: Ссылка на источник скачиваний/переходов: 39




Рейтинг популярности: 3.1/5 (Всего оценок: 29)

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



В галерею
13.05.2018 13.05.2018  Xeksany ****

Классный урок и не сложно делать


В галерею
05.03.2015 05.03.2015  Nadmir

Замечательный урок! Большое спасибо!


В галерею
02.02.2015 02.02.2015  Olexiy1405

Классные эффэкты))


В галерею
05.12.2014 05.12.2014  Владимир Носков

Спасибо за отличный урок!


В галерею
13.02.2014 13.02.2014  marishka

У всех, кто выполнил этот урок, результаты отличные! Все молодцы!


В галерею
11.02.2014 11.02.2014  Paullo

Один из лучших уроков на "абстракционную" тему. Заодно и фотошопный французский немножко можно выучить. Спасибо за урок!


В галерею
10.02.2014 10.02.2014  kolly

Классный урок! Спасибо огромное!


В галерею
27.02.2013 27.02.2013  cobrastar

Очень классный урок! Спасибо!


В галерею
26.02.2013 26.02.2013  kolcinamarkc

Спасибо!!!Урок интересный и несложный!!!


В галерею
28.11.2012 28.11.2012  mamina

спасибо за чудесный вариант оформления фото к Новому году!


В галерею
11.06.2012 11.06.2012  мандаринка

Какой урок замечательный. Такой несложный, но очень впечателяющий. Большое спасибо)))))))


В галерею
09.06.2012 09.06.2012  AnikA

Спасибо за урок!


В галерею
08.06.2012 08.06.2012  AnikA

Да, действительно, урок очень красивый! Буду делать!


В галерею
08.06.2012 08.06.2012  servagln

Спасибо Вам за красивейший урок !! Скачала PDF файлом.Порадовали уроком.


В галерею
07.06.2012 07.06.2012  Кузя

Хороший урок! Сохранил себе!...Вот удивляюсь иногда...понадобавляют авторы в свои картинки всякой ерунды(полоски, кружочки, галочки), а оно смотрится!