This page has been robot translated, sorry for typos if any. Original content here.

Гарний 3D логотип у фотошопі

Намалюємо в фотошопі красивий і привабливий тривимірний (3D) логотип, який можна використовувати або на сайті, або при створенні обой для робочого столу ...

З назви уроку все ясно - сьогодні я розповім як в фотошопі намалювати гарний логотип, але не звичайний, а об'ємний, 3D.

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

У всякому разі, намалювавши його, ви зрозумієте як малюються об'ємні об'єкти в фотошопі.

Гарний логотип в фотошопі

1. Створюємо нове зображення розміром 460x438 px, створюємо новий шар і заливаємо його будь-яким кольором (за допомогою інструменту Paint Bucket Tool):

як намалювати 3D логотип у фотошопі

2. Тепер розфарбуємо наш шар, який служитиме нам фоном. Для цього натискаємо по шару правою клавішею (на панелі шарів) і вибираємо пункт Blending Options, в ньому переходимо на вкладку Gradient Overlay і виставляємо наступні параметри (червоними цифрами я вказав шістнадцяткові коди кольорів):

як намалювати 3D логотип в PhotoShop

Тиснемо Ok і отримуємо такий-от приємний фон:

логотип для сайту

3. Зараз вибираємо сподобався шрифт (бажано простіше і більш ласий), розмір шрифту ставимо побільше (приблизно 250 pt), колір - будь-який, і пишемо будь-яку букву (я написав букву S - перша буква мого ніка):

намалювати 3D логотип

4. Непрозорість (Opacity) шару з буквою поставте рівною 85% (непрозорості всіх наступних шарів, що відносяться до нашої об'ємної букви, теж зробіть рівними 85%). Заходимо в Blending Options шару з буквою і на вкладці Inner Shadow (внутрішня тінь) виставимо наступні параметри:

намалювати логотип в фотошопі

5. Тепер переходимо на вкладку Inner Glow (внутрішнє світіння) і там зробимо так:

як у фотошопі намалювати логотип

6. А на вкладці Gradient Overlay зробимо ось-так:

намалювати логотип для сайту

Ось так виглядають налаштування градієнта (щоб відкрити таке віконце - клікніть по смузі з градієнтом; щоб додати додаткові квадратики для вказівки кольору - просто клікніть на тому місці, де ви це хочете зробити):

намалювати логотип

7. А зараз відкриємо останню вкладку - Stroke, і там зробимо так як у мене:

тривимірний логотип в фотошопі

Тиснемо Ok і отримуємо таку-от букву:

намалювати тривимірний логотип

8. Створимо копію шару з буквою (для цього на панелі шарів перемістіть шар з буквою на іконку для створення шару або ж клікніть по шару правою клавішею і оберіть Duplicate Layer) і перемістимо її трохи вліво і зовсім трохи вниз:

3D логотип у фотошопі

9. Впізнаєте перші обриси об'ємної букви - а скоро я постараюся перетворити їх в досить гарний логотип ... А щоб зробити фігуру ще більш об'ємною, давайте з'єднаємо вершини обох букв білими лініями. Для цього виберемо інструмент Line Tool і білим кольором намалюємо такі-от лінії:

намалювати 3D логотип

10. Ви можете подумати що це все, а ось і ні ... У нашій об'ємної букви є тільки фронтальна і задня сторони. Давайте усунемо цей недолік. Затисніть клавішу Ctrl і клацніть по шару з фронтальною стороною літери:

намалювати в фотошопі 3D логотип

11. А зараз, не відпускаючи Ctrl, затисніть ще й Alt і клацніть по шару з задньою стороною нашої об'ємної букви:

3D логотип для сайту

12. Деякі куточки фігури залишилися невиділеними. Для цього виберемо Polygonal Lasso Tool і виділимо зачеплені куточки (щоб минуле виділення не зникло, затисніть клавішу Shift):

красивий логотип

13. Добре. Тепер створимо новий шар між шарами з задньої і фронтовий (передній) частинами фігури і заллємо виділення будь-яким кольором:

красивий логотип для сайту

14. Тепер застосуємо до щойно створеного нами шару ті ж ефекти, що ми застосували до верствам з фронтової і задньої сторонами літери. Це робиться дуже просто. Клацніть правою клавішеё по шару з задньою стороною об'ємної фігури і виберіть пункт Copy Layer Style, потім клацніть правою клавішею по шару, до якого ми хочем застосувати ефекти, і виберіть пункт Paste Layer Style:

красивий логотип в фотошопі

15. Це ми створили ліву сторону майбутнього об'ємного логотипу. Потрібно тепер створити і праву ... Що ми робимо: затискаємо Ctrl і натискаємо по шару з задньою стороною фігури, потім затискаємо в добавок до Ctrl ще й Alt і натискаємо по шару з передньою стороною фігури:

намалювати в фотошопі логотип

16. За допомогою Polygonal Lasso Tool додамо до виділення невиділені куточки (щоб минуле виділення не зникло, затисніть клавішу Shift), потім створимо новий шар між шарами з передньої і задньої сторонами фігури і заллємо виділення будь-яким кольором:

в фотошопі логотип

17. Додамо до щойно намальованої правій стороні фігури ті ж ефекти, що ми додавали до інших сторін (натискаємо на шарі правою клавішею і вибираємо Paste Layer Style):

як зробити логотип

18. Якщо подумати, то можна помітити, що залишилося ще дві незафарбовані площині - їх можна не чіпати, тому що вони маленькі і майже непомітні, але все-ж я це зроблю. Виділимо залишилася сторону фігури (дивіться на малюнку нижче) і заллємо будь-яким кольором:

як зробити логотип для сайту

19. Застосуємо до цієї площини ті ж ефекти, що і раніше:

як в PhotoShop намалювати логотип

20. Ось ми і намалювали об'ємну фігуру (або логотип - називайте як хітіте).

Давайте зробимо відображення. Для цього відключимо шар з фоном (на панелі шарів, зліва від шару, є іконка у вигляді ока - клікніть по ній, щоб вона зникла). Зараз виділимо всю робочу область (Ctrl + A або в меню Select -> All) і скопіюємо видиме зображення (Shift + Ctrl + C або в мень Edit -> Copy Merged), потім вставимо скопійоване зображення (Ctrl + V або Edit -> Paste ) і помістимо його під шаром з нижньою стороною літери. Відобразимо зображення по вертикалі (в меню Edit -> Transform -> Flip Vertical) і розмістимо в такий спосіб:

намалювати в PhotoShop логотип

21. розмиємо відображення (в меню Filter -> Blur -> Gaussian Blur ...) з радіусом розмиття в 5 пікселів:

логотип для сайту в PhotoShop

22. Вийде має щось таке:

3D логотип для сайту в PhotoShop

23. Зробимо відображення більш реальним. Додамо до шару з відображенням маску - для цього виберемо шар з відображенням (клікніть по ньому лівою клавішею - на панелі шарів) і кликнемо на третій зліва іконці (у вигляді темного прямокутника і світлого кола в центрі - на панелі шарів) або ж через меню: Layer -> Layer Mask -> Reveall All. Тепер вибираємо інструмент Gradient Tool, вибираємо чорний колір і заливаємо відображення від низу до верху:

тривимірний логотип для сайту в PhotoShop

Якщо ви все зробили правильно, то вийти повинно так, як і у мене:

логотип для сайту

24. Зараз зробимо наш логотип ще більш об'ємним - додамо відблиски. Для цього виділимо шар з лицьовою стороною фігури (затискаємо Ctrl і натискаємо на тому шарі, який нам потрібен) і виключимо частина виділення (вибираємо інструмент Elliptical Marque Tool, затискаємо Alt і виділяємо потрібну частину). Виділення повинно вийти таким:

3D логотип для сайту

25. Створимо новий шар і розмістимо його вище всіх шарів. Заллємо виділення білим кольором (за допомогою Paint Bucket Tool):

3D логотип

26. Змінимо параметр Normal даного шару на Soft Light (він знаходиться на панелі шарів, зверху). Потім додамо до цього шару маску і заллємо градієнтом зверху вниз (тим же способам, що і при створенні відображення):

3D логотип в PhotoShop

27. Тепер виділимо частину правого боку:

3D логотип в PhotoShop

І застосуй до неї такий же ефект:

красивий 3D логотип в PhotoShop

28. Виберемо набір пензликів з назвою Assorted Brushes, в даному наборі виберемо пензлик у вигляді блиску (незнаю як правильно назвати - дивіться нижче) і намалюємо ось так:

красивий 3D логотип в PhotoShop

29. Під шаром з буквою створимо ще один шар, непрозорість шару (Opacity) поставимо приблизно 70% (за смаком) і білим кольором, що сподобалася нам пензликом, що-небудь намалюємо:

красивий 3D логотип в PhotoShop

30. Зараз створимо ще один шар, але вже над фігурою, і теж що-небудь на нёі намалюємо:

красивий 3D логотип в PhotoShop

31. Ось і все. «Хімічити можна ще дуже довго, але для початок досить і цього - і так урок вийшов дуже великим. Але я ще додав назва цього сайту і штрихування:

як намалювати в фотошопі 3D логотип

Логотип вийшов дуже навіть привабливим. Можна фон зробити побільше і тоді вийдуть гарні шпалери для робочого столу, а можна зробити шапку для сайту ...