Ну что ж. начнем делать этот эквалайзер.
1. Вначале сделайте прямоугольник красного цвета на черном фоне.
2. Сделайте дубликат и поместите его пониже. Но так что бы блоки были паралельны и стояли по одной вертикальной линии.
3. Таким образом сделайте "башенку" из таких прямоугольников.
4. Далее выберите все слои и нажмите Ctrl+G, чтобы все они сгруппировались в один слой. Продублируйте башенку по горизонтали.
5. Выберите rectangular marquee tool и создайте прямоугольное выделение такой же по размеру как и все ваши красные прямоугольники.
6. Залейте все это вот таким градиентом.
7. Измените способ смешивания слоя на hue.
8. Должно получиться так:
9. Повторите шаг с созданием прямоугольного выделения и залейте это уже другим градиентом.
10. Для нового слоя выставьте в опциях смешивания параметр color dodge.
11. Должно получиться так:
12. Скройте в каждой башенке по различному количеству прямоугольников. Откройте окно мультипликации. Сделайте этот кадр первым.
13. Продублируйте всю структуру первого кадра и кое какие элементы из башенок скройте а кое какие откройте. Желательно сделать это не больше чем на на один блок в каждой башенке.
14. Повторите предыдущий шаг чтобы создать больше текстур.
15. Просмотрите мультипликацию которая получилась нажав на кнопку Play в окне мультипликации.
Нажмите Ctrl+Alt+Shift+S, чтобы сохранить картинку как GIF.
Вот что у нас получилось:
Все вопросы по уроку задавайте здесь. Это мой первый перевод так что если что сильно не бить.
За ссылку на урок отдельное спасибо Crasy.
Перевод: ]]>blaga]]>
Оригинал урока на сайте ]]>www.webdesign.org]]>
Всем, спасибо за внимание!
Друзья: Всё для вебмастера | [ Реклама на форуме ] |
[ DDos Услуги. DDos атака. Заказать ДДос ] |
0
Эквалайзер в графике.
Автор
blaga
, 03 Jan 2008 12:18
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных