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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Застосуємо до цієї площини ті ж ефекти, що і раніше:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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