Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Волшебная палочка


Волшебная палочка
В этом уроке мы будем работать над созданием иконки с изображением волшебной палочки. Для этого мы будем использовать градиентные растяжки и простые фигуры, т.е. ничего необычного. Эту технику Вы сможете использовать для создания своих собственных иконок, иллюстраций или логотипов.
Шаг 1
Создайте новый документ и при помощи инструмента Rectangle tool (M) нарисуйте прямоугольник с размерами 35 рх на 340 рх.
alt
Шаг 2
Нарисуйте ещё один прямоугольник 35 рх на 210 рх и разместите его по центру первого большого.
alt
Шаг 3
Выделите больший прямоугльник и выберите пункт меню Effect > Stylize > Round Corners (Эффект > Стилизация > Скругление углов). В появившемся диалоговом окне задайте значение радиуса скругления 15 рх.

Прим. перев.: У автора был использован вместо Эффекта аналогичный фильтр, но я предпочитаю использовать всё-таки эффекты, т.к. они описываются функцией, и Вы в любой момент можете отредактировать или же полностью удалить эффект. С фильтрами так сделать уже не получится!
alt
Шаг 4
Выберите меньший прямоугольник и залейте его линейным чёрно-белым градиентом.
Волшебная палочка
Шаг 5
На этом шаге мы подкорректируем градиент, добавив в него ещё 2 промежуточных цвета. Редактирование градиента производится в соответствующей палитре Gradient (Window > Gradient или Ctrl+F9). Чтобы добавить дополнительные цвета в градиент, просто кликнете в палитре под градиентной полоской — у Вас появится новый цветовой маркер. Добавьте 2 маркера. Затем задайте для маркеров следующие цвета: №1 — 63% чёрного (в поле Location задайте для него положение на 5%); маркер №2 — 100% чёрного (Location 50%); маркер №3 — белый (Location 90%); маркер №4 — 100% чёрный (Location 100%).
Волшебная палочка
Шаг 6
Теперь настроим градиент для большого прямоугольника. Залейте его линейным градиентом, в котором также должно быть 4 цветовых маркера, как и на предыдущем шаге. Цвета и расположением маркеров в этом градиенте задайте следующим образом: маркер №1 — 40% чёрный (Location 0%); маркер №2 — 60% чёрного (Location 30%); маркер №3 — белый (Location 70%); маркер №4 — 30% чёрного (Location 100%).
Волшебная палочка
Шаг 7
Создайте прямоугольник такого же размера, как и Ваш документ. Это будет фон. Заполните его радиальным градиентом. Первый цвет в градиенте сделайте фиолетовым, а второй — насыщенным тёмным фиолетовым.
Волшебная палочка
Шаг 8
Разместите волшебную палочку на фоне под углом 35°.
Волшебная палочка
Шаг 9
Откорректируйте градиент так, чтобы его цветовой центр начинался в вершине волшебной палочки. Чтобы это сделать, используйте инструмент Градиент Gradient Tool (G). Выберите прямоугольник фона, затем инструментом Градиент кликнете в районе вершины палочки и протяните вниз.
Волшебная палочка
Шаг 10
При помощи инструмента Эллипс Ellipse tool (L) нарисуйте окружность 185х185 рх. Затем заполните её радиальным градиентом, в котором первый цветовой маркер будет 100% чёрный, второй маркер — белый.
Волшебная палочка
Шаг 11
Сплющите нарисованную окружность, чтобы она была по высоте равна где-то 1/3 от исходной. Разместите полученный эллипс под нижней частью палочки (чтобы переместить объект на уровень ниже, нажмите Ctrl+]). После этого в палитре Прозрачности Transparency (Window > Transparency или Shift+Ctrl+F10) задайте для полученного эллипса режим смешивания Multiply.
Волшебная палочка
Шаг 12
Нарисуйте ещё одну окружность размером 370х370 рх, залейте его ярким пурпурным цветом (мажентой, короче). Разместите окружность за палочкой так, чтобы её центр приблизительно находился за вершиной палочки.
Волшебная палочка
Шаг 13
Не снимая выделения с пурпурного круга, идём в меню Effect > Stylize > Feather (Эффект > Стилизация > Растушевка). В появившемся диалоговом окне выставьте радиус растушевки 100 рх. Далее в палитре Прозрачность задайте для этого объекта непрозрачность 35%.
Волшебная палочка
Шаг 14
Нарисуйте ещё одну окружность 175х175 рх, залейте её жёлтым. Разместите её аналогичным образом, как и предыдущую, чтобы её центр совпадал с вершиной волшебной палочки. Добавьте также к этой окружности эффект Feather, но уже с радиусом 50 рх.
Волшебная палочка
Шаг 15
Создайте ещё от пяти до семи разноцветных окружностей, аналогичным образом, как и на предыдущем шаге. Разместите их вокруг вершины палочки.
Волшебная палочка
Шаг 16
Выделите более длинную часть палочки, скопируйте её (Ctrl+C) и вставьте копию на передний план (Ctrl+F). Измените заливку копии на сплошную жёлтую, проверьте, чтобы не было обводки.
Волшебная палочка
Шаг 17
Инструментом Selection tool (V) (чёрная стрелка) потяните за правый средний маркер жёлтого прямоугольника, чтобы его расширить. Потом потяните за левый средний маркер.
Волшебная палочка
Шаг 18
Далее инструментом Direct Selection tool (А) (белая стрелка) выделите нижнюю правую точку и переместите её поближе к волшебной палочке. Проделайте тоже самое и с левой нижней точкой.
Волшебная палочка
Шаг 19
Добавьте этой фигуре эффект Feather на 25 рх и разместите её за волшебной палочкой.
Волшебная палочка
Шаг 20
Иллюстрация уже выглядит неплохо, но мы добавим ещё немного волшебных бликов, чтобы приукрасить картинку. Для этого нарисуйте маленький круг 40х40 рх и залейте его белым цветом, без обводки.
Волшебная палочка
Шаг 21
Далее идём в меню Effect > Distort & Transform > Pucker & Bloat (Эффект > Искажение и Траснсформация > Сведение и раздувание). В появившемся диалоговом окне вводим значение -90, нажимаем ОК. Затем идём в меню Object > Expand Appearance. После того, как мы преобразовали круг в звёздочку, добавим для неё Feather на 1 рх.
Волшебная палочка
Шаг 22
Нарисуйте ещё один круг 35х35 рх с белой заливкой. Разместите его над центром звёздочки. Задайте эффект Feather для этого круга на 7рх. Затем выделите оба элемента и поверните на 45°.
Волшебная палочка
Шаг 23
Разместите звёздочку над верхней частью палочки.
Волшебная палочка
Шаг 24
Скопируйте (Ctrl+C) и вставьте несколько копий (Ctrl+V) волшебных звёздочек вокруг палочки. Измените для разных копий звёздочек размер и прозрачность, можете немного развернуть некоторые, чтобы они выглядели немного по-разному.
Волшебная палочка
ГОТОВО!
Если Вы всё делали по уроку, то у Вас должна получиться вот такая картинка:
Волшебная палочка


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.