Список форумов UBForum.ru UserBars.ru
Огромный каталог юзербаров на любые темы!
 
Вход - Вход

Регистрация - Регистрация


На главную сайта UserBars.ru Правила форума Поиск Пользователи FAQ Группы
Equalizers from FREEZE
На страницу 1, 2, 3 ... 11, 12, 13  След.
 
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars)
 
Автор Сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пт Окт 24, 2008 4:28 pm    Заголовок сообщения: Equalizers from FREEZE Ответить с цитатой

Эквалайзер №1 Звукова дорожка

В этом туторе я буду рассказывать как сделать эффект звуковой дорожки (эквалайзера) как на этом юбе Smile



Сразу хочу успокоить тут ниче сверхестественного нет все делается в несколько шагов : )

1)Открываем изображение размером 350 х 350 делаем черный фон для удобства.

2)Hовый слой и чертим вертикальную белую , линию толщиной в 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 градусов в любую сторону которая на больше подуше , выцентровываем их , переносим на юб.



Придаем цветов по вкусу

Анимация : Включаем одну волну на один кадр - и ставим задержку на кадрах 0,05 секунд сохраняем и довольствуемся собой )


____________________________________________________
____________________________________________________

Эквалайзер №2 Волна

Вот что мы будем делать



1) Открываем новый документ 350 х 350 ( обязательно )
2) Зальём фон черным для удобства
3) чертим белую полоску в 2 пикселя , по центру документа , горизонтально , при помощи карандаша или удобных вам инструментов

Вот так все выглядет на данном этапе :




4) Копируем нашу полоску и применяем Filter >> Distort >> ZigZag , со следующими параметрами



5) Берем полоску без примененного фильтра снова дублируем её и применяем тот-же эффект , но увеличивая параметр
"Amount" на единицу т.е. ставим 4
6) Проделываем операцию №5 до тех пор пока параметр "Amount" не достигнет значения 11
7) Пронумеруем и разложим по порядку наши слои чтоб было наглядней для глаза при постройке анимации
8 ) Слой с полоской без фильтра удаляем
9) Применяем ко всем полоскам Filer >> Blur Gaussian Blur cо значением 0,4
10) Делаем новый документ 350 х 19 и переносим все слои с полосками на наш юзербар и распологаем таким образом :


11) Теперь дело вкуса , дело за покраской. Применяем броский градиент фону
Я выбрал такой :




12 ) Красим полоски : ставим режим смешивния на Overlay , и идем в Blendin options >> Outer Glow , применяем этот

эффект ко всем слоям с полосками.



13)Добавляем обьёма : Выделяем верхнюю половину юзербара и заливаем градиентом от белого к прозрачному и ставим

непрозрачность на 35 % процентов ( чем цвет фона темней тем меньше надо применять непрозрачности к обьёму
14) Рамка : Выделяем весь юзербар (ctrl+A) Edit >> Stroke 1 px цвет по вкусу , я выбрал 375bf9
15) Добавляем текса
16) Итак теперь сладенькое = ) наша анимация её величество
слои переключать надо только поочередно т.е. через слой не прыгаем ,в противном случае у нас получится прерывистая анимация , если хотим сделать просто проходяшюю волну то включаем все слои по очередно по одному до конца , потом обратно чтоб зациклить анимацию.
Но я решил что это скучно и захотел сделать эффект дрожания так-что наши слои мы будем включать не до конца то вверх до вниз опять-же не перепрыгивая через слои ,слой последнего кадра анимации должен находится обязательно рядом со слоем первого кадра анимации т.е. или перед ним , или до него , но не в ком случае он не должен совпадать с ним или быть дальше чем 1 кадр.

Ставим задержку кадра 0,004 для тех у кого гиф тормозит анимацию

наш эквалайзер-волна готов! image011)

Save for web and Devises >> *Gif >> жмем ок

Вот моя первая работа сделанная по этому способу




_____________________________________________
_____________________________________________

Эквалайзер №3 Sub-Buffer

Такой эффект мы будем делатьimage011




Эквалайзер которому я дал название саб-буфер , только для кого что-бы конкретизировать его а не просто называть №3 , будем делать на примере БигБара (350 х 40 пх) , т.к. на нем это выглядет гораздо эффектней.

Пока что нам не нужен сам БигБар , пока мы будем заниматся изготовлением наших как мы их будем называть Саб-волн.

1) Открываем новый док 500 х 500 пх , зальем фон черным для удобства и основным цветом выберим белый на цветовой палитре.
2) На новом слое нарисуем горизонтальную прямую шириной в 2 пикселя. И дублируем

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

3) Применяем Filter>> Distort>> Wave. С Параметрами как на скрине



4) Сразу договоримся что перед тем как сделать новую саб-волну , мы будем дублировать нашу прямую и применять все параметры фильтра каждый раз к новой прямой. Чтобы наша волна не казалась ездюющей нам надо будет менять все основные параметры этого фильтра (высоту , днину и частоту). Итак я не буду давать вам точные данные настроек параметров примененного фильтра для каждой волны в отдельности , во первых не люблю когда получается точно такой-же результат как в уроке , во вторых люблю когда вы проявляете свою инециативу , вы можетет так-же комбинировать эквалайзеры в одной работе , я лишь показываю как они делаются в отдельностиimage020.
Вот пара скринов с параметрами фильтра которого использовал я , естественно не обязательно их повторять в точности так.Так-же вы можете пользоватся переодически кнопкой рандомизации при желание или недостатке своих нервов). Но я предпочитаю делать все своими рукамиimage020


Offtopic

5) Открываем наш ББ пареносим все получившиеся саб-волны на него , выцентровываем их.
6) По старой схеме , 1 саб-волна на 1 кадр. Так-же советую "не включать" все саб-волны по порядку , а рандомизировать их местоположения на кадрах , т.е. как обьясняется во втором уроке. Ставим задержку 0,01 на все кадры.
7) сохраняем в гиф открываем через оперу или любой другой браузер что-бы увидеть настоящюю скорость.
8 ) Похвастатся результатомimage001

_________________



Последний раз редактировалось: FREEZE (Пт Сен 04, 2009 11:44 pm), всего редактировалось 6 раз(а)
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Dark_Ajvengo
Почетный быдлодизайнер
Предупреждений: 3Предупреждений: 3Предупреждений: 3


Зарегистрирован: 16.01.2008
Сообщения: 920
Юбаксов : 2

СообщениеДобавлено: Пт Окт 24, 2008 4:34 pm    Заголовок сообщения: Ответить с цитатой

ничиго нового не узнал. А так зачет
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Blackberry
Аццкий Юзербар
Пользователь забанен


Зарегистрирован: 15.04.2007
Сообщения: 2416
Юбаксов : 0

СообщениеДобавлено: Пт Окт 24, 2008 5:01 pm    Заголовок сообщения: Ответить с цитатой

Для новичков сойдет...
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Lana
Интересующийся
Предупреждений: 4Предупреждений: 4Предупреждений: 4Предупреждений: 4


Зарегистрирован: 08.10.2008
Сообщения: 56
Юбаксов : 0

СообщениеДобавлено: Пт Окт 24, 2008 5:12 pm    Заголовок сообщения: Ответить с цитатой

не получаетсо/(непонимаю как) image020 сделоть шаги:
3) Very Happy
5) Laughing
6) image020 image001 Very Happy Laughing
у меня чо то трансформ не пашет походу image016
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пт Окт 24, 2008 5:17 pm    Заголовок сообщения: Ответить с цитатой

дублировка слоя ctrl+J

трансформация не будет работать есть слои не выделенны

_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Ice Dragon
Юзербар



Зарегистрирован: 25.02.2008
Сообщения: 318
Юбаксов : 50

СообщениеДобавлено: Пт Окт 24, 2008 6:01 pm    Заголовок сообщения: Ответить с цитатой

Какбе было понятно как делать... Но для новичков и правда сойдет. image199
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Lana
Интересующийся
Предупреждений: 4Предупреждений: 4Предупреждений: 4Предупреждений: 4


Зарегистрирован: 08.10.2008
Сообщения: 56
Юбаксов : 0

СообщениеДобавлено: Пт Окт 24, 2008 6:50 pm    Заголовок сообщения: Ответить с цитатой

а белю линию там же делать и дублировать? image017
тоесть как дублировать слой с линией и скрыт ькакая кнопка?)
и заранее... как повернуть все волны на 0 градусов всмысле надо выделять их "Rectangural Marquee Tool"'(M)" или чем то другим???
_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пт Окт 24, 2008 9:32 pm    Заголовок сообщения: Ответить с цитатой

почитай пока книг для начинающих лучше Wink
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
FlexZERO
Супер Модератор

<b>Супер Модератор</b>


Зарегистрирован: 17.03.2007
Сообщения: 2717
Юбаксов : 10001

СообщениеДобавлено: Пт Окт 24, 2008 9:46 pm    Заголовок сообщения: Ответить с цитатой

Эх... вот бы это полтора года назад...(( Щас для меня уже не актуально, но для новичков будет очень полезно.

Молодец.

P.S. это не эквалайзер.... лучше поменяй это слово на более подходящее.
_________________



Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора AIM Address
sockol
Юзербарище



Зарегистрирован: 27.08.2008
Сообщения: 524
Юбаксов : 113

СообщениеДобавлено: Пт Окт 24, 2008 10:19 pm    Заголовок сообщения: Ответить с цитатой

Фриз - молодец, крут, завтра выложу че вышло image020

Добавлено спустя 40 минут 28 секунд:

емае, чет у меня не оч. получается (

_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Пт Окт 24, 2008 11:11 pm    Заголовок сообщения: Ответить с цитатой

чето ты не правильно сделал. . слои надо переключать по принцину анимации дождя . ты как делал ? image007
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
ScAvEnGeR
Юзербарчик
Предупреждений: 2Предупреждений: 2


Зарегистрирован: 13.04.2008
Сообщения: 144
Юбаксов : 1

СообщениеДобавлено: Сб Окт 25, 2008 12:52 pm    Заголовок сообщения: Ответить с цитатой

FREEZE зачоД, 5+

FrozeNArt xD image011


_________________


Вернуться к началу
Посмотреть профиль Отправить личное сообщение
FREEZE
Silencer

<s><b><i>Silencer</i></b></s>


Зарегистрирован: 25.04.2008
Сообщения: 7418
Юбаксов : 3210

СообщениеДобавлено: Сб Окт 25, 2008 1:01 pm    Заголовок сообщения: Ответить с цитатой

ScAvEnGeR

1 кадр одна волна , у тебя их нсколько на кадр. .
_________________

Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
ScAvEnGeR
Юзербарчик
Предупреждений: 2Предупреждений: 2


Зарегистрирован: 13.04.2008
Сообщения: 144
Юбаксов : 1

СообщениеДобавлено: Сб Окт 25, 2008 1:33 pm    Заголовок сообщения: Ответить с цитатой

FREEZE писал(а):
ScAvEnGeR

1 кадр одна волна , у тебя их нсколько на кадр. .

Да нет одна..., одна часть слева ,другая справа
_________________


Вернуться к началу
Посмотреть профиль Отправить личное сообщение
sockol
Юзербарище



Зарегистрирован: 27.08.2008
Сообщения: 524
Юбаксов : 113

СообщениеДобавлено: Сб Окт 25, 2008 3:22 pm    Заголовок сообщения: Ответить с цитатой

вот - переделал, вышло image020


Добавлено спустя 2 часа 24 минуты 7 секунд:

добрые люди указали на ошибки - вот image020

_________________
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов UBForum.ru -> Учебники по созданию юзербаров/бигбаров (userbars/bigbars) Часовой пояс: GMT + 3
На страницу 1, 2, 3 ... 11, 12, 13  След.
Страница 1 из 13

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах

phpBB "skin" by DewChugr
Powered by phpBB © 2001, 2005 phpBB Group
y2006-2012 - by MOOF....