Як зробити дзеркальне відображення у фотошопі. Створюємо грамотні відображення у Photoshop. Використовуємо команду «Відобразити по горизонталі»
Думаю, ви не раз натикалися в інтернеті на фото із дзеркальним відображенням. Звичайно, найчастіше фотограф навіть і не думав спеціально шукати дзеркальну поверхню для створення фото. Адже набагато простіше відтворити подібний ефект у фотошопі.
Цей досвід з великою часткою ймовірності стане в нагоді веб-дизайнерам. Як відомо, навіть у дизайні сайтів присутня своя мода та трендові напрямки. Використання фото предмета з дзеркальним відображенням відноситься якраз до вищезазначених. Значить, варто витратити 10 хвилин вільного часу та навчитися цього прийому. Тим більше, що робити такий ефект дуже просто.
Для початку нам знадобиться фото якогось предмета на білому тлі. Це може бути будь що. Я для свого експерименту вибрала вазу.
Відкриваємо картинку. Подбайте про те, щоб унизу було достатньо місця для розміщення відображення.
Нам знадобиться інструмент «Ласо» для виділення зображення. Знайдете його на бічній панелі.
А тепер виділяємо зображення. Причому в нижній частині предмета ви повинні зробити це з максимально можливою точністю. У верхній можете захоплювати білі області. Великої акуратності не потрібно.
У вас має вийти приблизно таке:
А тепер наживаємо комбінації клавіш ctrl+c та ctrl+v. Ми копіюємо наше зображення на новий шар та вставляємо його у цьому ж документі.
Відразу наступна комбінація клавіш ctrl+t. Вона допоможе нам перевернути отримане зображення. Відтворюємо її та клацаємо правою клавішею миші по робочій області. З списку вибираємо «відобразити по вертикалі».
Затискаємо клавішу Shift. Клацаємо по зображенню і тягнемо його вниз.
Як бачите, щось починає вимальовуватись.
Відображення може бути повністю симетричним. Слід врахувати закони перспективи і зробити відображення таким, що трохи розширюється внизу. Для цього знову натиснемо комбінацію клавіш ctrl+t і тепер виберемо команду «перспектива». Тягнемо за куточок зображення. Ось що у нас виходить.
Тепер перейдемо до вікна шарів. Виберемо нижнє відображення та зменшимо його непрозорість до 30-40%.
Залишилося найпростіше. Щоб досягти максимально реалістичного ефекту дзеркального відображення приберемо його частину за допомогою маски та градієнта.
Для цього у вікні шарів клацаємо по піктограмі створення маски.
На вже знайомій нам панелі інструментів шукаємо «градієнт».
Нам слід налаштувати грандієнт від прозорого до чорного. Налаштування ви знайдете на верхній панелі. Клікайте по віконце.
Ми викликали потрібне вікно. Клацаємо по маркерах і задаємо налаштування. Знизу колір – від білого до чорного. Верхні маркери дозволяють налаштувати непрозорість. Чорний – непрозорість 100%. Білий – 0%.
Налаштували. Тепер робимо клік у нижній частині зображення з відображенням та тягнемо вгору.
От і все! Як бачите, на вигляд складний ефект дзеркального відображення робиться дуже швидко.
Хочу помітити, що ви можете застосовувати цю навичку не тільки до фото. Дзеркальне відображення тексту робиться тим самим способом.
Сьогодні ми розповімо вам про те, як робити грамотні відображення у Photoshop. Тривимірні відображення, відображення товару, а також кілька інших типів відмінних відображень. Ми обговоримо все, починаючи від трансформацій до режимів змішування тощо. Неважливо, новачок ви чи професіонал, вам все одно можна дечому навчитися.
Ймовірно, у вас промайне думка про те, що відображення були вкрай популярні кілька років тому, а сьогодні вони трохи втратили популярність, і ви будете праві. Тим не менш, ви можете спостерігати різні прикладина багатьох веб-сайтах в інтернеті, включаючи Apple.com. Звичайно ж, не можна переборщувати з відображеннями, намагаючись наздогнати тенденції стилів web2.0, але варто відзначити, що часом відображення можуть надати презентабельний вигляд якомусь нудному елементу.
Відображення тривимірного об'єкта
Що робити, якщо ваш об'єкт складний? Наприклад, якщо наш об'єкт – це коробка?
Якщо ми підемо етапами з перевороту об'єкта, це може призвести до катастрофи. Це дасть нам дуже страшне відображення.
Загалом відобразити коробку набагато легше, ніж текст. Вам навіть не доведеться нічого трансформувати, вам просто потрібно продублювати шар із коробкою та розташувати коробки один над одним.
Далі застосовуємо маску та зменшуємо рівень відображення і таким чином у нас виходить ідеально відбита коробка!
Цей трюк працює з безліччю фігур. Наприклад, знімок iPhone на самому початку статті може бути легко відображений за допомогою даної техніки. Далі знадобиться лише невелика обробка, щоб вишикувалося правильне відображення. На все доопрацювання потрібно кілька секунд.
Відображаємо знімок товару
І ось, мені вже чуються вигуки: "Не так швидко!" Яка ймовірність того, що вам коли-небудь доведеться робити відображення старої плоскої коробки? Коли-небудь це може статися раптово і, до того ж, набагато більша ймовірність того, що вам потрібно буде відображати фотографії товару або щось складніше.
Саме з цією проблемою я зіткнувся нещодавно, коли працював над дизайном оголошень корму для собак. Подивіться, що станеться, якщо ми застосуємо цю техніку до цього знімку продукту.
Як видно, зображення на коробці псує весь ефект. Він має бути перевернутим. Нам доведеться реалізувати це, щоб отримати правильне відображення.
Врахуйте, що у Photoshop є безліч тривимірних утиліт, які допоможуть вам у цій ситуації. Створивши тривимірний об'єкт, ви легко зможете крутити його, як тільки вам заманеться. Тим не менш, у вас не завжди буде час створювати тривимірні об'єкти, і тому важливо знати, як ефективно імітувати тривимірний ефект.
Перше, що потрібно зробити – перевернути зображення вертикально.
Далі, натисніть CTRL і натисніть превью шару для того, щоб створити виділення об'єкта. Утримуючи кнопку ALT, зніміть виділення зі сторін коробки так, щоб тільки передня частина залишилася виділеною.
З цим активним виділенням, здійсніть функцію Free Transform (CTRL+T), а потім, утримуючи CTRL, схопіть середній покажчик на зображенні нижче і перетягніть таким чином, щоб він акуратно був посунутий до дна основної коробки.
Тепер проробіть те саме з іншими сторонами коробки. Тут будьте впевнені, що виділені лише сторони коробки, і використовуйте середній лівий індикатор виділення. Це дозволить вам створити ідеальне відображення коробки. Тепер ви, можливо, будете стурбовані нижньою частиною вашого відображення, тому що тут у нас все перемішалося.
Тут добре, що ви можете повністю проігнорувати цей момент. Не забувайте, що тут ми матимемо ефект загасання, тому нижньої частини навіть не буде видно.
Отак виглядає фінальний варіант. Не так погано, враховуючи таку складну форму і те, що це зайняло лише кілька хвилин. Коли ви наб'єте руку, у вас буде йти набагато менше часу.
Небагато про режими змішування
При роботі з відображенням у Photoshop, вам не слід дотримуватися режиму змішування за замовчуванням. Експериментуйте. Пробуйте різні режими та дивіться, як вони впливатимуть на відображення.
Кожне створене вами відображення може містити різні кольори, і тому певний режим змішування може підійти набагато краще стандартного.
Якщо вам не терпиться потішитися, то ви можете спробувати навіть зробити два дублі відображення з різними установкамирежимів змішування. Це іноді допомагає отримати більш реалістичне зображення відображення.
Висновок
В останні роки відображення використовувалися досить часто. Метою цієї статті є допомога в реалізації грамотних відображень, відокремивши себе від тяжких непотрібних завдань та операцій. Пам'ятайте, що відображення в дизайні повинні використовуватися не так часто, що стосується інших ефектів (тіней, градацій, обрамлення і т.д.).
Ви повинні вміти визначати, коли слід застосувати відображення, а коли воно буде зайвим. Ви також повинні вміти створювати відображення як простих, так і складних елементів.
Головне потрібно вказати картинку на вашому комп'ютері або телефоні, за необхідності вказати вид дзеркального відображення, натиснути кнопку OK внизу. Інші налаштування вже виставлені за замовчуванням.
Приклади із дзеркально відбитими фотографіями: 
Перший вищезгаданий приклад - це оригінальна фотографія жовтої огіркової квітки, тобто без змін. Для створення другого прикладу було застосовано дзеркальне відображенняфотографії по горизонталі (ліворуч-праворуч), для третього прикладу - дзеркальне відображення по вертикалі. Фото батарейки Kodak було відображено стандартним методом – по горизонталі.
Цей інструмент може працювати без повторного перестискання і без втрати якості при збереженні у форматі jpg. Для цього потрібно поставити відповідну галку в налаштуваннях формату зображення на виході.
Застосування дзеркального відображення дозволить як правильно скоригувати становище фотографії чи картинки, а й дасть подивитись неї по-новому. Спробуйте та переконайтесь у цьому самі! На цьому сайті ще є схожі ефекти: дзеркальний колаж, дзеркальне відображення під картинкою та ефект задзеркалля.
Початкове зображення не змінюється. Вам буде надана інша оброблена картинка.
Дзеркальне відображення в графічному редакторі Adobe Photoshopсистематизовано як окремий випадок довільного трансформування. Тим не менш, у декілька розділів меню редактора розміщено два окремі рядки з командами для дзеркального відображення картинки в 2-х площинах (горизонтальної та вертикальної). Є кілька методів доступу до цих команд.
Вам знадобиться
- Графічний редактор Adobe Photoshop
Інструкція
1. Розкрийте в меню графічного редактора розділ «Зображення», якщо потрібно відобразити дзеркально кожен документ, включаючи всі графічні, текстові шари, маски і т.д. У цьому розділі перейдіть до підрозділу «Обертання зображення», де виявите дві команди дзеркального відображення – «Відобразити полотно по горизонталі» та «Відобразити полотно по вертикалі». Виберіть одну з них, і Фотошоп здійснить потрібну трансформацію всіх шарів документа.
2. Клацніть на панелі шарів необхідний вам, якщо відобразити дзеркально потрібен лише його вміст, а не кожен документ. Після цього розкрийте в меню розділ «Редагування» та перейдіть до підрозділу «Трансформування». Він містить більше інструментів трансформації, ніж їх було в списку відповідного підрозділу в розділі «Зображення», а потрібні вам команди «Відобразити по горизонталі» та «Відобразити по вертикалі» і тут розміщені наприкінці списку. Клацніть потрібну і зображення у вибраному шарі буде відображено у відповідній площині.
3. Можна застосовувати альтернативний варіантдії, описаної у попередньому кроці. Для цього теж спочатку слід виділити клацанням миші шар, який потрібно відобразити дзеркально. Після цього потрібно натиснути кнопку M на клавіатурі, щоб увімкнути інструмент «Прямокутна область». Це можна зробити і клацанням по відповідній піктограмі на панелі інструментів. Після цього правою кнопкою миші клікніть зображення і в виваленому контекстному менювиберіть пункт "Вільне трансформування". Навколо силуету зображення цього шару з'явиться рамка з вузловими точками, але вам нічого з нею робити не потрібно, а потрібно ще раз клацнути картинку правою кнопкою миші. На даний раз меню, що вивалилося, міститиме всі ті пункти, які ви бачили в розділі «Трансформування» на попередньому кроці, включаючи бажані «Відобразити по горизонталі» та «Відобразити по вертикалі». Виберіть команду з потрібним напрямком дзеркального відображення.
При роботі в графічному редакторі Adobe Photoshop часто потрібно дзеркально відобразити зображення. Залежно від якостей оброблюваного документа, і навіть типу необхідного реформування (вертикальне чи горизонтальне відбиток), події, які потрібно зробити вирішення цього завдання, відрізнятимуться.
Вам знадобиться
- - Adobe Photoshop; - Початкове зображення.
Інструкція
1. Завантажте зображення, яке потрібно відобразити, у програмі Adobe Photoshop. Натисніть Ctrl+O на клавіатурі або клацніть по “Open…” у розділі File основного меню програми. Відобразиться діалог. Перейдіть в ньому до директорії з необхідним файломі виділіть його. Натисніть кнопку «Відкрити». Можна також легко перенести файл з вікна провідника, папки або файлового адміністратора в робочу область Adobe Photoshop.
2. Проаналізуйте завантажене зображення. З панелі Layers дізнайтеся, чи воно з одного або декількох шарів. Якщо кілька шарів, перегляньте їх вміст. Для цього спочатку відключіть видимість всіх елементів, знявши позначки в панелі Layers, а після цього по черзі перемикаючись між ними, тимчасово робіть їх видимими. Вирішіть, чи потрібно вам відобразити зображення в певних шарах, не торкнувшись інші, або потрібно повернути картинку повністю. У першому випадку перейдіть до четвертого, а у другому – до третього кроку.
3. Відобразіть все зображення повністю. Розгорніть розділ Image основного меню програми, перейдіть до пункту Rotate Canvas. Далі виберіть Flip Canvas Horizontal, якщо потрібно відобразити по горизонталі і Flip Canvas Vertical, якщо картинка повинна бути відображена по вертикалі.
4. Відобразіть зображення однією чи кількох шарах. У панелі Layers встановіть позначки видимості та виділіть елементи, які відповідають шарам, зображення на яких має бути відображено. Одночасно кілька елементів можна виділити, клацаючи по них мишею при натиснутій клавіші Ctrl. Розгорніть розділ Transform розділу Edit основного меню. Виберіть Flip Horizontal або Flip Vertical для відображення по горизонталі та вертикалі відповідно.
5. Збережете відображене зображення. У розділі File основного меню програми виберіть “Save As…”. Також можна натиснути комбінацію клавіш Ctrl+Shift+S. У діалозі вкажіть необхідний формат, а також ім'я файлу і каталог, куди він буде розміщений. Натисніть кнопку "Зберегти".
Відобразити картинку по горизонталі або вертикалі можна приблизно в будь-якій програмі для перегляду зображень. Але при цьому дуже часто псується загальна якість початкового файлу. Щоб цього уникнути, краще використовувати графічні редактори. Скажімо, Adobe Photoshop. За допомогою інструментів фотошопу можна не тільки швидко створити дзеркальне відображення картинки, але і відредагувати його до придбання необхідного результату.
Інструкція
1. Відкрийте зображенняв фотошопі. Для цього скористайтеся командою «Файл – Відкрити…» та виявіть на своєму комп'ютері розташування потрібної картинки. Або легко перетягніть зображенняз папки невимушено до програми, затиснувши файл лівою кнопкою миші.
2. Виберіть команду «Зображення – Повернути полотно…» і надалі скористайтесь необхідною функцією: "Відобразити по горизонталі" або "Відобразити по вертикалі" Якщо більше вам нічого не потрібно зробити, збережете картинку в класній якості командою "Файл - Зберегти ..." або "Файл - Зберегти як ...".
3. Якщо ви хочете, щоб початкове зображенняі його дзеркальне відображення знаходилися на одній картинці, вам необхідно буде створити додаткові шари та змінити розмір полотна.
4. Клацніть правою клавішею миші на винятковому шарі Наразіу файлі. Виберіть спочатку меню «З заднього плану…». Ця команда зробить шар із картинкою не фоновим, не прив'язаним до наступних дій із розміром зображення. Після цього оберіть «Зробити дублікат шару…».
5. Тепер залежно від цього, вертикальне чи горизонтальне відбиток ви хочете отримати, збільшіть удвічі висоту чи ширину робочого простору відповідно. Скористайтеся командою «Зображення – Розмір полотна».
6. Після цього виберіть шар-копію і відобразіть його в потрібному напрямку. За допомогою мишки перетягніть шар так, щоб він став поруч з початковим зображенням. Коли бажаного результату буде досягнуто, збережете зображення .
7. Щоб імітувати відображення вихідного зображення на воді або інших поверхнях, вам потрібно буде надати реалістичність шару, що вийшов. Для цього ви можете поекспериментувати з прозорістю шару та режимами накладання; застосувати різні результати (команда "Фільтри"); деформувати та змінити перспективу (команда «Редагування – Трансформування») тощо.
8. При неприродному створенні відображення орієнтуйтеся на реальні знімки. Скажімо, якщо вам потрібно зробити результат відображення на воді, подивіться кілька фотографій, на яких зображені предмети, що відображаються на водній гладі. Пізніше досягнення потрібного результату не забудьте зберегти зображення .
Відео на тему
При роботі з зображеннями в графічному редакторі Adobe Photoshop неможливо обійтися без виділення кожного зображення або його окремих фрагментів. Для реалізації цієї операції у програмі є цілий набір інструментів, поділених на кілька груп. Користування ними спеціальної проблеми не становить, але потребує деякої практики.
Вам знадобиться
- Графічний редактор Adobe Photoshop.
Інструкція
1. Якщо в якомусь шарі потрібно виділити все зображенняна висоту і ширину документа, спочатку клікніть по рядку цього лейера в панелі шарів. Відображення панелі може бути вимкнено – натисніть клавішу F7 або виберіть у розділі меню «Вікно» пункт «Шари», щоб цей елемент з'явився в інтерфейсі Photoshop. Виділивши потрібний рядок, скористайтеся поєднанням клавіш Ctrl + A або пунктом «Все» у розділі меню «Виділення». По краях зображення з'явиться анімована пунктирна рамка, що показує межі виділеного фрагмента. Якщо пізніше на панелі шарів перейти на інший рядок, виділеним виявиться вміст іншого шару.
2. У першому кроці описаний винятковий метод, який не вимагає що-небудь вибирати на панелі інструментів. А для виділення, скажімо, прямокутного фрагмента зображення вам потрібно спочатку клікнути другу по рахунку іконку на цій панелі - "Прямокутна область" - або натиснути клавішу з літерою M. Після цього за допомогою покажчика миші задайте потрібну прямокутну область на зображенні.
3. Миша використовується і для вказівки овального або ідеально круглого виділення на зображенні. Щоб переключити інструмент із прямокутного формату на овальний, натисніть його іконку на панелі інструментів лівою кнопкою та потримайте до появи меню з чотирьох рядків. Виберіть «Інструмент “Овальна область”», а потім дійте як на попередньому кроці.
4. Щоб виділити фрагмент зображення довільної форми, використовуйте інструмент «Ласо» – це подальша (третя) піктограма на панелі. Натомість клацання по ній можна натиснути клавішу L. Необхідну замкнуту область виділення намалюйте покажчиком миші. Цей інструмент має дві варіації, одна з яких – «Відверте ласо» – дозволяє виділяти важкі багатокутники, а інша – «Магнітне ласо» – дуже придатна при виділенні ідентично забарвлених ділянок зображення. Віддати перевагу одному з цих варіантів можна так само, як і в попередньому етапі – при натисканні та утриманні лівої кнопки на іконці інструмента з'являється меню зі списком.
5. Інструменти четвертої кнопки – «Магічна палиця» та «Стрімке виділення» – призначені для роботи з фрагментами зображення, що мають ідентичне забарвлення та колірну концентрацію. По дії вони схожі з «магнітним ласо», але при застосуванні цих інструментів від вас потрібно лише вказати одну точку-приклад, клацнувши її вказівником миші. Після цього Photoshop на власний розсуд виділить кожну ділянку точок, аналогічних з прикладом. Використовуйте клавішу W, щоб увімкнути цей інструмент.
Відео на тему
Відео на тему
