Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
Форум о социальных сетях Поиск по форуму Инвестиции SMM обучение SMM курсы
  • Страница 1 из 2
  • 1
  • 2
  • »
Красивый 3D логотип в фотошопе
#1
Вторник, 14.07.2009, 02:58
KLIM
Пользователь
Сообщения: 28
Репутация: 80
Из названия урока всё ясно — сегодня я расскажу как в фотошопе нарисовать красивый логотип, но не обычный, а объёмный, 3D.

Использовать его можно в совершенно различных целях, можно, например, разместить на шапке сайта (фон сделать подлиннее) или сделать таким образом красивые обои для рабочего стола.

Во всяком случае, нарисовав его, вы поймёте как рисуются объёмные объекты в фотошопе.

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

1. Создаём новое изображение размером 460x438 px, создаём новый слой и заливаем его любым цветом (с помощью инструмента Paint Bucket Tool):
http://s61.radikal.ru/i172/0907/cd/44aef809ea1d.png
2. Теперь раскрасим наш слой, который будет служить нам фоном. Для этого кликаем по слою правой клавишей (на панеле слоёв) и выбираем пункт Blending Options, в нём переходим на вкладку Gradient Overlay и выставляем следующие параметры (красными цифрами я указал шестнадцатеричные коды цветов):
http://s56.radikal.ru/i151/0907/f4/3e6c9379b33a.png
Жмём Ok и получаем такой-вот приятный фон:
http://s44.radikal.ru/i105/0907/58/4f8eb3d25fc2.jpg
3. Сейчас выбираем понравившийся шрифт (желательно попроще и пожирнее), размер шрифта ставим побольше (примерно 250 pt), цвет — любой, и пишем любую букву (я написал букву S — первая буква моего ника):
http://s41.radikal.ru/i093/0907/72/b2c7289c5f83.jpg
4. Непрозрачность (Opacity) слоя с буквой поставьте равной 85% (непрозрачности всех последующих слоёв, относящихся к нашей объёмной букве, тоже сделайте равными 85%). Заходим в Blending Options слоя с буквой и на вкладке Inner Shadow (внутренняя тень) выставим следующие параметры:
http://i041.radikal.ru/0907/0f/101a8f441b2a.png
5. Теперь переходим на вкладку Inner Glow (внутреннее свечение) и там сделаем так:
http://s45.radikal.ru/i107/0907/bd/799cf174c651.png
6. А на вкладке Gradient Overlay сделаем вот-так:
http://i025.radikal.ru/0907/9b/b8ec5722bb99.png
Вот так выглядят настройки градиента (чтобы открыть такое окошко — кликните по полосе с градиентом; чтобы добавить дополнительные квадратики для указания цвета — просто кликните на том месте, где вы это хотите сделать):
http://s51.radikal.ru/i131/0907/d8/3394b965991c.png
7. А сейчас откроем последнюю вкладку — Stroke, и там сделаем так как у меня:
http://s46.radikal.ru/i111/0907/65/4902272a2176.png
Жмём Ok и получаем такую-вот букву:
http://s39.radikal.ru/i084/0907/87/9c924d32f3a3.jpg
8. Создадим копию слоя с буквой (для этого на панеле слоёв переместите слой с буквой на иконку для создания слоя или же кликните по слою правой клавишей и выберите Duplicate Layer) и переместим её немного влево и совсем чуть-чуть вниз:
http://s48.radikal.ru/i119/0907/34/0eea84eb4a62.jpg
9. Узнаёте первые очертания объёмной буквы — а скоро я постараюсь превратить их в довольно красивый логотип... А чтобы сделать фигуру ещё более объёмной, давайте соединим вершины обеих букв белыми линиями. Для этого выберем инструмент Line Tool и белым цветом нарисуем такие-вот линии:
http://i025.radikal.ru/0907/01/f6c76218d21e.jpg
10. Вы можете подумать что это всё, а вот и нет... У нашей объёмной буквы есть только фронтальная и задняя стороны. Давайте устраним этот недостаток. Зажмите клавишу Ctrl и кликните по слою с фронтальной стороной буквы:
http://s42.radikal.ru/i095/0907/ff/cf2d0985129b.jpg
11. А сейчас, не отпуская Ctrl, зажмите ещё и Alt и кликните по слою с задней стороной нашей объёмной буквы:
http://s61.radikal.ru/i174/0907/d4/fa4497fab8f7.jpg
12. Некоторые уголки фигуры остались невыделенными. Для этого выберем Polygonal Lasso Tool и выделим незатронутые уголки (чтобы прошлое выделение не исчезло, зажмите клавишу Shift):
http://s48.radikal.ru/i120/0907/a5/d6c271ac8fb9.jpg
13. Хорошо. Теперь создадим новый слой между слоями с задней и фронтовой (передней) частями фигуры и зальём выделение любым цветом:
http://s58.radikal.ru/i160/0907/23/ca06766f3953.jpg
14. Теперь применим к только что созданному нами слою те же эффекты, что мы применили к слоям с фронтовой и задней сторонами буквы. Это делается очень просто. Кликните правой клавишей по слою с задней стороной объёмной фигуры и выберите пункт Copy Layer Style, затем кликните правой клавишей по слою, к которому мы хочем применить эффекты, и выберите пункт Paste Layer Style:
http://i006.radikal.ru/0907/be/5aaaa3dfbc1d.jpg
15. Это мы создали левую сторону будущего объёмного логотипа. Нужно теперь создать и правую... Что мы делаем: зажимаем Ctrl и кликаем по слою с задней стороной фигуры, потом зажимаем в добавок к Ctrl ещё и Alt и кликаем по слою с передней стороной фигуры:
http://s51.radikal.ru/i133/0907/c3/3e0b2d5050aa.jpg
16. С помощью Polygonal Lasso Tool добавим к выделению невыделенные уголки (чтобы прошлое выделение не исчезло, зажмите клавишу Shift), затем создадим новый слой между слоями с передней и задней сторонами фигуры и зальём выделение любым цветом:
http://s60.radikal.ru/i167/0907/45/e73ea6c38868.jpg
17. Добавим к только что нарисованной правой стороне фигуры те же эффекты, что мы добавляли к другим сторонам (кликаем на слое правой клавишей и выбираем Paste Layer Style):
http://s60.radikal.ru/i169/0907/61/ab3cc1532136.jpg
18. Если подумать, то можно заметить, что осталось ещё две незакрашенные плоскости — их можно не трогать, т.к. они маленькие и почти незаметные, но всё-же я это сделаю. Выделим оставшуюся сторону фигуры (смотрите на рисунке ниже) и зальём любым цветом:
http://i053.radikal.ru/0907/f5/898f71e4b3a4.jpg
19. Применим к этой плоскости те же эффекты, что и ранее:
http://s54.radikal.ru/i145/0907/3e/f1e73d9b5cc9.jpg
20. Вот мы и нарисовали объёмную фигуру (или логотип — называйте как хотите).

Давайте сделаем отражение. Для этого отключим слой с фоном (на панеле слоёв, слева от слоя, есть иконка ввиде глаза — кликните по ней, чтобы она исчезла). Сейчас выделим всю рабочую область (Ctrl + A или в меню Select —> All) и скопируем видимое изображение (Shift + Ctrl + C или в мень Edit —> Copy Merged), затем вставим скопированное изображение (Ctrl + V или Edit —> Paste) и поместим его под слоем с нижней стороной буквы. Отразим изображение по вертикали (в меню Edit —> Transform —> Flip Vertical) и разместим следующим образом:
http://s46.radikal.ru/i111/0907/92/7375d586bf5e.jpg
21. Размоем отражение (в меню Filter —> Blur —> Gaussian Blur...) с радиусом размытия в 5 пикселей:
http://s58.radikal.ru/i162/0907/14/0538c23d47fb.png
22. Получится должно что-то такое:
http://s51.radikal.ru/i134/0907/a5/19150f482b4f.jpg
23. Сделаем отражение более реальным. Добавим к слою с отражением маску — для этого выберем слой с отражением (кликним по нему левой клавишей — на панеле слоёв) и кликнем на третьей слева иконке (ввиде тёмного прямоугольника и светлого круга в центре — на панеле слоёв) или же через меню: Layer —> Layer Mask —> Reveall All. Теперь выбираем инструмент Gradient Tool, выбираем чёрный цвет и заливаем отражение снизу вверх:
http://s51.radikal.ru/i133/0907/26/30037899b01d.jpg
Если вы всё сделали верно, то получиться должно так, как и у меня:
http://s61.radikal.ru/i173/0907/3b/8faa23aaa208.jpg
24. Сейчас сделаем наш логотип ещё более объёмным — добавим блики. Для этого выделим слой с лицевой стороной фигуры (зажимаем Ctrl и кликаем на том слое, который нам нужен) и исключим часть выделения (выбираем инструмент Elliptical Marque Tool, зажимаем Alt и выделяем нужную часть). Выделение должно получиться таким:
http://i001.radikal.ru/0907/eb/dd865d5469ea.jpg
25. Создадим новый слой и разместим его выше всех слоёв. Зальём выделение белым цветом (с помощью Paint Bucket Tool):
http://s41.radikal.ru/i092/0907/b6/9dcfe0fd09ff.jpg
26. Изменим параметр Normal данного слоя на Soft Light (он находится на панеле слоёв, сверху). Затем добавим к этому слою маску и зальём градиентом сверху вниз (тем же способам, что и при создании отражения):
http://i010.radikal.ru/0907/b2/cd7cd349e1c1.jpg
27. Теперь выделим часть правой стороны:
http://s54.radikal.ru/i144/0907/50/760e19449dea.jpg
И примени к ней такой же эффект:
http://s56.radikal.ru/i151/0907/5b/2ba4e4470cc7.jpg
28. Выберем набор кисточек с названием Assorted Brushes, в данном наборе выберем кисточку ввиде блеска (незнаю как правильно назвать — смотрите ниже) и нарисуем вот так:
http://s51.radikal.ru/i132/0907/98/e38508c69d72.jpg
29. Под слоем с буквой создадим ещё один слой, непрозрачность слоя (Opacity) поставим примерно 70% (по вкусу) и белым цветом, понравившейся нам кисточкой, что-нибудь нарисуем
http://s42.radikal.ru/i095/0907/72/2aa8bf1d9c80.jpg
30. Сейчас создадим ещё один слой, но уже над фигурой, и тоже что-нибудь на нём нарисуем:
http://s41.radikal.ru/i094/0907/f7/8b0b7988743b.jpg
31. Вот и всё. «Химичить можно ещё очень долго, но для начало достаточно и этого — и так урок получился очень большим. Но я ещё добавил название этого сайта и штриховку
http://s58.radikal.ru/i161/0907/b3/0516cf463ec9.jpg

http://scrache.com

http://s61.radikal.ru/i172/0907/48/a4adca31ddb5.gif
#2
Пятница, 17.07.2009, 10:50
Prototype
Заблокированные
Сообщения: 12
Репутация: 46
я по етому уроку делал картинку хД Лого Для Мс =)
1 было неудачным а второе получилось но было ядовитым
------
урок отменный
#3
Пятница, 17.07.2009, 11:05
Visno
Проверенный
Сообщения: 314
Репутация: 242
да кулл урок!
#4
Суббота, 18.07.2009, 18:07
-=SToRM=-
Заблокированные
Сообщения: 700
Репутация: 130
отредактируйте
[img]http://i068.radikal.ru/0907/ea/37a5c2050c7c.jpg[/img]
Skype - SToRM_1994
#5
Воскресенье, 19.07.2009, 14:46
gLoBe
Проверенный
Сообщения: 975
Репутация: 2448
-=SToRM=-, хорош флудить до тебя уже написали.......
KLIM, урок прикрльный но старый
#6
Воскресенье, 19.07.2009, 16:19
Makish
Проверенный
Сообщения: 1109
Репутация:
урок хороший , надо будет че-то сотворить tongue
У каждого свои проблемы - у кого-то хлеб черствый, у кого-то бриллианты мелкие...!

«Ничего личного, это просто бизнес!» (с) Аль Капоне
#7
Воскресенье, 19.07.2009, 18:17
l1fe
Проверенный
Сообщения: 1083
Репутация: 695
Видел на других форумах уже 2-3раза! wacko
#8
Суббота, 15.08.2009, 17:33
@SEREGA@
Проверенный
Сообщения: 452
Репутация: 514
Модеры плиз подредактируйте картинки, прикольный урок, но с картинками красивей)
Лучший софт для твоей мобилы)
mobille.info

Подробная инструкция по Allsubmitter и как ею пользоваться
http://megasoft.3dn.ru/forum/9-72135-1
Обязательно прочтите)
[img]http://savepic.ru/1367130.png[/img] набрать 1000 репутации)

#9
Суббота, 15.08.2009, 18:23
Aves
Проверенный
Сообщения: 793
Репутация: 3799
Прикольно. Сейчас попробую с буквой "А", если получится, то выложу) y +
Качают все
ICQ не пользуюсь
Мне плевать, что вы обо мне думаете, я о вас не думаю вообще. (с) Kоко Шанель
К критике отношусь справедливо, но всё же попрошу не оскорблять.
Суббота, 29.08.2009, 16:04
Salesman
Пользователь
Сообщения: 157
Репутация: 28
Блин может отредактирует кто урок...
Aves, удачи!
Поставь ему "-" http://megasoft.3dn.ru/index/8-21459
Получи "+" 2
Tim
Суббота, 29.08.2009, 16:26
Tim
Проверенный
Сообщения: 353
Репутация:
KLIM, 6 шаг - ссылка битая
Не оказываю тех поддержку через почту, ICQ и ЛС!
Суббота, 29.08.2009, 22:40
Andres
Проверенный
Сообщения: 596
Репутация: 1534
интересный урок. :)

Мои реквизиты:
Z247498542270
R136769252612
В ICQ делаю графику платно.Чтобы узнать ICQ пишите в Л.С.
Воскресенье, 30.08.2009, 08:39
Fobos
Заблокированные
Сообщения: 855
Репутация: 3058
Прикольный урок :)
Понедельник, 31.08.2009, 08:58
S[T]RELOK
Проверенный
Сообщения: 755
Репутация: 846
http://i025.radikal.ru/0907/9b/b8ec5722bb99.png
Картинки нету умерла((((
Пятница, 23.10.2009, 04:06
escape
Проверенный
Сообщения: 283
Репутация: 139
Красиво !! B) y
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
Форум
Социальные сети
Хостинг от uCoz