Уроки фотошопа Скачать Показуха Вопросы & Ответы О нас
Урок о создании логотипа в фотошопе
обои портфолио скин 3D наши новости афиша трава новый год верстка вода иконка дизайн сайта грандж день Святого Валентина Ron Deviney мусор кнопка для сайта анимация грязь аватар Windows Vista обработка фото DesignArts.RU уроки фотошопа растения пена брызги абстракции кисти для фотошопа логотип для сайта
19

Логотип в фотошопе

Guljay S.V.
Уроки фотошопа
11 июля 2007

Сегодня я вам расскажу как рисуется очень даже красивый, и в то же время простой, логотип. Выполнен он в виде сот (те, что с мёдом :) ), но использовать его можно не только в качестве логотипа сайта с мобильными штучками, хотя желательно.

Не буду долго рассказывать, лучше всё покажу...

Стильный логотип в фотошопе (PhotoShop)

1. Создаём новое изображение с белым фоном. Затем выбираем инструмент Polygon Tool (многоугольник), число углов ставим равным 6 (Sides: 6) и рисуем такую фигуру (ввиде ячейки соты):

логотип в фотошопе (PhotoShop)

2. Заходим с Layer Style слоя с шестиугольником (для этого на панели слоёв Layers кликните правой клавишей по слою с шестиугольником и в выпавшем меню выберите Blending Options). Там переходите на вкладку Inner Shadow (самозатенение) и выставьте следующие параметры:

как нарисовать стильный логотип в фотошопе

3. перейдите на вкладку Gradient Overlay и выставьте следующие параметры градиента:

логотип в виде сот

А вот так выглядит окошко с подробными настройками градиента (чтобы его открыть, кликните два раза по полосе (по образцу градиента), которая справа от надписи Gradient:) — красным цветом я написал шестнадцатеричные значения цветов для каждого кубика:

логотип для сайта про мобильные телефоны

4. Затем перейдите на вкладку Stroke и настройте обводку следующим образом:

логотип сотового оператора

Тип обводки — градиент, вот его подробные настройки:

стильный логотип

Жмём везде Ok и получаем такой-вот рисунок:

стильный логотип для сайта

5. Сделайте три копии этого слоя (чтобы сделать копию слоя, на панели слоёв перетащите слой на иконку для создания нового слоя; или там же кликните по слою правой клавишей и в появившемся меню выберите пункт Duplicate Layer) и расположите их следующим образом:

стильный логотип в фотошопе

6. Сейчас зайдите снова в Layer Style первого слоя, перейдите там на вкладку Gradient Overlay, затем, не закрывая это окно, перейдите на окошко для рисования и перетащите градиент в верхний угол фигуры. Затем повторите то же самое для остальных двух фигур, только передвигая в другие углы (смотрите рисунок ниже):

нарисовать в фотошопе стильный логотип

7. Теперь создайте новый слой (расположите его выше всех), зажмите клавишу Ctrl и кликните по слою с нижним шестиугольником (чтобы его выделить).

Затем в главном меню сделайте следующее: Select —> Modify —> Contract, в появившемся окошке введите цифру 5 и нажмите Ok, после этого выделение должно сузиться.

Теперь выберите инструмент Paint Bucket Tool (краска, заливка) и белым цветом залейте выделение:

нарисовать в PhotoShop стильный логотип

8. Сделайте три копии этого слоя и расположите их следующим образом:

стильный логотип в PhotoShop

9. Объедините слои с двумя верхними белыми шестиугольниками (кликните по слою с верхним шестиугольником и нажмите Ctrl + E; или в меню: Layer —> Merge Layers).

Теперь выберите инструмент Elliptical Marque Tool и сделайте следующее выделение:

как в PhotoShop нарисовать стильный логотип

10. Удалите выделение (клавиша Delete):

как в фотошопе нарисовать стильный логотип

11. Добавим к слою маску (для этого на панели слоёв кликните по слою, а затем нажмите на кнопку Add layer mask, которая находится снизу — она в виде прямоугольника, внутри которого круг; или в главном меню: Layer —> Layer Mask —> Reveal All) и зальём её градиентом (выберите градиент с плавно переходящим чёрным цветом в белый):

стильный и красивый логотип в фотошопе

12. Переходим к слою с нижним белым шестиугольником. Выберите инструмент Elliptical Marque Tool и выполните следующее выделение:

простой логотип в фотошопе

13. Теперь нужно выделение повернуть. Для этого в главном меню выбираем: Select —> Transform Selection и поворачиваем выделение:

простой стильный логотип в фотошопе

14. Удаляем выделенную область шестиугольника:

простой стильный логотип в PhotoShop

15. Добавляем к слою маску и заливаем её чёрно-белым градиентом (как было сказано выше):

урок по рисованию логотипа

16. Чтобы логотип не казался таким плоским, немного его трансформируем.

Для этого сразу выделите все слои (зажмите клавишу Ctrl и поочерёдно кликните по каждому слою — на панели слоёв Layers), а затем идите в меню: Edit —> Transform —> Distortion и исказите наш логотип следующим образом:

урок по созданию логотипа

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

урок фотошопа про логотипы

17. Осталось добавить какой-нибудь текст и логотип готов:

урок PhotoShop о логотипах

Вот мы и нарисовали в фотошопе красивый и, в то же время, не сложный логотип...

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

PS: если Вы с чем-то не разобрались - напишите об этом в комментариях.

7945 просмотров
посты с похожей тематикой
0
#13Dobrikov Lexa: Блин,извините а вы можете сделать уроки на русском языке?
14 октября 2011 в 09:27:36
0
#11Pogojev Ярик: Похоже на проф. логотип.Круто..
3 апреля 2011 в 16:55:47
158
#10Гуляй Сергей: Для [Ekaterina Gress]: спасибо за добрые слова. Приятно.
29 декабря 2010 в 22:32:29
0
#9Gress Ekaterina: Хотелось бы сказать автору большое спасибо. Уроки объяснены очень просто, нет никаких "заумных" действий в фотошопе. Считаю это главным критерием умения и таланта. Что особенно важно, уроки актуальны для веб-дизайна. Нет "размазанности" рисунка, как часто это бывает у веб-дизайнеров - в прошлом художников холста и масла (оные не обижайтесь, это имеет место быть).
29 декабря 2010 в 10:38:28
0
#8Dag- Lezgin: спасибо ...
21 декабря 2010 в 10:17:05
158
#7Гуляй Сергей: Для [Faik Remiyev]:

Градиент нужно было применять не к самому слою, а к маске слоя. Все приходит с опытом - еще научишься. Советую начать обучение с самых простых уроков - они самые первые, там такие мелочи я описывал подробней.

Получилось нормально, кроме того, что такой шрифт у надписи не сочетается с данным логотипом.
20 декабря 2010 в 23:21:20
0
#6Dag- Lezgin: короче урок получился однако немного дрим путём
20 декабря 2010 в 22:59:52
0
#5Dag- Lezgin: Логотип получился,но более сложным путём ...11. Добавим к слою маску (для этого на панели слоёв кликните по слою, а затем нажмите на кнопку Add layer mask, которая находится снизу — она в виде прямоугольника, внутри которого круг; или в главном меню: Layer —> Layer Mask —> Reveal All) и зальём её градиентом (выберите градиент с плавно переходящим чёрным цветом в белый):-с горадиентом проблемы...не тот цвет получается ... я например использовал градиент с белого к прозрачному и ок ... и слой на котором использовал градиент сделал прозрачность 58%...вот так ...
20 декабря 2010 в 22:56:04
158
#4Гуляй Сергей: Для [Faik Remiyev]:

1. новый слой всегда автоматически становится активным (основным), по этому я об этом не пишу;
2. выделять нужно слой с нижней "сотой", для чего нужно зажать Ctrl и кликнуть по упомянотому слою;
3. первое эллиптическое выделение нужно делать на слое, получившемся в результате объединения слоев с двумя верхними белыми шестиугольниками;
4. не понял вопроса. Указывайте номер пункта, о котором идет речь.
20 декабря 2010 в 17:53:01
0
#3Dag- Lezgin: и ещё при выделение Элипса там есть Стиль слоя ...что там выбрать?
20 декабря 2010 в 15:55:05