Уроки Все для Художника Марат Садыгалиев 16 февраля 2012

Рисуем книгу в Фотошоп

Сложность урока: Сложный

В этом уроке вы узнаете, как нарисовать книгу в кожаном переплёте в программе Photoshop, используя различные текстуры и стили слоя.

Итоговый результат


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

Исходные материалы:

Архив

ШАГ 1. Создайте новый документ
Откройте программу Photoshop и создайте новый документ.

ШАГ 2. Залейте задний фон цветовым оттенком #412405, с помощью инструмента Заливка (paint brush tool).

ШАГ 3. Создайте новый слой, затем идём Редактирование – Заливка (Edit>Fill) и выберите свой узор.

ШАГ 4. Поменяйте режим наложения для этого слоя на Точечный Свет (Pin Light), уменьшите Непрозрачность (Opacity) слоя до 24%.

ШАГ 5. Создайте новый слой, назовите этот слой 'книга’, далее, выберите инструмент Перо (pen tool) и нарисуйте форму книги.

ШАГ 6. К слою “книга” примените стили слоя.

ШАГ 7. Сейчас, мы добавим световой блик к книге, создайте новый слой и назовите этот слой 'блик'. Выберите мягкую круглую кисть 172 px, цветовой оттенок # b74322 и примените кисть в углу вашей книги.

ШАГ 8. Сейчас мы добавим световой блик на корешок книги. Создайте новый слой и выберите мягкую круглую кисть 51 px (#FFFFFF). Удерживая клавишу Shift, нарисуйте линию поперек вашего изображения. Удержание клавиши Shift помогает нам рисовать кистью прямую линию.

ШАГ 9. Далее, выберите инструмент свободная трансформация Редактирование – Свободная Трансформация (Edit>Free Transform) и поверните линию таким образом, чтобы угол наклона линии совпадал с углом книги, удалите лишние части, которые выходят за границы книги.

ШАГ 10. Для этого слоя поменяйте режим наложения на Мягкий свет (Soft Light), и уменьшите непрозрачность слоя до 85%

ШАГ 11.  Тень
 Создайте новый слой, назовите его 'тень'. Выберите мягкую круглую кисть 95 px, цветовой оттенок # 3b0d06 и прокрасьте вдоль края корешка книги и у основания книги. Я создал выделение вокруг книги, поэтому мне придётся применить ластик. Для создания выделения необходимо удерживать клавишу Ctrl + щёлкнуть по миниатюре слоя 'книга'.

ШАГ 12. Далее, добавьте ещё больше тени, но на это раз используя более тёмный оттенок # 310c05.

ШАГ 13. Страницы
Создайте новый слой, назовите его 'страницы'. Выберите инструмент Перо (pen tool) и создайте форму, как на скриншоте ниже, далее залейте созданную форму цветовым оттенком # ffffff.

ШАГ 14. Добавьте Внутреннюю Тень (Inner Shadow).

ШАГ 15. Создайте новый слой, выберите инструмент Прямоугольная область (rectangular marquee tool), далее, создайте прямоугольное выделение, как на скриншоте ниже и залейте выделение узором Полосы. Идём Редактирование – Заливка – Узор (Edit>Fill>Pattern).

ШАГ 16. Далее, идём Редактирование – Свободная трансформация (Edit>Free Transform) и поворачиваем прямоугольную область таким образом, чтобы её угол наклона совпадал с углом наклона слоя 'страницы'.

ШАГ 17. Удалите ненужные участки.

ШАГ 18. Добавьте стили слоя Наложение градиента (Gradient Overlay).

ШАГ 19. Продублируйте этот слой и поменяйте настройки. В начале поменяйте Непрозрачность (Opacity) слоя до 38%, а затем поменяйте Наложение градиента (Gradient Overlay).

ШАГ 20. Книжная Закладка
Создайте новый слой. Назовите этот слой 'книжная закладка'. Выберите инструмент Перо (pen tool) и создайте форму книжной закладки. Продублируйте этот слой.

ШАГ 21. К первому слою добавьте стили слоя.

ШАГ 22. У второго слоя ‘книжная закладка’, который расположен ниже первого слоя, поменяйте непрозрачность до 49% и в стилях слоя поменяйте Наложение цвета (Color Overlay).

Примечание переводчика: это будет будущая тень закладки.

ШАГ 23. Примените Размытие по Гауссу (Gaussian Blur).

Примечание переводчика: примените размытие к тени закладки.

ШАГ 24. Создайте новый слой, далее создайте выделение слоя ‘страницы’ и примените к выделению обводку.

ШАГ 25. Обработайте обводку ластиком и примените фильтр Размытие по Гауссу (Gaussian Blur).

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

ШАГ 26. Создайте ещё один слой, к этому слою, мы то же применим обводку. Создайте выделение слоя 'книга'.

ШАГ 27. Выберите инструмент Перо (pen tool), настройте кисть, установите мягкую круглую кисть 7px, цветовой оттенок # ffffff и нарисуйте метки на корешке книги.

ШАГ 28. Поменяйте Непрозрачность (Opacity) этого слоя до 9%.

ШАГ 29. Создайте новый слой, и нарисуйте ещё дополнительные метки, но на этот раз поменяйте настройки кисти, установите кисть 7px, цвет # 421209.

ШАГ 30. Поменяйте режим наложения для этого слоя на Умножение (Multiply) и уменьшите непрозрачность слоя до 76%.

ШАГ 31. Откройте текстуру кожи, выровняйте её, удалите лишние участки, которые выходят за пределы границ книги.

ШАГ 32. Поменяйте режим наложения для этого слоя на Умножение (Multiply).

ШАГ 33. Выберите инструмент Произвольная фигура (Custom shape tool) и установите фигуру, как на скриншоте.

ШАГ 34. Поверните фигуру таким образом, чтобы она была выровнена с книгой. Поменяйте режим наложения на Мягкий свет (Soft Light) и уменьшите непрозрачность слоя до 64%.

ШАГ 35. Примените стили слоя.

ШАГ 36. Выберите инструмент Перо (pen tool) и нарисуйте полоску, цветовой оттенок, который я использовал для заливки # 732811.

Примечание переводчика: это будет ремешок книги.

ШАГ 37. Создайте новый слой и к полоске, которую мы создали, примените текстуру кожи. Поменяйте режим наложения на Умножение (Multiply).

ШАГ 38. Примените стили слоя Тень (Drop Shadow).

ШАГ 39. Продублируйте этот слой, но отключите видимость стиля слоя Тени (Drop shadow), щёлкнув по глазку продублированного слоя.

ШАГ 40. Выберите инструмент мягкую круглую кисть # 240603, создайте новый слой и на новом слое примените кисть на краях полоски.

ШАГ 41. Поменяйте режим наложения для этого слоя на Мягкий свет (Soft Light), уменьшите непрозрачность слоя до 48%.

ШАГ 42. Создайте новый слой, выберите инструмент Перо (pen tool) и нарисуйте небольшую застёжку.

ШАГ 43. Добавьте стили слоя

Примечание переводчика: при наложении градиента, автор применяет режим наложения Темнее (Darker Color), если у вас нет данного режима, то этот режим похож на стандартный режим наложения Замена тёмным (Darken).

ШАГ 44. Создайте новый слой и добавьте текстуру кожи, поменяйте режим наложения на Линейный затемнитель  (Linear Burn).

ШАГ 45. Выберите инструмент Кисть (brush tool) и нарисуйте тени вокруг маленькой застёжки, используя цветовой оттенок # a16a49. Поменяйте режим наложения для этого слоя на Умножение (Multiply).

ШАГ 46. Создайте новый слой, установите мягкую круглую кисть 23 px, цветовой оттенок  # 2c0d05 и нарисуйте линию.

ШАГ 47. Идём Редактирование – Свободная трансформация (Edit>Free Transform) и выравниваем вдоль корешка книги и меняем режим наложения для этого слоя на Мягкий свет (Soft Light). Удалите лишние части, которые выходят за границы книги.

ШАГ 48. Создайте новый слой, назовите этот слой 'замочек'. Выберите инструмент Перо (pen tool) и создайте форму, как показано на скриншоте ниже.

ШАГ 49. Добавьте стили слоя.

ШАГ 50. Создайте выделение замочка и примените сжатие на 5 px. Выделение – Модификация- Сжать (Select>Modify>Contract).

ШАГ 51. Примените обводку. Редактирование- Выполнить обводку (Edit>Stroke).

ШАГ 52. Добавьте стили слоя.

ШАГ 53. Создайте новый слой и с помощью инструмента перо нарисуйте замочную скважину в замочке.

ШАГ 54. Добавьте стили слоя.

ШАГ 55. Выберите жёсткую круглую кисть 9 px, цветовой оттенок # 000000 и нарисуйте ниже замочной скважины отверстие.

ШАГ 56. Добавьте стили слоя.

ШАГ 57. Продублируйте слой с отверстием и поместите копию отверстия наверх замочка.

ШАГ 58. Выделите все слои, которые относятся к книге в кожаном переплёте, и поместите все слои в одну отдельную группу. Продублируйте эту группу и поместите группу ниже оригинальной группы. К дубликату группы примените слой –маску и на слой –маске с помощью чёрной кисти обработайте нижнюю часть книги.

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

В продублированной группе найдите слой с закладкой и слой с тенью закладки и отразите их по вертикали. Идём, Редактирование – Свободная трансформация – Отразить по вертикали ( Edit>Free Transform> Flip Vertical).

ШАГ 59. Создайте новый слой, выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и создайте прямоугольное выделение в левой части изображения, залейте выделение цветовым оттенком # 000000.

ШАГ 60. Поменяйте режим наложения для этого слоя на Мягкий свет (Soft Light).

ШАГ 61. Создайте новый слой и с помощью мягкой круглой кисти нарисуйте пятно в верхней части документа, используя цветовой оттенок # ffffff

ШАГ 62. Поменяйте режим наложения для этого слоя на Мягкий свет (Soft Light).

ШАГ 63. Выберите инструмент Текст (type tool) и напечатайте любой текст на своё усмотрение. Я использовал слово "Book Fair", я использовал шрифт 'Champagne & Limousines'.

ШАГ 64. Добавьте стили слоя.

Итоговый результат

Автор: Ashlee Harrell
Переводчик: Садыгалиев Марат
Ссылка на источник
Ссылка на PSD файл урока

Источник: www.photoshoptutorials.ws

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

Ну вот как-то так. Спасибо за урок. Было интересно работать.

Такая книжка. Спасибо за урок)

Что я делаю не так? На шаге 37 произошли затруднения, не могу понять, что и как делать дальше?

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

а есть возможность исходник перезалить? Пожалуйста.

Для чего ? Ссылка и так рабочая.

С большим интересом выполнял урок. Делал долго, старался довести дело до ума и понимаю, что еще нужно учиться, учиться и учиться... Огромное спасибо за урок! :)

Хороший урок, спасибо!

спасибо за урок. тут я совместила работы по урокам - книга.старинный фолиант и перо

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

Спасибо♥

Спасибо за урок! Немного изменила книгу и стала блокнотом:)

Урок понравился за:
1. Отличная текстура кожи;
2. Несколько новых стилей;
2. Пара интересных нюансов.
Но... Правила рисования Вуда:
1. Никогда не рисуйте то, что можно скопировать.
2. Никогда не копируйте то, что можно обвести.
3. Никогда не обводите то, что можно вырезать и наклеить.
Зачем так много пера ? Так достало, что не всё доделала :=).
Переводчику отдельное СПАСИБО!

очень сложно рисовать пером:( Спасибо...

Книга сказок

Длинно, но толково. Спасибо...

Для начинающих сложновато,спасибо.

Нужны художники для игр разной тематики! Желающие по участвовать пишите мне на мыло: zdeshnii80@mail Цена за работы договорная. Возможен контракт с одним из создателей игры.

розовая книжечка :)

Огромная благодарность Марату за урок! Попыталась создать экзотическую книгу по уроку, да простят меня Общества защиты животных.

сайт просто супер

Спасибо огромное Марату за урок. Долго не решалась за работу взяться. Получила огромное удовольствие. Правда перо еще не слушается...

Делал по уроку были не стыковки, или что то не понял или где то ошибки. Сделал небольшие доработки, вот что получилось.

Урок очень интересный! Спасибо автору и переводчику!

Дякую за статтю!

Урок класс, но как всегда заигрался и отошел от темы.

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее