Руководство по созданию 3D логотипа

Только при помощи Photoshop и Illustrator можно сделать почти всё, что угодно. В этом уроке мы начнем от создания силуэта лого, трансформируем его в 3D и полностью завершим его в Photoshop. Это настолько просто, что даже новички вполне могут сделать это. Шаг 1. Начнём с Illustrator. Создайте новый web документ, разрешение не имеет значения, так как мы работаем в векторе, главное , что бы это был RGB.

Шаг 3. В верхней части экрана отключаем заливку, в панели инструментов Fill color выбираем None. Задаём stroke 25 пунктов.

Шаг 4. Теперь возвращаемся к нашему кругу, давайте изменим контур на заливку. Идем в Object -> Expand, появится окно, убедитесь, что Fill и Stroke отмечены, нажмите ок.

Сейчас наш силуэт выполнен не в виде контура, а в виде заливки.

Шаг 6. Что бы убедиться в том, что мы всё сделали идеально, выровняем всё, нажмите command+Y или windows user ctrl+y. Это режим Outline Mode. Увеличьте изображение на столько, на сколько это необходимо, что бы убедиться, что оба объекта выровнены идеально.

Шаг 7. Убедившись, что вертикальное выравнивание в порядке, нажмите command+y или ctrl+y, что бы вернуться в нормальный режим. Теперь вызовем линейки, command+R или Ctrl+R. Перетянем одну сверху и выровняем с вершиной окружности, подвинем прямоугольник вверх, что бы выровнять вершины фигур по линейке.

Шаг 8. Зловещий Pathfinder Pathfinder является наиболее известным инструментом в Illustrator. B Illustrator мы не режем как, в Photoshop, мы извлекаем часть объекта, используя другой объект. Сейчас мы соединим наши объекты вместе, это очень просто, просто выделяем оба объекта и нажимаем "add to shape area" в окне Pathfinder.

Сейчас всё выглядит так, как будто ничего не изменилось, на самом деле вам просто необходимо применить Object -> Expand Appearance и два объекта превратяться в один.

Шаг 9. Режем объект. Нарисуем простой квадрат, и поворачиваем, как на рисунке. Придерживайте Shift, что бы повернуть точно на 90°.

Шаг 10. Поместите квадрат, как на рисунке, выделите оба объекта, и примените Vertical alignment.

Шаг 11. Всё выровнено сейчас. Давайте теперь выделим только квадрат, кликнем правой клавишей мыши и выберем Arrange -> Send to Back.

Шаг 12. Выделяем оба объекта, опять заходим в Рathfinder, и применяем "minus back".

Наш лого силуэт завершён.

3Д часть. Шаг 1. После того, как мы создали силуэт логотипа, следует изменить цвет, что бы 3D эффект был заметен. Заходим в Effect -> 3D -> Extrude Bevel, применяем следующие установки, или те которые вы сочтёте нужными.

Шаг 2. Сейчас мы получили 3D объект, но что бы отредактировать его, применим Object -> Expand Appearance.

Добавляем свет. Шаг 3. Создайте новый градиент, window -> gradient, вы не обязаны применять те же цвета, что на рисунке, просто убедитесь в том, что у вас есть, светлый, средний и тёмный цвета. Создайте одну версию Radial, и одну Linear .

Шаг 4. Используя Direction Selection Tool (A) выделяем среднюю часть объекта, как на рисунке.

Шаг 5. Теперь передняя часть фигуры. Используя gradient tool, заливаем начиная с середины за пределы объекта, таким образом получаем свет исходящий из центра фигуры. Не забываете использовать radial gradient. Для остальных частей повторяем то же самое, но используем Linear Gradient. Просто выделяем каждый объект с помощью directional selection tool и применяем градиент.

Photoshop. Шаг 1. Поместите объект созданный вами в Illustrator в Photoshop Document. Пусть размер вашего документа будет 800х600, это вполне достаточно. После того как поместите объект в Photoshop, Rasterize the layer. Создайте новый слой и разместите его под слоем на котором находится лого. Назовите этот слой big shadow. Возьмите elipse selection tool и создаете овал как на рисунке.

Возьмите gradient tool (G), задайте заливку от черного к прозрачному и выберите radial option.

Шаг 2. Filters -> Gaussian Blur -> задайте радиус 6 пик. Однако если размер вашего изображения другой, радиус размытия может отличаться.

Шаг 3. Задайте прозрачность слоя 30%. Создайте новый слой и назовите его small circle. Повторите те же действия что и для big circle, но задайте прозрачность 70% и gaussian blur 4.8.

Шаг 4. Зажмите ALT+SHIFT и переместите маленький круг в другую часть лого, таким образом мы его скопировали.

Шаг 5. Выделяем верхнюю часть лого, (маленький квадратик наверху), создаём новый слой, и называем его сияние. Создаем линейный градиент от белого к прозрачному. Задайте прозрачность 80%.

Выберите brush tool (b) и назначьте master diameter 1 и hardness 100%.

Выберите опять pen tool (p) и кликните правой клавишей мыши, выберите stroke path, Вrush, ок.

Шаг 6. Назначьте слою "little lines" Overlay и opacity 58%.

Вы можете поэкспериментировать с текстурами или добавить шум, что бы сделать изображение более реалистичным.