Форум сайта Photoshop-info: Текстовый эффект "Киви" - Форум сайта Photoshop-info

Перейти к содержимому

Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

Текстовый эффект "Киви"

#1 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 16 Декабрь 2013 - 23:50

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

Изображение

Материалы к уроку

Шаг 1.

Создайте Новый документ (Ctrl + N) размером 1152 х 864 px. Установите цвет переднего плана на # f9f9f9 и цвет фона на # b5b5b5. Выберите инструмент Градиент (Gradient Tool) и протяните линейный Градиент от верхнего правого к нижнему левому углу, чтобы создать заливку для фона.

Изображение

Выберите шрифт Bubblegum, цвет шрифта # cee3a5, размер 250 и напишите слово «KIWI».
Дублируйте слой с текстом (Ctrl + J) и понизьте заливку до 0.

Изображение

Шаг 2.

В панели слоёв дважды щелкните по копии текстового слоя и примените следующие стили слоя:
Тиснение(Bevel and Emboss)
Стиль (Technique): Жесткая огранка (Chisel Hard)
Снимите флажок с пункта «Глобальное освещение» (Use Global Light box)
Угол (Angle ): 111
Высота (Altitude): 45
Поставьте галочку в окошке Сглаживание (Anti-aliased box)
Режим подсветки (Highlight Mode): Жесткий свет (Hard Light)
Цвет (Color): # f9ffe6
Непрозрачность (Opacity ): 35%
Цвет тени (Shadow Mode): # cee3a5

Изображение

Контур (Contour)
Контур (Contour): Мелкая выемка (Cove – Shallow)
Поставьте галочку в окошке Сглаживание (Anti-aliased box)

Изображение

Текстура (Texture)
Узор (Pattern): Wine Cork
Глубина (Depth): 200%

Изображение

Внутренняя тень (Inner Shadow)
Непрозрачность (Opacity): 50%
Дистанция (Distance): 0
Размер (Size): 15

Изображение

Результат:

Изображение

Шаг 3.

Откройте изображение киви и перейдите в меню Изображение – Коррекция – Цветовой баланс( Image -> Adjustments -> Color Balance), измените настройки средних тонов, как показано на картинке ниже.

Изображение

Теперь выберите наструйку Света поставьте такие значения:
-37; 0; 59.
Этот Шаг поможет избавиться от красного оттенка на изображении.

Изображение

Не стремлюсь быть лучше всех, но стараюсь быть лучше, чем была на прошлой неделе.
Страшилки
-3



#2 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 16 Декабрь 2013 - 23:54

Выберите инструмент Магнитное Лассо (Magnetic Lasso Tool). Установите значение ширины 10, контраста 10% и частоты 57.
Теперь, щелкнув по краю киви, обрисуйте его Контур.

Изображение

После того, как вы закроете Контур, перейдите в меню Редактирование – Скопировать(Edit -> Copy), чтобы скопировать выделение, и перейдите на основной документ с текстом.

Изображение

Шаг 4.

В основном документе перейдите в меню Редактирование – Вставить (Edit -> Paste) и вставьте изображение киви между двумя текстовыми слоями.
Затем дублируйте слой с киви и сделайте оригинальный слой невидимым, нажав на иконку глаза рядом с ним.

Изображение

Выберите копию слоя с киви и перейдите в меню Редактирование – Свободная трансформация (Edit -> Free Transform) и поверните киви как захотите.
Ничего страшного, если остались пустые области на букве, поскольку мы будем их заполнять с помощью инструмента Штамп (Clone Stamp Too).

Изображение

Итак, выберите инструмент Штамп (Clone Stamp Too) и мягкую кисть размером 20 px.
Нажав и удерживая клавишу Alt, щелкните по исходному изображению, чтобы взять образцы для рисования. Затем, отпустив клавишу Alt, начните заполнять пустые области.

Изображение

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

Изображение

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

Изображение

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

Изображение

Выберите инструмент ПрямоУгольное выделение(Rectangular Marquee Tool), в его настройках выберите пункт Пересечение выделенной области на панели параметров, и нарисуйте прямоУгольник вокруг первой буквы.

Изображение

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

Изображение

Не стремлюсь быть лучше всех, но стараюсь быть лучше, чем была на прошлой неделе.
Страшилки
-1

#3 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 16 Декабрь 2013 - 23:56

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

Изображение

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

Изображение

Шаг 5.

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

Изображение

Выберите кисть Звезда 42 px, и настройте, как показано ниже.

Изображение

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

Изображение

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

Изображение

Создайте Новый слой (Ctrl + Shift + N) выше нижнего текстового слоя и назовите его “Обводка». Установите цвет переднего плана на # 8c6239 и цвет фона # 504333, после чего в панели слоёв щелкните по текстовому слою и выберите пункт Образовать рабочий контур (Direct Selection Tool).

Изображение

Щелкните правой кнопкой мыши внутри Контура и в выпадающем меню выберите пункт Выполнить обводку (Stroke Path). В открывшемся меню выберите Кисть и снимите галочку с окошка Имитировать нажим (Simulate).

Изображение

Этот Шаг поможет создать эффект кожицы киви. После этого нажмите клавишу Enter, чтобы удалить рабочий Контур.

Изображение

Шаг 6.


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

Изображение

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

#4 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 16 Декабрь 2013 - 23:59

Нажмите сочетание клавиш Ctrl + G, чтобы поместить выделенные слои в группу. Далее нажмите Ctrl + J, чтобы создать дубликат группы, и сделайте невидимой оригинальную группу слоёв. После этого выберите дублированную группу слоёв и перейдите в меню Слои – Объединить группу (Layer -> Merge Group).
Мы будем работать с объединённой группой, но не удаляйте скрытую группу – вы всегда сможете восстановить оригинальные слои, если что-то пойдет не так.

Изображение

Дважды щелкните по объединенному слою в панели слоёв, чтобы открыть стили слоя и примените эффект Тень (Drop Shadow), понизив её непрозрачность до 25%.

Изображение

Результат:

Изображение

Шаг 7.

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

Изображение

Дублируйте эту букву на Новый слой (Ctrl + J).

Изображение

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

Изображение


Шаг 8.

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

Изображение

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

Изображение

Кроме того, если хотите, можете вызвать Свободную трансформацию – Перспективу (Transform -> Perspective) (Ctrl + T) и потянуть узелки, как показано на картинке ниже.

Изображение

Скопируйте первую букву и поместите копию ниже оригинала.

Изображение

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

#5 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 17 Декабрь 2013 - 00:01

Щелкните в панели слоёв по копии буквы и выберите пункт Очистить стили слоя (Clear Layer Style). После чего нажмите сочетание клавиш Ctrl + T, чтобы вызвать Свободную трансформацию (Free Transform Mode).

Изображение

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

Изображение

Нажмите сочетание клавиш Alt + Ctrl + Shift + T, несколько раз, чтобы дублировать слой и повернуть его до тех пор, пока вам не понравится толщина буквы.

Изображение

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

Изображение

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

Изображение

Шаг 9.

Откройте второе изображение киви и выделите его с помощью Магнитного лассо (Magnetic Lasso Tool).

Изображение

Перенесите это киви в работу. Дублируйте киви на Новый слой и сделайте оригинал слоя невидимым.

Изображение

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

Изображение

Зажав Alt, щелкните левой кнопкой мыши между слоем к кожицей киви и объединёнными слоями с буквой, чтобы создать Обтравочную маску (Clipping Mask). Если хотите, можете инструментом Перемещение передвинуть кожицу таким образом, чтобы она выглядела, как можно более естественнее.

Изображение

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

#6 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 17 Декабрь 2013 - 00:04

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

Изображение

Создайте Новый слой ниже всех букв и назовите его «Тень». Измените основной цвет на черный и выберите круглую мягкую кисть размером 115 px. Обрисуйте низ букв, чтобы получить тень, как на картинке ниже.

Изображение

Если хотите, может понизить непрозрачность, чтобы получить более тонкий результат.

Изображение

Измените цвет переднего плана на # 636363, размер кисти до 50, а жесткость до 35%.

Изображение

Создайте Новый слой между двумя буквами, измените его режим наложения на Умножение (Multiply) и нарисуйте тень от верхней буквы, как показано на скриншоте ниже.

Изображение

Повторите этот Шаг для остальных букв.

Изображение

Шаг 10.

Нажмите F5, чтобы открыть панель кистей и выберите кисть Звезда 14 px. Измените её настройки, как показано ниже.

Изображение

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

Изображение

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

Изображение

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

Изображение

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

#7 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 17 Декабрь 2013 - 00:07

Установите цвет переднего плана # 8c6239, а цвет фона на # 504333. Создайте Новый слой ниже слоя Тень и назовите его Кисть. Измените режим наложения этого слоя на Затемнение основы (Color Burn).

Изображение

Рисуйте настроенной кистью вокруг текста, как показано ниже.

Изображение

Увеличьте размер кисти до 10, создайте Новый слой выше слоя Кисть и назовите его Кисть 2. Также измените его режим наложения на Затемнение основы (Color Burn).
Добавьте еще несколько крошек.

Изображение

Шаг 11.

Создайте Новый корректирующий слой Карта Градиента (Gradient Map).

Изображение

Поместите этот слой выше всех слоёв и измените его режим наложения на Мягкий свет ( Soft Light), а непрозрачность понизьте до 25%.
Используйте цвет # 35515c для левого ползунка и для правого # bcb086 .

Изображение

Этот Шаг поможет немного усилить контрастность цветов.
Чтобы написать текст внизу работы, используйте шрифт "ETH", размер шрифта 30 pt, цвет # 8da924.
Далее измените значение Трекера для расстояния между буквами по ширине вашего текста-киви. В нашем случае он равен 1250.

Изображение

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

Изображение

Находясь на слое с каплями, перейдите в меню Изображение – Коррекция – Цветовой тон/Насыщенность (Image -> Adjustments -> Hue / Saturation). Понизьте Насыщенность (Saturation ) до – 100, а Яркость (Lightness ) повысьте до + 80.

Изображение

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

#8 Пользователь офлайн   мандаринка 

  • Продвинутый пользователь
  • PipPipPip
  • Группа: Активный пользователь
  • Сообщений: 376
  • Регистрация: 24 Январь 11
  • ГородУкраина, Донецк

Отправлено 17 Декабрь 2013 - 00:08

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

Изображение

Вот и всё. Если хотите, можете добавлять свои настройки, чтобы сделать работу более совершенной.

Изображение

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


Ссылка на источник урока

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

#9 Пользователь офлайн   Olexiy1405 

  • Новичок
  • Pip
  • Группа: Пользователи
  • Сообщений: 3
  • Регистрация: 29 Январь 15
  • ГородКиев

Отправлено 02 Февраль 2015 - 16:00

КЛАСС, У МЕНЯ ПОЛУЧИЛОСЬ_))) :clapping:
0

#10 Пользователь офлайн   RonaldPep 

  • Новичок
  • Pip
  • Группа: Пользователи
  • Сообщений: 1
  • Регистрация: 01 Апрель 18
  • ГородПледы

Отправлено 24 Январь 2019 - 21:59

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

Поделиться темой:


Страница 1 из 1
  • Вы не можете создать новую тему
  • Вы не можете ответить в тему

5 человек читают эту тему
0 пользователей, 5 гостей, 0 скрытых пользователей