Создаём элегантный цветочный текст в Фотошоп. Цветы в фотошопе


Создаём элегантный цветочный текст в Фотошоп

Красивые широкие шрифты – вневременный тренд в дизайне. И в этом уроке вы узнаете, как создать элегантный цветочный текстовый эффект с розами. Начнем!

На создание этого эффекта меня вдохновили различные стили слоя, которые доступны на сайте GraphicRiver.

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

Примечание: Автор использовал платный шрифт. Вы можете подобрать подходящий шрифт для выполнения урока здесь.

1. Создаем быстрое выделение

Шаг 1

Очень важно подобрать подходящие картинки для создания эффекта. Для данного урока нам понадобится фото с большим количеством цветов, желательно, чтобы между ними было пустое пространство и хорошая контрастность с фоном.

Открываем картинку с розами, берем Quick Selection Tool (W) (Быстрое выделение) и на верхней панели жмем кнопку Add to selection (Добавить к выделенной области).

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

Шаг 2

Закончив с выделением цветов, нажмите кнопку Select and Mask (Выделить и маскировать) на верхней панели.

Прим. переводчика: эта кнопка появилась в версии Photoshop CC 2015.5. В старых версиях на ее месте находится кнопка Refine Edge (Уточнить край), которой вы можете воспользоваться в этом уроке, если у вас нет нужной версии программы.

Шаг 3

Устанавливаем View (Просмотр) на On Black (На черном) и увеличиваем Opacity (Непрозрачность) до 100%.

Настраиваем остальные параметры, чтобы получить аккуратное и гладкое выделение.

В данном случае Smooth (Сгладить) установлен на 5, Shift Edge (Сместить край) – на -30%. Благодаря этому мы получим гладкое выделение и исключим выделение лишних деталей за пределами цветов.

Также вы можете активировать параметр Decontaminate Colors (Очистить цвета), чтобы уменьшить количество цветов, и устанавливаем Output (Вывод) на New Layer with Layer Mask (Новый слой с маской).

Шаг 4

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

Шаг 5

Дублируем (Ctrl+J) получившийся слой, кликаем правой кнопкой по маске и выбираем Apply Layer Mask (Применить слой-маску).

Шаг 6

Называем получившийся слой «Розы», сохраняем файл в формате PSD и не закрывайте его, так как мы будем пользоваться этим файлом на протяжение всего урока.

2. Создаем фон и добавляем текст

Шаг 1

Создаем новый документ размером 1150 х 850 пикселей, кликаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) в нижней части панели слоев и выбираем Gradient (Градиент).

Шаг 2

Создаем градиентную заливку, используя цвета #ffffff (слева) и #d3d3d3 (справа).

Устанавливаем Style (Стиль) на Radial (Радиальный) и Scale (Масштаб) – на 255.

Шаг 3

Пишем текст, используя шрифт Lust Script. Устанавливаем Size (Размер) на 350 pt и цвет – на #160742.

3. Добавляем цветы и корректирующие слои

Шаг 1

Размещаем слой «Розы» над текстовым слоем, жмем по нему правой кнопкой мыши и выбираем Convert to Smart Object (Преобразовать в смарт-объект), затем снова кликаем правой кнопкой и выбираем Create Clipping Mask (Создать обтравочную маску).

Использование смарт-объектов позволяет применять эффекты, например, фильтры или цветокоррекцию, не нарушая структуры самого слоя и с возможностью в любой момент подкорректировать параметры эффекта. Однако, в старых версиях Photoshop не всё можно применить к смарт-объекту. Но в таком случае вы можете растрировать слой или использовать корректирующие слои, которые добавляются независимо от слоя, к которому они применяются.

Шаг 2

Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и используем следующие настройки:

Reds (Красные)

  • Cyan (Голубой): -10
  • Magenta (Пурпурный): 5
  • Yellow (Желтый): 10
  • Black (Черный): 30

Whites (Белые)

  • Cyan (Голубой): 35
  • Magenta (Пурпурный): -30
  • Black (Черный): -10

Neutrals (Нейтральные)

  • Cyan (Голубой): 35
  • Magenta (Пурпурный): 5
  • Yellow (Желтый): -50
  • Black (Черный): 15

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

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

Шаг 3

Далее переходим Image – Adjustments – Levels (Изображение – Коррекция – Уровни) и применяем следующие настройки:

RGB

  • Input Shadows (Тени): 20
  • Gamma (Средние тона): 0.85
  • Output Highlights (Свет): 235

Blue (Синий)

  • Output Shadows (Тени): 20

Корректирующий слой слегка затемнит картинку и добавит больше синего.

Шаг 4

Переходим Filter – Noise – Reduce Noise (Фильтр – Шум – Уменьшить шум) и применяем следующие настройки:

  • Strength (Интенсивность): 7
  • Preserve Details (Сохранить детали): 55
  • Reduce Color Noise (Уменьшить цветовой шум): 45
  • Sharpen Details (Увеличить резкость деталей): 15

Это необязательный шаг, но с помощью этого фильтра мы добавили легкий эффект пластика на розах.

Шаг 5

Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и устанавливаем Saturation (Насыщенность) на -5.

Шаг 6

Переходим Filter – Camera Raw (Фильтр – Camera Raw). На вкладке Basic (Основные) устанавливаем Clarity (Четкость) на 50.

4. Подгоняем цвет разных изображений

Шаг 1

Открываем фото Роза 01 и вырезаем фон с помощью маски, как мы делали это с первым снимком.

Шаг 2

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

Шаг 3

Чтобы добавить эту розу на рабочий документ, мы должны подогнать ее цвета. Это можно сделать множеством способов, но самый быстрый – воспользоваться Match Colors (Подобрать цвет).

Переходим Image – Adjustments – Match Colors (Изображение – Коррекция – Подобрать цвета).

Опускаемся к Image Statistics (Статистика изображения) и параметр Source (Источник) устанавливаем на PSD-документ с оригинальными вырезанными розами, Layer (Слой) устанавливаем на «Розы».

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

Выбрав файл-источник и слой, мы можем настроить параметры Image Options (Настройки изображения) и нажать ОК.

5. Как скопировать смарт-фильтр

Шаг 1

Добавляем новую розу на рабочий документ, называем ее «Роза 1» и конвертируем в смарт-объект.

Шаг 2

Раскрываем список фильтров слоя «Розы». Затем зажимаем клавишу Alt и перетаскиваем смарт-фильтры на слой «Роза 1».

Шаг 3

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

Не забывайте, что вы можете удалить или изменить любой смарт-фильтр.

Шаг 4

Таким же образом добавляем картинки Роза 02 и Роза 03.

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

6. Добавляем эффект погружения в глубину

Шаг 1

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

Для этого выбираем нужный слой и переходим Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу), устанавливаем Radius (Радиус) на 3.

Шаг 2

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

Шаг 3

Закончив, выше всех слоев добавляем корректирующий слой Gradient Map (Карта градиента).

Используем цвета #5d4e7c (слева), #8d6385 (по центру) и #cd9a90 (справа).

Затем активируем Dither (Дизеринг) и устанавливаем режим смешивания градиентного слоя на Soft Light (Мягкий свет).

Поздравляю, мы закончили!

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

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

Автор: Rose

photoshop-master.ru

Создаём текст из растений в Фотошоп

“Весь мир состоит из веры, доверия и пыльцы феи”. В этом уроке мы унесём наш текст в Неверленд, страну вечного детства, используя текстуры и изображения, включая стили слоя и корректирующие слои, чтобы создать волшебный текст, навеянный мультфильмом про Питера Пэна. ОК. Давайте приступим!

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые можно приобрести на сайте Envato Market.

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

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

1. Создаём задний фон

Шаг 1

Создайте новый документ со следующими размерами 1000 x 850 px. Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Градиент (Gradient).

Шаг 2

Установите цвета градиента #1c466c слева и #0a0314 справа. Стиль (Style) градиента Радиальный (Radial), Масштаб (Scale) 170%, а также поставьте галочку в окошке Дизеринг (Dither).

Шаг 3

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

Назовите слой с небом Небо (Sky), поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 60%.

Шаг 4

Далее, идём Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 1.5 рх.

Примечание переводчика: автор применяет фильтр Размытие по Гауссу (Gaussian Blur) к слою с небом.

Шаг 5

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Нажмите кнопку Привязать к слою (Clip to layer), а затем поменяйте значение Насыщенности (Saturation) на -100, я значение Яркости (Lightness) на -3.

Примечание переводчика: автор добавляет корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) к слою с небом в качестве обтравочной маски.

2. Добавляем текст и текстуру листа

Шаг 1

Добавьте текст, используя шрифт Propaganda. Установите Размер (Size) шрифта 265 pt, а значение Трэкинга (Tracking) 50.

Шаг 2

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

Шаг 3

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение.

3. Маскируем текстуру листа, а также меняем положение текстуры внутри текста

Шаг 1

Находясь на слое с текстурой листа, нажмите кнопку Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить маску.

Щёлкните по звену цепочки между слоем и маской, чтобы развязать их. Это позволит нам смещать изображение внутри маски, а не самого слоя.

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

Шаг 2

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

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

Примечание переводчика: 1. если вы хотите подобрать текстуру листа с определённым узором (например, с определёнными прожилками листа) к определённой букве текста, тогда создайте копию текстуры листа 2. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы создать активное выделение 3. Выберите инструмент Прямоугольная область (Rectangular Marquee Tool), а затем в панели управления данного инструмента, выберите режим Пересечение с выделенной областью (Intersect) 4. Выделите нужную букву инструментом выделения, а затем добавьте слой-маску (не забудьте перейти на слой с текстурой листа) 5. Повторите весь процесс для любой буквы, к которой вы решили подобрать определённый узор текстуры. 6. У автора тот же самый процесс, только наоборот, он удаляет текстуру с букв с помощью заливки на маске слоя.

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

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

4. Стилизуем текстуру листа

Шаг 1

Дважды щёлкните по слою с текстурой листа, чтобы применить стиль слоя Тиснение (Bevel and Emboss). Примените следующие настройки:

  • Размер (Size): 50
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)

Шаг 2

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

Таким образом, мы добавили объём к тексту.

5. Создаём экструзию

Шаг 1

Выделите все слои с текстурами листьев, которые у вас есть, чтобы продублировать их, а затем нажмите клавиши (Ctrl+E), чтобы объединить дубликаты слоёв в один слой.

Примечание переводчика: если у вас один слой с текстурой листа, тогда создайте новый слой поверх данного слоя, далее, выделите оба слоя и нажмите клавиши (Ctrl+E).

Назовите объединённый слой Экструзия (Extrusion), а затем сместите данный слой вниз, расположив ниже всех слоёв с текстурами листьев.

Шаг 2

Нажмите клавиши (Ctrl+T) для активации режима Свободная трансформация (Free Transform). Далее, нажмите один раз клавишу направления со стрелкой вниз, а затем один раз клавишу направления со стрелкой вправо, чтобы сместить экструзию на 1 рх вниз и на 1 рх вправо.

Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 3

Теперь нажмите клавиши (Ctrl+Alt+Shift+T) шесть раз, чтобы создать шесть дубликатов слоёв с одинаковой трансформацией.

Шаг 4

Сгруппируйте все слои с экструзией в одну группу. Назовите новую группу Экструзия (Extrusion).

6. Стилизуем экструзию

Шаг 1

Дважды щёлкните по слою с группой Экструзия (Extrusion), чтобы применить стиль слоя

Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

  • Размер (Size): 10
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Мягкий свет (Soft Light)
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 25%

Таким образом, мы добавили немного объёма к экструзии.

7. Создаём рабочий контур

Шаг 1

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

Шаг 2

Выберите любой инструмент выделения, а затем щёлкните правой кнопкой по выделенной области и в появившемся меню выберите опцию Создать рабочий контур (Make Work Path).

Шаг 3

Установите Допуск (Tolerance) 1.0, а затем нажмите кнопку OK.

Шаг 4

Таким образом, мы преобразуем активное выделение в рабочий контур.

Создайте новый слой поверх всех остальных слоёв, назовите этот слой Обводка (Stroke), а затем выберите инструмент Кисть (Brush Tool).

8. Создаём и применяем Обводящую кисть

Шаг 1

Откройте панель настроек кисти Окно - Кисть (Window > Brush), выберите стандартную кисть Разбросанные кленовые листья (Scattered Maple Leavestip), установите настройки кисти, которые указаны на скриншотах ниже:

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

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

Шаг 2

Нажмите клавишу (Enter), чтобы применить обводку к контуру, используя настроенную кисть.

Нажмите клавишу ‘A’, чтобы активировать инструмент Стрелка (Direct Selection Tool), и ещё раз нажмите клавишу (Enter), чтобы избавиться от рабочего контура.

9. Стилизуем обводку

Шаг 1

Ещё раз откройте исходную текстуру с листом. Переместите данную текстуру на наш рабочий документ, расположив поверх слоя Обводка (Stroke), назовите этот слой Текстура обводки (Stroke Texture).

Щёлкните правой кнопкой мыши по слою Текстура обводки (Stroke Texture) и в появившемся окне выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы закрепить слой с текстурой к обводке.

Шаг 2

Дважды щёлкните по слою Текстура обводки (Stroke Texture), чтобы применить стиль слоя Внутренняя тень (Inner Shadow).

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

  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 5
  • Размер (Size): 7

Таким образом, мы немного затемнили края.

10. Добавляем вьющееся растение

Шаг 1

Откройте исходное изображение с растениями и листьями. С помощью инструмента Лассо (Lasso Tool), выделите фрагмент, который обведен на скриншоте ниже, а затем перейдите Редактирование - Скопировать (Edit > Copy).

Шаг 2

Возвращаемся на наш рабочий документ, а затем идём Редактирование - Вклеить (Edit > Paste) (Ctrl+V).

Нажмите клавиши (Ctrl+T), чтобы применить масштабирование и поворот на своё усмотрение. Расположите вьющееся растение поверх текста.

Не выходя из режима Свободной трансформации (Free Transform), вы также можете щёлкнуть правой кнопкой мыши по области трансформации, чтобы применить другие опции трансформации, например, отражение по горизонтали / вертикали, при необходимости.

Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 3

Вы можете воспользоваться инструментом Ластик (Eraser Tool (E)), чтобы удалить нежелательные фрагменты растения.

Шаг 4

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

Шаг 5

Сгруппируйте все слои с растениями и веточками в одну группу. Назовите новую группу Вьющееся Растение (Vines).

Шаг 6

Сгруппируйте все слои, которые вы создали, за исключением слоёв с задним фоном. Назовите новую группу Текст (Text).

11. Стилизуем группу текст (Text)

Дважды щёлкните по слою с группой Текст (Text), чтобы применить следующие стили слоя:

Шаг 1

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

  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 0
  • Размер (Size): 27

Шаг 2

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Непрозрачность (Opacity): 50%
  • Цвет (Color): #e1ddd1
  • Размер (Size): 101

Шаг 3

Выберите следующий стиль слоя Тень (Drop Shadow). Установите следующие настройки для данного стиля слоя:

  • Цвет (Color): #2b466b
  • Непрозрачность (Opacity): 73%
  • Смещение (Distance): 7
  • Размер (Size): 21

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

12. Добавляем ещё одну текстуру на задний фон и проводим коррекцию цвета текста

Шаг 1

Откройте исходное изображение со штормом. Переместите данное изображение на наш рабочий документ, расположив ниже слоя с группой Текст (Text). Назовите этот слой с изображением шторма Текстура Заднего фона (BG Texture).

Поменяйте режим наложения для слоя Текстура Заднего фона (BG Texture) на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 70%.

Шаг 2

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color) поверх слоя с группой Текст (Text) в качестве обтравочной маски.

Установите Нейтральные (Neutrals) в меню Цвета (Colors). Примените настройки, которые указаны ниже:

  • Голубой (Cyan): 1
  • Пурпурный (Magenta): 7
  • Жёлтый (Yellow): -3
  • Чёрный (Black): 4

Шаг 3

Установите Чёрные (Blacks) в меню Цвета (Colors). Примените настройки, которые указаны ниже:

  • Голубой (Cyan): 7
  • Пурпурный (Magenta): -3
  • Жёлтый (Yellow): -29
  • Чёрный (Black): 2

13. Добавляем искорки

Шаг 1

Создайте новый слой поверх всех слоёв, назовите этот слой Искры (Sparkles), а затем поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light).

Выберите инструмент Кисть (Brush Tool), установите цвет переднего плана на #fcf5d7.

Шаг 2

Выберите любую кисть из набора кистей искры на своё усмотрение, а затем настройте кисть в панели настроек Кисть (Brush), используя такие параметры, как Интервал (Spacing) и Динамика формы (Shape Dynamics).

Далее, щёлкните и слегка поведите кистью, чтобы добавить искорки вокруг текста.

Шаг 3

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски к слою Искры (Sparkles).

Поставьте галочку в окошке Тонирование (Colorize), а затем установите значение Цветового тона (Hue) на 233, а значение Насыщенности (Saturation) на 100.

14. Проводим заключительную коррекцию цвета

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв, поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%. Щёлкните по шкале градиента, чтобы установить цвета градиента.

Шаг 2

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

Цвет – Позиция (Color – Location)

#774a11 - 0%

#976828 - 20%

#c49651 - 50%

#e1b978 - 80%

#ffe3a3 - 100%

Шаг 3

Добавьте корректирующий слой Градиент (Gradient) поверх всех остальных слоёв.

Тип градиента от цвета заливки до прозрачного, цвета градиента #ffe79d слева и #000000 справа, а также поменяйте Угол (Angle) на -41.

Примечание переводчика:Стиль (style) градиента Линейный (Linear).

Шаг 4

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Перекрытие (Overlay), Непрозрачность (Opacity) слоя 30%.

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

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

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

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

Автор: Rose

photoshop-master.ru

Красочная иллюстрация с цветами в Фотошоп

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

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

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

Архив

ШАГ 1   Создайте Новый Документ

Создайте новый документ (Ctrl+N) 1500 px по ширине 2000 px по высоте и установите цвет заднего фона- белый, а значение резолюции 100 пиксейлей / дюйм. 

ШАГ 2

Вначале, мы используем несколько текстур, чтобы создать нежный задний фон. Перед началом создайте новую папку “Текстуры” и скачайте в данную папку текстуры по ссылке вначале этого урока.  Далее, откройте текстуру “1.jpg” и переместите данную текстуру на наш документ. Примените масштабирование к текстуре Ctrl + T. Назовите этот слой “Текстура 1″.

Примечание переводчика: текстура “1.jpg”- это первая текстура, которая идёт по ссылке.

Уменьшите непрозрачность слоя с текстурой до “30%”

Далее, откройте текстуру “8.jpg”, переместив данную текстуру на наш документ. Примените масштабирование Ctrl + T к текстуре. Назовите этот слой с текстурой “Текстура 2″.

Поменяйте режим наложения для этого слоя на Перекрытие (Overlay) и уменьшите Непрозрачность (Opacity) слоя до 65%.

Далее, откройте текстуру “2.jpg”, переместив данную текстуру на наш документ. Также, примените масштабирование Ctrl + T к текстуре. Назовите этот слой “Текстура 3″.

Поменяйте режим наложения для этого слоя на Жёсткий свет (hard light) и уменьшите Непрозрачность (Opacity) слоя до 45%.

ШАГ 3

Итак, откройте изображение Модель в программе Photoshop. Мы используем изображение модели в нашей композиции, поэтому, нам потребуется переместить модель на наш документ.

Перейдите в закладку Каналы(Channels) в палитре слоёв. Проверьте каждый канал на предмет содержания наибольшего контраста – в данном случае, это канал Зелёный (Green). Удерживая левой кнопкой миниатюру зелёного канала + перетащите миниатюру на кнопку Создать новый канал (Create new channel), расположенной в нижней палитре инструментов, чтобы продублировать канал.

Далее, нажмите клавиши Ctrl + L, чтобы появилось диалоговое окно Уровни (Levels) и сместите бегунок Входные значение (Input levels), как показано на скриншоте ниже. Не переживайте насчёт некоторых участков, которые остались светлыми на модели:

Ещё раз нажмите клавиши Ctrl + L, чтобы появилось диалоговое окно Уровни (Levels) и сместите бегунок Входные значение (Input levels), как показано на скриншоте ниже.

Далее, выберите инструмент Кисть(Brush tool (B). Установите цвет переднего плана на чёрный и далее, прокрасьте поверх светлых участков.

Примечание переводчика: чёрной кистью прокрасьте девушку, чтобы не осталось светлых участков в пределах контура модели. 

Загрузите канал в качестве выделения.

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

Далее, примените инверсию к выделенному изображению (Shift + Ctrl + I), а затем добавьте слой-маску.

Выберите любой инструмент выделения, затем нажмите кнопку Уточнить край (Refine Edge) в верхней панели настроек.

Примечание переводчика: если кнопка Уточнить край (Refine Edge) не активна, то ещё раз загрузите выделение.

В диалоговом окне опции в разделе Вид (View) нажмите стрелку вниз и выберите из списка положение На слоях (On Layers). Далее, поставьте галочку в опции Умный Радиус (Smart Radius) и установите значение Радиуса Действия (Radius field) 2.5 рх. Далее, ставим галочку в опции Очистить цвета (Decontaminate Colors) и устанавливаем значение на 68% и нажимаем OK.

После того, как вы выполнили команду Уточнить край (Refine Edge), вы увидите, что появится дополнительное выделение, и видимость оригинального выделения скроется. Теперь, вам необходимо перетащить слой-маску на иконку Удалить слой (Delete layer) и в появившемся окне нажать кнопку Применить (Apply):

Примечание переводчика: зажимая левой кнопкой мыши слой-маску + перетащите слой-маску в корзину.

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

ШАГ 4

Далее, выберите инструмент Прямоугольная область(rectungular marquee tool (m) и создайте прямоугольное выделение в нижней части девушки.

Далее, нажмите клавиши Ctrl + T для активации инструмента трансформации и потяните за квадратик в красном кружке в направлении стрелки.

К слою с моделью, добавьте слой-маску.

Примечание переводчика: после применения трансформации, нажмите Enter, а затем к слою с девушкой, добавьте слой-маску.

Итак, выберите инструмент Кисть (Brush tool (B), а затем загрузите гранжевые кисти. Для того, чтобы загрузить их, просто щёлкните правой кнопкой по документу, находясь на любом слое и в появившемся окне нажмите по значку выпадающего меня, как показано на скриншоте ниже:

Далее, появится контекстное меню. В контекстном меню, выберите опцию Загрузить кисти (Load Brushes).

Вы будете направлены в директорию: Adobe Photoshop > Presets > Кисти (Adobe Photoshop > Presets > Brushes), поэтому. убедитесь, что вы скачали кисти именно в данную папку. Выберите кисти, которые вы хотите установить и нажмите OK. Ещё раз щёлкните правой кнопкой мыши по документу и вы увидите, что появились новые кисти. Итак, давайте выберем кисть и применим кисть в нижней части девушки. См. скриншот ниже:

Примечание переводчика: 1. цвет кисти, установите чёрный 2. кистью прокрашивайте на слой-маске 3. попробуйте поиграть с непрозрачностью кисти.

Результат должен быть, как на скриншоте ниже:

ШАГ 5

Итак, далее откройте Акварельную текстуру в программе Photoshop. Мы используем данную текстуру в нашей работе, поэтому, нам потребуется переместить текстуру на наш документ.

Нажмите клавишу V для активации инструмента Перемещения (Move Tool). Зажимая левой кнопкой мыши изображение с текстурой, переместите её на наш документ. Назовите этот слой ‘Текстура 1’.

Примечание переводчика: расположите слой с акварельной текстурой ниже слоя с моделью.

Поменяйте режим наложения для слоя с акварельной текстурой на Умножение (Multiply):

Далее, ещё раз выберите инструмент Кисть(brush), к слою с текстурой добавьте слой-маску и на слой-маске начните прокрашивать вокруг текстуры. См. скриншот ниже:

Примечание переводчика: автор обрабатывает края текстуры для создания плавного перехода с основным задним фоном.

Результат должен быть, как на скриншоте ниже:

Далее, добавьте корректирующий слой Цветовой Баланс (Color balance), данную коррекцию можно активировать через нижнюю панель настроек в палитре слоёв. Удерживая клавишу Alt + щёлкните между двумя слоями (между слоем с акварельной текстурой и корректирующим слоем Цветовой Баланс (Color balance) для создания обтравочной маски).

Примечание переводчика: автор применяет коррекцию к слою с акварельной текстурой, поэтому корректирующий слой будет применяться в качестве обтравочной маски.

Когда появится окно настроек корректирующего слоя Цветовой Баланс (Color balance), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

ШАГ 6

Далее откройте изображение Голубого Бриллианта в программе Photoshop. Мы используем данное изображение бриллианта в нашей композиции, поэтому, нам потребуется переместить бриллиант на наш документ.

Выберите инструмент Волшебная палочка (magic wend tool), щёлкните по белому фону, а затем примените инверсию к созданному выделению (Ctrl+Shift+I)/ Далее, переместите выделенное изображение бриллианта на наш документ.

Далее, выберите инструмент Трансформация (Transform tool (Ctrl +T), при этом слой с бриллиантом должен быть активным, примените масштабирование, как показано на скриншоте ниже:

Итак, давайте поработаем над тенью. Создайте новый слой, назовите этот слой “Тень”. Далее, создайте выделение ниже бриллианта и залейте выделение чёрным цветом.

Примечание переводчика: слой ‘Тень’ расположите ниже слоя с бриллиантом.

Далее, идём Фильтр – Размытие – Размытие по Гауссу(Filter > Blur > Gaussian blur). Когда появится окно Размытие по Гауссу (Gaussian blur), примените следующие значения:

Уменьшите непрозрачность слоя до 85%.

Результат должен быть, как на скриншоте ниже:

ШАГ 7

Далее, давайте нарисуем несколько абстрактных фигур, для этого, создайте новый слой. Назовите этот слой “Синие фигуры”. Далее, выберите инструмент Перо (pen tool) и нарисуйте несколько произвольных фигур. Далее, выберите инструмент Градиент (gradient tool) и залейте фигуры градиентом.

Примечание переводчика: цвета градиента: 001f85 и 2446ba.

Создайте новый слой. Назовите этот слой “Розовые фигуры”. Далее, выберите инструмент Перо (pen tool) и с помощью данного инструмента, нарисуйте несколько произвольных фигур. Далее, выберите инструмент Градиент (gradient tool) и залейте фигуры градиентом. Примечание переводчика: цвета градиента: а50170 и d93ba6.

Создайте новый слой. Назовите этот слой “Жёлтые фигуры”. Далее, выберите инструмент Перо (pen tool) и с помощью данного инструмента, нарисуйте несколько произвольных фигур. Далее, выберите инструмент Градиент (gradient tool) и залейте фигуры градиентом. Уменьшите непрозрачность слоя до 65 %.

Примечание переводчика: цвета градиента: fce25e и dfbc01.

Создайте новый слой. Назовите этот слой “Оранжевые фигуры”. Далее, выберите инструмент Перо (pen tool) и с помощью данного инструмента, нарисуйте несколько произвольных фигур. Далее, выберите инструмент Градиент (gradient tool) и залейте фигуры градиентом. Уменьшите непрозрачность слоя до 65 %.

Примечание переводчика: цвета градиента: e07e0a и ffa944.

Результат должен быть, как на скриншоте ниже:

ШАГ 8

Далее, перейдите на слой с моделью. Добавьте корректирующий слой Кривые (Curves).

Примечание переводчика: автор применяет коррекцию к изображению с моделью, поэтому корректирующий слой будет использоваться в качестве обтравочной маски.

Когда появится окно корректирующего слоя Кривые (Curves), примените следующие настройки:

Удерживая клавишу Alt + щёлкните между двумя слоями (между слоем с моделью и корректирующим слоем Кривые (Curves) для создания обтравочной маски).

Результат должен быть, как на скриншоте ниже:

Далее, добавьте ещё один корректирующий слой Кривые (Curves).

Примечание переводчика: данный корректирующий слой также используйте в качестве обтравочной маски.

Когда появится окно корректирующего слоя Кривые (Curves), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

Далее, добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation)Удерживая клавишу Alt + щёлкните между двумя слоями (между корректирующим слоем Цветовой тон / Насыщенность (Hue/Saturation) и корректирующим слоем Кривые (Curves) для создания обтравочной маски).

Когда появится окно настроек корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

ШАГ 9

Далее, давайте, применим цветовую коррекцию к изображению бриллианта. Добавьте корректирующий слой Кривые(Curves).Нажмите Alt + щёлкните между двумя слоями (между корректирующим слоем Кривые (Curves) и слоем с бриллиантом для создания обтравочной маски).

Когда появится окно корректирующего слоя Кривые (Curves), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

ШАГ 10

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

Выберите инструмент Прямоугольная область (Rectangular marquee tool) и с помощью данного инструмента, создайте выделение вокруг векторного изображения, затем нажмите клавишу V, чтобы активировать инструмент Перемещение (Move Tool). Зажимая левой кнопкой мыши изображение с векторным цветком, переместите его на наш документ. Назовите этот слой ‘вектор 1’.

Поменяйте режим наложения для слоя с векторным цветком на Замену тёмным (Darken):

Далее, добавьте корректирующий слой Уровни (Levels), данную коррекцию можно активировать через нижнюю панель настроек в палитре слоёв:

Примечание переводчика: автор применяет коррекцию к векторному изображению).Нажмите Alt + щёлкните между двумя слоями ( между корректирующим слоем Уровни (Levels), и слоем с векторным изображением для создания обтравочной маски.

Когда появится окно настроек корректирующего слоя Уровни (Levels), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

Повторите предыдущее действие, добавьте ещё векторных изображений. См. скриншот ниже:

Выделите все слои с векторными изображениями, а затем сгруппируйте их (Ctrl+G). Далее, уменьшите непрозрачность до 80% .

ШАГ 11

Далее, давайте ещё раз откроем векторное изображение с цветами в программе Photoshop. Мы используем векторные изображения в нашей композиции, поэтому, нам необходимо перенести их на наш рабочий документ.

Далее, идём Выделение – Цветовой диапазон (Select > color range). Когда появится окно настроек, примените следующие значения:

Примените инверсию к выделенному изображению (Ctrl+Shift+I), а затем продублируйте слой с инверсией (Ctrl+J).

Результат должен быть, как на скриншоте ниже:

Ниже слоя с дубликатом, создайте новый слой. Залейте это слой белым цветом (#ffffff). Далее, выделите оба слоя и слейте эти два слоя вместе:

Примечание переводчика: автор объединяет два слоя вместе: дубликат с векторным изображением и слой с белым фоном.

ШАГ 12

Выберите инструмент Прямоугольная область (Rectangular marquee tool) и с помощью данного инструмента, создайте выделение вокруг векторного изображения. Переместите векторное изображение на наш документ. Назовите этот слой ‘Белый цветок’.

К слою ‘Белый цветок’, добавьте слой-маску.

Выберите инструмент Кисть (brush tool (B), далее, примените следующие настройки для кисти:Размер кисти (Brush size): 200pxЖёсткость (Hardness): 0%Непрозрачность (Opacity): 40%Нажим (Flow): 100%Цвет (Color): #000000

И прокрасьте кистью по выделенной области, как показано на скриншоте ниже.

Далее, выберите инструмент Трансформация (Transform tool (Ctrl +T), убедитесь, чтобы слой “Белый цветок” был активным, примените масштабирование, как показано на скриншоте ниже:

ШАГ 13

Повторите предыдущий шаг, в котором мы создали “Белый цветок”. На этот раз, выделите другое векторное изображение. Переместите данное векторное изображение на наш документ. Назовите этот слой “Цветной вектор”.

Итак, выберите инструмент Волшебная палочка(Magic wend tool) и выделите верхнюю часть цветка, как показано на скриншоте ниже:

Далее, залейте другим цветом, оставшуюся часть цветка, как показано на скриншоте ниже:

Добавьте ещё векторных изображений цветов на наш документ, залейте вектор различными цветовыми оттенками.

ШАГ 14

Далее, давайте откроем набор текстур Акварель. Мы используем данные акварельные текстуры в нашей композиции, поэтому, нам необходимо перенести их на наш рабочий документ.

Нажмите клавишу V для активации инструмента Перемещения (Move Tool). Зажимая левой кнопкой мыши акварельную текстуру, переместите её на наш документ. Назовите этот слой ‘акварельная текстура 1’.

Поменяйте режим наложения для этого слоя с акварельной текстурой на Умножение (Multiply).

ШАГ 15

Далее, ещё раз откройте набор текстур Акварель. На этот раз мы используем другую акварельную текстуру, поэтому, нам необходимо перенести её также на наш рабочий документ.

Нажмите клавишу V для активации инструмента Перемещения (Move Tool). Зажимая левой кнопкой мыши акварельную текстуру, переместите её на наш документ. Назовите этот слой ‘акварельная текстура 2’.

Поменяйте режим наложения для этого слоя с акварельной текстурой на Умножение (Multiply).

Результат должен быть, как на скриншоте ниже:

ШАГ 16

Я обожаю векторные рисунки, поэтому, я решил создать такой рисунок для себя, я собираюсь нарисовать колибри. Вначале, нам понадобится исходное изображение колибри. Я использовал изображение колибри, которое вы можете увидеть на скриншоте ниже. Далее, выберите инструмент Перо (pen tool) и начните создавать контур вокруг колибри.

 

Примечание переводчика: 1. автор не указал ссылку на изображение колибри. Вы можете использовать это изображение колибри, или самостоятельно поискать изображение колибри или другой птицы 2. Не забудьте создать новый слой, когда будете создавать контур колибри.

Как только вы создали контур, установите жёсткую кисть, размер кисти 3 px, далее, вновь выберите перо, щёлкните правой кнопкой по документу и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke path).

Когда появится окно Выполнить обводку контура (Stroke path), примените следующие настройки:

Ещё раз щёлкните правой кнопкой по документу и в появившемся окне, выберите опцию Удалить контур(Delete path).

Ниже слоя с контуром колибри, создайте новый слой. Залейте внутреннюю часть контура колибри белым цветом. Далее, объедините вместе два слоя: слой с контуром колибри и слой с белой заливкой, а затем переместите объединённый слой на наш рабочий документ.

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

ШАГ 17

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

Нажмите клавишу V для активации инструмента Перемещения (Move Tool). Зажимая левой кнопкой мыши акварельную текстуру, переместите её на наш документ. Назовите этот слой ‘акварельная текстура 3’.

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

Поменяйте режим наложения для слоя с акварельной текстурой на Умножение (Multiply). Далее, выберите инструмент Кисть (brush tool), к слою с текстурой, добавьте слой- маску и на слой- маске, с помощью чёрной кисти, удалите лишние участки.

Перейдите на слой с колибри, поменяйте режим наложения для слоя с колибри на Умножение (multiply).

Результат должен быть, как на скриншоте ниже:

ШАГ 18

Далее, ещё раз выберите инструмент Перо(Pen tool). Щёлкните правой кнопкой по документу и в появившемся окне, выберите опцию Выполнить обводку контура (Stroke path):

Примечание переводчика: автор рисует контур по подбородку модели.

Когда появится окно Выполнить обводку контура (Stroke path), примените следующие настройки:

Ещё раз щёлкните правой кнопкой по документу и в появившемся окне, выберите опцию Удалить контур(Delete path).

Результат должен быть, как на скриншоте ниже:

Добавьте ещё штрихов к телу модели.

ШАГ 19

В этом шаге, мы создадим виньетку, чтобы сфокусировать внимание зрителя на нашей композиции. Создайте новый слой. Назовите этот слой “Виньетка”. Залейте новый слой белым цветом #ffffff.

Далее, идём Фильтр – Искажение – Коррекция Дисторсии (Filer > Distort > lens correction):

Когда откроется окно Коррекция Дисторсии (Lens Correction), примените следующие значения:

Виньетка (Vignette)

Эффект (amount): -100

Средняя точка (Midpoint): +50

Поменяйте режим для этого слоя на Умножение (Multiply).

Результат должен быть, как на скриншоте ниже:

ШАГ 20

Далее, добавьте корректирующий слой Цвет (solid color), данную коррекцию можно активировать через нижнюю панель настроек в палитре слоёв:

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

Когда появится окно настроек корректирующего слоя Цвет (solid color), примените следующие настройки:

Уменьшите непрозрачность корректирующего слоя Цвет (solid color) до 25 % и поменяйте режим наложения на Исключение (exclusion):

Далее, добавьте корректирующий слой Цветовой Баланс (Color Balance), данную коррекцию можно активировать через нижнюю панель настроек в палитре слоёв:

Когда появится окно настроек корректирующего слоя Цветовой Баланс (Color Balance), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

Далее, ещё раз добавьте корректирующий слой Цветовой Баланс (Color Balance).

Когда появится окно настроек корректирующего слоя Цветовой Баланс (Color Balance), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

Далее, ещё раз добавьте корректирующий слой Цветовой Баланс (Color Balance).

Когда появится окно настроек корректирующего слоя Цветовой Баланс (Color Balance), примените следующие настройки:

Результат должен быть, как на скриншоте ниже:

Далее, добавьте корректирующий слой Карта Градиента (Gradient map).

Когда появится окно настроек корректирующего слоя Карта Градиента (Gradient map), примените следующий тип градиента:

Уменьшите непрозрачность корректирующего слоя Карта Градиента (Gradient map) до 55%.

Примечание переводчика: попробуйте поменять режим наложения для корректирующего слоя карта градиента на Свечение (Luminosity).

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

Автор: Vik Aadi 

photoshop-master.ru

Украшаем текст цветами в Фотошоп

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

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

Примечание: использована версия Photoshop CC или CS3

Ресурсыурока:

Архив

Шаг 1           

Создайте новый документ размером 250 x 250 px (Ctrl + N) и залейте фоновый слой черным цветом. Инструментом Эллипс (Ellipse Tool) нарисуйте круг белого цвета размером 58 x 58 px .

Нарисуйте еще один круг. Размер круга 41 x 41 px, цвет черный. Поместите только что нарисованный круг в нижней части белого круга.

Дважды кликните по слою с черным кругом, чтобы открыть окно Параметры наложения. Выберите стиль слоя Наложение градиента (Gradient Overlay) и создайте новый градиент, используя цвета #eac3c3 и #ffffff.

Получился первый лепесток:

Растрируйте слои с кругами: удерживая клавишу Shift, кликните поочередно по слоям с кругами, чтобы их выделить и растрируйте (Слой – Растрировать – Слои) (Layer > Rasterize > Layers). Теперь объедините эти оба слоя с один (Слой – Объединить слои) (Layer > Merge Layers) и переименуйте полученный слой в «1».

Шаг 2

Дублируйте слой с лепестком (Ctrl + J) и переименуйте его в «2».

Поверните дубликат (Редактирование – Трансформирование – Поворот) (Edit > Transform > Rotate). Выбирайте угол поворота в зависимости от того, сколько лепестков будете создавать, путем деления значения 360 на количество лепестков.

В этом уроке я создал пять лепестков, поэтому в поле Угол поворота (Rotation Angle) установил значение 72. Нажмите клавишу Enter, чтобы применить трансформирование.

Дублируйте лепестки столько раз, сколько Вам нужно и продолжайте их поворачивать (Alt + Ctrl + Shift + T). После того, как Вы получили столько лепестков, сколько нужно, выберите инструмент Перемещение (Move Tool) и расположите лепестки в форме цветка.

Вы можете включить Автовыделение (Auto-Select) на панели свойств – тогда перемещать лепестки станет удобнее. После того, как цветок создан, отключите Автовыделение.

Инструментом Эллипс (Ellipse Tool) и нарисуйте круг, который нужно разместить в центре цветка. Уменьшите параметр Заливка (Fill) для только что нарисованного круга до 0%.

К слою с кругом в центре цветка добавьте стиль слоя Наложение градиента (Gradient Overlay), измените тип градиента на Радиальный (Radial) и кликните по полосе с градиентом, чтобы создать новый.

В параметре Цвет (Color) устанавливайте для разных точек значения цвета, которые приведены ниже, а затем изменяйте их позиции в параметре Позиция (Location).

Цвет – Позиция (Color – Location):#472a2a – 0%#c86464 – 77%#c86464 – 100%

Непрозрачность – Позиция (Opacity – Location)100% – 0%100% – 55%0% – 100%

Поместите все слои с фигурами в группу (Ctrl + G), дублируйте группу (Ctrl + J), отключите ее видимость (кликните по иконке глаза около группы), затем выберите дубликат группы  и объедините группу (Слой – Объединить группу) (Layer > Merge Group). Переименуйте оригинальную группу и полученный слой после объединения дубликата группы в « Final». Сохраните этот документ (Файл – Сохранить) и закройте.

Шаг 3

Создайте новый документ размером 1250 x 1250 px  (Ctrl + N), установите для переднего плана цвет #dbbfb1, а для цвета заднего плана #9d8579. Выберите инструмент Градиент (Gradient Tool), а в списке градиентов выберите градиент, состоящий из цветов переднего и заднего планов.  Выберите также  радиальный (Radial Gradient) тип градиента.

Нарисуйте линию градиента из центра документа  по направлению к одному из углов:

Установите шрифт в Фотошоп и напишите текст, используя цвет #563a1b и размер шрифта 283 pt.

Дублируйте текстовый слой (Ctrl + J) и отключите видимость оригинального слоя с текстом. Растрируйте дубликат текстового слоя (Слой – Растрировать – Текст) (Layer > Rasterize > Type). Для цвета переднего плана установите цвет #563a1b и выберите инструмент Кисть (Brush Tool).

Шаг 4

Откройте палитру Кисти (Окно – Кисти) (Window > Brush) (F5). Выберите круглую кисть с жесткими краями и установите такие параметры:

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

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

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

Если Вы хотите, чтобы нарисованная веточка была полупрозрачная на конце, в палитре Кисти, в параметре Динамика формы установите Минимальный диаметр (Minimum Diameter) 0%.

Настройка параметров кисти зависит от результата, который вы хотите получить.

Нарисуйте ветки на каждой букве. Вы можете нарисовать их сразу после добавления цветов сакуры.

Шаг 5

Дублируйте объединенный слой с цветком сакуры (Ctrl + J), который создали в шаге 2.

Уменьшите, поверните цветок (Ctrl + T) и расположите его, как Вам больше нравится.  Нажмите клавишу Enter, чтобы применить трансформирование.

Продолжите дублировать, поворачивать и уменьшать цветы.

Поместите все слои с цветами в группу (Ctrl + G), чтобы было удобнее пользоваться палитрой Слои.

К одному из цветов добавьте стиль слоя Тень (Drop Shadow) с такими значениями:

Непрозрачность (Opacity): 13%Смещение (Distance): 8Размер (Size): 8

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

Шаг 6           

К растрированному текстовому слою добавьте стиль Внутренняя тень (Inner Shadow).

Режим наложения (Blend Mode): Нормальный (Normal)Цвет (Color): #664724Непрозрачность (Opacity): 100%Смещение (Distance): 18Размер (Size): 0

Также, добавьте стиль слоя Тень (Drop Shadow):

Непрозрачность (Opacity): 13%Смещение (Distance): 8Размер (Size): 8

Результат:

Шаг 7

Создайте новый слой над всеми слоями (Shift + Ctrl + N) и назовите его «Leaves». Для цвета переднего плана установите цвет #89a115 и выберите инструмент Кисть ( Brush Tool).

Откройте палитру Кисти (F5) и установите такие параметры:Форма отпечатка кисти (Brush Tip Shape).

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

Начните добавлять листья к цветам. Параметр Динамика формы (Shape Dynamics) поможет создавать листья разного размера и под разным углом.

К слою с листьями примените стиль Внутренняя тень (Inner Shadow).

Режим наложения (Blend Mode): Нормальный (Normal)Цвет (Color): #738717Непрозрачность (Opacity): 100%Смещение (Distance): 6Размер (Size): 0

Также, добавьте стиль слоя Тень (Drop Shadow): Непрозрачность (Opacity) –13%.

Результат:

Шаг 8           

Создайте новый слой (Shift + Ctrl + N) под слоем «Leaves» и назовите его «Petals». Установите для цвета переднего плана цвет #fefefe, а для заднего плана #e9cccc.

В палитре Кисти (F5) установите такие значения:

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

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

Рассеивание (Scattering)

Динамика цвета (Color Dynamics)

Передача (Transfer)

Теперь нарисуйте вокруг текста лепестки.

В финале, откройте текстуру бумаги, перенесите ее в наш документ и поместите над всеми слоями. Обесцветьте слой с бумагой (Изображение – Коррекция – Обесцветить) (Image > Adjustments > Desaturate).

Уменьшите размер слоя с текстурой бумаги, измените режим наложения на Умножение (Multiply) и уменьшите непрозрачность (Opacity) до 50%.

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

Автор: textuts

 

photoshop-master.ru

Цветочный текст в Фотошоп

В этом уроке мы создадим объёмный текст в виде травы, покрытой цветами. Подобный эффект хорошо подойдёт для летних или весенних постеров.

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

Материалы для урока:

Архив

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) и установите шрифт «ETH». Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), в настройках выберите установленный шрифт, задайте размер в 550 пикселей и выберите тип Black.

Шаг 2

Напишите «PSD» цветом #58820a. Откройте панель Символ (Окно > Символ) (Window > Character) и установите Трэкинг (Tracking) на 100.

Шаг 3

Создайте копию текущего PSD-документа. Она нам понадобится позже.

Шаг 4

Создайте 3D-эффект для текста при помощи специальных операций. Их нужно добавить в библиотеку программы и просто запустить.

Шаг 5

Нам нужно кое что изменить. Удалите группу «Shadow Group». Внутри группы «initial object» откройте стили слоя «top». Удалите стиль Тиснение (Bevel & Emboss) и установите 45% непрозрачность для стиля Наложение цвета (Color Overlay).

Шаг 6

Ещё нужно изменить освещение. Перейдите в меню Слой > Стиль слоя > Глобальное освещение (Layer > Layer Style > Global Light). Введите следующие значения:

Шаг 7

Сейчас либо объедините все слои и группы, кроме фонового слоя «background», либо преобразуйте это всё в смарт-объект. Полученный слой/смарт-объект назовите «3D text». Наложите на текст текстуру травы. Вам просто нужно вставить одну из текстур в наш документ, расположить поверх текста и создать обтравочную маску (Ctrl + Alt + G).

Шаг 8

Установите режим наложения слоя «Grass Texture» на Soft Light или Overlay. Добейтесь лучшего цвета и яркости для текста при помощи корректирующих слоёв Цветовой тон/Насыщенность (Hue/Saturation) и Яркость/Контрастность (Brightness/Contrast).

Шаг 9

Создайте новый слой под 3D-текстом и назовите его «Grass Border». Выделите текст (удерживая Ctrl, кликните на миниатюре слоя). Преобразуйте выделение в рабочий контур. Для этого кликните правой кнопкой мыши на холсте и выберите пункт Создать рабочий контур (Make Work Path).

Шаг 10

Установите кисти для рисования травы. Инструментом Пипетка (Eyedropper Tool) (I) определите зелёный цвет с текста. Находясь на слое «Grass Border» обведите контур кистью травы. Для этого перейдите к панели Контуры (Paths) и кликните на иконке обводки в нижней части панели.

Шаг 11

Вы можете добавить столько слоёв «Grass Border», сколько захотите. Просто измените размер кисти и цвет и повторите процесс обводки. Когда закончите, удалите контур на панели Контуры (Paths).

Шаг 12

Вернитесь ко второму PSD-файлу, который мы создали в начале урока. Сейчас мы воспользуемся плагином SuperSpray.

Примечание: без использования плагина вам придётся вручную добавлять цветы на буквы.

Шаг 13

Сейчас я объясню, как установить плагин. Скопируйте папку плагина в папку Adobe > Presets > Scripts. Внутри папки SuperSpray у вас должны быть следующие файлы:

Шаг 14

Скрипт охватывает только чёрные пиксели изображение со 100% непрозрачностью PNG-файлов. Плагин включает несколько PNG-файлов, но Вы самостоятельно можете добавить любой объект. Сохраните этот PNG-файл цветка в папку Adobe > Presets > Scripts > SuperSpray > Objects. После этого цветок появится в окне предпросмотра плагина.

Шаг 15

Прежде, чем мы воспользуемся плагином, убедитесь, что Вы находитесь в нужном документе. Шрифт текста должен быть «ETH»,  размер – 550 пикселей и тип Обычный (Regular) вместо Black.

Шаг 16

Перейдите в меню Файл > Сценарии > Обзор (File > Scripts > Browse). Откройте файл «SuperSpray.jsx».

Шаг 17

Выберите нужный объект из библиотеки. Для просмотра нажимайте на кнопку Update. Когда определитесь, нажмите на кнопку OK Save PNG.

Шаг 18

Перейдите в меню Файл > Поместить (File > Place) и выберите PNG файл цветка, который мы сохранили на компьютер. Цветок будет вставлен как смарт-объект. Кликните правой кнопкой мыши на нём и выберите пункт Растрировать слой (Rasterize Layer). Уменьшите цветок, расположите на текст и назовите слой «Floral Text».

Шаг 19

Создайте для слоя «Floral Text» корректирующий слой Яркость/Контрастность (Brightness/Contrast).

Шаг 20

Теперь нам нужно создать тень от объектов слоя «Floral Text». Создайте копию слоя и назовите её «Shadow». Примените к этому слою стиль Наложение цвета (Color Overlay) и выберите чёрный цвет. Инструментом Перемещение (Move Tool) (V) сдвиньте тень немного вниз и влево. Уменьшите непрозрачность до 60% и примените фильтр Размытие по Гауссу (Фильтр > Размытие > Размытие по Гауссу) (Filter > Blur > Gaussian Blur).

Шаг 21

Инструментом Ластик (Eraser Tool) (E) сотрите часть тени, которая выходит за пределы текста. Мы добавим небо на фон, поэтому тени на нём будут неуместны.

Шаг 22

Теперь займёмся фоном. Залейте фоновый слой цветом #26cbda. Затем создайте новый слой «Sky Clouds». Вставьте на этот слой изображение неба, уменьшите непрозрачность до 65% и инструментом Ластик (Eraser Tool) (E) сотрите часть облаков.

Шаг 23

Мы почти закончили урок. Оставшаяся часть будет посвящена добавлению дополнительных элементов. Ниже показано, что я добавил несколько цветов вокруг текста, у которых  обязательно должна быть тень.

Шаг 24

Добавьте бабочек или птиц.

Шаг 25

На новом слое можете добавить больше облаков при помощи специальных кистей. Используйте светлый цвет и небольшую непрозрачность для кисти. Для смягчения облаков, используйте фильтр Размытие по Гауссу (Gaussian Blur).

Шаг 26

Добавьте яркое сияние при помощи фильтра Блик (Lens Flare) или готовых текстур.

Шаг 27

Чтобы лучше совместить все элементы картины, создайте корректирующий слой Фотофильтр (Photo Filter). Чтобы повысить общую яркость, воспользуйтесь фильтром Цветовой контраст (High Pass). Для баланса яркости и контраста, создайте корректирующий слой Яркость/Контрастность (Brightness/Contrast).

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

Автор: psddude

 

photoshop-master.ru

Цветочный чай в Фотошоп

В этом уроке Вы узнаете, как создать эффект присутствия цветка в чашке с водой.

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

Ресурсы:

Архив

Шаг 1

В этом уроке мы будем работать с двумя изображениями, чтобы показать вам, как создать разрез чашки с жидкостью. Начнём с открытия в Фотошоп изображения с чашкой. Изменим размер изображения Image-ImageSize (Изображение-Размер Изображения)  по ширине на 1000 рх.

Выберите инструмент Clone Stamp Tool (Штамп) и мягкую круглую кисть около 50 рх. С зажатой Ait курсор изменится на значок цели. Щёлкните в том месте, который вы хотите использовать, как точку образца. Далее рисуйте там, где вы хотите видеть клонированный участок. Во время рисования на исходном участке изображения появится крестик, а в месте рисования-круг.

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

Шаг 2

Давайте поработаем над фоном. Выберите инструмент Polygonal Lasso Tool (Прямолинейное Лассо) и создайте выделение чашки.

Удерживайте Alt, чтобы вычесть из выделения небольшую область фона между ручкой и чашкой.

Инвертируем выделение- Ctrl+Shift+I и идём в Filter > Blur > Gaussian Blur ( Фильтр-Размытие-Размытие по Гауссу) и выставляем следующие параметры.

Снимите выделение, нажав Ctrl+D. Щелкните дважды на фоновом слое, чтобы преобразовать его в обычный слой. Перейдите к Edit > Transform > Rotate ( Изображение-Трансформация-Поворот) и немного поверните изображение.

Штампом замаскируйте пустые места на холсте.

Шаг 3

Откройте в Фотошоп изображение цветка и переместите в рабочий документ . Измените размер Edit > Free Transform (Изображение-Свободная Трансформация), удерживайте Shift+Alt для сохранения пропорций. Чтобы было легче подогнать размер изображения с цветком, уменьшите Оpacity (Непрозрачность) до 50%.

Шаг 4

Измените Оpacity (Непрозрачность) слоя с цветком обратно на 100% и временно скройте видимость слоя, нажав на глазик в палитре слоёв. Перейдите на слой с чашкой. Выберите инструмент Pen Tool (Перо) и создайте контур, аналогичный поверхности жидкости. Преобразуйте контур в выделение и на новом слое залейте выделение белым.

Примечание переводчика: чтобы преобразовать контур в выделение-нажмите правую кнопку мыши и выберите Make Selection (Создать Выделение). Вместо Пера можно воспользоваться инструментом Ellipse Tool (Эллипс) в режиме Paths (Контуры).

Включите линейку View > Rulers (Просмотр-Линейки) или Ctrl+R и создайте две направляющие, как показано ниже.

Примечание переводчика: Горизонтальная направляющая должна проходить через две точки соприкосновения с нижним краем кромки чашки.

Выберите Pen Tool (Перо) (убедитесь, что Перо в режиме Paths (Контуры) и создайте контур.

Щёлкните правой кнопкой мыши и выберите Make Selection (Создать Выделение)

Создайте новый слой и залейте выделение цветом #f0e5d3. Отмените выделение( Ctrl+D). Переместите горизонтальную направляющую немного выше, как показано на скриншоте ниже.

Примечание переводчика: поднимите направляющую к верхнему краю кромки.

Создайте пером новый контур.

Преобразуйте контур в выделение, как вы уже  делали выше, создайте новый слой и залейте выделение чёрным. Снимите выделение( Ctrl+D). Теперь нам необходимо добавить тень на дне. Перейдите на слой ниже и загрузите выделение слоя Select > Load Selection (Выделение-Загрузить Выделение). Выберите мягкую кисть (Brush), в настройках на верхней панели установите значение Opacity (Непрозрачность) 16% цвет чёрный и нарисуйте тень.

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

Отмените выделение (Ctrl+D) и перейдите на слой выше.

Дублируйте слой Ctrl+J и к этому дублированному слою примените Filter > Blur > Gaussian Blur (Фильтр-Размытие-Размытие по Гауссу)

Отключите видимость направляющих View-Show-Guides (Просмотр-Показать-Направляющие), они нам больше не нужны. Загрузите выделение слоя с белой фигурой поверхности воды и слоя с чёрной не размытой (оригинальной) фигурой.

Примечание переводчика: сначала загрузите выделение одного слоя-Ctrl+клик по иконке слоя, затем зажмите Shift+Ctrl и щёлкните по иконке другого слоя.

Шаг 5

Выберите слой с цветком, переместите слой выше всех слоёв в панели слоёв и включите видимость , нажав на глазик.

Выберите инструмент Polygonal Lasso Tool (Прямолинейное Лассо), зажмите Shift, около курсора появится значок плюса  и добавьте к выделению лепестки , которые должны быть внутри чашки.

Далее при активном выделении  идём в меню Layer > Layer Mask > Reveal Selection (Слой-Слой -Маска-Показать Выделение), чтобы добавить маску слоя для слоя с цветком. 

Нижняя часть изображения цветка отсутствует, выберите инструмент Smudge Tool (Палец) и замаскируйте недостающую часть.

Шаг 6

Дублируйте слой с цветком Ctrl+J и примените Filter > Distort > Glass (Фильтр-Искажение-Стекло) на дублированном слое.

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

Шаг 7

Выше всех слоёв создайте новый слой. Загрузите выделение слоя с белым овалом поверхности воды-Ctrl+клик по иконке слоя.

Выберите инструмент Gradient (G) (Градиент) от белого к прозрачному и на новом слое с зажатой Shift протяните градиент от нижнего края выделения.

Отмените выделение (Ctrl+D) и измените Оpacity (Непрозрачность) слоя до 37%. Мягким ластиком очистите лепестки, которые должны быть над поверхностью воды..

Вода на более глубоком уровне должна быть темнее. Поэтому нам нужно её затемнить. Создайте новый слой. Загрузите выделение слоя с чёрной не размытой фигурой. Выберите градиент от чёрного к прозрачному и примените к выделению на новом слое.

Отмените выделение (Ctrl+D) и измените режим наложения слоя на Soft Light (Мягкий Свет) и Оpacity (Непрозрачность) до 37%.И на этом наша работа завершена.

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

Надеюсь, вам понравился этот урок!

Автор: Photoshop Star Staff

photoshop-master.ru

Уроки фотошопа для новичков. Раскрашиваем цветы

Уроки фотошопа для новичков. Раскрашиваем цветы.

Раскрашиваем цветы в фотошоп

В этом уроке фотошопа для новичков, я расскажу как раскрасить цветы.

 Итак, выбираем любую картинку. Я выбрала вот такую раскраску с цветами на сайте //hobby-mix.net/Открываем ее в программе File / Open…

Выбираем катринку

Начнем раскрашивать цветок. Выбираем инструмент Magic Wand – волшебная палочка.Кликаем на одном из лепестков – он выделится движущимся пунктиром. Далее, удерживая клавишу Shift, кликаем по остальным лепесткам данного цветка.

Выделяем лепестки

После того, как все лепестки цветка выделятся, выбираем инструмент Gradient. Выставляем необходимые цвета. Я для раскрашивания цветка выбрала цвета #9e505c ; # efd4d2 ; # a92555

Градиент

Выбираем Radial Gradient на панели вверху, заливаем цветок от центра.Сделаем лепестки более интересными, дорисуем полоски внутри каждого лепестка. Для этого, не снимая выделения, возьмем инструмент Smudge. Настраиваем его - Strength – 50%, диаметр 25px. У Вас он может отличаться в зависимости от формата исходной картинки. Теперь движениями от основания к краю лепестка и обратно – размазываем цвета, делая полосочки.

Инструмент Smudge

Таким же образом делаем остальные цветы. Перед тем как залить градиентом бутон, изменим Radial на Linear Gradient.

раскрашиваем бутон

После того, как все цветы будут проработаны, переходим к листикам.Выставляем цвета градиента слева направо: #6d7742 ; #41421a ; #a7af87 ; #867349 ; #4c4d28

Цвета листвы

Выбираем Diamond Gradient и, выделив полностью один из листочков инструментом Magic Wand, заливаем его градиентом от основания.

Раскрашиваем листья

Инструментом Smudge размазываем полоски на листочках. Закрашиваем остальные части на картинке. Серединки у цветка я залила инструментом Paint Bucket, выбрав желтый цвет.

Раскрашиваем в фотошопЭто один из способов раскрашивания цветов в фотошоп. Таким же образом можно закрасить фон и получить замечательную картинку. Или же удалить фон и использовать полученные цветы как самостоятельный клипарт на отдельном слое для дальнейшей работы.Так же вы можете почитать о слоях в фотошоп.

TEXT.RU - 100.00%

  Copyright © Внимание! Сайт idei-photoshop.com защищен законом об авторском праве. Копирование материала может быть использовано только с разрешения администратора сайта и указанием активной ссылки на сайт.Все права защищены.  

idei-photoshop.com


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