http://sulfurzona.com/
News
Service
Magazine
Software (Battle City Game, Wallpaper manager, Superpad, VG-NOW, Puzzle Game, Netler Internet Browser, ..)
Dune Game (Dune III, Dune IV, Cheats, Forum, ..)
Games free
Turbo Pascal (Assembler, Docs, Sources, Debbugers, ..)
Books (Docs for developers)
Forum
Guest book
Компьютерная диагностика двигателя автомобиля (адаптер К-линии)Компьютерная диагностика двигателя автомобиля (адаптер К-линии)
 
 
Робот слотсофт нет по 5 процентов
ПО слотсофт
slotsoft.eu
Трековые светильники
светодиодные светильники Качественные трековые светильники от производителя
electroled.com.ua
 
 
 

Photoshop: Текст и его тень

 
Наверное, вам уже хотелось однажды сделать красивую объемную картинку с эффектом падающей тени, но вы не знали как. Ведь Photoshop – это не 3D-редактор, чтобы создавать такие пространственные эффекты.
 
Но это вполне возможно сделать, имея развитое воображение и обычные 2D-технологии. Давайте сегодня попробуем научиться рисовать обычный текст с тенью. А чтобы результат этого урока нам сразу пригодился, будем делать эксклюзивные обои для рабочего стола.
Запускаем наш Photoshop и создаем новый документ.
 
Шаг 1. Заходим в меню Файл > Новый и создаем новое изображение с размерами 1280х1024 пикселей – это обычное разрешение экрана 19-ти дюймового монитора, мы ведь собираемся изготовить обои для экрана.
 
Разрешение можно установить 72 или 96 пикселей/дюйм, цветовой режим RGB 8 бит с белым фоном, и цветовой профиль “Отменить управление цветом в документе”, поскольку изображение создается не для печати (рис. 1).
 
Photoshop: Текст и его тень
Рис. 1
 
Шаг 2. Поскольку будем работать с тенью, нам необходимо для самих себя сымитировать ниспадающий свет – что-то вроде виртуальной среды, в которой будем работать. Это в ходе работы поможет нам лучше чувствовать создаваемую атмосферу.
 
Photoshop: Текст и его тень
Рис. 2
 
Для этого имеющийся слой назовем “Задник”, выбираем на панели инструментов градиент (рис. 2) и делаем заливку от светло-серого к темно-серому цвету (например, от #686868 к #141414) в направлении из левого верхнего угла в правый нижний угол.
 
Не забудьте в окне редактора градиентов выбрать установку “От основного к фоновому”. Тогда у нас получится премиленький задник.
Шаг 3. Теперь нам необходимо нарисовать какой-нибудь текст, с которым мы будем работать далее. Сначала мне хотелось нанести текст в виде эмблемы нашего журнала. Но это было бы уже слишком банально, и тогда пришла идея поступить не менее банально, но в общем духе создателей обычных обоев для рабочего стола Windows.
 
Итак, следуя уже сложившейся традиции, пишем текст “Windows”, например, шрифтом Comic Sans MS и цветом сине-серым (примерно #c2c8d4). Размер шрифта ставим 110 пт, а стиль ставим жирный (“Псевдополужирное”). Слой с текстом располагаем ровно по центру нашего изображения.
 
Чтобы добавить еще большей оригинальности, пока выбран слой с текстом, нажимаем Ctrl+T и, удерживая клавишу Ctrl, тянем влево за верхний левый габаритный маркер. У нас должен получиться вот такой наклоненный влево текст (рис. 3).
 
Photoshop: Текст и его тень
Рис. 3
 
Шаг 4. Сейчас нам надо залить текст градиентом. Для этого, удерживая клавишу Ctrl, кликаем на слое с текстом. После этого заходим в меню Слой > Новый > Слой (Layer > New > Layer) или жмем комбинацию Shift+Ctrl+N. Создастся новый слой и станет выбранным.
 
Снова берем инструмент градиент и, используя в качестве основного цвета, например, цвет #495a79, заливаем выделенную область в направлении от верхнего левого угла к правому нижнему, используя установку градиента “От основного к прозрачному”. Давайте этот слой назовем “Текст-градиент” (рис. 4).
 
Photoshop: Текст и его тень
Рис. 4
 
Шаг 5. Вот теперь пришло время создавать нашу вожделенную тень. Для этого сбрасываем цвета (жмем клавишу D) и выбираем черный цвет в качестве основного. Создаем новый слой через меню Слой > Новый > Слой (Layer > New > Layer) и перемещаем его под слой с текстом. Давайте назовем новый слой “Тень” (рис. 5).
 
Photoshop: Текст и его тень
Рис. 5
 
Затем нам снова необходимо захватить выделение текста. Для этого, удерживая клавишу Ctrl, кликаем на слое с текстом (новый слой остается выбранным). После этого нам нужно залить выделение черным.
 
Для этого нажимаем комбинацию клавиш Alt+Backspace. Результат мы не увидим, поскольку наш слой перекрыт еще двумя слоями с текстом и его градиентом. Но наберитесь терпения.
 
Теперь выполняем следующие действия: нажимаем клавишу сдвига курсора вниз и вправо – этим мы смещаем выделенную область по предполагаемому направлению от падающего света. Снова жмем Alt+Backspace. Данную процедуру со сдвигом и заливкой черным проводим 15 раз (можно до 30 раз, в зависимости от нашего текста).
 
При выполнении данной процедуры, следует быть внимательным. При заливке и сдвиге может случиться так, что у вас все время просто будет двигаться черная область, не создавая нужного эффекта тени. Это может происходить в том случае, если на панели инструментов у вас выбран инструмент
“Перемещение” (Move Tool, клавиша V). Выберите инструмент выделения “Прямоугольная область” (Marquee Tool, клавиша М), с ним сдвигается только область выделения, а не выделенный кусок (рис. 6).
 
Photoshop: Текст и его тень
Рис. 6
 
Шаг 6. Снимаем выделение. При этом выбранным у нас должен оставаться слой с тенью. Наконец, нашу тень следует размыть, чтобы придать ей натуральности. Заходим в меню Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur).
 
В окне “Размытие в движении” угол (Angle) ставим -45, а смещение (Distance) ставим в 25 (можно и 30 – зависит от текста, рис. 7). Еще параметр наложения нашего слоя устанавливаем в “Умножение” (Multiply), а непрозрачность (Opacity) 40% (рис. 8).
 
Photoshop: Текст и его тень 
Рис. 7
 
 
Photoshop: Текст и его тень
Рис. 8
 
Шаг 7. Смещаем нашу тень на 10 пикселей (рис. 9). Для этого, удерживая клавишу Shift, нажимаем один раз клавишу смещения курсора вниз и вправо. При этом должен быть активен инструмент “Перемещение” (Move Tool, клавиша V).
 
Photoshop: Текст и его тень
Рис. 9
 
Шаг 8. У нас получилась почти натуральная тень. Но не помешает прибавить ей еще больше этой натуральности. Поэтому делаем копию нашего слоя с тенью через меню Слой > Новый > Скопировать на новый слой (Layer > New > Layer via Copy, комбинация клавиш Ctrl+J).
 
При выбранном новом слое снова удерживаем клавишу Shift и нажимаем один раз клавишу сдвига курсора вниз и вправо. Заходим в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur), угол оставляем -45, а смещение меняем на 50 и нажимаем Ok. После этого параметр наложения нашего слоя ставим тоже “Умножение” (Multiply), а непрозрачность (Opacity) 20%.
 
 
 
 
 
 
Шаг 9. Как вы можете видеть по рис. 9, у нас есть вроде бы все, и свет откуда-то сверху, и его неравномерное, будто бы естественное распределение по тексту, и даже тень уже не вызывает нареканий. А все равно, глядя на нашу картинку, почему-то не веришь, что текст объемный.
 
Да потому что мы забыли, что текст у нас имеет толщину (вглубь), а значит, нужна каемка света сверху по краю букв. Чтобы сделать такую каемку, создадим новый слой, расположим его поверх остальных слоев, и назовем его также “Каемка света”.
 
Удерживая клавишу Ctrl, кликаем на слое с текстом. Основным цветом делаем белый (можно нажать клавишу X) и нажимаем Alt+Backspace. На панели инструментов выбираем инструмент выделения и один раз нажимаем на клавиатуре сдвиг курсора вниз и вправо, и нажимаем клавишу Delete. Непрозрачность нашего нового слоя (Opacity) ставим 80%. И вот уже совсем другое дело (рис. 10).
 
Photoshop: Текст и его тень
Рис. 10
 
Шаг 10. И снова в нашей картинке что-то настораживает, напрягает. Хотя, может показаться, что все выглядит естественно. Это верно, уже многое сделано и результат, как говорится, налицо.
 
Но не кажется ли вам, что при подаче света все же нет ощущения воздуха – наполненности атмосферы, словно наш текст находится в вакууме? На мой взгляд, именно такое ощущение нам должны придать лучи света.
 
Для лучей создаем новый слой и располагаем его поверх остальных и называем “Лучи”. Основным цветом делаем белый (можно нажать клавишу X) и нажимаем Alt+Backspace или пользуемся инструментом “Заливка”. Слой у нас получился залит белым цветом.
 
Photoshop: Текст и его тень
Рис. 11
 
Затем, пользуясь инструментом выделения в режиме “Добавление к выделенной области” (рис. 11) выделяем промежутки между будущими лучами и нажимаем клавишу Delete (рис. 12).
 
Photoshop: Текст и его тень
Рис. 12
 
Шаг 11. Для удобства следующей манипуляции уменьшаем масштаб отображения изображения в окне редактирования. Нажимаем Ctrl+T и разворачиваем слой с лучами примерно на 38 градусов. Такой угол соответствует диагонали нашей картинки 1280x1024. Если бы у нас была квадратная картинка, то угол разворота должен быть 45 градусов.
 
Photoshop: Текст и его тень
Рис. 13
 
Кликаем на слое правой кнопкой мыши и в появившемся контекстном меню выбираем пункт “Перспектива” (Perspective, рис. 13).
Затем, потягивая за габаритные маркеры слоя, растягиваем и добиваемся того, чтобы лучи у нас шли по диагонали через все картинку (рис. 14). Сверху они должны быть чуть сужены – это же свет все-таки ;)
 
Photoshop: Текст и его тень
Рис. 14
 
Шаг 12. Для нашего слоя с лучами наложение ставим тоже “Перекрытие” (Overlay) и непрозрачность (Opacity) 20%. Далее заходим в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Guassian Blur) и радиус (Radius) ставим 25 (рис. 15).
 
Photoshop: Текст и его тень
Рис. 15
 
Шаг 13. Выбираем слой “Каемка света” и, удерживая клавишу Ctrl, кликаем на слое “Лучи”. Должно получиться выделение. Заходим в меню Слой > Добавить слой-маску > Показать выделенную область (Layer > Layer Mask > Reveal Selection, рис. 16). А наш результат (рис. 17).
 
Photoshop: Текст и его тень
Рис. 16
 
Photoshop: Текст и его тень
Рис. 17
 
Шаг 14. Над нашим первым слоем “Задник” создаем новый слой с названием “Розовый” и заливаем его цветом #9D506C. Режим наложения для нового слоя устанавливаем “Цветность” (Color) и непрозрачность (Opacity) 20%. В дальнейшем это нам поможет получить некоторый мягкий оттенок желтого.
 
Шаг 15. Над нашим розовым слоем создаем новый слой с названием “Свет нижний” и заливаем его белым цветом. Заходим в меню Фильтр > Рендеринг (или Визуализировать) > Эффекты освещения (Filter > Render > Lighting Effects) и уже в окне “Эффекты освещения” в окошке просмотра тянем за габаритный маркер и разворачиваем источник света, как показано на рис. 18 (примерно на 11 часов по циферблату).
 
Photoshop: Текст и его тень
Рис. 18
 
В секции “Источник” (Light type) в выпадающем списке выбираем “Прожектор” (Spotlight), кликаем на квадрате с цветом и устанавливаем цвет #FCF9E8. Яркость (Intensity) ставим 17, фокус (Focus) 90.
 
В секции “Свойства” (Properties) ставим цвет #FFFEC6, глянец (Gloss) -68, материал (Material) -58, экспонир (Exposure) 0, среда (Ambience) 21. Текстурный канал (Texture Channel) оставляем в положении “Не задан” (None). Для данного слоя ставим режим наложения “Перекрытие” (Overlay) и непрозрачность (Opacity) ставим 40%.
 
Шаг 16. Пока у нас выбран слой “Свет нижний”, заходим в меню Слой > Новый > Скопировать на новый слой (Layer > New > Layer via Copy), копируем его, называем “Свет верхний” и располагаем поверх всех наших слоев. Теперь эффект света и снизу и сверху ;)
 
Шаг 17. Осталось сделать финальный штрих. Делаем копию слоя “Свет верхний” и непрозрачность (Opacity) ставим 65%. Выбираем слой с текстом и заходим в меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Guassian Blur) и радиус (Radius) ставим 0,5 или 1. При этом потребуется разрешить выполнить растрирование слоя.
 
Photoshop: Текст и его тень
Рис. 19
 
Вот такие миленькие обои (рис. 19) у нас получились. Не бойтесь экспериментировать, меняйте углы, параметры размытия и наверняка получите замечательный результат, который принесет вам удовлетворение творчеством.
 
© Владислав Демьянишин
 
 
На нашем сайте можно не только бесплатно скачать игры, но и документацию и книги по программированию на MIDLetPascal, Turbo Pascal 6, Turbo Pascal 7, Borland Pascal, по программированию устройств Sound Blaster, Adlib, VESA BIOS, справочник Norton Guide и много другой полезной информации для программистов, включая примеры решения реальных задач по созданию резидентных программ. Предлагаю также посетить Марья искусница - сайт о рукоделии (http://mariya-iskusnica.ru).
 

Журнал > Полезные программы > Photoshop: Текст и его тень
 
 
 
172
 
ВКонтакте
Facebook
 
 
 
На главную страницу На предыдущую страницу На начало страницы
 
 




Украина онлайн Рейтинг@Mail.ru Рейтинг Сайтов YandeG Rambler's Top100