Рисуем простую иконку блокнота в Фотошоп. Блокнот для фотошопа


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

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

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

Итоговый результат

Исходные материалы:

Архив

Шаг 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. Вы можете скачать данный шрифт по ссылке вначале этого урока.

Итоговый результат

Автор: Monika Zagrobelna

Переводчик: Садыгалиев Марат

photoshop-master.ru

Рисуем простую иконку блокнота в Фотошоп

В этом уроке вы узнаете, как создать красивую и простую иконку блокнота в Adobe Photoshop.

Финальное изображение

Шаг 1

Откройте Photoshop и нажмите Ctrl + N, чтобы создать новый документ. Введите все данные как показано на рисунке ниже и нажмите ОК.

Включите Сетку (Просмотр > Показать > Сетку (View > Show > Grid) и привяжите изображение к сетке, используя Просмотр > Привязать к > Линиям Сетки (View > Snap To > Grid). Для начала понадобится сетка каждые 5 пикселей, поэтому проследуйте в Редактирование > Установки > Направляющие, сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и сфокусируйтесь на секции "Сетка" (Grid). Введите значение 5 в поле Линия через каждые (Gridline Every) и 1 в поле Внутреннее деление на (Subdivision) Также, установите цвет сетки на #a7a7a7. После настройки всех параметров нажмите ОК.

Не будьте обескуражены этой сеткой, она поможет в дальнейшей работе. Помните, что сетку можно легко отключить, используя кнопки Ctrl + ". Также нужно открыть панель Инфо (Окно > Инфо (Window > Info). Это позволит видеть размеры и позиции фигур.

Шаг 2

Установите цвет #f9e7c3, выберите Инструмент "Прямоугольник" (Rectangle Tool) и создайте фигуру размером 120 х 125 пикселей. Функция Привязки к Линиям Сетки (Snap to Grid) поможет сделать это легко.

Шаг 3

Используя Инструмент "Стрелка" (Direct Selection Tool), отметьте четыре точки на фигуре и откройте панель "Свойства" (Properties panel) через Окно > Свойства (Window > Properties). Проверьте кнопку с изображением цепи (она должна быть активной), затем просто введите 3px в каждую из строк. В конце ваша фигура будет выглядеть как показано на рисунке. (В Photoshop CS6 и более ранних версиях отсутствует функция скругления углов, поэтому воспользуйтесь инструментом Прямоугольник со скругленными углами , указав в поле Радиус (Radius) 3px - Прим. переводчика).

Шаг 4

Сфокусируйтесь на панели слоев (Окно > Слои (Window > Layers) и кликните на существующий слой два раза, чтобы открыть окно Стиль слоя (Layer Style).

Активируйте Тиснение (Bevel & Emboss), Внутреннюю тень (Inner Shadow) и Наложение градиента (Gradient Overlay), установив настройки как показано на рисунках ниже. Обратите внимание, что белые цифры в Наложении градиента (Gradient Overlay) указывают на Положение (Location), а желтые - на Непрозрачность (Opacity). Вернитесь к Панели слоев (Layers panel), два раза кликните на имя вашей фигуры и измените его на "Страница".

Шаг 5

Используя инструмент Перо (Pen Tool) создайте горизонтальную линию на 120px как показано на рисунке. Функция Привязки к Линиям Сетки (Snap to Grid) поможет сделать это легко. Убедитесь, что новая фигура выделена и остается сфокусированной. Также убедитесь, что Заливка (Fill) не задана, после чего установите цвет Штриха (Stroke) на #71441b и ширину в 1пт.

Перейдите к панели Слоев (Layers panel), убедитесь, что выделен слой с горизонтальной линией и установите его Непрозрачность (Opacity) на 10%. В конце все должно выглядеть как на втором рисунке.

Шаг 6

Убедитесь, что слой с горизонтальной линией еще выделен и сделайте семь копий этого слоя, используя сочетание кнопок Ctrl + J. Выберите копии и расположите их одна за одной как показано на первом рисунке. Результат должен быть как на рисунке номер два.

Шаг 7

Используя инструмент Перо (Pen Tool) создайте вертикальную линию на 100px как показано на первом рисунке.

Убедитесь, что новая линия остается выделенной и сфокусированной. Убедитесь, что заливка не задана, после чего установите цвет штриха (Stroke) на #f5989d, а его ширину на 1пт. Перейдите к панели Слоев (Layers panel), убедитесь, что выбран слой с вертикальной линией и установите ее Непрозрачность (Opacity) на 50%. В конце должно получиться примерно, как на втором рисунке.

Шаг 8

Установите цвет #c69c6d, выберите инструмент "Прямоугольник" (Rectangle Tool), создайте фигуру размером 120px х 25px и разместите ее как показано на первом рисунке.

Используя инструмент "Стрелка" (Direct Selection Tool), отметьте четыре точки на фигуре и откройте панель "Свойства" (Properties panel) через Окно > Свойства (Window > Properties). Проверьте кнопку с изображением цепи (она должна быть активной), затем просто введите 3px в верхние строки и 2px в нижние. В конце ваша фигура будет выглядеть как показано на рисунке. (В Photoshop CS6 и более ранних версиях отсутствует функция скругления углов, поэтому воспользуйтесь инструментом Прямоугольник со скругленными углами, указав в поле Радиус (Radius) 3px - Прим. переводчика).

Перейдите к панели Слоев (Layers panel) и переименуйте новый прямоугольник в "Верх".

Шаг 9

В следующих шагах вам понадобится сетка размером 1px, поэтому зайдите в Редактирование > Установки > Направляющие, сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и установите 1 в поле Линия через каждые (Gridline Every).

Выберите цвет #946a3b, возьмите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), сфокусируйтесь на контрольной панели (вверху) и установите радиус 1px.

Перейдите к полотну, создайте прямоугольник с закругленным краями размером 7 x 5px и разместите его точно, как показано на следующем рисунке.

Шаг 10

Дублируйте свой крошечный прямоугольник, используя Ctrl + J. Выберите свежую копию и перетяните ее на 15px вправо.

Создайте еще несколько копий и расположите их как показано на втором рисунке. Убедитесь, что расстояние между копиями как минимум 8px. После того, как вы закончили, переходите к панели Слоев (Layers panel). Выберите слои со всеми крошечными прямоугольниками, после чего кликните на один из них правой кнопкой мыши и выберите Объединить фигуры (Merge Shapes).

Шаг 11

Откройте окно Стиль слоя (Layer Style) фигуры, сделанной в предыдущем шаге и настройте все параметры как показано на рисунках ниже.

Тиснение (Bevel & Emboss), Внутренняя тень (Inner Shadow) и Тень (Drop Shadow).

Шаг 12

Установите цвет #ed1c24, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и разместите фигуры как показано на рисунке ниже. Переключитесь на инструмент Частичное выделение (Direct Selection Tool), выберите все ключевые точки красного прямоугольника, после чего удерживая нажатой клавишу Alt, перетяните его на 3px вправо как показано на втором рисунке.

Шаг 13

Дублируйте красный прямоугольник, используя Ctrl + J. Выберите свежую копию и перетяните ее на 15px вправо как показано на первом рисунке. Сделайте несколько новых копий и расставьте их как показано на втором рисунке. Не забудьте, что между каждой парой прямоугольников должно быть 10px. После того как вы закончили, перейдите к панели Слоев (Layers Panel), выберите все слои с красными прямоугольниками, нажмите правую кнопку мыши и выберите Объединить фигуры (Merge Shapes).

Шаг 14

Дублируйте слой с красными прямоугольниками (Ctrl + J), выберите копию и нажмите Ctrl + [, чтобы поместить ее под оригиналом. Убедитесь, что копия, сделанная в этом шаге остается выделенной, перейдите к панели Слоев (Layers Panel), установите Заливку (Fill) на 0%, после чего откройте окно Стиль слоя (Layer Style). Активируйте Обводку (Stroke) и введите параметры как показано на рисунке.

Шаг 15

Перейдите к панели Слоев (Layers Panel) и удерживая кнопку Ctrl кликните по миниатюре слоя "Страница", чтобы выделить ее как показано на первом рисунке.

Продолжая фокусироваться на панели Слоев (Layers Panel), выберите слой, созданный в предыдущем шаге и кликните на кнопку "Добавить слой-маску" (Add layer mask), которая обведена синим кружком на втором рисунке. После того, как вы добавили маску, результат должен быть примерно, как на рисунке №2. Теперь нажмите Ctrl + D, чтобы сбросить выделение.

Шаг 16

Снова выделите слой с красной фигурой, дублируйте его (Ctrl + J), выберите копию и нажмите Ctrl + [.

Убедитесь, что копия выбрана, установите ее Заливку на 0%, после чего откройте окно Стиль слоя (Layer Style). Активируйте Тень (Drop Shadow) и введите параметры как на рисунке.

Шаг 17

Перейдите к панели Слоев (Layers Panel) и удерживая кнопку Ctrl кликните по миниатюре слоя "Страница", чтобы выделить ее как показано на первом рисунке.

Продолжая фокусироваться на панели Слоев (Layers Panel), выберите слой, созданный в предыдущем шаге и кликните на кнопку "Добавить слой-маску" (Add layer mask), которая обведена синим кружком на втором рисунке. После того, как вы добавили маску, результат должен быть примерно, как на рисунке №2. Теперь нажмите Ctrl + D, чтобы сбросить выделение.

Шаг 18

Откройте окно Стиль слоя (Layer Style) для слоя с красными прямоугольниками и установите настройки как на рисунке ниже.

Наложение градиента (Gradient Overlay), Тень (Drop Shadow):

Шаг 19

Откройте окно Стиль слоя (Layer Style) для слоя "Страница" и установите настройки как на рисунке ниже.

Внутренняя тень (Inner Shadow), Тень (Drop Shadow):

Шаг 20

Дублируйте слой "Страница" (Ctrl + J). Перейдите к панели Слоев (Layers Panel), кликните правой кнопкой мыши по новой копии и выберите "Очистить стиль слоя" (Clear Layer Style). Убедитесь, что слой еще выбран, снизьте его Заливку (Fill) до 0%, откройте окно Стиль слоя (Layer Style) и настройте параметры как показано на рисунке.

Внутренняя тень (Inner Shadow), Тень (Drop Shadow):

Шаг 21

Установите цвет #ffffff, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), создайте фигуру размером 114 х 1px и разместите ее как показано на рисунке.

Убедитесь, что новая фигура выделена, перейдите к панели Слоев (Layers Panel), уменьшите ее Непрозрачность (Opacity) на 60% и измените Режим наложения (Blending Mode) на Мягкий свет (Soft Light).

Шаг 22

Установите цвет #a56e3e, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool), создайте фигуру размером 6 х 1px и разместите ее как показано на первом рисунке. Дублируйте эту новую фигуру (Ctrl + J), выберите копию и перетащите ее на 9px вправо как показано на втором рисунке. Сделайте еще несколько копий и расположите их как показано на третьем рисунке. Убедитесь, что между копиями есть расстояние в 3px. После этого перейдите к панели Слоев (Layers Panel), выберите все слои, созданные в этом шаге, нажмите правую кнопку мыши и выберите Объединить фигуры (Merge Shapes).

Шаг 23

Откройте окно Стиль слоя (Layer Style) для фигур, созданных в прошлом шаге и настройте параметры как показано на рисунке.

Тиснение (Bevel & Emboss):

Шаг 24

Нажмите Shift + Ctrl + Alt + N, чтобы создать новый слой, выберите его и нажмите Shift + Ctrl + [.

Убедитесь, что новый слой выделен, выберите инструмент Заливка (Paint Bucket Tool), установите цвет #c7b29a и просто кликните по холсту. Откройте окно Стиль слоя (Layer Style) нового слоя, выберите Внутреннее свечение (Inner Glow) и введите значения как показано на рисунке.

Шаг 25

Перейдите к панели Слоев (Layers Panel), кликните правой кнопкой мыши на слое, сделанном в предыдущем шаге и выберите Преобразовать в смарт-объект (Convert to Smart Object).

Убедитесь, что новый смарт-объект выделен и выберите Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise). Введите значения как показано на рисунке и кликните ОК.

Шаг 26

Для финальных шагов нам потребуется сетка в 5px, поэтому зайдите в Редактирование > Установки > Направляющие, сетка и фрагменты (Edit > Preferences > Guides, Grid & Slices) и установите 5 в поле Линия через каждые (Gridline Every).

Установите цвет на черный, выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и установите его радиус на 3px.

Создайте фигуру размером 120 x 125px и разместите ее как показано на первом рисунке.

Перейдите к панели Слоев (Layers panel) и просто перетяните слой с новой фигурой под остальные слои иконки. Продолжая работать с панелью Слоев (Layers panel), убедитесь, что выделена новая фигура, установите ее Заливку (Fill) на 0%, после чего откройте окно Стиль слоя (Layer Style). Активируйте Тень (Drop Shadow) и установите настройки как показано на рисунке.

Шаг 27

Дублируйте слой, созданный в предыдущем шаге. Выберите новый слой и откройте окно Стиль слоя (Layer Style). Активируйте Тень (Drop Shadow) и установите настройки как показано на рисунке.

Шаг 28

Выберите инструмент Прямоугольник с закругленными краями (Rounded Rectangle Tool) и установите его радиус на 3px.

Создайте фигуру размером 110 x 100px и разместите ее как показано на первом рисунке.

Перейдите к панели Слоев (Layers panel) и просто перетяните слой с новой фигурой под остальные слои иконки. Продолжая работать с панелью Слоев (Layers panel), превратите новую фигуру в смарт-объект, уменьшите ее Непрозрачность (Opacity) до 50%, измените Режим наложения (Blending Mode) на Мягкий свет (Soft Light) и перейдите к Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) на 10px и нажмите ОК.

Выберите инструмент Прямоугольник (Rectangle Tool), создайте фигуру размером 110 x 60px и разместите как показано на первом рисунке.

Перейдите к панели Слоев (Layers panel) и просто перетяните слой с новой фигурой под остальные слои иконки.

Продолжая работать с панелью Слоев (Layers panel), установите Режим наложения (Blending Mode) на Мягкий свет (Soft Light) и перейдите к Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на -90 градусов, перетяните ползунок Смещение (Distance) на 100px, кликните ОК и перейдите к Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) на 15px и нажмите ОК.

Готово!

Вот так выглядит финальный результат.

Автор: Andrei Marius

Перевод: Шаповал Алексей

photoshop-master.ru

Зимние странички для блокнота в Photoshop

Мне нравится делать блокноты! И для меня важно, чтобы странички в блокнотах дополняли их стиль и тему и были разлинованы. Я делаю странички в Photoshop и расскажу об этом процессе. Буду рада, если кому-то этот мастер-класс пригодиться ))

Для начала создаем рабочее поле, пропорциональное формату А5. Например, я использовала размер 904х1280 пикселей. Можно при этом задать значения просто в мм. 

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

Далее нужно добавить новый слой, используя клавиши Shift+Ctrl+N, и увеличить "Размер холста" до 1808х1280 пикселей (вкладка "Изображение" - "Размер холста...")

Вот что у меня при этом творится на мониторе ))

Далее добавляем строчки. На скриншоте ниже видно, какой я использовала при этом шрифт и размер шрифта. Это определяется опытным путем. Получаются аккуратные тоненькие строчки )) Количество строк для формата А5 у меня равно 29.

Когда необходимое количество строк набрано, важно выравнивать их по центру левой половинки листа с помощью самого верхнего инструмента "Перемещение", находящегося в колонке справа. Далее выделяем слой с заливкой и слой со строчками и делаем их копии клавишами Ctrl+J.

Выделяем слои копий, переносим их на правую половинку рабочего поля с помощью инструмента "Перемещение". 

Далее я украшала зимние странички снежинками, закачав предварительно в Photoshop кисти-снежинки. Можно конечно, и отдельно ставить снежинки, меняя их размер. Но я вот сделала для себя открытие!!! Оказывается, некоторые кисти делают рэндомный узор из элементов. Смотрите ниже скриншот!

В окне со вкладкой "Наборы кистей" напротив некоторых кистей изображен след, как от обычной кисти, а напротив некоторых моих снежинок - узор! Его и используем ))

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

Мой результат! Страничка готова ))

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

И самое важное! Хорошо сохранять не только готовые странички в jpg, но и весь проект в psd, чтобы при необходимости сразу же наделать новых страничек ))

Вот еще )) Важно! Распечатывать странички, на которых рисунок вплотную в краю, нужно без полей. Это есть в настройках принтера. Можете с удовольствием использовать странички, которые получились у меня, указав при этом ссылку на мой блог! А можете сделать совершенно новые =) Если надо, спрашивайте. Правда, оперативность ответов в предновогодней суете не обещаю. Если есть желание, добавляйте ссылки на сообщения о ваших результатах в комментарии! Мне интересно, обязательно загляну! Покажу этот мастер-класс в 33ей встрече Рукодельного кафе,

в Декабрьском Креативе

mariapath.blogspot.ru

Создаем красивую страничку для блокнота без фотошопа – Ярмарка Мастеров

Мой мастер-класс сделан для любительниц блокнотиков, потому что мало кто умеет делать красивые странички, несмотря на то что это легко и просто! И сейчас я расскажу, как их сделать в самом простом графическом редакторе, который называется Paint.Net

Шаг 1. Открываем графический редактор и жмем кнопку "Создать новый документ" на верхней панели.

страничка

Шаг 2. В появившемся окне задаем параметры страницы, у меня формат а4.

мастер класс

Шаг 3. Настраиваем нужные нам окна на рабочем столе программы, а именно: слои, палитра и инструменты. Если этих панелей нет изначально, то заходим во вкладку "Окно" на верхней панели и ставим галочки напротив нужных нам окошек. Ненужные окна типа журнала можно удалить, но у меня оно есть, так что не обращайте на него внимания.

страничка для блокнота

Шаг 4. Создаем нужное нам количество слоев. В окне "Слои" жмем кнопку "Создать новый слой". Нам нужно 4 слоя.

без фотошопа

Шаг 5. Открываем нужную нам картинку, желательно с прозрачным фоном, так страница будет эстетичней выглядеть. На панели инструментов жмем кнопочку выделения.

Шаг 6. Выделяем изображение и жмем кнопку "копировать" на верхней панели.

Шаг 7. Вставляем нашу картинку на второй слой будущей страницы. Если изображение большое, можно потянуть за маркеры и уменьшить его. Не советую увеличивать изображение если оно маловато. В противном случае при распечатке изображение пикселизируется (будет в квадратик) и будет не очень хорошо. Перемещаем рисунок на середину страницы (жмем мышкой на середину картинки и, не отпуская, перемещаем в нужное место).

Шаг 8. 2 раза кликаем мышкой на кнопку с номером слоя в панели "слои". В открывшемся окне настраиваем прозрачность с помощью бегунка, у меня значение 50.

Получаем вот такое изображение:

Шаг 9. Линуем нашу страничку. Вверху и сбоку рабочего стола программы есть линейка (если ее нет можно настроить ее на верхней панели кликнув соответствующий значок), по ней с помощью инструмента "линия" делаем строчки на одинаковом расстоянии друг от друга.

Чтобы не делать это сто раз, можно сохранить слой как картинку на прозрачном фоне в формате .png и при необходимости вставлять в качестве дополнительного слоя. В конце линования должно получиться примерно вот так:

Шаг 10. На четвертый слой копируем ту же картинку, что и на заднем фоне.

Уменьшаем ее до нужного размера, потянув за маркеры, и перемещаем ее в угол страницы.

Кликаем в любом месте экрана, чтобы снять маркеры.

Шаг 11. Сохраняем картинку на рабочем столе в нужном формате .png, например (только не в формате программы, иначе не сможете ее распечатать).

Далее программа задаст запрос о разрешении на объединение всех слоев, разрешаем сие действо и ждем, пока программа все соединит и сохранит.

Все, страничка готова!

www.livemaster.ru


Смотрите также