|
 |

 |
 |
Анимированный блик по тексту |
 |
|
 |
 |
После прочтения урока Вы научитесь делать этот абсолютно несложный, но в то же время очень элегантный и красивый эффект. Где его можно применить? Да везде! На аватарках, юзербарах, баннерах... этот эффект будет смотреться красиво и необычно везде.
Шаг 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). Примечание:Когда писал эту часть урока, понял, что шрифт которым написано "Раскрась свой мир" никуда не годится и поменял его. Не удивляйтесь. Обратите Ваше внимание на панель анимации. Нажмите два раза на "Duplicates Selected Frames" - у Вас добавятся ещё два кадра (итого 3). В первом кадре вообще уберите видимость слоя с линией, во втором переместите эту линию на левую часть текста (в начало), а в третем кадре переместите эту линию в конец текста.
Шаг 4. Убедитесь, что под слоем с линией находится слой с текстом. Если всё так, то зайдите в Layer -> Create Clipping Mask.
Шаг 5. Теперь нажмите на кнопку "Tween" (рядом с дубликацией кадра). В открывшемся окне укажите значение, которое считаете нужным (чем больше - тем плавнее будет двигаться линия). Примечание: Для маленьких изображений (аватарок, например), лучше использовать 25-40. Для больших (как моё) 50-80.
Запускайте анимацию, наслаждайтесь, сохраняйте! Готово!
Alexey Koresh DrozdOff, Специально для ColorWorld.org |
 |
|
 |
 |
Анимированный аватар в стиле 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 |
|
|
 |
|
|