Создание открытой книги в Фотошоп

Большинство людей даже не могут себе представить, как много времени и усилий уходит на создание на первый взгляд простых иконок. Чтобы получить желаемый результат, может уйти не один час. В этом уроке я продемонстрирую вам, как создать иконку книги в Photoshop.

Давайте начнем!

Шаг 1. Создайте новый документ с размерами 400х350 пикселей.

Создание открытой книги в Фотошоп

Шаг 2. На панели инструментов выберите Paint Bucket Tool (G) (Заливка), измените цвет переднего плана на нейтральный серый #7a7a7a и заполните им созданный документ. Назовите данный слой Background. Далее создайте новый слой, выберите инструмент Rectangle Tool (U) (Прямоугольник) в настройках установите Shape Layers (Слой-фигура).

Создание открытой книги в Фотошоп

На только что созданном слое нарисуйте прямоугольник, выбрав цвет переднего плана #e7c681.

Создание открытой книги в Фотошоп

Шаг 3. Так как мы использовали Shape Layers (Слой - фигура), то в панели слоев обычный слой преобразовался в слой-маску. А так же вокруг нашего прямоугольника появился тонкий серый контур. Теперь мы можем преобразовать фигуру без потери качества с помощью клавиш Ctrl + T. Удерживая клавишу Ctrl, измените направление углов, как показано на изображении ниже.

Создание открытой книги в Фотошоп

Создайте новый слой, при помощи инструмента Rectangle Tool (U) (Прямоугольник), создайте другой прямоугольник и преобразуйте его, как показано на изображении.

Создание открытой книги в Фотошоп

Шаг 4. Два слоя с созданными прямоугольниками переименуйте Cover 1 и Cover 2 соответственно.  Теперь примените стили к слою с первой обложкой (прямоугольником). Для этого кликните два раза на нужном вам слое или выделите нужный вам слой и перейдите во вкладку Layer > Layer Style > Blending Options (Слои – Стиль слоя – Параметры наложения). Настройки для стилей на изображениях ниже.

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Сохраните настройки и примените такие же стили слоя ко второй обложке. Для этого кликните правой кнопкой мыши на слое Cover 1, к которому мы сейчас применили стили слоя, и выберите Copy Layer Style (Скопировать стиль слоя), затем сделайте клик правой кнопкой мыши на слое Cover 2 и выберите команду Paste Layer Style (Вклеить стиль слоя). Теперь у нас есть пара золотых книжных обложек.

Создание открытой книги в Фотошоп

Шаг 5. У нас появилась небольшая проблемка, нам нужно, чтобы наши обложки были не с золотым отливом, а с зеленоватым. Это исправить очень просто. Перейдите на панель слоев, и вы увидите, что каждый слой имеет миниатюры. Кликните на нужную вам миниатюру, удерживая клавишу Ctrl, и нужный вам объект выделится. А с помощью комбинации клавиш Ctrl + Shift + клик по миниатюре вы можете выделить объекты из нескольких слоев подряд.

Теперь попробуйте выделить миниатюры на слоях Cover 1 и Cover 2. Вот, что у вас должно получиться.

Создание открытой книги в Фотошоп

Идем дальше. Чуть ниже панели слоев располагаются значки, на данный момент нас интересует черно-белый кружочек Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку). Сделайте клик по этому значку и из списка выберите Hue/Saturation (Цветовой тон/Насыщенность). Настройки на изображении ниже.

Создание открытой книги в Фотошоп

Не снимая выделения, нажмите на значок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) и выберите Color Balance (Цветовой баланс). Установите такие настройки: Shadows (Тени): +11/-10/-18; Midtones (Средние тона): +21/0/-12; Highlights (Света): +3/0/0.

Затем снова нажмите на значок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку), выберите Hue/Saturation (Цветовой тон/Насыщенность) и установите следующие настройки.

Создание открытой книги в Фотошоп

В результате должно получиться что-то вроде этого:

Создание открытой книги в Фотошоп

Шаг 6. Теперь поместите все слои кроме фонового в отдельную папку. Для этого сделайте клик по значку с папочкой Create a new Group (Создать новую группу) и перетащите в нее все нужные слои. Этот значок находится в нижней части панели слоев, рядом с черно-белым кружочком. Назовите эту группу Covers. Идем дальше. Создайте новый слой над группой и назовите его Corner 1.

На панели инструментов выберите Polygonal Lasso Tool (L) (Прямолинейное лассо) и создайте выделение треугольной формы в нижнем левом углу первой обложки.

Создание открытой книги в Фотошоп

Установите цвет переднего плана #e7c681 и, при помощи инструмента Paint Bucket Tool (G) (Заливка), заполните созданный треугольник. С помощью клавиш Ctrl + D снимите выделение. Далее скопируйте стили слоя, которые мы применили к слоям Cover 1 и Cover 2 и вставить их на слой Corner 1. Вот результат:

Создание открытой книги в Фотошоп

Далее проделайте такую же операцию с тремя другими уголками. Каждый уголок создайте на отдельном слое и назовите Corner 2, Corner 3 и т.д. Нарисуйте такие же треугольники и примените такие же стили слоя.

Создание открытой книги в Фотошоп

Шаг 7. Полученные уголки выглядят как бы бездушными, давайте сделаем их более оживленнее. Для этого перейдите в панель слоев и, удерживая клавишу Ctrl, кликайте по слоям с уголками по очереди, чтобы их все выделить. С помощью клавиш Ctrl + E объедините их в один слой. При помощи комбинации клавиш Ctrl + клик по миниатюре слоя выделите ее и нажмите на значок Create new fill or adjustment layer (Создать новый корректирующий слой или слой-заливку) в нижней части панели слоев и выберите Photo Filter (Фотофильтр). Введите следующие параметры: Фильтр: Теплый фильтр (81); Плотность: 63% и сохраните настройки.

С помощью клавиш Ctrl + E объедините два слоя с фотофильтром и с углами. Выберите инструмент Burn Tool (O) (Затемнитель) и введите следующие значения: Кисть: 50 пикселей; Диапазон: Тени; Экспонир: 11%. Далее выберите инструмент Dodge Tool (О) (Осветлитель) и установите следующие настройки: Кисть: 50 пикселей; Диапазон: Подсветка; Экспонир: 10%. Вот, что у вас должно получиться:

Создание открытой книги в Фотошоп

Шаг 8. Мы закончили работать с углами, назовите этот слой Gold Corners. Теперь перейдите в группу Covers, продублируйте слой Cover 1, переместите из папочки и поместите вверху. Сделайте клик по этому слою правой кнопкой мыши и выберите Clear Layer Style (Очистить стиль слоя). Ваша панель слоев должна выглядеть так:

Создание открытой книги в Фотошоп

На первой обложке у нас появился прямоугольник желтого цвета, который мы создавали первоначально. Теперь с помощью клавиш Ctrl + T измените размер прямоугольника и передвинте так, как показано на изображении.

Создание открытой книги в Фотошоп

На панели инструментов выберите Direct Selection Tool (A) (Выделение контура) и сделайте клик по желтому прямоугольнику. Вокруг него появилась серая граница, а так же на углах появились опорные точки. Чтобы их хорошо разглядеть, можно увеличить изображение.

Создание открытой книги в Фотошоп

Шаг 9. Выберите инструмент Convert Point Tool (P) (Преобразовать опорную точку), нажмите по самой нижней опорной точке и немного перетащите, чтобы получилось, как на изображении ниже.

Создание открытой книги в Фотошоп

Далее мы будем создавать страницы для нашей книги. Переименуйте слой, который мы продублировали, на Pages Base. Установите цвет #d6bb8e, выберите инструмент Line Tool (Линия), в настройках установите Shape Layers (Слой-фигура) толщиной 20 пикселей. На новом слое создайте линию, как показано на изображении.

Создание открытой книги в Фотошоп

Шаг 10. Выберите инструмент Direct Selection Tool (A) (Выделение контура), сделайте клик по этой линии, затем наведите стрелочку на нужную опорную точку и, нажав клавишу Ctrl, передвиньте ее в нужное нам место. Вот, что у вас должно получиться.

Создание открытой книги в Фотошоп

Снова выберите инструмент Convert Point Tool (P) (Преобразовать опорную точку) и немного поработайте над концами линии.

Создание открытой книги в Фотошоп

Шаг 11. Идем дальше. На этом этапе мы добавим текстуру реальных страниц. Скачайте файл с текстурой. Создайте новый слой, выберите инструмент Paint Bucket Tool (G) (Заливка), заполните шаблон. С помощью клавиш Ctrl + T сделайте некоторые преобразования, поверните линии так, чтобы они были параллельны первой обложке, установите размер 50%. Вот так:

Создание открытой книги в Фотошоп

Нажмите комбинацию клавиш Ctrl + клик по слою с фигурой и зайдите в меню Select > Inverse (Выделение - Инверсия), нажмите Delete (Удалить). Затем создайте новый слой, установите цвет переднего плана #fdf8ea и, выбрав инструмент Paint Bucket Tool (G) (Заливка), залейте выделение. Выберите инструмент Move Tool (V) (Перемещение) и переместите текстуру немного влево. Примерно вот так:

Создание открытой книги в Фотошоп

Шаг 12. Назовите слой с текстурой Pages White, а слой с фигурой Light Side. Сделайте клик правой кнопкой мыши по слою Light Side и выберите Rasterize Layer (Растрировать слой). Воспользуйтесь инструментом Burn Tool (О) (Затемнитель) с теми же настройками и поработайте над нижней частью обложки. Выберите инструмент Dodge Tool (О) (Осветлитель) настройки прежние, и поработайте над верхней частью обложки, чтобы создать реалистичное освещение.

Создание открытой книги в Фотошоп

Теперь нам нужно объединить слой с текстурой и слой Light Side в один. Палитра слоев должна выглядеть так:

Создание открытой книги в Фотошоп

Выберите инструмент Eraser Tool (E) (Ластик), в настройках установите жесткость 100%, размер 1 – 2 пикселя и сотрите немного в верхней части фигуры, располагающейся на слое Light Side, как показано на изображении.

Создание открытой книги в Фотошоп

Шаг 13. Теперь нам нужно сделать нижние части страниц. Выберите инструмент Line Tool (Линия), настройки остаются прежними (Шаг 9.), за исключением цвета переднего плана, измените его на #9c8d6e.

Создание открытой книги в Фотошоп

С помощью инструментов Direct Selection Tool (A) (Выделение контура) и Convert Point Tool (Преобразовать опорную точку), поработайте с нижней частью страниц.

Создание открытой книги в Фотошоп

Шаг 14. Теперь необходимо применить к нижней части такую же текстуру. Для этого создайте новый слой и заполните его текстурой с линиями. Перейдите в меню Edit > Transform > Rotate 90 (Редактирование – Трансформирование – Поворот на 90 градусов по часовой стрелке). Нажмите клавиши Ctrl + T для преобразования и измените размер до 50% от первоначального. Зайдите Edit > Transform > Warp (Редактирование – Трансформирование - Деформация), чтобы сделать линии параллельно обложке.

Создание открытой книги в Фотошоп

Нажмите Ctrl + клик по миниатюре слоя с нижней частью страницы, зайдите в меню Select > Inverse (Выделение - Инверсия) и нажмите Delete (Удалить). Создайте новый слой, установите цвет переднего плана #a59d86 и, выбрав инструмент Paint Bucket Tool (G) (Заливка), залейте выделение. Выберите инструмент Move Tool (V) (Перемещение) и переместите текстуру немного вниз. Примерно вот так:

Создание открытой книги в Фотошоп

Растрируйте слой-маску и повторите операции с инструментами Burn Tool (О) (Затемнитель) и Dodge Tool (О) (Осветлитель), которые использовались в Шаге 12, настройки прежние. Теперь объедените слой с текстурой и растрированный слой и назовите его Pages Dark Side.

Создание открытой книги в Фотошоп

Шаг 15. Давайте отложим работу с первой обложкой и примемся за вторую. Установите цвет переднего плана #9c8d6e. Выберите инструмент Line Tool (U) (Линия) в настройках установите Shape Layers (Слой-фигура), толщина 20 пикселей, и нарисуйте линию, как на изображении.

Создание открытой книги в Фотошоп

Снова поработайте инструментами Direct Selection Tool (A) (Выделение контура) и Convert Point Tool (P) (Преобразовать опорную точку). У вас должен получиться такой результат:

Создание открытой книги в Фотошоп

Создайте новый слой и залейте его текстурой, как и раньше. Зайдите Edit > Transform > Rotate 90 (Редактирование – Трансформирование – Поворот на 90 градусов по часовой стрелке). Уменьшите размер на 50%. Перейдите Edit > Transform > Warp (Редактирование – Трансформирование - Деформация), и сделайте такие преобразования:

Создание открытой книги в Фотошоп

Шаг 16. Создайте обтравочную маску Layer > Create Clipping Mask (Слои – Создать обтравочную маску). Создайте новый слой и поместите его между слой-маской и слоем с обтравочной маской. С помощью клавиш Ctrl + клик по миниатюре слоя с текстурой выделите нижнюю часть страниц на второй обложке. Установите цвет переднего плана #a59d86 и, выбрав инструмент Paint Bucket Tool (G) (Заливка), заполните выделение. Воспользуйтесь инструментом Move Tool (V) (Перемещение) и переместите текстуру немного вниз.

Теперь давайте растрируем слой с фигурой. Выберите инструмент Burn Tool (О) (Затемнитель) с параметрами: Кисть 50 %, Диапазон: Тени, Экспонир: 5%, Аэрограф: выкл. При необходимости можно использовать инструмент Sponge Tool (O) (Губка) с настройками: Режим - Desaturate (Снизить насыщенность), Flow (Нажим): 27% . Объедините слои с обтравочными масками и слой с фигурой. У вас должно получиться так:

Создание открытой книги в Фотошоп

Затем объедините слои с нижней частью страниц на первой и второй обложках. В результате ваша палитра слоев должна выглядеть так:

Создание открытой книги в Фотошоп

Шаг 17. Увеличьте масштаб изображения до 400 – 500%, выберите инструмент Eraser Tool (E) (Ластик), установите размер кисти 1 – 2 пикселя, жесткость 100% и немного поработайте над краями страниц. В результате должен получиться такой результат:

Создание открытой книги в Фотошоп

Теперь давайте поработаем с тенью. Немного ранее мы создали группу Covers, объедините всю группу в один слой. Создайте новый слой над слоем Covers и сделайте клик по нему правой кнопкой мыши, в появившемся меню выберите Create Clipping Mask (Создать обтравочную маску). Нажмите Ctrl + клик по миниатюре слоя Gold Corners, чтобы выделить углы.

Создание открытой книги в Фотошоп

Выберите инструмент Paint Bucket Tool (G) (Заливка), установите цвет #8c7330, поменяйте режим на Multiply (Умножение) и залейте новый слой. Выберите инструмент Move Tool (V) (Перемещение), установите масштаб изображения до 200 – 300%, с помощью клавиш Ctrl + T трансформируйте тени уголков, как бы сжимая к углам. Далее, зайдите в меню Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и установите значение радиуса 0,2 пикселя.

Создание открытой книги в Фотошоп

Создайте новый слой чуть выше слоя Gold Corners. Установите режим Multiply (Умножение), нажмите Ctrl + клик по миниатюрам слоев Pages Dark Side и Light Side в палитре слоев, удерживая при этом клавишу Shift.

Создание открытой книги в Фотошоп

Заполните выделенные фрагменты цветом #8c7330, а затем снимите выделение. С помощью инструмента Move Tool (V) (Перемещение) переместите тень страниц немного вниз и влево. Перейдите Filter > Blur > Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) и установите значение радиуса 0,2 – 0,3 пикселя.

Создание открытой книги в Фотошоп

Шаг 18. Продолжаем работать со страницами. Выберите инструмент Pen Tool (P) (Перо) в настройках установите Shape Layers (Слой-фигура), цвет - #efd5a9. Создайте новый слой и на нем изобразите форму страниц.

Создание открытой книги в Фотошоп

Назовите этот слой Base Pages. Теперь к этому слою примените следующие стили слоя:

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Установите основной цвет #b48455 и фоновый #efd5a9. Создайте новый слой выше слоя Base Pages, сделайте клик правой кнопкой мыши по этому слою и выберите Create Clipping Mask (Создать обтравочную маску). При помощи инструмента Gradient Tool (G) (Градиент) с параметрами Reflected Gradient (Зеркальный градиент)  проведите линию от середины к краю.

Создание открытой книги в Фотошоп

Шаг 19. Теперь мы будем работать над перелистывающей страницей. Создайте новый слой выше других. Установите цвет #cc9c6a, выберите инструмент Pen Tool (P) (Перо) с теми же настройками, как и прежде, и изобразите фигуру перелистывающейся страницы.

Создание открытой книги в Фотошоп

Назовите этот слой Flip Page Left. Сделайте клик правой кнопкой мыши по слою Base Pages и из списка выберите Copy Layer Style (Скопировать стиль слоя), перейдите на слой Flip Page Left, сделайте по нему клик правой кнопкой мыши и выберите Paste Layer Style (Вклеить стиль слоя).

На новом слое создайте Clipping Mask (Обтравочная маска). Установите цвет переднего плана #f5e0b2 и фоновый цвет #cea06e. При помощи инструмента Gradient Tool (G) (Градиент) с параметром Linear Gradient (Линейный градиент) проведите линию вот так:

Создание открытой книги в Фотошоп

Теперь нужно изменить цвет переднего плана на #fef9ed. Выберите инструмент Gradient Tool (G) (Градиент) в настройках установите зеркальный градиент, Opacity (Непрозрачность) 60% и проведите линию так.

Создание открытой книги в Фотошоп

Вот результат:

Создание открытой книги в Фотошоп

Шаг 20. На этом этапе нам необходимо создать правую перелистывающуюся страницу. Суть работы такая же, как и в Шаге 19, поэтому я её представлю в виде изображений. Единственное отличие в заголовке слоя Flip Page Right.

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Шаг 21. Давайте соединим слои с примененными к ним стилями. В итоге ваша палитра слоев должна выглядеть вот так:

Создание открытой книги в Фотошоп

Создайте новый слой и поместите его чуть выше Layer 3 с градиентом и создайте для него обтравочную маску. Вот так:

Создание открытой книги в Фотошоп

Для этого слоя установите режим Multiply (Умножение) и цвет #815130. Нажмите Ctrl + клик по миниатюрам левой и правой страниц и, с помощью инструмента Paint Bucket Tool (G) (Заливка) залейте слой 6. Нажмите Ctrl + T  и трансформируйте страницы, чтобы получить тень.

Создание открытой книги в Фотошоп

Теперь поработаем над тенью от страничек, чтобы они выглядели более естественно. Для этого выберите инструмент Blur Tool (R) (Размытие), установите мягкую круглую кисть размером примерно 50 пикселей, жесткостью 30%. И обрисуйте края тени.

Создание открытой книги в Фотошоп

Продолжите работу с тенью. Выберите инструмент Dodge (О) (Осветлитель), установите мягкую круглую кисть размером около 50 пикселей, диапазон: подсветка, экспонир: 9%. Поработайте над углами, чтобы получить красноватый оттенок. Выберите инструмент Burn Tool (О) (Затемнитель) с параметрами: кисть мягкая круглая размером около 50 пикселей, диапазон: тени, экспонир: 5%. Затемните области, как на изображении ниже.

Создание открытой книги в Фотошоп

Шаг 22. Теперь наша иконка немного похожа на книгу. Далее мы поработаем с тенью, которая должна быть на переплете двух страниц. Для этого нам нужно объединить два слоя с фигурой и два слоя с градиентом. На изображении они выделены синим цветом.

Создание открытой книги в Фотошоп

Шаг 23. Для объединения слоев нажмите клавиши Ctrl + E. Переименуйте этот слой на Flip Pages. Сделайте клик правой кнопкой мыши по слою Flip Pages и выберите Release Clipping Mask (Отменить обтравочную маску). Теперь палитра слоев должна выглядеть так:

Создание открытой книги в Фотошоп

Создайте новый слой выше слоя Flip Pages, выберите Create Clipping Mask (Создать обтравочную маску), установите режим Multiply (Умножение) и цвет переднего плана #815130. Инструментом Gradient Tool (G) (Градиент) проведите линию, как показано на изображении.

Создание открытой книги в Фотошоп

Перейдите в меню Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и установите значение радиуса тени 8,5 - 8,7 пикселей. Вот, что должно получиться:

Создание открытой книги в Фотошоп

Теперь сделаем тень поглубже. Для этого объедините слой с тенью и слой Flip Pages. Создайте новый слой и примените обтравочную маску. Поменяйте режим на Multiply (Умножение) и цвет на #49260f. Инструментом Gradient Tool (G) (Градиент) проведите линию, как показано на изображении.

Создание открытой книги в Фотошоп

Создайте новый слой и поместите его между слоем Flip Pages и слоем с тенью. Установите основной цвет #815130, снова выберите инструмент Gradient Tool (G) (Градиент) и проведите такую же линию. Для этого слоя измените режим на Multiply (Умножение), Opacity (Непрозрачность) до 20%. В итоге соедините два слоя с тенями со слоем Flip Pages.

Создание открытой книги в Фотошоп

Шаг 24. Создайте новый слой. Установите цвет переднего плана #7e7633, выберите инструмент Line Tool (U) (Линия) в параметрах установите режим заливки пикселей: толщина 3 пикселя. Должно получиться так:

Создание открытой книги в Фотошоп

Теперь примените некоторые стили слоя и назовите этот слой Spine V.

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Шаг 25. Установите цвет переднего плана #544a15, выберите инструмент Pen Tool (Перо), а в настройках Shape Layers (Слой-фигура). Создайте новый слой над слоем Background и создайте фигуру, как показано на изображении ниже.

Создание открытой книги в Фотошоп

Назовите этот слой Spine Base, теперь создайте над этим слоем новый слой и преобразуйте его в обтравочную маску. Установите основной цвет #221500, фоновый #372705, на панели инструментов выберите Gradient Tool (G) (Градиент). В настройках установите режим от основного к прозрачному и линейный градиент. У вас должно получиться примерно так:

Создание открытой книги в Фотошоп

Оставьте основной цвет #221500. Создайте новый слой и поместите его между только что созданным слоем с градиентом и слоем Spine Base. Снова воспользуйтесь инструментом Gradient Tool (G) (Градиент) в настройках установите цвет переднего плана как фон, зеркальный градиент. Проведите линию так, чтобы в левой части создать тень.

Создание открытой книги в Фотошоп

Далее к слою Spine Base примените стиль слоя Bevel and Emboss (Тиснение).

Создание открытой книги в Фотошоп

Теперь нам нужно объединить три слоя: Spine Base и над ним два слоя с тенью. Нажмите Ctrl + клик по этим слоям, чтобы выделить слои и Ctrl + E, чтобы их объединить. После объединения назовите слой Spine Base. Выберите инструмент Dodge Tool (О) (Осветлитель), настройки не изменяйте, за исключением кисти 20 пикселей, и немного поработайте с правой стороны.

Создание открытой книги в Фотошоп

Шаг 26. Пришло время заняться текстом. В палитре слоев найдите слой Base Pages и немного выше два слоя с обтравочной маской (на рисунке они показаны под номерами 1 и 2).

Создание открытой книги в Фотошоп

Внесем небольшие изменения для тени в слое 1. Создайте новый слой и поместите его между слоями 1 и 2. Выберите инструмент Pen Tool (Перо), в настройках установите Paths (Контур) и создайте кривую, как показано на изображении.

Создание открытой книги в Фотошоп

Выберите инструмент Text Tool (T) (Горизонтальный текст), а также подходящий шрифт (в данном случае я использовал Lainie Day SH). Установите цвет переднего плана #a17852 и введите текст, затем поменяйте режим этого слоя на Multiply (Умножение), а Opacity (Непрозрачность) до 85%. Должно получиться примерно так:

Создание открытой книги в Фотошоп

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

Создание открытой книги в Фотошоп

Шаг 27. Теперь поработайте с текстом на главных страницах. Создайте новый слой и поместите его чуть выше слоя Flip Pages. Выберите инструмент Pen Tool (Перо) и как прежде создайте кривую. С помощью инструмента Text Tool (T) (Горизонтальный текст) введите текст.

Создание открытой книги в Фотошоп

Снова повторите этот шаг, пока не заполните две страницы текстом. Нажмите Ctrl + клик по всем текстовым слоям, чтобы их выделить, а затем Ctrl + E, чтобы объединить их в один слой. Установите режим Multiply (Умножение) и назовите этот слой Text on Flip Pages.

Создание открытой книги в Фотошоп

Шаг 28. Так, нам осталось создать закладку для книги и ручку. Для начала создайте новый слой и поместите его ниже слоя Flip Pages.

Создание открытой книги в Фотошоп

Выберите инструмент Pen Tool (Перо) в настройках установите Shape Layers (Слой-фигура). Измените цвет переднего плана на #c52114 и создайте форму в виде закладки.

Создание открытой книги в Фотошоп

Назовите этот слой Bookmark. Создайте новый слой над ним и преобразуйте его в обтравочную маску. Установите основной цвет #480b04 и фоновый #fa6e5c, выберите инструмент Gradient Tool (G) (Градиент), установите режим от основного к прозрачному, тип - линейный градиент. Проведите линию, чтобы создать тень возле верхней части закладки. Затем проведите еще одну линию снизу вверх, чтобы создать теневой эффект на кончике закладки. Постарайтесь, чтобы у вас получился такой эффект.

Создание открытой книги в Фотошоп

Нажмите на клавишу Х, чтобы поменять местами цвета переднего и заднего плана. Выберите инструмент Gradient Tool (G) (Градиент), установите тип - Reflected (Зеркальный) градиент и режим - от основного к прозрачному. Проведите линию сверху вниз, чтобы создать эффект освещения.

Создание открытой книги в Фотошоп

Теперь давайте объединим слой Bookmark и слой с обтравочной маской над ним. Оставьте этому слою название Bookmark и отмените обтравочную маску. Далее нажмите Ctrl + клик по миниатюре слоя Bookmark, чтобы создать выделение. Затем создайте новый слой под слоем Bookmark и назовите его Shadow Bookmark. Поменяйте режим этого слоя на Multiply (Умножение), понизьте значение Opacity (Непрозрачность) до 80%, цвет переднего плана #480b04 и заполните выделение инструментом Paint Bucket Tool (G) (Заливка). Теперь перейдите в меню Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) и установите значение 2,3.

Создание открытой книги в Фотошоп

Шаг 29. Теперь будем создавать ручку. Установите цвет переднего плана #d2a756, выберите инструмент Pen Tool (Перо), установите Shape Layers (Слой-фигура). Создайте новый слой поверх всех других и создайте форму как на изображении.

Создание открытой книги в Фотошоп

К этому слою примените стиль слоя.

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Вот что должно получиться.

Создание открытой книги в Фотошоп

Шаг 30. На панели инструментов выберите Pen Tool (Перо), создайте новый слой чуть выше слоя с золотой ручкой и создайте такую фигуру.

Создание открытой книги в Фотошоп

К этому слою примените стиль слоя Gradient Overlay (Наложение градиента).

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Назовите этот слой Pen Body Silver. Создайте новый слой выше остальных. Выберите инструмент Pen Tool (Перо) и создайте фигуру в виде колечка для ручки.

Создание открытой книги в Фотошоп

Примените к этому слою стили слоя Gradient Overlay (Наложение градиента) и Bevel and Emboss (Тиснение).

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Создание открытой книги в Фотошоп

Шаг 31. Теперь иконка книги выглядит так:

Создание открытой книги в Фотошоп

Назовите этот слой Ringlet, продублируйте этот слой и поместите колечко в верхней части ручки. Как показано на изображении.

Создание открытой книги в Фотошоп

Нам осталось сделать кончик пера. Для этого создайте новый слой и поместите его под слоем Pen Body Silver. Выберите инструмент Pen Tool (Перо) и создайте форму, как показано на изображении.

Создание открытой книги в Фотошоп

Назовите этот слой Pen Tip, затем скопируйте стиль со слоя Pen Body Gold и вставьте на слой Pen Tip. Единственное, в наложении градиента нужно изменить масштаб на 31. Вот так:

Создание открытой книги в Фотошоп

Шаг 32. Создайте новый слой выше слоя Pen Tip и выберите инструмент Ellipse Tool (Эллипс). Установите цвет переднего плана #593f11, режим: заливка пикселей и нарисуйте эллипс.

Создание открытой книги в Фотошоп

Теперь выберите инструмент Line Tool (U) (Линия), в настройках установите режим: заливка пикселей, толщина 1 пиксель и нарисуйте линию, как на изображении.

Создание открытой книги в Фотошоп

Назовите этот слой Details Pen Tip. Вот, что у вас должно получиться:

Создание открытой книги в Фотошоп

Шаг 33. Теперь поработайте с тенью, которую отбрасывает перо. Нажмите Ctrl + клик по слоям Pen Tip и Details Pen Tip, чтобы выделить их, а затем объедините их. Переименуйте слой на Pen Tip, над ним создайте новый слой, преобразуйте в обтравочную маску и поменяйте режим на Multiply (Умножение). Установите цвет переднего плана #6a5428, выберите инструмент Brush Tool (Кисть) с параметрами: жесткая, круглая кисть размером 6 – 7 пикселей. Проведите один раз кистью, чтобы создать тень.

Создание открытой книги в Фотошоп

Теперь понизьте значение Opacity (Непрозрачность) этого слоя, вот, что у меня получилось.

Создание открытой книги в Фотошоп

Шаг 34. Объедините слой с тенью и слой Pen Tip в один. Еще, что нам осталось сделать, это придать тень золотой ручке. Создайте новый слой ниже слоя Pen Body Gold, установите режим Multiply (Умножение). Измените цвет переднего плана на #663316, затем нажмите Ctrl + клик по миниатюрам слоев Pen Body Gold, Pen Body Silver и Pen Tip. Вот так:

Создание открытой книги в Фотошоп

Далее выберите инструмент Paint Bucket Tool (G) (Заливка) и залейте выделение цветом. С помощью клавиш Ctrl + T поверните и трансформируйте тень таким образом:

Создание открытой книги в Фотошоп

Перейдите Edit > Transform > Warp (Редактирование – Трансформирование - Деформация).

Создание открытой книги в Фотошоп

Выберите инструмент Smudge Tool (R) (Палец) с параметрами: круглая кисть, жесткость 30%, интенсивность 80%, режим: нормальный. И поработайте этим инструментом над тенью, как показано на изображении.

Создание открытой книги в Фотошоп

Теперь можно удалить тень, которая выходит за пределы границ книги. Выберите инструмент Blur Tool (R) (Размытие), настройки прежние, только измените размер кисти до 30 пикселей. Еще немного поработайте над тенью, как на изображении. Этот слой назовите Shadow Pen.

Создание открытой книги в Фотошоп

Вот, результат нашей работы!

Создание открытой книги в Фотошоп

Ссылка на источник урока.