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





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

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


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

Подсказка

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

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

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


Кусок бумаги из блокнота


Шаг 1
Создайте новый документ размером 540х300 пикселей с разрешением 72 ppi. Так как кусок листа будет белым, нужно создать подходящий фон.
Установите цвет заливки - #e9dfb8 (можете выбрать любой другой). Залейте фон этим цветом (Alt+Backspace).


Кусок бумаги из блокнота


Шаг 2
Предположим, что кусочек бумаги будет использоваться для сайдбара какого-нибудь блога. Основное, что нужно знать – это ширина сайдбара. Допустим, что ширина объявления (листочка) будет равна 250 пикселей. По сторонам нужно будет по 10 пикселей отступа, значит ширина сайдбара равна 270. Плюс мы добавим тень от бумаги (ещё 5 пикселей)… значит размер бумаги будет равен 265 пикселей.
Создайте новый слой (Create New Layer) и назовите его “Paper”.


Кусок бумаги из блокнота


Шаг 3
Перейдите в меню Окно»Инфо (Window > Info). Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) создайте выделение шириной 265 пикселей, высота у меня равна 250.


Кусок бумаги из блокнота


Шаг 4
Установите цвета по умолчанию (D) и залейте выделение белым цветом (Ctrl+Backspace). Потом снимите выделение (Ctrl+D).


Кусок бумаги из блокнота


Шаг 5
Теперь создадим дырки сверху бумаги. Выберите инструмент Овальная область (Elliptical Marquee Tool):


Кусок бумаги из блокнота


Шаг 6
Создайте выделение размером 12х12 пикселей (удерживайте Shift, при создании, чтобы получить круг).Когда создадите выделение, расположите его на расстоянии примерно 12 пикселей от края.


Кусок бумаги из блокнота


Шаг 7
Выберите инструмент Прямоугольная область (Rectangular Marquee Tool) и, удерживая Shift, создайте узкое вертикальное выделение, как показано ниже. Чтобы правильнее расположить прямоугольник, зажмите пробел и получите возможность передвигать выделение, но при этом клавиша Shift и левая кнопка мыши также должны быть зажаты (Shift+Spacebar+Left Click).


Кусок бумаги из блокнота


Шаг 8
Нажмите Delete, чтобы очистить выделенную область. Передвиньте выделение вправо на 20 пикселей: удерживая Shift, нажмите на стрелку вправо на клавиатуре два раза (одно нажатие на стрелку перемещения в сочетании с клавишей Shift перемещает выделение на 10 пикселей, это лучше чем 20 раз нажимать на одну стрелку), потом нажмите Delete. Продолжайте вырезать круги, пока не дойдёте до конца.


Кусок бумаги из блокнота


Шаг 9
Добавим бумаге небольшую тень, чтобы создать эффект глубины. Для этого к слою с бумагой примените стиль Отбрасывание тени (Layer Style - Drop Shadow):

Режим – Умножение


Кусок бумаги из блокнота

Кусок бумаги из блокнота


Шаг 10
Перейдём к добавлению линий на бумагу. Создайте новый слой (Create New Layer) и назовите его “Blue Lines”. Установите цвет заливки - #97c7df. Выберите инструмент Горизонтальное выделение строки (Single Row Marquee Tool) и кликните где-нибудь на холсте. Стрелками расположите выделение на месте первой линии бумаги. Потом залейте это выделение (Alt+Backspace). Удерживая Shift, нажмите на стрелку вниз на клавиатуре три раза (опустите выделение на 30 пикселей) и залейте выделение ещё раз. Повторяйте это пока не дойдёте до конца. Снимите выделение (Ctrl+D).


Кусок бумаги из блокнота


Шаг 11
Вместо того, чтобы удалять части линий по отдельности, мы воспользуемся обтравочной маской. Кликните правой кнопкой на слое с линиями и выберите Создать обтравочную маску (Create Clipping Mask). Вы увидите стрелочку, указывающую вниз на слой с бумагой. Это значит что всё, что принадлежит слою “Blur Lines” будет находиться в пределах слоя с бумагой.


Кусок бумаги из блокнота


Шаг 12
Некоторые блокноты имеют красные вертикальные линии. Их мы и создадим. Создайте новый слой (Create New Layer) и назовите его “Red Lines”. Инструментом Вертикальное выделение строки (Column Marquee Tool) создайте линию и залейте её цветом #c74f4f. Сдвиньте выделение на 3 пикселя вправо и выполните заливку ещё раз, потом снимите выделение (Ctrl+D). В конце создайте обтравочную маску, чтобы линии не выходили за пределы холста. Установите Непрозрачность слоя с линиями – 30%.


Кусок бумаги из блокнота


Шаг 13
Далее мы добавим помятость бумаге, используя инструмент Кисть (Brush Tool). Кисть, которую я использовал, вы можете сказать в конце урока. Набор называется “WrinkledPaper”. Чтобы загрузить её в Photoshop сделайте следующее:

1. Выберите инструмент Кисть (Brush Tool).
2. Кликните на стрелке вниз сверху инструмента, чтобы открыть набор кистей.
3. Кликните на маленький треугольник, указывающий вправо в верхнем правом углу и выберите Загрузить кисти
4. Найдите файл WrinkledPaper.abr
5. Выберите его и нажмите ОК.


Кусок бумаги из блокнота


Шаг 14
Создайте новый слой (Create New Layer) и назовите его “Texture”. Создайте для него обтравочную маску и выберите кисть, которую вы загрузили в шаге 13.


Кусок бумаги из блокнота


Шаг 15
Установите цвета по умолчанию (D) и расположите кисть так, чтобы получился такой рисунок:


Кусок бумаги из блокнота


Шаг 16
Кликните один раз, чтобы нарисовать бумажную текстуру. Установите Заливку (Fill) слоя – 10%.


Кусок бумаги из блокнота


Шаг 17
К слою с бумагой добавьте слой-маску. Это поможет нам повредить бумагу сильнее:


Кусок бумаги из блокнота


Шаг 18
Выберите кисть “Chalk” размером 60 пикселей. Чёрным цветом обрисуйте низ бумаги. В палитре слоёв вы можете видеть как нужно обрисовать маску, смотря на иконку:


Кусок бумаги из блокнота


Шаг 19
Вы также можете стереть верхнюю часть с дырками:


Кусок бумаги из блокнота


Шаг 20
Последнее что нужно сделать это добавим белые линии внизу, чтобы было видно, что бумагу оторвали. Создайте новый слой (Create New Layer) поверх всех остальных и назовите его “Torn White Edges”, создайте обтравочную маску. Кистью “Chalk” размером 60 пикселей обрисуйте белым цветом нижние края:


Кусок бумаги из блокнота


Шаг 21
Давайте добавим текст. Выберите слой “Red Lines” (это нужно для того, чтобы написанный текст появился над этим слоем) и выберите инструмент Горизонтальный текст (Horizontal Type Tool). Перейдите в меню Окно»Символ (Window>Characters). Я использовал шрифт “Violation” размером 30 пикселей.
Напишите текст, инструментом Перемещение (Move Tool) расположите текст там, где нужно, и понизьте его Непрозрачность до 75%.


Кусок бумаги из блокнота


Шаг 22
Мы закончили. Я добавил кнопку, загнул немного края и создал тени. Как это сделать можете посмотреть на примере этих двух уроков:

Загибание углов
Тени


Кусок бумаги из блокнота




PSD файл и другие файлы урока можете скачать тут.


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

написал : Руслан

Замечательный урок!

---------------


написал : Татьяна

Супер! Автору большое человеческое спасибо! Мне было особенно полезно указание "горячих клавиш" и информация про отбивочную маску, раньше не знала. Спасибо.

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: