Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
Красочные и динамичные логотипы стали, не так давно, очень популярными. В этом коротком уроке мы посмотрим как легко можно создать привлекательную сферу, которая может послужить хорошей основой для успешного логотипа. Приступим!
Шаг 1
Откройте Иллюстратор и создайте новый файл размером 1000 х 1000 рх. Поставьте разрешение на 300dpi и цветовую схему RGB.
Шаг 2
Включите Быстрые Направляющие (Control + U) (Smart Guides) - они очень пригодятся в течение всей работы. Если они вам будут мешать, просто деактивируйте их снова нажав Control + U.
Выберите инструмент Эллипс (L) (Ellipse Tool) и кликните по середине Монтажной области. Вас попросят задать размер эллипса. Задайте размер окружности 450 х 450 рх. Так же вы можете создать новый слой под текущим, создать на нем две направляющие и выровнять их по центру, используя панель Выравнивание. Он нам очень пригодятся позже. Ваша картинка (пока еще очень простая) должна выглядеть таким образом:
Шаг 3
Создайте новый слой поверх других и добавьте еще восемь эллипсов. Используйте панель Трансформирование (Transform Palette), что бы разместить из в нужном мести и задать им нужный размер. Воспользуйтесь для ориентира картинкой ниже.
Шаг 4
Давайте создадим легкую иллюзию перспективы. Выберите все эллипсы кроме самого верхнего и откройте диалоговое окно Трансформировать Каждый (Alt + управление + Shift + D). Измените масштабирование по вертикали на 103% и нажмите ОК. Семь ваших эллипсов должны стать чуть выше.
Шаг 5
Убедитесь, что вы используете инструмент Выделение (V) (Selection Tool). Удерживая Shift кликните по второму эллипсу сверху, чтобы отменить его выделение. Теперь выделено только шесть из ваших эллипсов, продолжите и нажмите Control + D, что бы повторить последнее трансформирование, это сделает эллипсы еще на 3% выше.
Проделайте эту операцию еще раз кликнув, удерживая Shift на следующем эллипсе и нажмите Control + D. Вы можете заметить, что форма нижнего эллипса вышла за границы большого круга. Исправьте это передвинув нижний эллипс на пару пикселей в верх, никто не заметит этого маленького подвоха ;)
Результат вашей работы, должен выглядеть следующим образом:
Шаг 6
Выделите все содержимое слоя с кругами (вы можете сделать это щелкнув по слою и удерживая Alt) и откройте панель Трансформировать Каждый еще раз. На этот раз введите для вертикального масштабирования значение 115% и нажмите кнопку Копировать (Copy). Вы получите 8 дополнительных эллипсов, каждый из которых на 15% выше оригинала.
Шаг 7
Сейчас все смешалось, но не беспокойтесь, мы займемся этим прямо сейчас. Возьмите инструмент Выделение (V) (Selection Tool) и выделите два верхних эллипса. Вызовите панель Обработка Контуров (Pathfinder) и щелкните по кнопке Разделение (Divide). Повторите эту же процедуру для всех оставшихся пар эллипсов.
Визуально, ничего не поменялось, но ваши формы теперь отлично разрезаны на кусочки.
Шаг 8
Теперь возьмите инструмент Прямое Выделение (А) (Direct Selection Tool) и обратите внимание на самую верхнюю часть эллипсов. Alt-щелкните по серповидной форме и нажмите Удалить и Ввод что бы избавиться от нее. У вас должно остаться что-то, что будет напоминать наклоненный под углом диск.
Повторите этот шаг для всех оставшихся групп эллипсов пока у вас не получится что-то похожее на рисунок ниже:
Шаг 9
Ок, мы создали основу для нашей работы, теперь добавим цвета. Вы можете использовать те, что я здесь привел или можете выбрать свои.
Мы начнем работать с маленькими кусочками, и будем придавать иллюзию перспективы. Аккуратно выберите их с помощью инструмент Прямое Выделение (А) (Direct Selection Tool), отключите обводку и сделайте заливку следующими цветами:
- #FF2C85
- #F42DF7
- #662DEF
- #2F49E7
- #31A0DE
- #31DEC5
- #33CE4A
- #7BC636
Вот что у вас должно получится в итоге:
Шаг 10
Края мы обозначили, теперь давайте раскрасим внутренние части наших колец.
Создайте восемь градиентов и примените их к эллипсам. Все градиенты, содержат наши восемь базовых цветов, начиная от 100% непрозрачного до полностью прозрачного цвета. Используйте инструмент Градиент (G) что бы сплющить и переместить градиент как надо. На картинке ниже показано, что должно получится.
Шаг 11
Картинка уже приобретает какой-то вид, но еще есть что улучшить. Используя инструмент Прямое Выделение (А) (Direct Selection Tool) выберите самый верхний эллипс, зайдите в меню Эффект (Effect) и выберите Стилизация > Внутреннее Свечение (Stylize > Inner Glow). Установите режим Осветление (Screen), непрозрачность - 50%, размытие - 10 рх и выберите светлый цвет в тон градиенту. Конечно, я вам предлагаю поэкспериментировать на этом этапе.
Повторите этот шаг для оставшихся эллипсов для достижения этого легкого эффекта:
Шаг 12
Создайте новый слой и разместите его под слоем с кругом. Создайте в нем прямоугольник 1000 рх х 1000 рх, и залейте его серым радиальным градиентом, с легкой градацией и заприте слой. Тут какие-то части сферы могут стать слишком темным или слишком светлыми, отрегулируйте это по вашему усмотрению. В общем, вот что у вас должно получится:
Шаг 13
Теперь уделите ваше внимание панели Слои, возьмите слой с кругом и перетащите его на самый верх. Выберите большой эллипс, копируйте его Вставьте Вперед (Control + F) три раза. Залейте тот, что внизу градиентом, изменяющимся от 100% белого до прозрачного белого и отключите обводку. Отрегулируйте положение градиента с помощью инструмента Градиент. Уменьшите непрозрачность эллипса до 60%.
Выберите следующий эллипс и примените к нему тот же градиент, только на этот раз смести его от центра сферы, что бы придать эффект свечения. Уменьшите непрозрачность до 30%.
Залейте третий эллипс розовым градиентом подобным первым двум, но на этот раз измените для него эффект наложения на Цвет (Color) и установите непрозрачность на 60%. Залейте последний эллипс градиентом с цветом лайма, измените эффект наложения на Цвет (Color) и установите непрозрачность на 60%. Используйте как образец картинку ниже:
Шаг 14
Создайте новый слой, и назовите его "highlights" (осветление) и поместите его на самый верх. Используя инструмент Перо (P) (Pen Tool) нарисуйте пару кривых. Залейте их едва белым градиентом, что бы придать с их помощью глянец сфере. Уменьшите их непрозрачность (я использовал 40% для более сильного и 10% для более легкого осветления) и расположите из вокруг сферы. Сделано!
Заключение
Ваша цветная сфера готова. Теперь вы можете добавить название бренда, тень, отражения и еще много чего. Вы можете даже разобрать сферу и применить технику к другим объектам - кубам, бутылкам, цилиндрам и так далее!
