Разработка сайта по вашему дизайну. Доработка, поддержка, html-верстка сайтов.

Как в фотошопе сделать логотип для сайта компании

/ Сергей Нуйкин / Уроки по фотошопу

Рад приветствовать на fotodizart.ru! Сегодня в продолжение предыдущей статьи об изготовление логотипов, как обещал, будет урок по фотошопу в котором мы создадим лого. Из урока вы узнаете, как сделать логотип для сайта компании без привлечения к разработке сторонних разработчиков, а обойтись своими силами.

Наверняка многие из вас знают, что логотипы правильнее создавать в векторных редакторах, но так как нам нужно сделать логотип только для сайта, будет достаточно и растрового редактора. Создавать логотип мы будем при помощи фигур (shape), благодаря чему, его можно будет масштабировать без потери качества.

Для начала создадим ряд набросков. Я буду создавать лого для псевдо экспертной компании, которую назову «Профи-Эксперт». Сделав наброски, я выбрал тот, который на мой взгляд больше подходит, отсканировал скетч и загрузил его в фотошоп.

Предварительно в фотошопе создал новый холст с размерами 600 на 200 px. 72 dpi., вы можете задать свои размеры это не так важно, логотип в последствие можно будет масштабировать (уменьшать или увеличивать) без особых проблем.

скетч логотипа

Далее выставляю направляющие по всем углам фигуры графического знака в виде галочки. Чтобы установить направляющую у вас должны быть активны линейки, если их нет, нажмите сочетание клавиш ctrl+R. Далее зажав левую кнопку мыши на линейке, не отпуская необходимо потянуть на холст тем самым создав направляющую. Устанавливаем их таким образом как показано на скриншоте ниже. Если вдруг случайно установили не в том месте, выберите инструмент «Перемещение» (V) и подвиньте куда необходимо.

направляющие при создание логотипа

Убавляем непрозрачность у слоя со скетчем и начинаем создавать логотип. Выбираем инструмент «Перо» (P), и проверяем на верхней панели инструмента настройки, чтобы был активен режим слой фигура и создать новый слой фигуру. Если что-то стоит не так исправляем.

настройки пера в фотошопе

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

создание фигуры логотипа

После чего слой со сканированным скетчем логотипа можно удалить или отключить, так как он нам больше не понадобится. Напишем нужный нам текст «Профи-Эксперт» инструментом «Горизонтальный текст» (T), шрифт я выбрал Franklin Gothic Demi, начертание Italic, путем подбора выбрал размер  55пт., цвет шрифта использую #414141.

текст логотипа

Теперь нужно поработать над знаком логотипа, сделать логотип более красивым и презентабельным.  Для этого на фигуру, которая сейчас  черного цвета наложим линейный градиент с цветом от #0c60a0  до  #469ccd, угол установим на 105° при помощи стиля слоя. Для этого идем, меню слои > стиль слоя > наложение градиента.

стиль слоя для фигуры логотипа

Теперь аналогичным способом наложим градиент и на фигуру, которая красного цвета, только градиент будет цветом от #3f9ddd до #57bae4, угол установим на 90°.

цвет логотипа создание

И в заключение добавим полосу более светлого цвета на боковую линию второй фигуры. Добавим ее при помощи инструмента «Линия» размером в 1px., цветом #b3e2ff.

линия для четкости логотипа

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

сделать логотип

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

Понравился урок?  Не забудьте поделиться с друзьями, возможно, он им будет полезен.

Понравилась статья?
Подпишитесь на обновления сайта:


Информация о политике конфиденциальности
Поделитесь статьей с друзьями:

Выражаю искреннюю благодарность читателям, которые поддерживают проект и рассказывают о статьях своим друзьям!

Комментарии к статье:
    • Ярослав

      Круто! Спасибо, Сергей очень понравилось, главное так просто. )))

    • Нуйкин Сергей

      Пожалуйста, Ярослав очень рад, что урок Вам понравился.

    • Rainer

      я нечего не понел как делать эти сетки

    • Нуйкин Сергей

      День добрый, Вы имеете в виду направляющие? Если да, то Вам необходимо зажать левую кнопку мыши на линейке, и не отпуская потянуть на холст отпустив в нужном месте, все, направляющая создастся. Если встанет не там, используйте инструмент «перемещение» (V) чтобы ее подвинуть.

    • Ярослав

      Достаточно лаконичный и приятный логотип получился. Сергей подскажите, я правильно понимаю или нет. Благодаря тому, что мы его делаем фигурами его можно будет масштабировать?

    • Нуйкин Сергей

      Ярослав:
      Здравствуйте, да Вы все правильно понимаете, масштабировать можно.

    • Ярослав

      Нуйкин Сергей:
      Оперативно Вы отвечаете :). Спасибо!

    • Нуйкин Сергей

      Ярослав:
      Да просто в данный момент нахожусь на сайте, произвожу кое-какие работы, поэтому и быстро. А Вы сделайте логотип и поэкспериментируйте с ним в фотошопе, многие вопросы отпадут.

    • alimugik

      Всегда мечтал научиться освоить фотошоп, но вот кроме как подогнать изображение под себя особо ничего не получалось, а тут все так просто, но опять же — нужно иметь хорошую фантазию

    • Сергей Нуйкин

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

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Нажимая на кнопку «Отправить комментарий», вы соглашаетесь с Политикой конфеденциальности.