 |
| ||||||||
|
|
|
|
|
Онлайн всего: 3 Гостей: 3 Пользователей: 0 |
|
| Главная » Файлы » уроки Photoshop » Анимация |
Эквалайзер или Звуковая дорожка
| 16.12.2010, 22:43 | |
| Эквалайзер или Звуковая дорожка В этом туторе я буду рассказывать как сделать эффект звуковой дорожки (эквалайзера) как на этом юзербаре   Сразу хочу успокоить тут ничего сверхестественного нет все делается в несколько шагов : ) 1)Создаём новый документ размером 350 х 350 делаем черный фон для удобства. 2)Создаём новый слой и чертим вертикальную белую , линию толщиной в 1 пиксель , мы можем сделать это Line Tool-ом (U) , или же для тех кто предпочитает пользоватся Pen-Tool-ом (Р) , как я , делает это при помощи него. Вот так дожно выглядеть на данный момент :  3)Дублируем слой с белой линией и скрываем . Он нaм еще пригодится не раз 4)Затем применяем эффект , Filter >> Stylize >> Wind . параметры : Wind , From the right , жмем ок!) Получается половинка от нашего эквалайзера .  5)Дублируем слой с примененным эффектом , нажимаеи ctrl+T ( Free Тransform ) , поворачиваем по горизонтали ( Flip Horisontal ) и подтягивам ее так чтобы сдублированная часть была точным отражением оригинала как показанно на скрине и склеиваем оба слоя между собой  Вот у нас уже целенькая дорожка есть . Теперь Берем слой с линией без эффектов который мы скрыли на третьем шаге , опять-же дублируем его и скрываем и повторяем шаги №4 , №5 и так делаем раз 5 , чем больше разновидностей "волн" у вас будет , тем реже будет повтоятся наш эквалайзер. 6)поворачиваем все наши получившиеся волны на 90 градусов в любую сторону , выцентровываем их , переносим на юб.  7)Черному фону присваеваем красивый градиент через Blending options  8)Все полосы эквалайзера ставим в режим смешивания Overlay 9)Добавляем созвучную фразу 10) Новый слой , выделяем половину юзербара , заполняем белым цветом и ставим прозрачность ( Opacity ) на 15 %  11)Новый слой , снова выделяем половину юзербара , заполняем градиентом от белого к прозрачному , ставим прозрачность на 20 %  12) Новый слой , выделяем весь юзербар Ctrl+A , идем в меню Edit --> Stroke 1 px Center ( цвет по вкусу ) Итак , закончилась надоедливая возня с эффектами теперь самое приятное это сама анимация 13) Анимация : Включаем одну волну на один кадр - и ставим задержку на кадрах 0,01 секунд 14) Save as for web devises , формат *GIF | |
| Просмотров: 1233 | Загрузок: 0 | Рейтинг: 0.0/0 | |
| Всего комментариев: 0 | |
|
|
|
|
|
|
|