Уроки Все для дизайнера Максим Енин 12 августа 2011

Рисуем листы из блокнота в Фотошоп

Сложность урока: Средний

В этом уроке мы будем создавать интересную иллюстрацию с офисными файлами.

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


(нажмите на изображение, чтобы увеличить)

Шаг 1: Переходим File - New (Файл - Новый) (CTRL+N). Устанавливаем параметры нового документа, как на скриншоте ниже.

* Ширина: 1222 px
* Высота: 1315 px
* Разрешение: 300

Шаг 2: Пожалуйста, загрузите rar-файл. В архиве вы найдете фоновое изображение, которое я создал в Фотошопе. Теперь у нас есть книга и фон.

Шаг 3: Создаем новую группу Layer - New - Group (Слой - Новый - Группа). В этом уроке мы создадим много слоев, поэтому нам понадобится объединять их в группы, чтобы все было аккуратно упорядочено. Итак, создаем группу и называем ее "Файл_1". Название группы должно быть простым и понятным, чтоб вам было легче ориентироваться на панели слоев.

Шаг 4: После этого, переносим три слоя из архива в группу, как показано ниже.

Шаг 5: Переместив слои, вы можете нажать на маленький серый треугольник возле названия группы, чтобы развернуть/свернуть ее. Когда она свернута (или скрыта), мы имеем больше свободного пространства на панели слоев. Если вам нужно скрыть слои в группе, не нужно кликать на каждом, достаточно скрыть саму папку.

Шаг 6: Теперь нарисуем несколько разделителей, который обычно используется в тетрадях на кольцах, с помощью инструмента выделения.

На панели инструментов Фотошопа выбираем Polygonal Lasso (Полигональное лассо) (L). C его помощью создаем простое выделение, как у меня. Затем заливаем его цветом с помощью Paint Bucket Tool (Заливка) (G).

Шаг 7: Удалим некоторые области листка. Активируем Eliptical Marquee Tool (Овальное выделение) (M), создаем выделения и жмем DELETE.

Шаг 8: Повторяем весь процесс с синим разделителем. Сначала, создаем новый слой (CTRL+SHIFT+N), рисуем выделение и заливаем его синим цветом (#163b57).

Шаг 9: Теперь нам нужно создать тень. Два раза кликаем по слою с синим разделителем, в появившемся окне выставляем параметры, как показано ниже.

Шаг 10: С этим разделителем мы закончили и, как вы видите, с тенью он стал выглядеть лучше.

Шаг 11: Обратите внимание на лист блокнота. Он создан при помощи группы инструментов выделения "Область", а именно Rectangular Marquee Tool (Прямоугольное выделение) (M), Область (вертикальная строка) / Single Column marquee, Область (Горизонтальная строка / Single Row marquee).

Примечание: технику создания листа из блокнота вы сможете найти здесь.

Примечание: обратите внимание, на изображении виден разделитель салатового цвета, он создан по технике синего разделителя.

Шаг 12: Создаем новую группу. Называем ее "Файл_2". Систематизируем все группы, как показано ниже.

Примечание: из изображения видно, что автор создал ещё листы из блокнота и разделитель оражевого цвета. Чтобы сэкономить время вы можете просто скопировать/вставить слои из предыдущей группы, внеся коррекцию в цвет и расположение.

Шаг 13: Теперь я покажу вам, как создать карандаш. Выбираем цвет #e6b23c. Активируем Rectangular Marquee Tool (Прямоугольное выделение) (M). Зажав клавишу SHIFT, создайте прямоугольное выделение и на новом слое залейте его цветом.

Шаг 14: Создайте новое выделение. В этот раз цвет должен быть светлее.

Шаг 15: Таким же образом, используя другие цвета, создайте ластик на карандаше. Нужно еще добавить теней.

Шаг 16: Два раза кликаем по слою с карандашом, чтобы открыть окно Layer Style (Стиль слоя). Устанавливаем параметры, как на скриншоте ниже.

Примечание: дополнительную информацию по созданию карандаша вы сможете найти здесь.

Шаг 17: Сейчас нам нужен простой набросок, который мы поместим на лист бумаги. Вы можете сами нарисовать набросок, либо найти в интернете.

Как вы видете, набросок расположен как бы на листе блокнота, следовательно слой с наброском должен быть поверх слоя с листом из блокнота. А для этого вам понабится немного упорядочить ваши слои, чтоб не запутаться. Далее дублируем (CTRL+J) слой с наброском. Режим смешивания оригинала слоя устанавливаем на Linear Burn (Линейный затемнитель), а для копии - Color Burn (Затемнение основы).

Примечание: чтобы создать ластик вам понадобится палитра розовых оттенков, указанная в шаге 15, инструменты выделения, Затемнитель /Осветлитель , стиль слоя - Тень.

Шаг 18: Как вы видите, я закончил создание данной иллюстрации  всего с тремя группами (1- фон, 2 - листы блокнота, синий и салатовый разделителем, 3 - оранжевый разделитель, листы из блокнота, карандаш, набросок). Но в каждой из них находится много слоев.

Шаг 19: Переходим на панель слоев и выбираем опцию Flatten (Объединить). Теперь мы имеем всего один слой.

Шаг 20: С иллюстрацией мы закончили, осталось немного поработать на панели слоев. Дублируем слой и устанавливаем режим смешивания самого верхнего на Color Burn (Затемнение основы). В результате темные цвета стали интенсивнее. Еще раз дублируем слой и устанавливаем режим смешивания на Color Burn (Затемнение основы) и Opacity (Непрозрачность) уменьшаем до 22%. И еще раз дублируем слой и устанавливаем режим смешивания на Pin Light (Точечный свет) и Opacity (Непрозрачность) уменьшаем до 13%.

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

Автор: Hatice Bayramoglu
Переводчик: Макс Енин
Ссылка на источник

Источник: www.tuts.3d2dizayn.com

47 тыс. 31
Печать Жалоба

Комментарии 31

Мммм.Перевод хороший,урок полезный...сделаем позже

Спасибо. Интересно было.

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

Psd-файл не скачался, так что все рисовала сама. Урок понравился! Спасибо.

Хороший урок. Спасибо.

Простите,не то изображение поместила

Благодарю за урок!)))
Хорошо расписано как и что делать. Результат меня радует.)))
Многому уже на этом сайте научилась,но это первое что осмелилась выложить, так как получилось боле-менее хорошо по сравнению с предыдущими работами по другим урокам.))))

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

Макс, спасибо за урок! Интересно было делать...

не знаю, что было в PSD файле, к уроку, но можно обойтись и без него! Так даже интереснее!

Спасибо! Сделала без исходника с изменениями и дополнениями)))))

пришлось сделать по своему,а так урок интересный!

Спасибо за урок, правда пришлось не много изменить.

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

пришлось без исходника обойтись )) за перевод - спасибо

Спасибо за урок..вот так получилось!

а я по своему интерпретировал

Спасибо за перевод! Решил по своему сделать, раз нету файла! ^_^

я выполнила этот урок,урок замечательный!жалко что работа больно большая для вставки :"(

Интересно, хоть кто-то выполнит этот урок?

Да, жаль)) Нормальный урок пропадает.

ежли кто-нить не даст рабочую ссылку на нужный для урока файл PSD - тема продолжения не получит ) ) переводчику так или иначе - спасибо

Да...скачать невозможно, файл с сайта удалён, а жаль. А без него ведь не сделаешь? Ну пока отложу этот урок ))

Урок интересный! Жаль, что файл невозможно скачать. Макс, спасибо за перевод.

за перевод спасибо

Интересный урок!

Урок мне как-то не приглянулся, но за перевод спасибо!

Invalid or Deleted File. НЕвозможно взять файл!!!!!!!!!!!!

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее