Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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

Иконка блокнота


Шаг 1
Создайте новый документ размером 400х300 пикселей и залейте фон цветом #545454. Создайте новый слой “Bottom Cover”.

Шаг 2
Выберите инструмент Прямоугольник (Rectangle Tool) и создайте фигуру цветом #e7c681:

Иконка блокнота


В режиме Свободного трансформирования (Free Transform) измените прямоугольник, как показано ниже.

Иконка блокнота


Примените к нему следующие стили слоя (Layer Style - Blending Options):

Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки –Осветление, Режим тени – Затемнение основы[/b]

Иконка блокнота


Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Иконка блокнота

Иконка блокнота


Шаг 3
Сделайте копию слоя “Bottom Cover”, кликните на ней правой кнопкой и выберите Очистить стили слоя (Clear Layer Style). Потом инструментом Перемещение (Move Tool) поднимите копию:

Иконка блокнота


Инструментом Линия (Line Tool) создайте линию толщиной 20 пикселей цветом #e7c681:

Иконка блокнота


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

Иконка блокнота


Расположите этот слой с линией между прямоугольниками:

Иконка блокнота


Шаг 4
Инструментом Линия (Line Tool) создайте ещё одну фигуру такую же фигуру сбоку:

Иконка блокнота


Потом измените форму линии тем же инструментом, что и в прошлый раз:

Иконка блокнота

Иконка блокнота


Выберите три последних слоя:

Иконка блокнота


Сделайте копию всех трёх слоёв (просто перетащите их на иконку создания нового слоя в низу палитры слоёв). Скройте одну тройку слоёв. Вторую тройку слоёв объедините в один слой (Ctrl+E) и назовите полученный – “Pages Body”.
Кликните правой кнопкой на стилях слоя “Bottom Cover” и выберите Скопировать стили слоя (Copy Layer Styles), кликните правой кнопкой на слое “Pages Body” и выберите Вклеить стиль слоя (Paste Layer Style).

Шаг 5
Сохраните узор, показанный ниже. Откройте его в Photoshop, перейдите в меню Редактирование»Определить узор (Edit > Define Pattern) и сохраните узор под именем “Pages Pattern”.

Иконка блокнота


Создайте новый слой над слоем “Pages Body” (Create New Layer) и назовите его “Pages 1”. Залейте слой узором, используя инструмент Заливка (Paint Bucket Tool).
Инструментом Свободное трансформирование (Free Transform) измените размер слоя и немного поверните. Линии должны быть параллельны нижним краям блокнота.

Иконка блокнота


У вас осталась тройка слоёв, которую мы скрыли. Сделайте выделение слоя, отвечающего за толщину блокнота (Ctrl+Click):

Иконка блокнота


Инвертируйте выделение (Select – Inverse) и нажмите Delete.

Иконка блокнота


Шаг 6
Сделайте выделение слоя “Pages 1” (Ctrl+Click). Установите цвет заливки - #b09e6e и залейте им выделение на новом слое. Назовите этот слой “Pages 2” и опустите на пару пикселей.

Иконка блокнота


Создайте новый слой между слоями “Pages Body” и “Pages 1 и 2”. Не обязательно давать этому слою имя, так как мы скоро от него избавимся. Сделайте выделение скрытого слоя ещё раз:

Иконка блокнота


Установите цвет заливки - #61481f и залейте выделение на новом созданном слое. Выберите этот слой и слой “Pages Body” и нажмите Ctrl+E, чтобы объединить их. Таким образом мы избавимся от стилей слоя “Pages Body”.
Теперь нам нужно будет поработать инструментами Затемнитель (Burn Tool) и Осветлитель (Dodge Tool). Настройте инструменты так:

Затемнитель (Burn Tool): размер – 40 пикселей, Диапазон – Тени (Shadows), Экспозиция – 11%, Аэрограф (Airbrush) – нет.
Осветлитель (Dodge Tool): размер – 40 пикселей, Диапазон – Света (Highlights), Экспозиция – 11%, Аэрограф (Airbrush) – да.

Поработайте над фигурами, чтобы получить такой результат:

Иконка блокнота


Повторите последние шаги с наложением узора для боковой стороны:

Иконка блокнота

Иконка блокнота

Иконка блокнота

Иконка блокнота

Иконка блокнота


Шаг 7
Ваша палитра слоёв будет выглядеть примерно так:

Иконка блокнота


Переименуйте слой со страницами в “Pages Body”.
Теперь перейдём к созданию теней. Создайте новый слой между слоем “Bottom Cover” и слоем “Pages Body”. Назовите его “Pages Body Shadow”. Сделайте выделение слоя “Pages Body” (Ctrl+Click), установите цвет заливки - #663a16 и воспользуйтесь инструментом Заливка (Paint Bucket Tool), чтобы заполнить выделение. Установите Режим наложения – Умножение (Blending Mode – Multiply) и Заливку (Fill) – 90%. Опустите слой на пару пикселей.

Иконка блокнота


Выберите инструмент Размытие (Blur Tool) с мягкой круглой кистью размером 40 пикселей и интенсивностью 50%. Добавьте размытие тени:

Иконка блокнота


Шаг 8
Установите цвет заливки - #e7be8e и инструментом Прямоугольник (Rectangle Tool) создайте фигуру:

Иконка блокнота


Инструментом Стрелка (Direct Selection Tool) измените прямоугольник и расположите его, как показано ниже.

Иконка блокнота


Сделайте копию этого прямоугольника и скройте её. К видимому слою примените следующие стили:

Внутренняя тень: Режим – Умножение.

Иконка блокнота


Внутреннее свечение: Режим – Линейный затемнитель, Метод – Мягкий.

Иконка блокнота


Обводка: Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.

Иконка блокнота


Шаг 9
Кликните правой кнопкой на слое и выберите Скопировать стиль слоя (Copy Layer Style), они понадобятся нам позже. Создайте новый слой и создайте для него обтравочную маску (через контекстное меню или при помощи сочетания Ctrl+Alt+G). Установите цвет заливки - #faedca, выберите инструмент Градиент (Gradient Tool), от заливки к прозрачному, и залейте слой, как показано ниже.

Иконка блокнота


Выберите оба слоя и нажмите Ctrl+E. У вас должна быть скрытая копия. Выберите её и сделайте ещё одну копию. Кликните правой кнопкой на новой копии и выберите Вклеить стили слоя (Paste Layer Style). Инструментом Стрелка (Direct Selection Tool) измените фигуру, как показано ниже. Возможно, вам придётся воспользоваться инструментом Преобразовать точку привязки (Convert Point Tool).

Иконка блокнота


Создайте обтравочную маску и сделайте градиентную заливку, как мы делали это в начале шага.

Иконка блокнота


Объедините два слоя и назовите полученный “Page 2”.

Шаг 10
Сделайте копию скрытого слоя ещё раз. Измените её, как показано ниже:

Иконка блокнота


Вставьте стили слоя, создайте обтравочную маску и сделайте градиентную заливку. Объедините два слоя в один “Page 3”.
Выберите скрытый слой и сделайте его видимым. Вставьте стили и измените фигуру:

Иконка блокнота


Создайте обтравочную маску и сделайте градиентную заливку:

Иконка блокнота


Шаг 11
Создайте новый слой над слоем “Base Page”, создайте для него обтравочную маску, установите цвет заливки - #804d27, сделайте выделение слоя со страницей, расположенного выше (Ctrl+Click).

Иконка блокнота


Инструмент Заливка (Paint Bucket Tool) залейте выделение и нажмите Ctrl+D. Перейдите в режим Деформации (Transform –Warp) и измените слой, как показано ниже.

Иконка блокнота


Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 1,7. Установите Режим наложения – Умножение (Blending Mode – Multiply) и Заливку (Fill) – 90%. Выберите инструмент Затемнитель (Burn Tool) с мягкими краями размером 50 пикселей, диапазон – тени, экспозиция – 11%, аэрограф – нет. Кликните несколько раз на бумаге, чтобы создать пятна.

Иконка блокнота


Можете воспользоваться инструментом осветления, чтобы сделать тени светлее.

Шаг 12
Ваша палитра слоёв должна выглядеть так:

Иконка блокнота


Объедините слой с тенью со слоем, находящимся ниже (“Base Page”). Выберите инструмент Осветление (Dodge Tool) с мягкими краями размером 50 пикселей в диапазоне – света, с экспозицией 11%, аэрограф – да.
Осветлите край той же страницы, над который мы работали.

Иконка блокнота


Теперь займёмся страницей, которая находится над базовой (первая согнутая). Создайте новый слой над ней, создайте обтравочную маску, сделайте выделение страницы и залейте его цветом #804d27. Потом измените страницу:

Иконка блокнота


Установите Режим наложения – Умножение (Blending Mode – Multiply) и Заливку (Fill) – 90%. Примените размытие так же, как и для предыдущей страницы. Затемните, осветлите и объедините слои.

Иконка блокнота


Шаг 13
Проделайте то же самое для следующей страницы:

Иконка блокнота


Выберите инструмент Перо (Pen Tool) в режиме фигур. Установите цвет заливки - #63821d. На новом слое над верхней страницей нарисуйте фигуру, показанную ниже.

Иконка блокнота


Установите цвет заливки - #d0ba63, цвет фона - #8e6c21, создайте новый слой над фигурой, которую нарисовали. Создайте обтравочную маску на этом слое. Выберите инструмент Градиент (Gradient Tool), от заливки к фону, стиль – линейный градиент, Инверсия (Revers) – не установлено. Сделайте заливку от кончика фигуры вниз:

Иконка блокнота


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

Иконка блокнота


Создайте новый слой и обтравочную маску на нём (у вас должно быть три слоя – маленький сгиб, градиентная заливка и только что созданный слой). Установите цвет заливки - #d58c1b и нарисуйте тонкую линию оранжевого оттенка.

Иконка блокнота


Шаг 14
Теперь добавим текст на страницы. Я использовал шрифт “LainieDay SH”. Создайте новый слой поверх всех слоёв. Инструментом Горизонтальный текст (Horizontal Type Tool) напишите текст. Размер шрифта – 11pt.

Иконка блокнота


Кликните на иконку, показанную ниже, чтобы сделать текст жирным.

Иконка блокнота


Установите Режим наложения слоя с текстом – Умножение (Blending Mode – Multiply). Инструментом Свободное трансформирование (Free Transform) измените слой с текстом, как показано ниже.

Иконка блокнота


Сделайте копию текстового слоя и понизьте её Непрозрачность немного. Тест должен быть виден хорошо.

Шаг 15
У должен быть такой результат:

Иконка блокнота


Нужно добавить ещё одну загнутую страницу. Инструментом Перо (Pen Tool) нарисуйте такую фигуру над всеми слоями:

Иконка блокнота


Создайте новый слой и создайте обтравочную маску на нём. Установите цвет заливки - #fee3b5, цвет фона - #b78557, выберите инструмент Градиент (Gradient Tool), от заливки к фону, стиль – зеркальный градиент, инверсия – нет. Сделайте заливку, как показано ниже.

Иконка блокнота

Иконка блокнота


Шаг 16
Создайте новый слой поверх остальных. Создайте обтравочную маску на нём. Установите цвет заливки - #662802, выберите инструмент Градиент (Gradient Tool), от заливки к прозрачному, стиль – линейный градиент. Сделайте заливку, как показано ниже, чтобы создать тень.

Иконка блокнота


Можете понизить Заливку (Fill) слоя, если тень кажется слишком сильной. Нажмите Ctrl+E, чтобы объедините слой с тенью с нижним слоем градиента. Выберите инструмент Осветлитель (Dodge Tool) и осветлите область,показанную ниже.

Иконка блокнота


Сделайте выделение слоя с верхней загнутой частью (Ctrl+Click). Расширьте выделение на 1 пиксель (Modify – Expand). Инвертируйте выделение (Select – Inverse) и на слое с градиентом нажмите Delete. Кликните правой кнопкой на этом слое и выберите Вклеить стили слоя (Paste Layer Style).
Выберите слой с градиентом и слой с загнутой частью и объедините их в один (Ctrl+E). Кликните правой кнопкой и выберите Отменить отбравочную маску (Release Clipping Mask), или просто нажмите Ctrl+Alt+G. Кликните на эту иконку:

Иконка блокнота


Выберите инструмент Палец (Smudge Tool) размером 30 пикселей с жёсткостью 50%. Размажьте слой, как показывают стрелки ниже. Это нужно, чтобы избавьте от затемнённого края.

Иконка блокнота


Шаг 17
У Вас должно быть такое изображение:

Иконка блокнота


Теперь вернитесь на слой с верхней страницей с текстом. Текст и страница должны быть на разных слоях. Создайте новый слой и расположите его между текстом и страницей. Создайте обтравочную маску на этом слое. Установите Режим наложения – Умножение (Blending Mode – Multiply). Установите цвет заливки - #834227, выберите инструмент Градиент (Gradient Tool), от заливки к прозрачному, стиль – линейный градиент. Сделайте заливку на этом слое, как показано ниже.

Иконка блокнота


Понизьте Непрозрачность до 70%, создайте новый слой, создайте обтравочную маску на нём, установите Режим наложения - Умножение (Blending Mode – Multiply) и Непрозрачность – 90%. Сделайте ещё одну заливку:

Иконка блокнота


Нажмите Ctrl+E, чтобы объединить эти два градиентных слоя.

Шаг 18
Установите Режим наложения полученного слоя – Умножение (Blending Mode – Multiply) и перейдите в меню Слой»Слой-маска»Показать все (Layer > Layer Mask > Reveal All). Выберите инструмент Градиент (Gradient Tool0, установите цвет заливки – чёрный и сделайте заливу, как показано ниже.

Иконка блокнота

Иконка блокнота


Шаг 19
Создайте новый слой под всеми слоями кроме фонового. Выберите инструмент Перо (Pen Tool) и нарисуйте фигуру, показанную ниже.

Иконка блокнота


Расположите так:

Иконка блокнота


Создайте новый слой над фигурой и создайте там обтравочную маску. Установите цвет заливки #8d5223, цвет фона - #f6cd99, выберите инструмент Градиент (Gradient Tool), стиль – линейный, от заливки к фону, и протяните градиент так:

Иконка блокнота


Создайте ещё один слой, создайте обтравочную маску. Установите градиент от заливки к прозрачному, стиль – радиальный. Установите Режим наложения - Умножение (Blending Mode – Multiply) и сделайте заливку:

Иконка блокнота


Шаг 20
Нажмите Ctrl+E, чтобы объединить градиентные слои. Сделайте выделение слоя с самой фигурой (Ctrl+Click), расширьте его (Modify – Expand) на 1 пиксель, инвертируйте (Select – Inverse) и нажмите Delete.Вставьте стили в слой с градиентом (на котором нажимали Delete).

Иконка блокнота


Назовите этот слой “Gradient Page Under”. Создайте новый слой над ним, создайте обтравочную маску на нём, сделайте выделение слоя “Bottom Cover” и установите цвет заливки - #8d5223. Залейте выделение. Снимите выделение (Ctrl+D), установите Режим наложения – Умножение (Blending Mode – Multiply) и сдвиньте слой немного влево.

Иконка блокнота


Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 2 пикселя.

Иконка блокнота


Шаг 21
Теперь добавим текст на загнутую страницу, которая лежит под блокнотом. Создайте новый слой и напишите что-нибудь. Цвет текста - #d09a6b. Измените текст и расположите на странице.

Иконка блокнота


Инструментом Осветление (Dodge Tool) осветлите область, которую я выделил.

Иконка блокнота


Вот мы и закончили с блокнотом.

Иконка блокнота


Шаг 22
Теперь нарисуем карандаш. Создайте новый слой поверх всех остальных. Инструментом Линия (Line Tool) нарисуйте полоску толщиной 4 пикселя цветом #531f0b.

Иконка блокнота


Сделайте копию слоя с полоской и измените её цвет на #94451a. Расположите её над первой полоской:

Иконка блокнота


Сделайте копию линии ещё раз и измените цвет на #bb6d2f. Расположите так:

Иконка блокнота


Цвет следующей копии будет #fadb75. Потом ещё одной - #e7b25d.

Иконка блокнота


Шаг 23
Объедините все эти копии в один слой. Выберите инструмент Ластик (Eraser Tool) с жёсткой кистью и подотрите края:

Иконка блокнота


Потом подотрите край карандаша, расположенный ближе к бумаге, чтобы он имел закруглённую форму. Назовите слой “Pencil Body”. Создайте новый слой под ним и инструментом Многоугольное лассо (Polygonal Lasso Tool) сделайте выделение, показанное ниже.

Иконка блокнота


Установите цвет заливки - #f2d6a7, цвет фона - #744219. Выберите инструмент Градиент (Gradient Tool), линейный градиент, от заливки к фону и залейте выделение:

Иконка блокнота


Назовите этот слой “Pencil Tip”. Установите цвет заливки - #3c1f1a и жёсткой кистью нарисуйте чёрный кончик.

Иконка блокнота


Шаг 24
Создайте новый слой над остальными. Выберите инструмент Кисть (Brush Tool) с жёсткими краями, задайте размер – 5 пикселей. Инструментом Перо (Pen Tool) в режиме контуров нарисуйте такую кривую:

Иконка блокнота


Кликните правой кнопкой и выберите Выполнить обводку контура (Stroke Path). В появившемся окне выберите Кисть (Brush), значение Имитировать нажима (Simulate Pressure) не нужно устанавливать. Кликните правой кнопкой и выберите Удалить контура (Delete Path).

Иконка блокнота


Немного подотрите эту линию по краям (совсем немного). Примените эти стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавный, Режим подсветки – Осветление, Режим тени – Умножение.

Иконка блокнота


Наложение градиента: Режим – нормальный, Стиль – Линейный.

Иконка блокнота

Иконка блокнота


Сделайте копию слоя и поднимите её над оригиналом.

Иконка блокнота


Шаг 25
Назовите этот слой “Pencil Metal Tip”. Сделайте выделение этого слоя и перейдите к коррекции Фотофильтр (Photo Filter): 50% оранжевый. Снимите выделение (Ctrl+D), создайте ещё один слой под слоями карандаша. Назовите его “Pencil Eraser”. Выберите инструмент Кисть (Brush Tool), установите цвет заливки - #a83524 и нарисуйте такой круг:

Иконка блокнота


Кликните на иконке сохранения прозрачности пикселей (наверху палитры слоёв). Установите цвет заливки - #f4bea9, выберите инструмент Градиент (Gradient Tool), стиль – радиальный, от заливки к фону, и сделайте заливку, как показано ниже.

Иконка блокнота


Инструментом затемнения поработайте над тёмными областями. Можете объединить все слои карандаша в один. Назовите его “Pencil”.

Шаг 26
Создайте новый слой и расположите его над слоем с верхней страницей блокнота, создайте обтравочную маску на нём. Назовите его “Pencil Shadow”. Сделайте выделение слоя с карандашом (Ctrl+Click), установите цвет заливки - #743d25 и залейте выделение. Установите Режим наложения слоя “Pencil Shadow” – Умножение (Blending Mode – Multiply), перейдите в режим Свободного трансформирования (Free Transform) и измените, как показано ниже.

Иконка блокнота


Выберите инструмент Размытие (Blur Tool) с мягкими краями размером 40 пикселей и интенсивностью 30%. Размойте тень. Чем дальше она находится от карандаша, тем более размытой будет.

Иконка блокнота


Финальный результат:

Иконка блокнота





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





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