Пишем ручкой на бумаге в Фотошоп. Для фотошопа ручка


Пишем ручкой на бумаге в Фотошоп

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

Скачать архив с материалами к уроку

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

1. Создание узора

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 80х80 пикселей. На панели инструментов установите цвет #e0e0e0 и выберите инструмент Кисть (Brush Tool) (B). Откройте панель кистей (F5). Выберите мягкую кисть размером 1 пиксель и включите Шум (Noise) и Влажные края (Wet Edges). Остальные параметры настройте так:

Форма отпечатка кисти (Brush Tip Shape):

Динамика формы (Shape Dynamics):

Шаг 2

Создайте новый слой и нарисуйте диагональные линии. Этим узором мы заполним буквы.

Шаг 3

Выключите фоновый слой. Перейдите в меню Редактирование > Определить узор (Edit > Define Pattern), чтобы сохранить узор.

2. Создание фона, текста и цветового фильтра

Шаг 1

Создайте новый документ размером 1000х750 пикселей. Выберите инструмент Заливка (Paint Bucket Tool) (G) и на верхней панели выберите заливку узором. Залейте фон любым узором из набора, представленного в начале урока.

Шаг 2

Шрифтом «Panton» размером 150pt чёрного цвета напишите что-нибудь.

Шаг 3

Кликните правой кнопкой мыши на текстовом слое и выберите пункт Преобразовать в смарт-объект (Convert to Smart Object). Уменьшите Заливку (Fill) слоя до 0%. Создайте три копии смарт-объекта. Все смарт-объекты объедините в одну группу «Text» (Ctrl + G). Верните группе нормальный режим наложения.

Шаг 4

Внутри группы «Text» на самом верху создайте корректирующий слой Фотофильтр (Photo Filter): #3f3f3f.

3. Стилизация текста

Шаг 1

К первому слою текста примените стиль Наложение узора (Pattern Overlay): используйте узор, который мы создали в начале урока.

Шаг 2

К первой копии текстового слоя примените стиль Обводка (Stroke): Положение – По центру, Режим – Нормальный, Тип обводки – Цвет (#c9c9c9).

Шаг 3

Следующий стиль – Внутренняя тень (Inner Shadow): #bfbfbf.

Шаг 4

Кликните правой кнопкой мыши на первой копии и выберите пункт Скопировать стиль слоя (Copy Layer Style). Через то же контекстное меню вставьте на оставшиеся копии скопированные стили: пункт Вклеить стиль слоя (Paste Layer Style).

Шаг 5

Измените стили второй копии:

Обводка (Stroke): #bfbfbf.

Шаг 6

Внутренняя тень (Inner Shadow): измените размер.

Результат:

Шаг 7

Измените стили третьей копии:

Обводка (Stroke): Положение – Внутри, цвет #d6d4d4.

4. Фильтры

Шаг 1

К первой копии примените фильтр Волны (Фильтр > Искажение > Волны) (Filter > Distort > Ripple).

Шаг 2

К третьей копии примените фильтр Зигзаг (Фильтр > Искажение > Зигзаг) (Filter > Distort > ZigZag).

Шаг 3

В завершение, примените фильтр Размытие по поверхности (Фильтр > Размытие > Размытие по поверхности) (Filter > Blur > Surface Blur).

5. Сдвиг текста и смена цвета

Шаг 1

Выберите инструмент Перемещение (Move Tool) (V) и каждую копию сдвиньте немного в сторону.

Шаг 2

Чтобы изменить цвет текста, создайте корректирующий слой Фотофильтр (Photo Filter): #3060ce. Поместите его внутрь группы с текстом. Если Вы смените режим наложения группы на Пропустить (Pass Through), то цвет фона тоже изменится.

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

Скачать архив с материалами к уроку

Автор: Rose

photoshop-master.ru

Рисуем Шариковой Ручкой в программе Adobe Photoshop

Final product imageWhat You'll Be Creating

В этом уроке я покажу вам, как использовать смарт-объекты, стили слоя, а также некоторые фильтры, чтобы создать простой текст, нарисованный шариковой ручкой. Также я поделюсь с вами секретом, как очень легко изменить цвет итогового результата с помощью корректирующего слоя Фото Фильтр. Давайте приступим!

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

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

1. Создаём Узор

Шаг 1

Создайте новый документ со следующими размерами 80 x 80 px, установите цвет переднего плана на #e0e0e0. Выберите инструмент Кисть (Brush Tool), а затем откройте панель Кисть (Brush), для этого идём Окно - Кисть (Window > Brush).

Установите мягкую круглую кисть 1 px, поставьте галочки в окошках для параметров Шум (Noise) и Влажные края (Wet Edges), а также установите остальные настройки, которые указаны на скриншоте ниже.

Brush Tip Shape

Динамика формы (Shape Dynamics)

Shape Dynamics

Шаг 2

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

Create Pattern Fill

Шаг 3

Когда вы закончите, отключите видимость слоя с Задним фоном (Background), для этого просто щёлкните по глазку рядом с миниатюрой слоя, а затем идём Редактирование - Определить узор (Edit > Define Pattern), Далее, нажмите кнопку 'ОК'.

Define Pattern

2. Создаём Новый Документ, Добавляем Текст и Применяем Фото Фильтр

Шаг 1

Создайте новый рабочий документ со следующими размерами 1000 x 750px. Выберите инструмент Заливка (Paint Bucket Tool) в панели управления данного инструмента. установите заливку Узором (Pattern). Залейте задний фон любым узором, который вам понравился из набора узоров Учебная тетрадка.

Fill Background with Pattern

Шаг 2

Создайте текст, используя шрифт Panton Black Caps, цвет шрифта чёрный, размер шрифта 150 pt.

Create the Text

Шаг 3

Щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне. выберите опцию Преобразовать в смарт-объект (Convert to Smart Object), а затем уменьшите значение Заливки (Fill) для данного смарт-объекта до 0.

Далее, трижды продублируйте слой со смарт-объектом, таким образом, в итоге у вас получится всего четыре слоя со смарт-объектами.

Сгруппируйте все слои со смарт-объектами в одну группу, назовите новую группу Текст (Text), а затем поменяйте режим наложения для данного слоя с группой на Нормальный (Normal). Смена режима наложения позволит вам позже легко изменить цвет текст.

Creating the Smart Object Layers and their Group

Шаг 4

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Фото Фильтр (Photo Filter). Поместите данный корректирующий слой внутри созданной группы Текст (Text) поверх всех остальных слоёв.

Для параметра Цвет (Color), установите цвет фильтра #3f3f3f и Плотность (Density) 100%, а также уберите галочку в окошке Сохранить свечение (Preserve Luminosity).

Photo Filter Settings

3. Стилизуем Текст

Шаг 1

Дважды щёлкните по первому слою со смарт-объектом, чтобы применить следующий стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Непрозрачность (Opacity): 70%
  • Узор (Pattern): Используйте узор, который мы создали вначале этого урока.
Pattern Overlay

Итак, мы стилизовали внутреннюю часть текста.

Styled Pattern Filled Text

Шаг 2

Дважды щёлкните по первому дубликату слоя со смарт-объектом, чтобы применить следующие стили слоя:

Добавьте стиль слоя Обводка (Stroke) со следующими настройками:

  • Размер (Size): 1
  • Положение (Position): Из центра (Center)
  • Цвет: #c9c9c9
Stroke

Шаг 3

Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:

  • Цвет: #bfbfbf
  • Смещение (Distance): 0
  • Размах (Spread): 100
  • Размер (Size): 1
Inner Shadow

Шаг 4

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

First Stroke Layer

Шаг 5

Дважды щёлкните по второму дубликату слоя со смарт-объектом, чтобы изменить некоторые настройки для следующих стилей слоя:

Для стиля слоя Обводка (Stroke), поменяйте цвет на #bfbfbf.

Stroke

Шаг 6

Для стиля слоя Внутренняя тень (Inner Shadow), поменяйте Размер (Size) на 2.

Inner Shadow

Итак, мы стилизовали второй слой с обводкой.

Second Stroke Layer

Шаг 7

Дважды щёлкните по третьему дубликату слоя со смарт-объектом, чтобы изменить некоторые настройки для стиля слоя Обводка (Stroke).

  • Непрозрачность (Opacity): 90%
  • Положение (Position): Внутри (Inside)
  • Цвет: #d6d4d4
Stroke

Итак, мы стилизовали третий слой с обводкой.

Third Stroke Layer

4. Применяем Фильтры

Шаг 1

Перейдите на первый дубликат слоя со смарт-объектом, а затем идём Фильтр - Искажение - Рябь (Filter > Distort > Ripple). Установите Количество (Amount) на 20, а Размер (Size) на Средняя (Medium).

Ripple Filter

Шаг 2

Перейдите на третий дубликат слоя со смарт-объектом, а затем идём Фильтр - Искажение - Зигзаг (Filter > Distort > ZigZag). Установите Количество (Amount) на 5, Складки (Ridges) на 10, а также Стиль (Style) на От центра (Out From Center).

ZigZag Filter

Шаг 3

В заключение идём Фильтр - Размытие - Размытие по поверхности (Filter > Blur > Surface Blur). Установите Радиус (Radius) ан 3, а Изогелию (Threshold) на 12.

Surface Blur Filter

5. Сдвигаем Текст и Меняем Цвет

Шаг 1

Что вам нужно сделать далее - это выбрать инструмент Перемещение (Move Tool), а затем выделяя каждый из трёх дубликатов слоёв со смарт-объектами, слегка сместить их. Вы можете сместить любой или все слои в зависимости от того, какой эффект вы хотите получить.

Moving the Stroke Layers

Шаг 2

Если вы хотите поменять цвет текста, всё, что вам нужно сделать- это перейти на корректирующий слой Фото Фильтр (Photo Filter), а затем в окне настроек данного фильтра, щёлкнуть по миниатюре Цвет (Color), чтобы выбрать другой оттенок. Цвет, который использовался в этом уроке: #3060ce.

Поместив корректирующий слой Фото Фильтр (Photo Filter) внутри группы для изменения цвета элементов, расположенных внутри этой группы, и изменив режим наложения для слоя с группой с режима Пропустить (Pass Through) на режим Нормальный (Normal), помогло нам изменить цвет.

Change the Color

Поздравляю! Мы завершили урок!

В этом уроке мы создали простой узор с помощью настроенной кисти.

Далее, мы залили задний фон узором разлинованной бумаги, создали текст, преобразовали его в смарт-объект, а затем трижды продублировали его. Затем мы стилизовали каждый дубликат слоя, чтобы создать эффект наброска с помощью нескольких фильтров, которые мы применили после добавления стилей слоя.

В заключение, мы немного сдвинули слои и применили корректирующий слой Фото Фильтр (Photo Filter), чтобы изменить цвет заключительного результата.

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

design.tutsplus.com

Рисуем перьевую ручку в Фотошоп

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

Результат урока:

Шаг 1. Создайте новый документ со следующими настройками:

Шаг 2. Создайте новую группу слоев и назовите ее "Ручка". Выберите инструмент Перо (P) и нарисуйте форму, как это показано на рисунке ниже. Перед тем как создать форму, не забудьте выбрать "Слой-Форма" из строки функций вверху. Назовите эту форму основанием и в настройках слоя выберете пункт Наложение градиента. Настройки этой функции можете посмотреть на рисунке ниже.

Шаг 3. Нарисуйте еще одну форму с помощью Пера и назовите слой с ней "тело", или как вам удобнее.

Шаг 4. Создайте новый слой, затем выделите слой "тело", заполните выделение на новом слое белым цветом. Нажмите Ctrl + T и уменьшите ширину нового слоя на 75%. Теперь зайдите в Фильтр> Размытие> Размытие в движении, нажмите кнопку ОК после выполнения настроек показанных ниже. Наконец, уменьшите непрозрачность слоя на 50%, а в настройках слой выберете пункт Наложение градиента.

Шаг 5. Используйте инструмент прямоугольник (U) или Перо (P), чтобы нарисовать форму, как это показано ниже, и назовите его "шея", или как вам удобнее. Сделайте настройки слой как показано на рисунке.

Шаг 6. Поставьте такие же настройки к слою "шея", как к слою "тело", но при этом измените непрозрачность первого слоя 75%, а дубликата слоя до 100%, сохраняя пропорции при уменьшении размера.

Шаг 7. Используйте Перо (P) и сделайте форму с изогнутой полосой, как показано ниже.

Щелкните правой кнопкой на слой с фигурой и выберите пункт "Растрировать" из меню. Теперь примените эти фильтры к слою:Фильтр > Размытие>Размытие по Гауссу (Радиус = 0,5 px)Фильтр >  Резкость на краях

Настройки стиля слоя с полоской смотрите ниже.

Шаг 8. Создайте новый слой (назовем его "тень"), поместите его под слоем с полоской.  Нажатием Ctrl и левой кнопки мыши выделите слой с полоской и выполните Выделение> Модификация> Расширить, в настройках укажите 2 px и нажмите кнопку ОК. Теперь залейте выделение черным (Alt+Delete) на слое "тень". Затем примените Фильтр> Размытие> Размытие по Гауссу (Радиус = 0,5 px).

Часть тени выходит за контур ручки. Чтобы исправить это, нужно выделить слой ТЕЛО (Ctrl+клик на минимизацию слоя тело в палитре слоев), затем выделить слой ШЕЯ Ctrl+Shift + клик на минимизацию слоя шея в палитре слоев. Затем, Выделение > Модификация > Сжать, установите на 1 px и нажмите кнопку ОК. После этого нажмите Ctrl + Shift + I и нажмите "Удалить".

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

Шаг 10. На новом слое, создайте и заполните выделение черным помощью инструментов выделения прямоугольной области и эллиптической, как показано на риунке ниже. Выполните Слой > Добавить маску слоя > Показать все. Наложите черно-белый градиент на маску слоя, как указано на рисунке.

Шаг 11. Используйте описание создания полоски и тени в шагах 7 и  8, чтобы создать полоску под пером.

Шаг 12. Щелкните правой кнопкой мыши на группе слоев "Ручка" и дублируйте ее. Снимите видимость группы слоев "Ручка"  (это будет как резервная копия), затем нажмите Ctrl+Shift+Е, чтобы объединить все видимые слои. Выполните Редактирование> Трансформация> Поворот,  поверните слой на 45 градусов по часовой стрелке. И наконец, сделайте настройки стиля слоя как показано на рисунке ниже.

Вот и все. Надеюсь, вы узнали что-то новое из этого урока.

Автор: Asher AbbasiПереводчик: Гетманенко ГлебСсылка на источник

photoshop-master.ru


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