Логотип 3D в программе Photoshop

Любой компании которая занимается бизнесом нужен логотип. Наличие логотипа является очень важным аспектом бизнеса особенно когда вам нужно рекомендовать свои продукты или услуги потребителю. Есть много способов создать логотип, но одно можно сказать точно: вам нужен четкий и привлекательный логотип. Один из замечательных способов сделать логотип на котором остановится взгляд клиента, сделать его 3D.

3D логотип в программе Photoshop

В сегодняшнем уроке я покажу Вам, как создать простой, и потрясающий объёмный логотип используя только программу Photoshop.

к меню ↑

Шаг 1

Сначала нам нужно создать новый файл размером 600px 400px в ширину и в высоту с разрешением 72 точки на дюйм.

Логотип в программе Photoshop, шаг 1
Создать новый файл в программе Photoshop
к меню ↑

Шаг 2

Создайте новый слой orb. Выберем цвет # 77d7ff и создадим довольно большой круг в центре холста.

Логотип в программе Photoshop, шаг 2
Создать новый слой программе Photoshop
к меню ↑

Шаг 3

Выбираем цвета # 000000 и # 77d7ff. Дважды щелкните на слой круга, чтобы открыть окно параметров наложения. Установите флажок наложение градиента а затем измените параметры, как показано на картинке.

Логотип в программе Photoshop, шаг 3
Выбираем цвет в программе Photoshop
к меню ↑

Шаг 4

Продолжаем делать наш шар более круглой формы, выбираем Внутренняя тень. Введите те же настройки, как показано ниже на рисунке, и нажмите OK, чтобы изменения вступили в силу.

Логотип в программе Photoshop, шаг 4
Выбираем тень в программе Photoshop
к меню ↑

Шаг 5

Создайте новый слой и с помощью инструмента перо и сделайте изогнутую дугу по всей поверхности шара. Смотрите ниже для ясности.

Логотип в программе Photoshop, шаг 5
Создать новый слой в программе Photoshop

Залить новый путь цветом #008aff.

Логотип в программе Photoshop, шаг 5-1
Залить фигуру цветом в программе Photoshop

Убедитесь, что вы находитесь на слое шара и выберите пустое пространство вокруг него. Вернуться к вновь созданной кривой и удалить лишнее, вне шара.

Логотип в программе Photoshop, шаг 5-2
Удалить пустое пространство в программе Photoshop
к меню ↑

Шаг 6

В параметрах наложения, выбираем пункт Тиснение и используйте настройки, показанные на рисунке ниже. Нажмите OK, когда вы закончите.

Логотип в программе Photoshop, 6.
Тиснение в настройках Photoshop
к меню ↑

Шаг 7

На новом слое с правой стороны создайте еще одну изогнутую форму, но на этот раз с закруглением вверху.

Логотип в программе Photoshop, шаг 7
В программе Photoshop создать на новом слое еще одну форму

Заливаем новый путь цветом # 008aff и выполняем действия шага 5. Смотрите ниже для ясности.

Логотип в программе Photoshop, шаг 7-1
Залить новый слой цветом в программе Photoshop
к меню ↑

Шаг 8

Настройки в параметрах наложения:

Логотип в программе Photoshop, шаг 8
Настройки параметров наложения в программе Photoshop

Результат.

Логотип в программе Photoshop, шаг 8-1
Результат настроек наложения в программе Photoshop
к меню ↑

Шаг 9

Нам нужно добавить градиент для этой части кривой, поэтому убедившись, что цвет переднего плана # 008aff и ваш фон # 00000, в параметрах наложения выбираем наложение градиента. Используйте настройки, показанные ниже, и нажмите OK.

Логотип в программе Photoshop, шаг 9
Выбираем параметры наложение градиента в программе Photoshop

Изогнутая часть слоя orb теперь будет выглядеть более объёмной.

Логотип в программе Photoshop, шаг 9-1
Сделать более объёмной часть слоя в программе Photoshop
к меню ↑

Шаг 10

Создайте маленький кружок в центре слоя orb. Убедитесь, что он не касается краев кривых. Заливаем круг цветом # 77d7ff. Это будет ваш отступ.

Логотип в программе Photoshop, 10.
Залить круг цветом с отступом в программе Photoshop

Далее в параметрах наложения используем настройки тиснения. Нажмите OK, когда закончите.

Логотип в программе Photoshop, 10-1
Использовать настройки тиснения в программе Photoshop

Вот так ваше изображение должно выглядеть сейчас.

Логотип в программе Photoshop, 10-2
Как изображение должно выглядеть в программе Photoshop
к меню ↑

Шаг 11

На новом слое создадим меньший круг в середине. Заливаем цветом # ff6c00.

Логотип в программе Photoshop, шаг 11.
В программе Photoshop создать круг внутри по меньше
к меню ↑

Шаг 12

Изменим цвет фона # ffbb03 и оставим цвет переднего плана. Перейдите в параметры наложения наложите градиент, убедитесь, что ваш градиент отражает выбранный цвет переднего плана и фона. Используйте настройки, показанные на рисунке ниже. Нажмите OK, когда вы закончите.

Логотип в программе Photoshop, шаг 12
Изменить цвет фона в программе Photoshop

Вот так orb должен выглядеть.

Логотип в программе Photoshop, шаг 12-1
Результат использования настроек в программе Photoshop
к меню ↑

Шаг 13

Продолжаем придавать нашему мини-шару объёмный вид в параметрах наложения на первом слое выбираем поле внутренняя тень. Используйте следующие настройки.

Логотип в программе Photoshop, шаг 13
Добавить объёмный вид в параметрах наложения в программе Photoshop

Для поля Тень используйте настройки, как на снимке ниже.

Логотип в программе Photoshop, шаг 13-1
Настройки для тени в программе Photoshop

Наш слой мини-orb должен выглядеть 3D.

Логотип в программе Photoshop, шаг 13-2
Слой должен выглядеть 3D в программе Photoshop
к меню ↑

Шаг 14

Что бы сделать платформу, сделайте новый слой и с помощью мыши нарисуйте прямоугольник под шаром. Не забудьте оставить достаточное пространство между двумя элементами. Заливаем прямоугольник цветом # ffbb03.

Логотип в программе Photoshop, шаг 14
Нарисовать прямоугольник в программе Photoshop

Далее трансформируем прямоугольник искажая перспективу, придавая ему вид, верхней части. Нажмите OK, когда закончите, чтобы изменения вступили в силу.

к меню ↑

Шаг 15

Создаем новый слой и установите цвет переднего плана на # ffcb17, используйте лассо для создания лицевой стороны платформы.

Логотип в программе Photoshop, шаг 15
Использовать лассо для создания лицевой стороны
к меню ↑

Шаг 16

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

Логотип в программе Photoshop, шаг 16
Создать еще одну сторону в программе Photoshop
к меню ↑

Шаг 17

Должно создаться впечатление как будто шар плавает над площадкой, создаём овал в новый слой и заливаем его цветом # 000000.

Логотип в программе Photoshop, шаг 17
Создать овал для нового слоя и залить его цветом

Измените непрозрачность 50% и размыть в 8px.

Логотип в программе Photoshop, шаг 17-1
Изменить непрозрачность и размыть
к меню ↑

Шаг 18

Вам потребуется создать тень для платформы. Убедитесь, что вы используете инструмент прямоугольная область, и поместить этот новый слой ниже поля слоя элементов. Используйте инструмент искажение по мере необходимости и, как и раньше, измените непрозрачность 50% и применить размытие 8px, для тени.

Логотип в программе Photoshop, шаг 18
Применить размытие для тени в программе Photoshop
к меню ↑

Шаг 19

Создайте новый слой и сделать небольшое кольцо в центре мини-orb. Добавить рамку 2px и залить цвет # ff6305.

Логотип в программе Photoshop, шаг 19
Создайте новый слой и сделать небольшое кольцо

Затем, добавим белый круг, чтобы перекрывать левую верхнею часть кольца.

Логотип в программе Photoshop, шаг 19-1
Для перекрытия левой верхней часть кольца добавим белый круг
Логотип в программе Photoshop, шаг 19-2
Перекрытие левой верхней части кольца
к меню ↑

Шаг 20

Можно добавить белое свечение за шаром. Теперь вы можете установить размер и переместить ваш логотип, а также добавить нужный текст и красочные градиентный фон.

Логотип в программе Photoshop, готово
Белое свечение за шаром в программе Photoshop
к меню ↑

Заключение

Проектирование идеального логотипа далеко не простое дело, и как только вы узнаете несколько дизайнерских приемов задача станет легче, но в любом случае нужно практиковаться. При разработке логотипа вы должны принять во внимание направление вашего бизнеса, название компании, целевая аудитория и предоставляемые услуги. Представить, возможно ли реализовать эти идеи в дизайн. Не забывайте на всякий случай нацарапать на бумаге неожиданные творческие идеи логотипа.