Анимированный блик по тексту

Анимированный блик по тексту

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


Шаг 1.
Создайте новый документ любого размера. Добавьте фона и т.п. по вкусу. Напишите на нём что-либо. Потом зайдите в Bleeding Options слоя (для этого кликните два раза левой кнопкой мыши на слое) и перейдите на вкладку Stroke. Поставьте значение, равное 2 или 3 пикселя (чёрным цветом).
Анимированный блик по тексту

Шаг 2.
Создайте новый слой. Возьмите инструмент кисть ("Brush Tool") с толщиной 7-9 px если изображение маленькое, и 10-13 px если большое (я поставил значение 11 px) и нарисуйте линию как показано на скриншоте. Зайдите в Bleeding Options и добавьте свечения (перейдите на вкладку Outer Glow). Оставьте всё по умолчанию, кроме:
Цвет:полностью белый, без жёлтых оттенков;
Spread:6%
Size:16 px
Range:45%
Нажмите "ок".
Анимированный блик по тексту

Шаг 3.
Если Вы работаете в версии Photoshop CS2, то перейдите в ImageReady (File -> Edit in ImageReady);
Если Вы работаете в Photohop CS3, то добавьте панель анимации (Window -> Animation).
Примечание:Когда писал эту часть урока, понял, что шрифт которым написано "Раскрась свой мир" никуда не годится и поменял его. Не удивляйтесь. new_russian-1
Обратите Ваше внимание на панель анимации. Нажмите два раза на "Duplicates Selected Frames" - у Вас добавятся ещё два кадра (итого 3).
В первом кадре вообще уберите видимость слоя с линией, во втором переместите эту линию на левую часть текста (в начало), а в третем кадре переместите эту линию в конец текста.
Анимированный блик по тексту

Шаг 4.
Убедитесь, что под слоем с линией находится слой с текстом. Если всё так, то зайдите в Layer -> Create Clipping Mask.
Анимированный блик по тексту

Шаг 5.
Теперь нажмите на кнопку "Tween" (рядом с дубликацией кадра). В открывшемся окне укажите значение, которое считаете нужным (чем больше - тем плавнее будет двигаться линия).
Примечание:
Для маленьких изображений (аватарок, например), лучше использовать 25-40.
Для больших (как моё) 50-80.
Анимированный блик по тексту

Запускайте анимацию, наслаждайтесь, сохраняйте! Готово!
Alexey Koresh DrozdOff,
Специально для ColorWorld.org victory
Анимированный аватар в стиле Bond 007 Анимированный аватар в стиле Bond 007
Название урока:Анимированный аватар в стиле James Bond 007Автор:DrozdOffДата релиза:08 февраля 2008 Степень трудности:4 из 10 (не очень трудно)Количесвто шагов:27После изучения урока Вы освоите:Создание собственных Pattern"ов; узнаете, что Stroke служит н ...

Огненные линии на фото Огненные линии на фото
В этом уроке я расскажу как создать эффект огненных линий на фотографии. Этот спец. эффект очень хорошо смотрится на темных фотографиях. Если Вы новичок - обязательно пройдите этот урок (знаю, он трудный), но он Вам пригодится:в уроке есть обзор "Путей (P ...

Высвечивающийся текст Высвечивающийся текст
Название урока:Высвечивающийся текстАвтор:DrozdOffВдохновитель:Kantaka (он использовал на банере этот эффект)Дата релиза:09 февраля 2008Степень трудности:2 из 10 (просто)Количесвто шагов:7После изучения урока Вы освоите:Параметр Opacity.

Сердце Сердце
Название урока:Элегантное сердцеАвтор:WebDesign.orgПеревод:DrozdOffДата релиза:17 февраля 2008Степень трудности:4 из 10 (не очень трудно)Количесвто шагов:9

Осторожно! Ума Турман с мечом!
Из этого Фотошоп урока вы узнаете, как добавить электрические заряды холодному оружию.