Шрифтовые эффекты в Adobe Photoshop. Текст «под каплей воды»

[woron]

В этой главе речь пойдет об имитации капли воды, которая покрывает часть текстового фрагмента. В данном случае для надлежащей деформации текста использован фильтр Pinch (Дисторсия). Помимо этого, для имитации проникающего сквозь каплю света будут использованы другие фильтры программы Photoshop, среди которых Gaussian Blur (Размывание по Гауссу) и Lighting Effects (Эффекты освещения).
Общая последовательность действий
Этап 1. Создание нового документа, залитого серым цветом.
Этап 2. Ввод нескольких текстовых фрагментов.
Этап 3. Редактирование текста и растеризация текстовых слоев.
Этап 4. Объединение всех слоев изображения в один слой.
Этап 5. Создание выделенной области в форме капли.
Этап 6. Придание изображению капли выпуклой формы.
Этап 7. Создание изображения капли на новом слое.
Этап 8. Размывание границ изображения капли белого цвета.
Этап 9. Применение фильтра Lighting Effects к изображению капли.
Этап 10. Создание внешней тени для изображения капли.
Этап 11. Уменьшение интенсивности тени на слое Layer 2.
Этап 12. Выделение изображения капли.
Этап 13. Размывание текста, «покрытого каплей».
Этап 14. Увеличение четкости тени капли.
Этап 15. Создание градиентной заливки для фона изображения.
Этап 16. Изменение режима наложения пикселей для слоя с градиентной заливкой.

Этап 1. Создание нового документа, залитого серым цветом

Выберите в главном меню программы команду File->New (Файл->Создать) или нажмите комбинацию клавиш [/b]. В появившемся диалоговом окне New измените значения следующих параметров:[b]Width (Ширина) — 500 пикселей, Height (Высота) — 800 пикселей, Resolution (Разрешение) — 150 ppi (pixels/inch — пикселей на дюйм); из раскрывающегося списка Background Contents (Содержимое основного слоя) выберите элемент White (Заливка белого цвета). Щелкните на кнопке OK.



Выберите серый цвет переднего плана (R, G, B — 217, 217, 217) и нажмите комбинацию клавиш , чтобы залить единственный слой изображения только что выбранным цветом.

Этап 2. Ввод нескольких текстовых фрагментов

Активизируйте инструмент Horizontal Type (Горизонтальный текст), а затем в палитре Character (Символы) измените значения следующих параметров (если вышеупомянутая палитра не видна на экра не, выберите в главном меню программы команду Window->Character): раскрывающийся список Font family (Шрифт) — Times New Roman PS MT, Font Style (Начертание шрифта) — Roman (Латинский), Font size (Размер шрифта) — 36 пунктов, Leading Междустрочный интервал) — (Auto), Tracking (Межсимвольный интервал) — 0, Verticallyscale (Масштаб по вертикали) — 100, Horizontally scale (Масштаб по вертикали) — 100. Затем щелкните на образце цвета Color палитры Character и в появившемся диалоговом окне Color Picker (Выбор цвета) выберите темно-серый цвет будущего текстового фрагмента (R, G, B — 153, 153, 153).
Теперь щелкните в окне изображения, введите слово Web (как показано на рисунке) и нажмите комбинацию клавиш .

[woron]

Для создания нескольких копий только что введенного слова вы полните следующее: активизируйте инструмент Move (Переместить), а затем, удерживая нажатой комбинацию клавиш [/b], просто перетащите указатель мыши в окне изображения. Обратите внимание на то, что созданная вами копия текста появится в палитре Layers на отдельном слое. Аналогичным образом создайте еще четыре копии, чтобы в изображении было шесть слов «Web», аккуратно расположенных друг под другом (как показано на рисунке).

Этап 3. Редактирование текста и растеризация текстовых слоев



Вновь активизируйте инструмент Horizontal Type и дважды щелкните на втором слове «Web» в окне изображения. Затем вместо только что выделенного введите слово Design и нажмите комбинацию клавиш . Аналогичным образом отредактируйте текстовые фрагменты так, как показано на рисунке. В результате вашего редактирования в окне изображения должна появиться фраза «Web Design Book Publishing Company HOWCOM», каждое слово которой должно быть расположено на отдельном слое. Убедитесь в том, что в палитре [b]Layers активизирован один из текстовых слоев изображения, затем в главном меню программы выберите команду Edit->Transform->Scale (Правка->Преобразования->Масштабирование). Далее, перетаскивая маркеры рамки преобразований, увеличьте размеры текущего текстового фрагмента. Для того чтобы сделанные вами изменения вступили в силу, нажмите клавишу. Если необходимо, переместите текстовый фрагмент с помощью инструмента Move. Аналогичным образом измените размеры других текстовых фрагментов так, чтобы ранее введенная вами фраза заполнила собой весь холст изображения (как показано на рисунке).

Этап 4. Объединение всех слоев изображения в один слой



Для объединения всех слоев изображения в один выберите в главном меню программы команду Layer->Flatten Image (Слой->Объединить слои).

[woron]

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

Активизируйте инструмент Lasso (Лассо) и с его помощью в центре изображения создайте выделенную область в форме капли. Затем в главном меню программы выберите команду Select->Feather (Выделение->Растушевка). В единственном текстовом поле появившегося диалогового окна Feather Selection введите значение, равное 5 пикселям, и щелкните мышью на кнопке OK. Применение средства Feather Selection позволит растушевать (т.е. смягчить) границы выделенной области.



Теперь скопируйте (), а затем вставьте () содержимое выделенной области на новый слой изображения. В результате ваших действий в палитре Layers появится слой Layer 1.

[woron]

Этап 6. Придание изображению капливыпуклой формы

Для того чтобы выделить содержимое слоя Layer 1 (изображение в форме капли), щелкните на его пиктограмме в палитре Layers, удерживая нажатой клавишу . Затем в главном меню программы выберите команду Filter->Distort->Pinch (Фильтр->Деформация->Дисторсия). В единственном текстовом поле появившегося диалогового окна Pinch введите значение –66 и щелкните мышью на кнопке OK. Не снимая границ выделенной области, перейдите к следующему этапу этой последовательности действий.



Этап 7. Создание изображения капли на новом слое

Для создания нового слоя изображения (Layer 2) щелкните на кнопке Create a new layer (Создать слой), которая расположена в нижнем правом углу палитры Layers (или нажмите комбинацию клавиш [/b]). Затем выберите белый цвет переднего плана и нажмите клавиши , чтобы залить выделенный фрагмент на слое Layer 2 только что выбранным цветом. В заключение выберите команду Select->Deselect (Выделение->Убрать границы выделенной области) или нажмите комбинацию клавиш .

[woron]

[b]Этап 8. Размывание границ изображения капли белого цвета



Выберите в главном меню программы команду Filter->Blur->GaussianBlur (Фильтр->Размывание->Размыть по Гауссу). В поле Radiusпоявившегося диалогового окна Gaussian Blur введите значение, равное 40 пикселям, и щелкните на кнопке OK.

Этап 9. Применение фильтра «Lighting Effects» к изображению капли

В главном меню программы выберите команду Filter->Render->Lighting Effects (Фильтр->Визуализация->Эффекты освещения). Убедитесь в том, что из раскрывающегося списка Texture Channel (Канал текстуры) появившегося диалогового окна Lighting Effects выбран элемент None (Не учитывать каналы). Затем, как показано на рисунке, измените расположение элементов панели, которая находится в левой части вышеупомянутого диалогового окна. (Обратите внимание на то, что в данном случае воображаемый источник света должен находиться в нижнем правом углу изображения.) В заключение, чтобы сделанные вами изменения вступили в силу, щелкните на кнопке OK.

[woron]

Убедитесь в том, что в палитре Layers по-прежнему активизирован слой Layer 2. Затем из раскрывающегося списка Blending mode (расположенного в верхнем левом углу этой же палитры) выберите элемент Linear Light (Линейный свет) и уменьшите до 79% значение параметра Fill.



Этап 10. Создание внешней тени для изображения капли
Убедитесь в том, что в палитре Layers по-прежнему активизирован слой Layer 2. Затем в главном меню программы выберите команду Layer->Layer Style->Drop Shadow (Слой->Стиль слоя->Внешняя тень). В правой части появившегося диалогового окна Layer Style измените значения следующих параметров:
раскрывающийся список Blend Mode (Режим наложения пикселей) — Multiply (Умножение),
образец цвета Color of Shadow (Цвет тени) — черный,
Opacity(Непрозрачность тени) — 46%,
Distance (Расстояние) — 17 пикселей,
Spread (Протяженность) — 0 пикселей,
Size (Размер) — 136 пикселей.
В заключение щелкните на кнопке OK диалогового окна Layer Style.

[woron]

Этап 11. Уменьшение интенсивности тени на слое «Layer 2»

Согласитесь, что интенсивность тени внизу и справа от капли слишком велика, поэтому изображение выглядит неестественно. Для того чтобы исправить положение, выполните следующее. Убедитесь в том, что в палитре Layers по-прежнему активизирован слой Layer 2. Затем активизируйте инструмент Eraser (Ластик) и щелкните на кнопке Brush панели Options (Параметры инструмента). Из списка, расположенного в нижней части появившейся палитры, выберите элемент Soft Round 100 pixels (Мягкая кисть диаметром в 100 пикселей) и нажмите клавишу . Кроме этого, уменьшите на панели Options значение параметра Opacity (Непрозрачность) до 25%.



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



Этап 12. Выделение изображения капли

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

[woron]

Этап 13. Размывание текста, «покрытого каплей»

Выберите в главном меню программы команду Filter->Blur->Gaussian Blur (Фильтр->Размывание->Размыть по Гауссу). В поле Radius появившегося диалогового окна Gaussian Blur введите значение, равное 3 пикселям, и щелкните мышью на кнопке OK. Не снимая границ выделенной области, перейдите к следующему этапу этой последовательности действий.



Этап 14. Увеличение четкости тени капли

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

[woron]

Убедитесь в том, что в палитре Layers по-прежнему активизирован слой Layer 1. Затем в главном меню программы выберите команду Layer->Layer Style->Drop Shadow (Слой->Стиль слоя->Внешняя тень). В правой части появившегося диалогового окна Layer Style измените значения следующих параметров: раскрывающийся список
Blend Mode (Режим наложения пикселей) — Multiply (Умножение),
образец цвета Color of Shadow (Цвет тени) — черный,
Opacity (Непрозрачность тени) — 8%,
Distance (Расстояние) — 39 пикселей,
Spread (Протяженность) — 0 пикселей, Size (Размер) — 21 пиксель.
В заключение щелкните на кнопке OK диалогового окна Layer Style.



Для того чтобы убрать границы выделенной области, в главном меню программы выберите команду Select->Deselect или нажмите комбинацию клавиш [/b].

Этап 15. Создание градиентной заливки для фона изображения

Для начала скройте содержимое слоев Layer 1 и Layer 2 (для этого достаточно щелкнуть на значке в виде глаза, который в палитре Layers расположен слева от каждого из вышеупомянутых слоев).Затем щелкните в палитре Layers на слое Background. Для создания нового слоя изображения (Layer 3) щелкните на кнопке Create a new layer (Создать слой), которая расположена в нижнем правом углу палитры Layers (или нажмите комбинацию клавиш ).
Только что созданный вами слой появится в палитре [b]Layers над слоем Background.
Нажмите клавишу , чтобы выбрать заданные по умолчанию цвета переднего и заднего плана (соответственно черный и белый цвет).
Затем один раз нажмите клавишу для того, чтобы поменять местами только что выбранные цвета. Другими словами, теперь цветом переднего плана должен быть белый цвет, а цветом фона — черный. Затем активизируйте инструмент Gradient (Градиент) и щелкните на кнопке Linear Gradient (Линейный градиент) панели Options (Параметры инструмента). Теперь, удерживая нажатой клавишу , перетащите указатель мыши от центра изображения к его нижней границе. В заключение отобразите содержимое слоев Layer 1 и Layer 2 (для этого достаточно щелкнуть на сером квадрате, который в палитре Layers расположен слева от каждого из вышеупомянутых слоев).

[woron]

Этап 16. Изменение режима наложения пикселей для слоя с градиентной заливкой



Убедитесь в том, что в палитре Layers по-прежнему активизирован слой Layer 3 (с градиентной заливкой). Затем из раскрывающегося списка Blending mode (расположен в верхнем левом углу этойже палитры) выберите элемент Linear Burn (Линейное затенение) и уменьшите до 33% значение параметра Opacity (Непрозрачность слоя). Изменение параметров слоя с градиентной заливкой позволит затенить нижнюю часть слоя Background и тем самым подчеркнуть форму капли.

Бонус: Созданный на этом уроке шаблон картинки в формате PSD
ch_20-final-image.rar [586.9 Kb]

[cain]

очень занимательно, будут ли ещё уроки?

[Serberg]

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

[woron]

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