Рубрика: Photoshop Уроки | Урок прочитали: 489
 (голосов: 0)

Создаём винтажный блокнот в Фотошоп

Вы когда-нибудь создавали свой блокнот для личных записей, при этом, не используя платные стоковые изображения? Ок, я покажу вам, как легко создать свой собственный блокнот с нуля!

В этом уроке вы узнаете различные методы рисования, включая применение фильтров, технику окраски и освещения и многое другое.

Шрифт Aquiline Two

Шаг 1

Вначале создайте новый документ. Новый документ не должен быть слишком маленьким по размерам, также не забывайте про высокое разрешение (300dpi как минимум). Залейте задний фон чёрным цветом.

Шаг 2

Чтобы нарисовать первую страничку, нам понадобится нестандартная кисть. Создайте новый документ, и на новом документе, нарисуйте пятно с размытыми краями, далее идём Редактирование – Определить кисть (Edit > Define Brush Preset).

Зайдите в закладку Кисти (Brushes) в палитре слоёв, если закладка не активна, то идём Окно- Кисти (Window- Brushes). В настройках кисти, выберите опцию Динамика формы (Shape Dynamics). Сдвиньте бегунок опции Колебание угла (Angle Jitter), таким образом, ваша линия будет состоять из развёрнутых пятен – что сделает кисть ещё более грубой.
Примечание переводчика: вы можете назвать данную кисть, как “грубая кисть”.

Шаг 3

Давайте подберём хмурые оттенки для вашего блокнота (блокнот должен быть старым, цвета должны быть потускневшими от времени).

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

Уменьшите непрозрачность слоя до 10% (или просто нажмите клавишу с цифрой “1″, при этом инструмент Перемещение (Move Tool) должен быть активным). Это всего лишь шаблон, поэтому он не должен нам слишком мешать.

Ещё раз создайте новый слой. Нарисуйте границу странички с помощью новой грубой кисти, которую вы создали. Удерживайте клавишу Shift, чтобы линия была прямой.

С помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите область за пределами вашей нарисованной странички, далее, нажмите клавиши Ctrl+Shift+I для инверсии активного выделения.

Далее, идём Выделение – Модификация – Сжать (Select > Modify > Contract), чтобы сжать выделение. Установите значение сжатия 2 px. Теперь вы можете произвести внутреннюю заливку с помощью инструмента Заливка (Paint Bucket Tool (G) без страха, что вы также зальёте мягкие края странички (теперь вы можете удалить шаблон, он больше не понадобится).
Примечание переводчика: шаблон, по которому вы рисовали свою первую страничку, вы можете удалить или скрыть видимость слоя с шаблоном.

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

Шаг 4

Итак, пришло время добавить текстуру на нашу страничку. Конечно, вы можете скачать какие-либо другие текстуры на бесплатных стоковых ресурсах, но я хочу показать вам, как создать свою собственную текстуру со своим индивидуальным узором в программе Photoshop. Вначале, продублируйте свою первую страничку Ctrl + J. Далее, преобразуйте дубликат слоя в обтравочную маску, для этого идём в меню Слой – Создать обтравочную маску (Layer - Create a Clipping Mask) или просто нажмите клавиши Ctrl+Alt+G.

Находясь на слое с обтравочной маской, идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds). Далее, установите режим наложения для данного слоя на Перекрытие (Overlay) и уменьшите непрозрачность слоя, чтобы получить естественный эффект.

Давайте ещё больше усилим рисунок нашей текстуры! Создайте новый слой поверх слоя с обтравочной маской, залейте данный слой любым цветовым оттенком, и также преобразуйте данный слой в обтравочную маску. Далее, дважды щёлкните по слою, чтобы активировать Параметры наложения (Blending options), и в появившемся окне, выберите опцию Перекрытие узора (Patter Overlay). Выберите любой узор, который вам понравится (возможно, вам понадобится скачать некоторые наборы текстур, такие например, как Размытые текстуры или Текстуры Камня – изначально, они не указаны в списке исходных материалов). Далее, нажмите правой кнопкой по слою и в появившемся меню, выберите опцию Растрировать стиль слоя (Rasterize Layer Style).
Примечание переводчика: в ранних версиях Photoshop опция Растрировать стиль слоя (Rasterize Layer Style) отсутствует. Для тех, у кого стоит более ранняя версия, вы можете объединить слой со стилями слоя с нижележащим пустым слоем, для этого необходимо создать пустой слой.

Ещё раз поменяйте режим наложения для данного слоя на Перекрытие (Overlay) и уменьшите непрозрачность слоя. Текстура стала выглядеть намного лучше, но текстура всё ещё напоминает что-то наподобие мрамора. Это не то, что нам нужно.

Ещё раз, создайте новый слой, залейте и далее, преобразуйте в обтравочную маску. В наборе текстур есть хорошая белая текстура, которая идеальна для бумаги…
Примечание переводчика: проделайте то же самое, что и в предыдущем шаге.

…но из-за того, что текстура белая, то наша страничка не будет выглядеть так хорошо. Растрируйте стили слоя, нажмите Ctrl + I для инверсии цветовых оттенков, а затем поменяйте режим наложения для данного слоя на Вычитание (Substract). Теперь должно выглядеть отлично, даже при полной непрозрачности слоя (если вы не разобрались во всех режимах наложения, то щёлкните мышкой по меню установки режимов наложения, чтобы быстро просмотреть все режимы. Практика – хороший опыт!).
Примечание переводчика: в некоторых версиях Photoshop, данный режим отсутствует, т.к. данный режим относится к режимам сравнения, то вы можете попробовать применить следующие режимы, которые также относятся к режимам сравнения: Разница (Difference), Исключение (Exclusion), Разделить (Divide).                        

В качестве последней текстуры, мы используем шум. Создайте новый слой, залейте его тёмно-коричневым оттенком, преобразуйте данный слой в обтравочную маску, а затем идём Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise). Также, поменяйте режим наложения на Перекрытие (Overlay) и уменьшите непрозрачность слоя для совмещения с нашей страничкой.

Первая страничка готова! Просто объедините все слои с обтравочными масками с основным слоем.

Шаг 5

Пришло время создать другие странички. Продублируйте слой (Ctrl + J) и дважды щёлкните по дубликату слоя, чтобы активировать Параметры наложения (blending options). Выберите опцию Тень (Drop Shadow), примените настройки, которые указаны на скриншоте ниже.

Теперь, с помощью инструмента Перемещения (Move Tool), сместите дубликат слоя немного влево и верх, используя клавиши со стрелками.

Повторите вышеуказанный шаг столько раз, сколько вы посчитаете нужным.

Шаг 6

Т.к. это старый блокнот, то и странички не могут быть ровными. Перейдите на самый верхний слой и добавьте слой-маску к данному слою (чтобы добавить слой-маску, нажмите кнопку, обведённую кружком в палитре слоёв). белый прямоугольник должен появиться рядом с миниатюрой слоя – перейдите на слой-маску, выберите чёрную грубую кисть и с помощью данной кисти, прокрасьте края странички для создания рванных краёв. Когда вы будете прокрашивать чёрной кистью на слой-маске, чёрный цвет кисти будет скрывать прокрашиваемые области изображения, а белый цвет будет вновь проявлять закрашенную область.

Повторите вышеуказанный шаг для всех слоёв. Не повторяйте рисунок прокрашивания, рванные края страничек не должны повторяться.

Шаг 7

Сейчас мы будем создавать рванные страницы для прошивки. Создайте прямоугольное выделение на всю высоту страницы, как показано на скриншоте ниже, а затем скопируйте выделенную область …

…далее, сместите скопированную полоску влево и примените стили слоя со слоя со страничкой. Для этого, перейдите на слой со стилем слоя, который вам нужен, щёлкните правой кнопкой по слою и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Style). Далее, вернитесь на слой, к которому вы хотите применить данные стили слоя, щёлкните правой кнопкой по слою и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer Style).

Шаг 8

К слою с полоской, добавьте слой-маску и на слой-маске, прокрасьте чёрной грубой кистью для создания рванных краёв.

Далее, продублируйте слой (Ctrl + J), чтобы создать несколько рванных страничек.

Используйте технику из Шага 6 для создания рванных краёв.

Шаг 9

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

В Параметрах наложения (blending options), выберите опцию Тень (Drop Shadow). Измените настройки, как показано на скриншоте ниже.

Расположите копии слоёв с отверстиями, где вы посчитаете необходимым.

Шаг 10

Пришло время для создания тесёмки, которая сшивает все страницы вместе. С помощью грубой кисти тёмного оттенка, нарисуйте тесёмку на новом слое.

Продублируйте слой с тесёмкой, а затем преобразуйте дубликат слоя в обтравочную маску к оригинальному слою. Далее, примените стили слоя, опцию Перекрытие узора (Pattern Overlay) для имитации шероховатой поверхности.

Вы должны знать, что делать теперь- растрировать, поменять режим на Перекрытие (overlay), может быть немного уменьшить непрозрачность слоя.

Создайте новый слой в качестве обтравочной маски, а затем создайте затенение вокруг краёв тесёмки. Используйте обычную кисть со значением Нажима (Flow) 20%. Далее, прокрасьте края основным цветовым оттенком, а затем выберите цветовой оттенок страницы, чтобы показать отражение на тесёмке. Когда вы закончите, объедините слой с тесёмкой со слоями с обтравочными масками, далее, продублируйте объединённый слой для остальных отверстий. Вы можете воспользоваться инструментом Свободная трансформация (Free Transform (Ctrl + T), чтобы немного поменять их форму (чтобы они отличались друг от друга).

Результат:

Шаг 11

Теперь создайте новый слой, нарисуйте узел в середине тесёмки. Используйте ту же самую технику, которую вы только что освоили, та же самая техника, что и при создании тесёмки.

Добавьте немного тени, чтобы было более естественно:

Продублируйте слой, чтобы узел выглядел более жёстким.

Шаг 12

Создайте два новых слоя. Нарисуйте две тесёмки, как показано на скриншоте ниже. К ним также примените стили слоя, опцию Тень (drop a shadow).

Примените наши трюки ещё раз, чтобы имитировать тот же материал, который мы использовали при создании тесёмки в предыдущих шагах. Тесёмка, расположенная ниже, должна быть более затенённая, поэтому, воспользуйтесь коррекцией Кривые (Curves (Ctrl + M), чтобы затемнить её.

Шаг 13

Создайте новый слой ниже всех слоёв с тесёмками. Нарисуйте тени с помощью чёрной кисти с низким значением нажима. Далее, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light). Вы можете также добавить лёгкие световые блики на тесёмку, это уже на ваше усмотрение.

Шаг 14

Для текста я использовал шрифт Aquiline Two. Вы можете скачать данный шрифт по ссылке вначале этого урока.

           

Похожие файлы и публикации:

Создаём винтажный блокнот в Фотошоп
В этом уроке, я покажу вам простую технику создания фруктов, используя программу Photoshop. Приятного урока!
Создаём винтажный блокнот в Фотошоп
В этом уроке, мы создадим фото манипуляцию с одиноким ковбоем на фоне захватывающего пейзажа.
Создаём винтажный блокнот в Фотошоп
В этом уроке Photoshop вы узнаете, как создать кинопостер в стиле минимализма. Вы узнаете, как применять текстуры, создавать световые эффекты, выделять изображения, и всё это поможет создать красивый шрифт!
Создаём винтажный блокнот в Фотошоп
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Создаём винтажный блокнот в Фотошоп
В этом уроке, вы узнаете, как добавить экспрессии к портретной фотографии. Вы также узнаете, как использовать череп, чтобы придать лицу жуткий взгляд, включая применение эффектов освещения, и многое другое.
Создаём винтажный блокнот в Фотошоп
В этом уроке я покажу вам, как создать таинственную сцену с горным озером в программе Photoshop. Вы также узнаете про технику создания фотоманипуляций, включая технику совмещения стоковых изображений, используя эти приёмы, вы узнаете, как создать единый панорамный пейзаж.
Создаём винтажный блокнот в Фотошоп
В этом уроке вы узнаете, как создать музыкальный постер в Фотошоп.
Создаём винтажный блокнот в Фотошоп
В этом уроке вы узнаете, как создать эмоциональную фотоманипуляцию. Вы узнаете, как проводить ретушь кожи, как создать мягкий голубой оттенок, а также вы узнаете, как добавить пёрышки на задний фон и многое другое.
Создаём винтажный блокнот в Фотошоп
В этом уроке вы узнаете, как создать вкусный песочный пряник Джинжи в программе Photoshop, используя стандартные узоры, текстуры и стили слоя.
Создаём винтажный блокнот в Фотошоп
В этом уроке Photoshop вы узнаете, как нарисовать реалистичный утюг с нуля. Вы также узнаете, как создавать реалистичные тени и блики на пластмассовых и металлических поверхностях.
Создаём винтажный блокнот в Фотошоп
В этом уроке, вы узнаете, как создать креативный коллаж, используя технику совмещения, а также композиционную технику в программе Adobe Photoshop.
Создаём винтажный блокнот в Фотошоп
В этом уроке Photoshop я покажу вам, как создать сцену с одинокой девочкой в ночном саду. Вы узнаете технику совмещения изображений, технику работы с маской и цветокоррекцией, а также познакомитесь с техникой ретуши и созданием световых эффектов.
Создаём винтажный блокнот в Фотошоп
В этом уроке мы создадим реалистичную яичную скорлупу, желток и белок с нуля, с помощью основных приёмов фотошопа.
Создаём винтажный блокнот в Фотошоп
В этом уроке вы узнаете, как создать абстрактный портрет девушки, используя текстуру коры дерева, а также гранжевые кисти. Вы узнаете про работу со слой-масками корректирующих слоёв для добавления уникальных эффектов к изображению, а также узнаете, как совместить текстуру и использовать различные элементы, чтобы создать красивый абстрактный эффект.
Создаём винтажный блокнот в Фотошоп
В этом уроке я покажу вам, как создать огненный портрет девушки. Вы узнаете, как использовать текстуры, добавлять огонь и создавать световые эффекты.
Создаём винтажный блокнот в Фотошоп
В этом коротком уроке вы узнаете, как создать впечатляющий и эмоциональный эффект для ваших фотографий. Прочитав данный урок, вы сможете создать красивый и удивительный портрет из обычной фотографии за 10 минут или меньше.
Создаём винтажный блокнот в Фотошоп
В этом уроке Photoshop я покажу вам, как создать тёмную сцену в лесу с надгробной плитой, черепом и вороном. Вы узнаете различную технику создания фотоманипуляций, как например, совмещение нескольких стоковых изображений, создание эффекта тумана, использование кистей, работа со слой-масками, создание световых эффектов…и многое другое.
Создаём винтажный блокнот в Фотошоп
В этом уроке я покажу, как нарисовать красную сумку для покупок. В этом уроке будут приведены основные приёмы рисования, такие как создание фигур, затемнение, и добавление теней.
Создаём винтажный блокнот в Фотошоп
В этом уроке программы Photoshop вы узнаете, как создать пост-апокалиптическую сцену. Мы применим технику совмещения изображений и ретуши основных персонажей, дорисовывая волосы и многое другое. Давайте приступим!