Делаем web-логотип в photoshop / уроки фотошоп

  1. эээ логотипы вобще-то в фотошопе не рисуют.
    Их в векторе надо, эх вы.

    Comment by василий — 09.03.2008 @ 12:52

  2. Логотипы на визитку в векторе, согласен. Логотип для веб-сайта в Photoshop ;)

    Comment by admin — 09.03.2008 @ 16:43

RSS-лента комментариев к этой записи. TrackBack URL

Оставить комментарий

Для отправки комментария вы должны авторизоваться.

Портал exitour.ru рекомендует цены на путевки в Лондон. Путешествие по Великобритании. .

photoshop tutorial web-logo

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

Шаг 1:

Давайте начнем с создания нового файла. Делаем холст 500?200 пикселей с разрешением 72dpi и заполняем фон белый цветом. Затем на вашей панели выставьте фоновый цвет в #00B6F3.

photoshop tutorial web-logo

Шаг 2:

Выберите инструмент Pen Tool, а в нем – опцию Path.

photoshop tutorial web-logo

Создаем новый слой и делаем на нем выделение такое же, как на рисунке. Щелкаем правой клавишей мыши и выбираем Fill Pixels.

photoshop tutorial web-logo

Шаг 3:

Заходим в Стили Слоя (Layer > Layer Style) и применяем к фигуре из шага 2 Gradient Overlay, как на рисунке:

photoshop tutorial web-logo

Сверим результаты :

photoshop tutorial web-logo

Шаг 4 :

Дублируем слой с нашей фигурой, убираем с продублированного слоя Gradient Overlay и выполняем Edit > Transform > Flip Horizontal :

photoshop tutorial web-logo

Шаг 5 :

Для продублированного слоя идем в Стили слоя (Layer > Layer Style) и добавляем Gradient Overlay, как показано на рисунке ниже :

photoshop tutorial web-logo

Сверим результаты :

photoshop tutorial web-logo

Шаг 6 :

Склеиваем наши фигуры – заходим в Layer > Merge Layers. В Layer > Layer Style добавляем Drop Shadow, Outer Glow, Inner Glow и Stroke – как показано на рисунках ниже :

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

Шаг 7:

После добавления стилей, ваш логотип должен выглядеть примерно так :

photoshop tutorial web-logo

Шаг 8 :

Теперь создайте черный круг размером 57×57 пикселей :

photoshop tutorial web-logo

Шаг 9 :

Создайте новый слой и нарисуйте тонкую белую полоску, размеры которой 1000×5 пикселей. Применяем стили к слою с шаром :

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

Шаг 10 :
После всего этого наш логотип должен выглядеть следующим образом :

photoshop tutorial web-logo

Шаг 11 :

Выбираем Horizontal Type Tool и устанавливаем настройки : Niagara Solid, regular, 56 pt, smooth и цвет #005A78. В следующем текстовом слое пишем название вашего сайта.

photoshop tutorial web-logo

Шаг 12 :

В Layer > Layer Style добавляем Drop Shadow, Outer Glow и Gradient Overlay с параметрами, как показано на рисунках :

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

photoshop tutorial web-logo

Шаг 13 :

Вот, что у нас получилось :

photoshop tutorial web-logo

Оригинал урока взят с : tutorialized.com

Перевод : alltutorials.ru

Любые поправки и дополнения оставляйте в комментариях!

Наш сайт находят по следующим ключевым словам

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Метки: , , ,
  1. эээ логотипы вобще-то в фотошопе не рисуют.
    Их в векторе надо, эх вы.

    Comment by василий — 09.03.2008 @ 12:52

  2. Логотипы на визитку в векторе, согласен. Логотип для веб-сайта в Photoshop ;)

    Comment by admin — 09.03.2008 @ 16:43

RSS-лента комментариев к этой записи. TrackBack URL

Оставить комментарий

Для отправки комментария вы должны авторизоваться.