• разделы
    • Recycle
    • Tutorial
    • Web-проекты
    • Welcome to Budapest
    • Арт
    • Архитектура
    • Брендинг
    • Видео
    • Графический дизайн
    • Иллюстрация
    • Интервью
    • Книги
    • Мода
    • Подборка
    • Пром. дизайн
    • Реклама
    • Сред. дизайн
    • Ссылка в Сибирь
    • Стрит-арт
    • Типографика
    • Упаковка
    • Фотография
  • реклама
  • контакты
  • о проекте
  • следи за нами на facebook
  • следи за нами в vkontakte
  • читай twitter
  • смотри pinterest
радио

Как создать иконку CD

Тут мы научимся создавать не только идеальную иконку CD, но и переливающийся эффект градиента!

Adobe Illustrator

автор: iPhoto

26 November 2009 года

SHARE
TWITT
SHARE
PIN

 

 

alt

 

 

Шаг 1

Создайте окружность в Illustrator, используя Ellipse Tool и залейте черно-белым радиальным градиентом.

 

alt

 

Шаг 2

Выделите окружность и разберите ее Object > Expand.

 

alt

 

Шаг 3

В вышедшем диалоговом окне сделайте следующее действие: разберите заливку и сетчатый градиент.

 

alt

 

Шаг 4

Теперь ваша окружность будет выглядеть примерно так. Нам нужно удалить обтравочную маску.

 

alt

 

Шаг 5

Пусть окружность остается выделенной, идите в панель Object > Clipping Mask > Release (Command + Alt + 7).

 

alt

 

Шаг 6

Теперь правой кнопкой мыши кликнем по окружности и разгруппируем объект (Command + Shift + G).

 

alt

 

Шаг 7

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

 

alt


Шаг 8

Теперь выберите в панели инструментов "Сетчатый градиент" (Mesh tool) и выделите окружность.

alt

 

Шаг 9

Для образования CD поверхности, выберите Selection Tool (черную стрелочку), выделите окружность и залейте ее светло-серым.

 

alt

 

 

Шаг 10

При помощи Mesh Tool, создайте 4 точки, как показано ниже, просто кликнув по синей обводке. Постарайтесь сделать их максимально одинаковыми, в принципе, это несложно сделать на глаз.

 

alt

 

Шаг 11

При помощи Mesh Tool, добавьте еще несколько точек, как показано ниже. Эти точки не обязательно должны быть распределены настолько же точно. 

 

alt

 

Шаг 12

При помощи Direct Selection Tool (белой стрелочки) выделите точки, как показано на рис.

 

alt

 

Шаг 13

Теперь, удерживая Shift, выделите нижние точки как на рисунке (удерживание кнопки Shift позволит вам выделять несколько точек сразу).

 

alt

 

Шаг 14

Теперь у вас выделено 4 точки сразу. Выберите светло-голубой цвет в панели цветов. Старайтесь избегать темных оттенков.

 

alt
Шаг 15

Теперь выделите 8 точек и кликните на светло-фиолетовый цвет!

 

alt

 

Шаг 16

Таким образом добавьте еще пару светлых тонов. Получится что-то похожее.

 

alt

 

Шаг 17

Скопируйте получившуюся окружность, передвигая ее с клавишей Alt.

 

alt

 

Шаг 18

Теперь образуйте окружность темно-серого цвета, такую же по диаметру, как и предыдущую.

 

alt

 

Шаг 19

В панели Прозрачность (Transparency) измените режим наложения на Multiply для темно-серой окружности.

 

alt

 

Шаг 20

Выровняйте обе окружности по центру, используя панель Align и сгруппируйте их Command + G.

 

alt

 

Шаг 21

Поверните образовавшуюся группу на 90 градусов.

 

alt

 

Шаг 22

Теперь используйте первоначально образованную окружность (как на 17 этапе), копируйте ее наверх. Сделайте ее немного меньше, чтобы при наложении почувствовался объем.

 

alt

 

Шаг 23

Выровняйте их по центру.

 

alt

 

Шаг 24

Теперь нарисуйте окружности как внизу на рис.

 

alt

 

Шаг 25

Выделите их, нажмите Command + 8 (Object > Compound Path > Make), чтобы образовать кольцо.

 

alt

 

Шаг 26

Повторим этапы 24 и 25, но в этом случае сделаем более тонкое кольцо + образуйте еще маленькую окружность. Как вы понимаете, мы делаем/рисуем центр диска!

 

alt

 

Шаг 27

Выравняем окружности по центру, и сгруппируем их Command + G.

 

alt

 

Шаг 28

Теперь выделите все и центрируйте.

 

alt

 

Шаг 29

Теперь образуйте 2 окружности - одну с диаметр диска, другую с диаметр внутреннего пустого пространства в диске. Выделите обе и центрируйте.

 

alt

 

Шаг 30

Теперь нажмите Command + 8 и образуйте толстое кольцо как на рис. Это будет наша маска на CD.

 

alt

 

Шаг 31

Выделите все и нажмите Command + 7 (Object > Clipping Mask > Make), создавая обтравочную маску.

alt

 

 

Шаг 32

А вот и все!

alt

 

Заключение

Добавим немного спецэффектов: Effects > Stylize > Drop Shadow. Можно еще и текста на поверхности добавить!

alt

http://vector.tutsplus.com/tutorials/tools-tips/how-to-create-a-radial-mesh-in-illustrator-and-make-a-vector-cd/

SHARE
TWITT
SHARE
PIN
SHARE
TWITT
SHARE
PIN

Будь также в теме:

Вам слово:

TROPP

26 November 2009, 02:05

трудоемко, однако))

  • devochkina

    26 November 2009, 10:39

    ничего подобного, обещаю, что это не займет больше 10 мин!

  • kolya.true

    30 January 2010, 22:44

    O4en' klassnii urok!!

    U menya vopros:
    1. Za4em mi delaem gorizontal'nie linii na diske i poluprozra4nim krugom ix zakrivaem sverxu (shag 21)?
    ix je zakrivaet nash disk2 sverxu (shag 23)?
    2. Dlya 4ego nujna obtravo4naya maska (shag 31)?

    3.kak sdelat' tak 4to bi diro4ka v diske otbrasivala ten' vo vnutir' - u menya polu4aetsya serii krug))

    Spasibo!

  • iPhoto

    2 February 2010, 10:55

    1. Таким образом мы достигаем более реального ощущения объема, потому что не только диск переливается, но и каемка.
    2. Таким образом мы получим форму диска. Мы же, к примеру, с самого начала не делали отверстие внутри!
    3. Эффект>Стилизация>Тень

    Удачи!

  • Ctrl+enter — отправка комментария Войти и прокомментировать