Раскрытая записная книжка в Фотошопе

Create an Open Book Icon In Photoshop

Создание раскрытой записной книжки


Многие даже не подозревают, сколько времени и усилий уходит на создание иконки. Создание иконки может растянуться на несколько часов и потребует от вас использования различных техник. В этом уроке мы покажем вам, как нарисовать иконку открытой записной книжки в Фотошопе. Итак, давайте начнем!

Раскрытая записная книжка в Фотошопе




Материалы для урока:

Паттерн для страниц книги.


Шаг 1

Откройте Фотошоп и создайте в нем новый документ, размером 400х350 px.

Раскрытая записная книжка в Фотошопе

Шаг 2

Выберите инструмент Paint Bucket Tool (G) и установите цвет переднего плана = #7a7a7a. Залейте ваш холст серым цветом при помощи Paint Bucket Tool (G). Затем назовите ваш слой, залитый серым цветом "Background".
Создайте новый слой (Ctrl+Shift+N), выберите инструмент Rectangle Tool (U) и переведите его в режим Shape Layers:

Раскрытая записная книжка в Фотошопе

Установите цвет переднего плана = #e7c681 и при помощи Rectangle Tool (U) на только что созданном слое нарисуйте вот такой прямоугольник:

Раскрытая записная книжка в Фотошопе


Шаг 3

Поскольку мы использовали режим Shape Layers, слой, на котором мы рисовали прямоугольник, превратился в слой с векторным объектом. И это просто замечательно, т.к. теперь мы можем трансформировать слой без потери качества! Итак, давайте трансформируем этот слой. Нажмите Ctrl + T, затем, удерживая Ctrl, потяните за углы прямоугольника, чтобы у вас получилось что-то вроде этого:

Раскрытая записная книжка в Фотошопе

Отлично smile.gif Теперь создадим еще один новый слой, выберем все тот же Rectangle Tool (U) и аналогично создадим вот такой прямоугольник:

Раскрытая записная книжка в Фотошопе

Шаг 4

Вернемся на панель слоев и дадим нашим слоям названия. Пусть слой, который мы создали в Шаге 2 называется "Cover 1", а слой, который мы создали в Шаге 3 — "Cover 2" (правый прямоугольник). Теперь применим к этим слоям стили слоя (Layer Styles). Итак, кликните дважды по одному из слоев с прямоугольниками (либо выберите Layer > Layer Style > Blending Options) и установите следующие настройки:

Раскрытая записная книжка в Фотошопе

Раскрытая записная книжка в Фотошопе

Раскрытая записная книжка в Фотошопе

Далее нажмите правой кнопкой мыши на слой с которым вы только что работали и выберите "Copy layer Style". Затем выберите другой слой с прямоугольником и выберите "Paste Layer Style":

Раскрытая записная книжка в Фотошопе

Шаг 5

Теперь нам нужно сделать так, чтобы обложка нашей записной книжки стала чуть более зеленоватой, а не золотой. Для этого нам нужно загрузить выделение обоих слоев с обложкой. Чтобы загрузить выделение обоих слоев, кликните по иконкам слоев, удерживая CTRL+SHIFT. Получим следующее:

Раскрытая записная книжка в Фотошопе

Теперь нам нужно создать корректирующий слой. Для этого кликните на иконку "Create new fill or adjustment layer" внизу панели слоев и выберите "Hue/Saturation" (или выберите Layer – New Adjustment Layer – Hue/Saturation). Установите следующие настройки:

Раскрытая записная книжка в Фотошопе

Добавим еще один корректирующий слой, но перед этим снова загрузим выделение обоих слоев с обложкой (сейчас для этого можно кликнуть по иконке слоя "Hue/Saturation", удерживая Ctrl). Снова кликните по иконке "Create new fill or adjustment layer" внизу панели слоев и выберите "Color Balance" (или выберите Layer – New Adjustment Layer – Color Balance). Установите следующие настройки:

Preserve Luminosity: поставьте галочку
Midtones: +21/0/-12.
Highlights: +3/0/0
Shadows: +11/-10/-18

Убедитесь, что слой “Color balance” находится над слоем “Hue/Saturation”. Снова загрузите выделение слоев с обложкой и вернитесь к слою «Hue/Saturation», установите следующие настройки:

Раскрытая записная книжка в Фотошопе

Теперь наша обложка выглядит следующим образом:

Раскрытая записная книжка в Фотошопе

Шаг 6

Теперь наведем порядок на панели слоев – объединим слои в группу: ). Для этого, удерживая Ctrl, выделите 4 слоя (2 слоя с обложками и 2 корректирующих слоя) и нажмите Ctrl+G (либо перетащите выделенные слои на значок папки внизу панели слоев), назовите папку "Covers".
Создайте новый слой (Сtrl+Shift+N), назовите его "Corner 1" и поместите его над группой “Covers”. Выберите инструмент Polygonal Lasso Tool (L) и создайте треугольное выделение вокруг левого нижнего угла левой обложки:

Раскрытая записная книжка в Фотошопе

Установите цвет переднего плана = #e7c681 и, используя инструмент Paint Bucket Tool (G), залейте выделение на новом слое "Corner 1". Нажмите Ctrl+D, чтобы сбросить выделение. Теперь применим к уголку тот же стиль слоя, что и к обложке. Для этого нажмите правой кнопкой мыши на слой “Cover 1” и выберите "Copy layer Style". Затем выберите слой с уголком и выберите "Paste Layer Style".

Раскрытая записная книжка в Фотошопе

Теперь повторим эти действия, для всех остальных уголков. Создайте новый слой – “Corner 2”, создайте выделение, залейте цветом, примените стиль слоя и сбросьте выделение. Таким образом у вас должно получиться 4 слоя с уголками. Назовите их соответственно, “Corner 2”, “Corner 3”, “Corner 4”. Получим следующее:

Раскрытая записная книжка в Фотошопе

Шаг 7

Итак, наши уголки выглядят сейчас довольно тускло. Давайте их оживим. Для этого выделите все 4 слоя с уголками на панели слоев (кликните на слоях, удерживая Ctrl) и слейте их в один, нажав Ctrl+E. Мы получили 1 слой, на котором находятся все 4 уголка. Загрузите выделение этого слоя (кликнув по иконке слоя, удерживая Ctrl) и создайте корректирующий слой "Photo Filter" (Layer – New Adjustment Layer — Photo Filter). Настройки слоя следующие: "Warming Filter 81", density = 63%. Затем снова слейте слой “Photo filter” и слой с уголками в один, выделив их и нажав Ctrl+E.
Выберите инструмент Burn Tool (O), кисть – круглая, мягкая, размер = примерно 50px; Range: Shadows, Exposure: 11%; у параметра Airbrush галочка не стоит. Слегка пройдитесь кистью по уголкам, чтобы получить прятный золотой оттенок. Затем выберите инструмент Dodge Tool (O), кисть – круглая, мягкая, размер = примерно 50px; Range: Highlights, Exposure: 10%, у параметра Airbrush галочка не стоит. Пройдитесь этой кистью по уголкам, добавьте им бликов. В итоге у вас должно получиться что-то вроде этого:

Раскрытая записная книжка в Фотошопе

Шаг 8

Итак, с уголками мы закончили, назовите этот слой "Gold Corners".
Перейдите в папку “Covers” и продублируйте слой "Cover 1" (выделите слой и нажмите Ctrl+J). Поместите продублированный слой поверх всех слоев:

Раскрытая записная книжка в Фотошопе

Нажмите левой кнопкой на слое "Cover 1 copy" и выберите "Clear Layer Style". Слой приобретет свой первоначальный оттенок. Затем при помощи трансформации (Ctrl+T) уменьшите этот слой, чтобы у вас получилось следующее:

Раскрытая записная книжка в Фотошопе

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

Раскрытая записная книжка в Фотошопе

Шаг 9

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

Раскрытая записная книжка в Фотошопе

Итак, назовем этот слой "Pages Base". Установите цвет переднего плана = #d6bb8e, выберите инструмент Line Tool (также в режиме Shape Layers), установите ширину = 20px. Создайте новый слой и проведите на нем вот такую линию:

Раскрытая записная книжка в Фотошопе

Шаг 10

Снова выберите инструмент Direct Selection Tool (A) и потяните за узловые точки только что созданной линии, чтобы получить вот такую форму:

Раскрытая записная книжка в Фотошопе

Затем, используя Convert Point Tool, изогните контур, как показано на рисунке:

Раскрытая записная книжка в Фотошопе

Шаг 11

Теперь нам пригодится паттерн, ссылка на который дается в начале урока, поскольку сейчас мы будем добавлять текстуру страничкам.
Создайте новый слой поверх всех слоев, выберите инструмент Paint Bucket Tool, переведите его в режим заливки при помощи паттерна и выберите из списка как раз-таки скачанный паттерн. Залейте слой. Затем нажмите Ctrl+T и поверните слой таким образом, чтобы линии паттерна были параллельны боковине листов записной книжки). Затем уменьшите паттерн, чтобы его размер был равен примерно 50% от оригинального.

Раскрытая записная книжка в Фотошопе

Загрузите выделение самой последней формы, которую мы создали (боковины страничек), перейдите на слой с паттерном и выберите Select > Inverse. Затем нажмите кнопку Delete. Назовите полученный слой "Pages Black". Теперь загрузите выделение слоя "Pages Black". Создайте новый слой и измените цвет переднего плана на #fdf8ea. Выберите инструмент Paint Bucket Tool (не забудьте снова перевести его в режим заливки цветом) и залейте выделение цветом переднего плана на новом слое. Далее выберите инструмент Move Tool (V) и передвиньте более светлую текстуру чуть левее, чтобы получилось следующее:

Раскрытая записная книжка в Фотошопе

Назовите этот слой "Pages White".

Шаг 12

Теперь нам нужно позаботится о слое с боковиной страничек, назовем его "Light Side”. Растеризуем этот слой, кликнув на нем правой кнопкой мыши и выбрав "Rasterize Layer". Затем выберите инструмент Burn Tool с настройками, которые мы использовали ранее и немного затемните этот слой снизу. Выберите инструмент Dodge Tool с настройками, которые мы использовали ранее и сделайте верхнюю часть слоя более светлой, чтобы создать впечатление реалистичного освещения.

Раскрытая записная книжка в Фотошопе

Теперь слейте слои "Pages Black", "Pages White" и "Light Side” в один слой (нажав Ctrl+E). Снова назовите полученный слой "Light Side" (если он у вас изменил название). Вот, как должна выглядеть ваша палитра слоев:

Раскрытая записная книжка в Фотошопе

Теперь возьмем Ластик (Eraser Tool (E)), кисть жесткая (hardness = 100%), размер = 1-2 рх, и сотрем верхнюю часть слоя "Light Side" как показано на рисунке:

Раскрытая записная книжка в Фотошопе

Шаг 13

Теперь займемся нижней стороной страничек. Выберите инструмент Line Tool, настройки те же, что мы использовали ранее, единственное отличие – это цвет заливки — #9c8d6e. Итак создайте прямоугольный слой-объект поверх всех слоев:

Раскрытая записная книжка в Фотошопе

Затем при помощи Direct Selection Tool (A) и Convert Point Tool, чтобы придать слою с прямоугольником вот такую форму:

Раскрытая записная книжка в Фотошопе

Это сообщение отредактировал ash — 22 Июля 2011, 10:56


Создаем спецэффекты

Вас может также заинтересовать:

17 декабря 2017

Дата анонса: 2006/02/17 Эффективное разрешение, МП: 5 Диагональ ЖК-дисплея, дюймы: 1.8

17 декабря 2017

Байонет: Nikon F Тип объектива: широкоугольный Фокусное расстояние: переменное

17 декабря 2017

Профессионалы не смогут не оценить объектив Nikon 24-70 mm f/2.8 G ED AF-S NIKKOR, который причисляется к стандартным зум-объективам, оснащен быстрой диафрагмой и тихим ультразвуковым мотором. Все это в результате гарантирует получение скорой и бесшумной автофокусировки.