Перейти к содержимому

 Друзья: Всё для вебмастера | [ Реклама на форуме ]


Rutor
Rutor


[ DDos Услуги. DDos атака. Заказать ДДос ]


Эквалайзер в графике.


  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1
blaga

blaga

    Килобайт

  • Honourаble
  • PipPip
  • 189 сообщений
Ну что ж. начнем делать этот эквалайзер.

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]]>
Всем, спасибо за внимание!


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных