Фотошоп як зробити відображення предмета. Відображення у Photoshop

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

Для початку подивимося найпростіший спосіб, як віддзеркалити фото у фотошопі. Я візьму зображення автомобіля на прозорому тлі і створюю під нього новий білий шар ( SHIFT+CTRL+N), щоб було зручніше працювати.

Копіюйте шар із автомобілем, натиснувши чарівну комбінацію клавіш CTRL+J. Після цього увійдіть до меню "Редагування" - "Трансформація" — «Відобразити по вертикалі». Після цього об'єкт повернеться ногами дзеркально.

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

Також виберіть жорсткість на 0, натиснувши правою кнопкою миші. Обов'язково виберіть більший розмір, щоб він відповідав 1/3 величини об'єкта. Тепер пройдіть один раз гумкою по нижній частині копії і ще один раз по середній частині. У результаті в нас вийде цікаве фото. Можна подумати, що машина дійсно стоїть на білій підлозі з поверхнею, що відбиває.

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

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

Спосіб 2: Як віддзеркалити зображення у фотошопі, якщо воно в ізометрії

1. Насамперед вам треба створити копію шару. Для цього затисніть лівою кнопкою мишкою на шарі, який хочете скопіювати, та перетягніть його на значок створення нового шару. Але я все ж таки рекомендував би вам використовувати комбінацію клавіш CTRL+J.
   
2. Тепер, щоб зробити дзеркальне відображення у фотошопі, встаньте на шар із копією, увійдіть до меню «Редагування» — "Трансформування" — «Відобразити по вертикалі». Я спеціально не розповідав про цю функцію у статті про , щоб пояснити принцип дії наочно.
   
3. Тепер створіть ще один шар та повністю білим кольором. Хоча зовсім неважливо, який колір ви візьмете за підсумковий колір фону, хоч чорний, помаранчевий чи окремий краєвид.
4. Ну що? Де машини? А їх немає. Все тому, що верхній шар залитий кольором. Щоб наші машинки відобразилися, затисніть ліву кнопку миші на шарі із заливкою та тягніть його нижче обох шарів із автомобілями. Тепер машинки буде видно.
   
5. Далі встаньте на шар із копією та поставте її рівно під оригіналом. І використовуючи інструмент «Вільна трансформація» (CTRL+T). Посуньте машину так, щоб переднє колесо копії торкалося переднього колеса оригіналу. Але як ви бачите, через це страждають інші колеса, а саме заднє. Картинка виходить неприродною, тому тепер доведеться трохи попітніти.
   
6. Зараз розпочнеться найскладніша та ювелірна робота. Далі активуйте мій улюблений вид трансформування, а саме «». І за допомогою цього інструменту підганяйте залишок автомобіля, щоб він якомога реалістичніше і точніше стосувався оригінальної тачки. Не потрібно сильно вигинати машину, інакше вийде просто жахливе видовище. Дійте потихеньку: підняли заднє колесо, тоді підніміть і капот у тому самому місці. Намагайтеся, щоб деформаційна сітка була схожа на прямокутник, а не вивертала зигзагами.
   
7. Я постарався наблизити всі колеса до оригіналу автомобіля, щоб не надто вигинати наше майбутнє відображення. Тепер перейдіть на шар з оригіналом і також застосуйте інструмент «Деформація» . Після цього спробуйте підняти друге колесо і опустити третє, щоб вони нарешті зімкнулися.
   
8. Колеса ми зімкнули, але тіні від днища у нас виглядають дивно. Візьміть інструмент ласо та виділіть задню тінь на оригіналі.
   
9. Далі знову вибираємо «Деформацію» і починаємо опускати цю тінь нижче, приблизно до точки перетину. Те саме зробіть і з копією, але цього разу тягніть нагору.
   
10. Те саме зробіть і з колесами, щоб вони виглядали природнішими.
    
    
11. Ну а тепер залишилася легкість. Встаємо на копію шару та викликаємо шар-маску.
    
12. Далі, виберіть та призначте кольоровість від чорного до прозорого.
    
13. Тепер проведіть пряму вертикальну лінію від початку машини-копії, але не доходячи до кінця машини оригіналу. Вуаль. Як чудово вийшло.
    

Але, як бачите, деформація відбулася трохи кривувато. На жаль, текстура автомобіля у форматі трьох чвертей не дозволяє зробити нормальне відображення, навіть якщо застосувати ефект 3D. Проте, нам вдалося досягти потрібного ефекту і віддзеркалити зображення у фотошопі. І я думаю, якщо ще трохи посидіти над цією картинкою, то можна прийти до досконалості.

Спосіб 3. Як зробити дзеркальним текст

Ну і щоб розширити кругозір, я розповім вам про ще один спосіб. Тільки на цей раз ми візьмемо не картинку, а напишемо текст. І ми створимо саме відображення цього тексту.

Ну, подивіться, що в нас вийшло. Хіба не краса? А якщо ще й додати тексту ефекту, то таку «цукерку» можна зробити.

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

Ви хочете, щоб у вас стало вдвічі більше грошей? Тоді покладіть їх перед дзеркалом.

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

З повагою, Дмитро Костін

Моделью для цього уроку послужить лісова дівчина із учорашнього уроку Photoshop, зображення якої ми успішно обертали під різними кутами.

Детальна інструкція для новачків як зробити дзеркальне відображення фотографії у Фотошопі

1. Відкриваємо Фотошоп і завантажуємо в нього вибране зображення, яке хочемо відображати: File -> Open…

2. З головного меню програми Photoshopобираємо Image -> Rotate Canvas -> Flip Canvas Horizontal:

В результаті виконання команди отримаємо дзеркально відображене зображення по горизонталі:

Аналогічно можна відобразити картинку дзеркально та по вертикалі. Для цього достатньо виконати схожу команду Image -> Rotate Canvas -> Flip Canvas Vertical. В результаті отримаємо таку картинку:

3. Зберігаємо результат дзеркального відображення картинки за допомогою пункту меню File -> Save for Web and Devices…

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

Adobe Photoshop є універсальним інструментом обробки зображень. Досі його потенціал не розкритий на всі 100%. Одні операції робляться в пару кліків, а інші, складніші – з використанням різноманітних інструментів та прийомів. Створення відображення для предметів чи людей у ​​фотошопі – тренд останніх років.

Як бачите, у задачі зробити відображення у фотошоп – немає нічого складного, головне – уважно дійте покроковій інструкції. Увімкніть фантазію, креативний підхід – і ви завжди досягнете бажаного результату. Набуті початкові навички роботи з Adobe Photoshop допоможуть вам у подальшому освоєнні цієї чудової програми. Успіхів!

Дизайнери часто використовують у своїх роботах відбиття предметів від різних поверхонь. Поверхні бувають різні - дзеркала, спокійна вода гірського озера або вода, злегка затягнута брижами, скла вікон, пластик, стіл із полірованого дерева або мармурова підлога. І відображення предмета від різних поверхонь також різні.

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

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

Промені світла відбиваються від дзеркальної поверхні під кутами, рівними кутам падіння цих променів. Чим яскравіше джерело світла, тим сильнішою буде сила світла відбитого променя.

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

У цій статті я хочу розглянути можливість та способи створення різних відображень у фотошопі.

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

На фото 1 і 2 камера розташована майже одному рівні з поверхнею, від якої відбивається предмет. Лінія сходу зображення предмета та його відображення – пряма або точка, якщо предмет має сферичну форму (яблуко на фото 2). Сам предмет та його відображення у цьому випадку мають практично однаковий розмір. Чи можна таке відображення створити у фотошопі? Легко!

На фото 3 камера знаходиться трохи вище, приблизно на середній лінії предмета. Як виглядає відбиток? У випадку з пластиковою карткою все дуже просто, карта плоска і розташована перпендикулярно до лінії «погляду» камери. Спотворення через перспективу незначне, можна відображення трохи зменшити по вертикалі, але якщо поверхня не дзеркальна, то розмитість або напівпрозорість шару з відображенням зробить це спотворення несуттєвим. Відображення робимо так само, як у першому випадку. А якщо карту повернути чи нахилити?

Як розташуватиметься відображення картки? Як таке відображення зробити? Для цього у фотошопі є можливість Transformation.

А як намалювати відображення предмета кубічної форми, паралелепіпеда? Розглянемо фото 5.

Зображення кубика та його відображення сходяться по ламаній лінії, грані відбиваються дзеркально. Можна використовувати ідею попереднього уроку та створити окремо відображення кожної з граней.

На фото 6 все ще важче. Склянка циліндричної форми та лінія зіткнення зображення та його відображення - крива. Чи можна таке відображення зробити у фотошопі? Не так просто, як у першому випадку, але можна!

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

Розглянемо ще фото 7, чашка з кавою. Рівень погляду вищий за сам предмет. У разі від полірованої поверхні відбивається та частина предмета, якої взагалі видно на самому зображенні, саме нижня частина чашки. При перспективі зверху вниз, зображення зменшується вниз і відображення теж. Ось тільки верх і низ у зображення та дзеркального відображення різні!

Що робити в цьому випадку? Як зробити відображення? Та ніяк! На самому зображенні немає того, що має бути у відображенні. Можна лише намалювати те, що вам підкаже вашу уяву за допомогою звичайних інструментів малювання.

Простий приклад: ви використовуєте в роботі зображення столу, знятого камерою, розташованою вище поверхні стільниці, і хочете зробити фотошопі його відображення від підлоги. Здається все просто – скопіювати, відобразити, ніжку до ніжки присунути та радіти? Але від полірованої підлоги повинна відобразиться внутрішня частина столу, то як там під столом ніжки гвинтами кріпляться до стільниці! Саме те, чого взагалі немає на вашому фото! На жаль, тут програма безсила.

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

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

Фотографуйте предмети з відображеннями, малюйте їх або використовуйте програми 3D-графіки.

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

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

Почнемо?

Дві кнопки для дзеркального ефекту

Отже, цей метод працює незалежно від того, якою версією Photoshop ви користуєтеся, CS6, CS5 і навіть в онлайн версії. Я працюю у CC.

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

Тепер натисніть клавіші Ctrl+T.

Правою кнопкою миші клацніть у будь-якому вільному місці виділеного фрагмента. Відкриється додаткове меню з безліччю функцій повороту: по вертикалі, на 180, 90 градусів. Зараз ви обираєте "Відобразити по горизонталі".

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

Якщо не подобається користуватися поєднанням клавіш, можна у верхній панелі вибрати "Редагування", потім "Трансформування" та "Відобразити по горизонталі".

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

Ефект дзеркала

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

Створюйте шар, потім під інструментом «Заливка» знаходите градієнт і заповнюєте шар радіально у темних тонах. Можете використовувати від кольору #655959 до #3f3535.

Тепер потрібно створити ще один шар із світлим кольором. Клацніть на іконку поруч кошиком. Або у вкладці «Шар» верхнього меню виберіть «Створити новий шар».

Можна використовувати клавіші Shift+Ctrl+N. До речі, рекомендую вам завести зошит, куди ви записуватимете всі гарячі клавіші. У фотошопі їх багато, але вони значно полегшують роботу.

Перший час ви можете щоразу записувати ті комбінації клавіш, які використовуєте. Припустимо, забули – подивилися та записали знову. Вдалося згадати самостійно – честь, хвала та ручку шукати не потрібно. Свого часу я вивчав таким чином англійську мову. Допомагає. Сидиш до останнього, поки не згадати без підказок, щоб не писати по сто разів одне й те саме.

Верхній шар заповнюєте у світлих тонах від #cdc6c6до #948d8d.

Трохи зменшіть рисунок. Щоб він стискався пропорційно, доки ведете мишею, затискайте shift на клавіатурі. Після того, як закінчите, застосуйте зміни, натиснувши Enter.

На ескізі шару клацніть правою кнопкою миші та викличте додаткове меню, в якому виберіть функцію «Раструвати шар».

У цьому меню клацніть ще й по «Створити дублікат шару» чи використовуйте поєднання кнопок Ctrl+J.

Тепер потрібно натиснути Ctrl+T, «Трансформація», а всередині об'єкта клацнути правою кнопкою миші, як я описував у попередньому пункті. Виберіть функцію «Відобразити по вертикалі».

Новий шар перетягніть, це можна зробити і в поточному стані. Або натисніть Enter, щоб закінчити з трансформацією, виберіть інструмент «Переміщення» (стрілки, що перетинаються) і потягніть новий шар вниз.

Додати . Прямокутник з кружечком всередині. Цю функцію я докладно описував. Вона чимось нагадує гумку: стирає об'єкти або робить їх прозорими.

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

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

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

Тепер потрібно трохи розмити об'єкт, тому що «чистого» відображення у природі не існує. Натисніть на ескіз самого шару, щоб застосувати редагування саме до нього. У моєму випадку із зображенням яблука. Далі переходьте у вкладку "Фільтри" - "Розмиття" - "Розмиття за Гаусом".

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

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

Ну от і все. Якщо вам сподобався цей урок, підписуйтесь на розсилку та дізнавайтеся про світ фотошопу більше. Тепер ви можете створювати дуже гарні картинки самостійно. Ну а якщо у вас немає часу чекати, можу порадити курс Photoshop уроки підвищення майстерності ». У ньому ви знайдете цілу збірку професійних прийомів та методів.

Ну а якщо ви вважаєте, що ваших знань ще недостатньо, щоб підвищувати рівень, дізнайтесь про інструменти в курсі « Фотошоп з нуля у відеоформаті ». Він допоможе навчитися не просто використовувати якісь прийоми, а самостійно здогадуватися, як застосовувати той чи інший ефект непростої програми.

До нових зустрічей та удачі у ваших починаннях.