На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 4111
Средней сложности Размещено: 09.12.2010 г.

Весенние текстовые обои в Фотошоп


В нашем сегодняшнем уроке Фотошоп вы узнаете, как сделать изумительно-красивую текстовую композицию на тему природы. Мы будем использовать Маски слоя (Layer Mask) , настройки инструмента Кисть (Brush) , редактирование текста и некоторые сток-изображения для создания весенней иллюстрации.

Превью финального результата:


Весенние текстовые обои в Фотошоп


Шаг 1.


Открываем Фотошоп и создаем Новый документ (File > New или Ctrl+N) размером 3200х1800 рх разрешением 72 рх/дюйм и прозрачным фоном (Transparent) .


Весенние текстовые обои в Фотошоп


Шаг 2.


Переименуйте «Слой 1» в «Фон», дважды щелкнув по его названию в панели слоев и изменив его. Активируем инструмент «Градиент» (Gradient) c Радиальным стилем (Radial) .


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Шаг 3.


Нажимаем на Редактор градиентов ( (Editor Gradients) цветовая шкала) и вводим цветовые значения RGB для левого светло-болотного оттенка: R 153/G 172/B 118. Далее нажимаем на правый ползунок и в цветовой палитре вводим настройки темно-зеленого цвета R30/G81/B6.


Весенние текстовые обои в Фотошоп


Шаг 4.


Поместите курсор в центр холста и проведите градиент к любому углу документа.


Весенние текстовые обои в Фотошоп


Шаг 5.


Внизу панели слоев нажмите на значок папки, чтобы создать Новую группу «Весна».


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Активируйте инструмент «Текст» (Type Tool) и установите курсор в центре документа. Выберите шрифт “Franklin Gothic Heavy” или любой другой жирный (например, Calibri) из набора программы размером 650pt и напишите слово «Весна» (Spring) . Откройте панель редактирования текста «Символ» (Window-Character) и настройте межбуквенное расстояние (Трекинг) на 20.


Весенние текстовые обои в Фотошоп


Шаг 6.


Теперь откроем сток-изображение травы в Фотошоп. Как видите, на фото присутствует бутылка, нам нужно убрать ее. Для этого воспользуемся инструментом «Штамп» (Clone Stamp tool) и настроим его кисть на 250 рх и жесткостью (hardness) 60%. Выбираем источник клонирования путем нажатия в любом месте на чистой траве, удерживая Alt. Далее наводим курсор на бутылку и нажимаем по ней. Участок скопированной травы скрыл часть бутылки. Продолжаем закрашивать бутылку по такому же принципу.


Весенние текстовые обои в Фотошоп


Шаг 7.


Выбираем инструмент «Прямоугольное выделение» (Rectangular Marquee tool) и выделяем им нижнюю часть холста с травой. Затем, нажимаем Ctrl+C, скопировав выделение в буфер. Переходим в наш основной документ на слой «Текст» и вставляем часть травяного покрытия (Ctrl+V) . Называем слой «Текстура травы».


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Шаг 8.


Наша текстура травы слишком маленькая по сравнению со словом «Весна». Но увеличивать всю часть до размера слова было бы некрасиво. Поэтому, увеличим ее немного при помощи Трансформации (Ctrl+T) , изменив значения для ширины (W) и высоты (H) текстуры в полях верхнего меню на 40%. Затем, дублируем текстурный слой (Ctrl+J) дважды и переместим дубликаты (Move Tool) встык друг с другом на правую часть текста, создавая сплошное травяное покрытие поверх него.


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Теперь, выбираем все три слоя с частями текстуры, удерживая Ctrl и, кликая по каждой миниатюре слоя. Далее, объединяем их вместе, нажав правой кнопкой мыши по миниатюрам и выбрав опцию «Объединить слои» (Merge Layers (Ctrl+E)) .


Весенние текстовые обои в Фотошоп


Шаг 9.


Скройте видимость объединенного слоя с травой (нажмите глазик напротив слоя). Создаем Новый слой (Ctrl+Shift+N) выше текстового слоя. Активируем Кисть (Brush) и открываем палитру инструмента в верхнем меню. Выбираем из набора программы кисть «Осока» (dune grass) , изменяем диаметр на 60 рх. Далее, открываем палитру настроек Кисти (Window-Brushes (F5)) и настраиваем дополнительные параметры инструмента.


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Шаг 10.


В окне настроек находим параметр «Динамика формы» (Shape Dynamics) и изменяем Колебания размера (Size jitter) до 100%, минимальный диаметр (Minimum diameter) 22%, колебание угла (Angle jitter) 100%. Другие значения оставьте по умолчанию.


Весенние текстовые обои в Фотошоп


Переходим к параметру «Рассеивание» (Scattering) и выставляем значение рассеивания на 45%, счетчик (Count) 5%.

Весенние текстовые обои в Фотошоп


Теперь закройте окно настроек Кистей (Brushes) . Выберите любой цвет и нарисуйте кистью по контуру каждой буквы слова. Попробуйте сделать обводку кистью, не отпуская кнопку мыши от начала до конца буквы. Вы можете изменить размер кисти в некоторых местах, чтобы улучшить визуальный эффект, как, например, в центре буквы «Р».


Весенние текстовые обои в Фотошоп


Шаг 11.


На слое «Текст» нажмите правой кнопкой мыши и выберите опцию – Растрировать текст (Rasterize Type) .


Весенние текстовые обои в Фотошоп


Затем, выберите слой с нарисованной травой (Ctrl+клик по миниатюре слоя) и объедините его вместе со слоем «Текст» (Ctrl+E) . Перейдите на слой с травяной текстурой и создайте на нем Обтравочную маску (Clipping Mask) , щелкнув по миниатюре слоя правой кнопкой мыши и выбрав строку – Создать обтравочную маску (Create Clipping Mask) .


Весенние текстовые обои в Фотошоп


Теперь наша текстура приняла вид слова «Весна». В случае изменений с текстом, обтравку всегда можно отменить без разрушающих действий. Если вас все устраивает, объедините слой с маской и текстовой слой вместе (Ctrl+E) , предварительно выделив их.

Назовите его «Весна».


Весенние текстовые обои в Фотошоп


Шаг 12.


На слое «Весна» перейдите в меню Слои-Стили слоя-Тень (Layer-Layer style-Drop Shadow) .


Весенние текстовые обои в Фотошоп


В открывшемся окне опции введите следующие настройки: режим смешивания (Blend Mode) Умножение (Multiply) , угол (Angle) 120, смещение (Distance) 20 рх, размер (Size) 8 рх. Нажимаем Ок.


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Шаг 13.


Создаем Новый слой (Ctrl+Shift+N) выше слоя «Весна». Выбираем инструмент Заливка (Paint Bucket tool) и заполняем слой цветом #215308, кликнув по холсту. Теперь, нажимаем правой кнопкой мыши по миниатюре этого слоя и выбираем опцию Создать Обтравочную маску (Create Clipping Mask). Измените режим смешивания на Мягкий свет (Soft Light) и снизьте непрозрачность (Opacity) до 77%. Наш текст теперь выглядит намного лучше. На этом закрываем группу «Весна».


Весенние текстовые обои в Фотошоп


Шаг 14.


У нас все готово текст и можно приступить к его оформлению. Создайте Новую группу (клик по иконке группы внизу панели слоев) ниже группы «Весна» и назовите ее «Брызги». Откройте в Фотошоп пакет с брызгами и выберите изображение 11.jpg. Извлеките брызги с фона путем перехода в меню Выделение-Цветовой диапазон (Select\Color range) .


Весенние текстовые обои в Фотошоп


Выберите черный цвет фона на изображении и кликните по нему пипеткой. Установите ползунок Разброса (Fuzziness) на значение 24.


Весенние текстовые обои в Фотошоп


Нажмите кнопку Ок, а затем инвертируйте появившееся выделение (Select \ Inverse (Shift + Ctrl + I)) .


Весенние текстовые обои в Фотошоп


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


Весенние текстовые обои в Фотошоп


Чтобы исправить это, перейдите в режим «Быстрой маски» (Quick Mask) , нажав ее значок в самом низу панели инструментов. Удалите кистью черного цвета лишнее. Если ненужное выделение есть на самом всплеске, закрасьте это место белым цветом, а затем выйдите из режима быстрой маски, нажав на ее значок.


Весенние текстовые обои в Фотошоп


Перейдите в меню Выделение-Уточнить край (Select\Refine Edges) .


Весенние текстовые обои в Фотошоп


Используйте следующие настройки параметра: радиус (Radius) 1, сглаживание (Smooth) 2, остальное со значением 0.


Весенние текстовые обои в Фотошоп


Далее, нажимаем Ctrl+C, скопировав выделенные брызги в буфер обмена и возвращаемся в основной документ. Вставляем (Ctrl+V) брызги в группу «Брызги» и переходим на этом слое в меню Изображение-Коррекция-Цветовой тон/Насыщенность (Image\Adjustments\Hue & Saturation) . Выполняем настройки со скриншота: Цветовой тон 337, Насыщенность 100, Яркость +18. Не забудьте активировать флажок в окне «Тонирование» (Colorize) .


Весенние текстовые обои в Фотошоп


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


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


Ваш результат должен получиться вот таким:


Весенние текстовые обои в Фотошоп


Шаг 15.


Теперь давайте сосредоточимся на растительном оформлении композиции. Откройте стоковые изображения вьюна и листьев ландыша в Фотошоп. Многие файлы уже отделены от фона (например в PSD или PNG формате). Скопируйте (Ctrl+C) слои с растениями, а затем вставьте (Ctrl+V) в наш документ. Создайте две группы (нажмите на иконку папки внизу панели слоев): одну под текстом, а другую над группой текста.

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


Весенние текстовые обои в Фотошоп


Добавим еще больше цветов и листьев на картину. Откроем в Фотошоп пакет цветов (Flower_pack_by_Aliedda.psd) и скопируем (Ctrl+C) понравившиеся в наш рабочий документ. Особенно мне нравится тюльпан, советую его использовать.


Весенние текстовые обои в Фотошоп


Шаг 16.


В нашей иллюстрации чем больше цветов, тем лучше эффект, поэтому продолжим украшать текст цветами. Откроем еще один пакет цветов (“flower_pack.psd” by monika-es-stock). Здесь также каждый цветок на отдельном слое. Копируем (Ctrl+C) и вставляем (Ctrl+V) цветы в нашу работу, распределяя их по нужным папкам (над или под текстом).


Весенние текстовые обои в Фотошоп


Наконец, откройте изображение желтого цветка (“stock9 – yellow flower ” by pralinkova-princezna) . В этом случае цветок расположен на фоне. Отделите его при помощи инструмента «Быстрое выделение» (quick selection) . После извлечения с фона, скопируйте цветок и вставьте в наш документ позади текста за ромашками. Теперь, дублируйте (Ctrl+J) этот слой и уменьшите размер копии при помощи Трансформирования (Ctrl+T) . Поместите его также за ромашками позади буквы «S».


Весенние текстовые обои в Фотошоп


Добавляем прелестных бабочек и на иллюстрацию. Открываем стоковые изображения (butterfly stock.png) и выделяем их с помощью инструмента Лассо (Lasso Tool) . Переносим бабочек в наш документ. Мы хотим, чтобы некоторые из них сидели поверх цветов композиции. Создадим маску слоя ((Layer\Layer Mask\Reveal All) или значок маски внизу панели слоев) к слоям с бабочками, которые будут сидеть на цветах.


Весенние текстовые обои в Фотошоп


Весенние текстовые обои в Фотошоп


Используем мягкую Кисть (Brush) черного цвета на маске, чтобы скрыть часть их крыльев, которые находятся как бы между лепестками.


Весенние текстовые обои в Фотошоп


Как видите, я добавила изображение колибри ("small_birds.psd") на цветок под текстом. Вы также можете дать волю своей фантазии и добавить в композицию свои элементы украшения.


Шаг 17.


В финале, подкорректируем цвет всего изображения. Создаем Новый корректирующий слой «Градиент» (Слои-Новый слой заливка-Градиент (Layer-New Fill Layer-Gradient)) выше всех слоев. В диалоговом окне нажимаем на Редактор градиентов (цветовую шкалу) и устанавливаем цветовые значения от желтого к зеленому со скриншота. Стиль указываем Радиaльный (Radial) .


Весенние текстовые обои в Фотошоп


Режим смешивания (Blending Mode) изменяем на Мягкий свет (Soft Light) и непрозрачность (Opacity) cнижаем до 50%.


Весенние текстовые обои в Фотошоп


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


Весенние текстовые обои в Фотошоп


Используемые материалы:



Трава (бесплатный раздел, но с регистрацией)
Пакет цветных брызг
Бабочки
Листья ландыша
Лист вьюна
Лист вьюна
Пакет цветов
Желтый цветок
Пакет цветов 2
Маленькие птички

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Monika Serkowska/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 18




Рейтинг популярности: 3.1/5 (Всего оценок: 26)

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



В галерею
30.11.2012 30.11.2012  cobrastar

Спасибо за урок! Получила огромное удовольствия при выполнении!


В галерею
28.03.2012 28.03.2012  мандаринка

Большое спасибо за урок!