Логотип Супер Звезды

Логотип Супер Звезды - уроки фотошоп

Хотите стать супер звездой? Прежде всего, создайте свой собственный классный логотип! И я вам в этом помогу! : ) С помощью уроков Web дизайна и Вашей фантазии можно сделать неповторимые работы!

Сложность: низкая Время: до 1 часа

Навыки для "прокачки": - работа с путями (Path) в Фотошопе - создание векторных объектов - работа со свойствами слоя Начнем с создания нового документа в Photoshop, размером 500* 300 пикселей, залейте его градиентом (с использованием цвета  #c0cfcc и #e2e5de). Логотип Супер Звезды - уроки фотошоп После этого, мы должны сделать фон. Я думаю, нужно добавить пару белых линий на задний план. Для этого используем инструмент Pen Tool=Перо и нарисуйте такую линию кривой как на картинке ниже: Логотип Супер Звезды - уроки фотошоп Поставьте настройки Brush Tool=Кисть: жесткая кисть, размером 1 пикс, цвет белый. Затем активируйте инструмент Direct Selection Tool=Стрелка, и щелкните правой кнопкой мыши по кривой линии, выберете Stroke Path=Выполнить обводку контура, как на картинке ниже: Логотип Супер Звезды - уроки фотошоп Появится диалоговое окно как на скриншоте. Выберите Brush=Кисть и нажмите ОК. Логотип Супер Звезды - уроки фотошоп Смотрите результат на картинке ниже. Логотип Супер Звезды - уроки фотошоп Теперь добавим стиль слоя Drop Shadow=Тень Логотип Супер Звезды - уроки фотошоп Выглядит лучше, чем раньше, правда? Логотип Супер Звезды - уроки фотошоп Отлично, переходим к следующему шагу. Начните с создания логотипа. Используйте инструмент Horizontal Type Tool =Горизонтальный текст, чтобы написать что-то вроде SUPER STAR белым цветом, шрифт Arial Black. На самом деле, это не имеет значения, какой цвет шрифта вы будете использовать. Логотип Супер Звезды - уроки фотошоп Теперь нам нужна подходящая текстура. Вы можете скачать ее здесь. Нам нужно ее применить, для этого перейдите Edit- Define Pattern= Редактирование-Определить узор, чтобы сохранить это изображение как узор. Вернемся к нашему основному документу, и применим Gradient Overlay=Наложение градиента и Stroke=Обводка стили слоя для текстового слоя. Логотип Супер Звезды - уроки фотошоп Логотип Супер Звезды - уроки фотошоп Теперь ваше изображение должно выглядеть как на картинке ниже: Логотип Супер Звезды - уроки фотошоп Ладно, я думаю, это очень хороший логотип. Но еще незавершенный. Чего-то не хватает? Что именно? Конечно, звезд! Выберите Custom Shape Tool= Произвольная фигура и выберите стандартную форму звезды со следующими настройками: Логотип Супер Звезды - уроки фотошоп Сделайте несколько белых звезд на словах. Логотип Супер Звезды - уроки фотошоп Хорошо, а затем объединим все слои со звездами и текста в один слой и применим Drop Shadow=Тень стиля слоя, к новому слою: Логотип Супер Звезды - уроки фотошоп Теперь у нас есть что-то вроде картинке ниже: Логотип Супер Звезды - уроки фотошоп После этого перейдите Layer- layer Style-Create Layer= Слой-Стиль слоя-Создать слои - это создаст стиль слоя на отдельном слое. Нам нужно его немного изменить, для этого переходим Edit-Transform-Distort=Редактирование-Трансформирование-Искажение. Окончательный результат должен быть следующим: Логотип Супер Звезды - уроки фотошоп Теперь, пришло время добавить описание нашего логотипа. Выберите Horizontal Type Too=Горизонтальный текст, Bickham Script Pro шрифт, цвет текста # 4f5e70: Логотип Супер Звезды - уроки фотошоп Чтобы закончить этот урок, я думаю, мы должны добавить несколько звезд на задний план. Выберите Custom Shape Tool=Произвольная фигура и снова добавьте несколько звезд. Логотип Супер Звезды - уроки фотошоп Объедините все слои со звездами форм в один слой, затем перейдите на слой ниже и добавьте немного больших черных звезд. Логотип Супер Звезды - уроки фотошоп Объедините все слои с черными звездами в один слой, и измените Opacity = Непрозрачность до 10% для этого слоя. Логотип Супер Звезды - уроки фотошоп Отлично, мы сделали это! Надеюсь, вам понравился этот урок! Изучайте уроки Web дизайна и совсем скоро станете мастером в этой области! Логотип Супер Звезды - уроки фотошоп Ссылка на источник: http://www.photoshopstar.com

Добавить комментарий

Кликните на изображение чтобы обновить код, если он неразборчив
  • Яндекс.Метрика