Об’ємні букви в фотошопі як зробити швидко і красиво

Доброго часу доби, шановні Новомосковсктелі. Припустимо у вас вже готовий сайт, а логотипу для нього все ще немає. Застопорити роботу для термінового пошуку дизайнера і платити першому зустрічному шалені гроші? Не думаю. Сьогодні я розповім вам як створити простий і стильний лого для вашого блогу.

Я навчу вас робити об'ємні букви в фотошопі, які будуть ефектно виглядати на вашому сайті. Урок досить простий, можна зробити навіть в онлайн версії програми. але завдяки йому ви зможете зрозуміти безліч премудростей і ймовірно відкриєте для себе деякі таємниці photoshop.

Фотошоп, дизайнер або онлайн версія

Якщо вам терміново потрібен логотип, то у вас є три шляхи вирішення проблеми і кожен з них має свої недоліки і достоїнства.

Дизайнеру потрібно платити і швидкий вибір найчастіше призводить до збільшення бюджету. Невідомо скільки виконавець запросить за швидкість і чи дійсно встигне вчасно.

Є ще й третій спосіб - самостійно в фотошопі зробити логотип, а потім приймати рішення тимчасовий він або назавжди. Навіть якщо вам не сподобається результат, ви навчитеся багатьом прийомам, які будуть корисні в майбутньому. Ну що, приступимо?

Робота почалася

Сподіваюся у вас на комп'ютері є красиві шрифти з українським алфавітом, зараз ми будемо перетворювати будь-які літери в об'ємні. Це одне з основних переваг самостійної роботи. Ви ні в чому не обмежені. Весь інтернет у ваших ніг, давайте ж скоріше почнемо.

Створюємо новий документ.

Розмір не так важливий, але краще використовувати розміри побільше. У мене 900х600 пікселів. Завжди легше потім зменшити, ніж нарощувати.

Але поки не до цього. Ми з вами обираємо необхідний колір, заливку і натискаємо по щойно створеному документу.

Тепер клацаємо по інструменту текст, а потім міняємо колір.

Я буду робити золоті об'ємні букви.

Якщо назва досить довге, то краще писати його на двох різних шарах, щоб підганяти за розміром було зручніше.

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

Також є можливість зробити це сполучення клавіш Ctrl + T - вільне трансформування.

Тепер необхідно виділити обидва текстових шару. Клацніть по одному, потім затисніть Alt на клавіатурі, і клацніть мишею по другому.

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

Знову клацніть на праву кнопку миші, щоб відкрилося додаткове меню.

Тепер потрібно об'єднати шари.

Знову виберіть Ctrl + T і збільште текст.

Потім правою кнопкою миші всередині виділеного фрагмента. З'явиться додаткове меню трансформування. Зараз вам буде потрібно спотворення. Воно необхідне, щоб «покласти» об'ємний текст.

До речі, тільки зараз зрозумів, що набагато вдаліше було б зробити це, поки шари були текстовими, а не Растеризувати не було б невеликих зарубок.

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

Якщо ж захочете спробувати спотворити текстовий шар, як це зробити? Поверніться на кілька кроків назад, виділіть два текстових шару, натисніть на праву кнопку миші і виберіть функцію «Зв'язати шари». Потім Ctrl + T і в виділеної частини правою кнопкою миші, активуйте «Спотворення». Потім знову растріруете і поєднуєте шари.

Що б ви не вирішили, далі потрібно застосовувати «Параметри накладання».

Вибираємо «Тиснення» і «Контур».

Зараз виставляєте «Внутрішній скіс» і плавний метод тиснення, трохи збільшуєте глибину, поки не сподобається результат.

Крім цього, треба поміняти кольори режиму світла і тіні. У природі не існує чистого білого або чорного кольору, а у золотого тексту і поготів! Світлі ділянки золотих об'ємних літер були б світло-оранжевого кольору, а тіні, вибачте за тавтологію, темно-оранжевого.

Якщо використовуєте червоний, зелений або будь-який інший колір, то просто включаєте логіку і виставляєте значення, в яких один колір буде менш яскравий, щодо основного, а другий більш.

Тепер додаємо «Глянець». Знову ж таки, в природі він був би оранжевого кольору. Зменшіть непрозорість, щоб виглядало природно.

Переходимо до накладення градієнта.

Кількома по готовій схемі і налаштовуємо свою. Якщо не вмієте, то потім почитайте статтю в моєму блозі на цю тему, вона дуже докладна (Як швидко зробити плавний перехід кольору). Зараз же просто клацніть по лівій нижній плашки з кольором і знайдіть свій, а потім по правій. Поставте перехід від світло-оранжевого до темного.

Тепер поміняйте режим накладення на «Перекриття» і зменшіть непрозорість.

Готово. Тепер скопіюйте цей шар, натиснувши на Ctrl + J.

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

Вибираємо у верхній панелі «Зображення» - «Корекція» - «Криві».

Робимо букви значно темніше, майже помаранчевими. Зараз зрозумієте навіщо, важко пояснити. Краще один раз побачити.

Перетягуєте цей темний шар вниз, під основний.

Вибираєте інструмент «Переміщення» та на клавіатурі натискаєте спочатку стрілку вниз, а потім вліво.

Затискаєте Alt і продовжуєте тикати стрілками вниз і вліво, поки букви не стануть об'ємними.

Тепер всі ці нові шари потрібно об'єднати. А для цього їх необхідно спочатку виділити. Натискаєте на першу копію, рухаєтеся до останньої і перш ніж по ній клікнути затискаєте Shift.

Тепер права кнопка миші і «Об'єднати шари».

На моєму прикладі трохи відходить край, думаю ви помітили. Я знову вибираю інструмент «Переміщення».

Рухаю стрілками єдиний новий шар вгору і вліво.

Можна зробити цей шар потаємні. Переходимо в «Зображення» - «Корекція» - «Соковитість».

Рухаємо повзунок «насиченості» вправо.

Тепер застосовуємо «Накладення градієнта».

Від чорного до білого.

Режим накладення: «Перекриття» і зменшуємо непрозорість.

Створюємо ще одну копію шару, натиснувши одночасно Ctrl і J.

Шар потрібно буде зробити чорним, це буде тінь. Переходимо до меню «Зображення» - «Корекція» і знаходимо тут «Рівні».

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

Тепер перетягуємо новий шар з тінню в самий низ. Під ним повинен залишитися тільки фон.

Знайомі дії. Вибираємо «Переміщення» та натискаємо на стрілки вниз і вліво.

Застосовуємо «Фільтр» - «Розумієте по Гауса».

Встановлюємо розмах тіні, як вам більше сподобається.

Я все-таки додав текстуру над фоном і у мене вийшов ось такий результат.

Завантажити мої зразки >>

До речі, є ще купа простих і цікавих способів створити об'ємні букви в фотошопі. Підписуйтесь на розсилку, так як про багатьох з них я планую розповісти в майбутніх публікаціях. Крім цього, ви дізнаєтеся як заробляти в інтернеті. шукати замовників, робити сайти і ще багато всього.

Ну а якщо вас цікавить виключно фотошоп, то можу порекомендувати курси Зінаїди Лук'янової. якщо вам необхідна програма для роботи, ну а якщо це хобі для себе, то зверніть увагу на уроки Олени Виноградової.

Ну ось і все, бажаю вам успіхів у ваших починаннях. До нових зустрічей!