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

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

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

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

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

Як масштабувати зображення?

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

І, до речі, якщо під час трансформування затиснути клавішу SHIFTі потягніть з кута, трансформація буде рівна, тобто. із збереженням усіх пропорцій. Таким чином, ви не втратите форму об'єкта. А якщо затиснути клавішу ALTі виконати трансформування, воно буде йти або до центру, або з центру, залежно від того, куди ви тягнете.

Загалом зараз спробуйте все зробити самі і ви самі все зрозумієте, як це працює. Все насправді дуже просто.

Як повернути зображення?

Масштабування та поворот

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

Але якщо ви хочете користуватися кожною функцією окремо, то активуйте їх у меню «Редагування» — "Трансформування" — «Масштабування/Поворот». Але я рекомендував би вам користуватися саме вільним трансформуванням у фотошопі.

Нахил

Звичайно, можна трансформувати об'єкти у фотошопі не лише за допомогою вільного трансформування, але й використовуючи кожну функцію окремо. Якщо ви хочете зробити ефект нахилу, то ця функція буде незамінною. Для цього встаньте на шар з об'єктом та виберіть пункт меню «Редагування» — "Трансформування"- «Нахил».

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

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

Найцікавіше, що вам навіть необов'язково йти у меню нахилу. Ви можете натиснути CTRL+T, щоб викликати вільне трансформування у фотошопі. А при наведенні на будь-який з кутів затисніть клавішу CTRL, і це буде аналогічно тому, про що я розповів вище.

Спотворення та перспектива

Функція спотворення може імітувати поворот об'єкта в інший бік, ніби телевізор стояв прямо, а потім розгорнули його на 45 градусів. Викликається ця штуковина там, де й інші функції. Тобто заходимо в «Редагування» — "Трансформування"- "Спотворення".

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

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

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

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

Накладення кадру на монітор

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

Переходимо на вкладку з доктором Брауном і переносимо все зображення на вкладку із зображенням дівчини за комп'ютером за допомогою.

Тепер наш кадр з доком на кадрі з дівчиною. Чудово. Тепер виберемо інструмент «Вільне трансформування»і зменшимо кадр із доком приблизно розміром із монітор. Точність тут не має значення.

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

Процес нескладний і дуже цікавий. Ми начебто натягуємо нове зображення. Ну, ви самі бачите.

Після того як всі кути підігнали і зробили як слід, натискаємо enter. Повинно вийти приблизно так.

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

Ну що ж. На сьогодні я закінчую. Сподіваюся, що вам сподобалося трансформувати об'єкти та зображення у фотошопі. Якщо є якісь питання, то не соромтеся та ставте. Ще я дуже рекомендую подивитися чудовий відеокурс з опанування фотошопу. Завдяки цьому курсу ви зможете освоїти фотошоп за 2-4 тижні. Все від початку до кінця та у форматі відеоуроків. Загалом цукерка, а не курс. Дуже рекомендую!

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

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

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

Що таке вільне трансформування? Вільне трансформування – це зміна розмірів об'єкта та його трансформація у площині та просторі. Щоб викликати трансформацію об'єкта, потрібно зайти в другу складку меню Редагування / Вільне трансформуванняабо використовувати поєднання гарячих клавіш CTRL+T.Я найчастіше використовую поєднання гарячих клавіш швидко і зручно.

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

Щоб завершити трансформацію просто натисніть клавішу ENTER, і ваша трансформація застосовується до шару. Зробити крок назад і застосувати попереднє трансформування можна за допомогою клавіші ESC.

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

Трансформація – обертання

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

Ітимемо по порядку. Квадратик з крапками дозволяє задати 9 позицій центру для об'єкта трансформування.

Оскільки фотошоп теж маю свою систему координат, яка починається у верхньому лівому кутку, то використовуючи налаштування координат xі yможна встановити розташування на основному фоні.

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

І останнє налаштування, кут нахилу. Задається у градусах до 180 0

Як видно, всі налаштування панелі трансформування прості та інтуїтивно зрозумілі.

1 Масштабування. Думаю, ця функція говорить сама за себе.

2 Поворот. Обертання об'єкта.

3 Нахил. Тут також думаю все зрозуміло.

4 Перспектива. Трансформація зображення пропорційно середини однієї із сторін

5 Спотворення. Переміщаючи куточки маркерів у просторі, можна досягти спотворення об'єкта.

6 Деформація. За допомогою цієї функції можна змінити форми об'єкта до невпізнання або створити новий.

Трансформація частини зображення

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

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

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

Щоб об'єднати пов'язані шари в набір, виділіть один із них і виконайте команду «Набір шару з пов'язаних» у меню «Шар» «Новий».

Для вирівнювання об'єктів на пов'язаних шарах потрібно виділити один із цих шарів і вибрати команду «Вирівняти пов'язані шари» в меню «Шар».

Дублювання шарів та наборів.

Шари та набори шарів можна дублювати всередині одного документа та копіювати до інших документів. Щоб дублювати, виберіть команду «Дублювати шар» у меню «Шар». У діалоговому вікні документи ви можете вибрати в який документ дублювати або вибрати новий документ. У полі «Як» введіть назву нового шару.

Швидший спосіб дублювання шару або набору в тому самому документі, не даючи йому імені, просто перетягніть ім'я шару на кнопку створення нового шару на панелі шарів.

Злиття шарів.

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

Для поєднання шарів можна скористатися різними способами.

Для об'єднання шару з нижнім достатньо в меню "Шар" вибрати команду "Об'єднати з нижнім".

Для злиття декількох шарів в один спочатку потрібно зв'язати їх і перевірити, щоб усі вони були видимі. Потім виконати команду "Об'єднати пов'язані" з меню "Шар". Також можна об'єднати всі шари, що входять до одного набору. Для цього достатньо натиснути на ім'я набору та виконати команду «Об'єднати набір шару».

Також у меню "Шар" є команда "Об'єднати видимі", яка об'єднати в один шар усі видимі шари.

Завдання ефектів шару.

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

Щоб викликати вікно ефектів необхідно вибрати потрібний шар і вибрати пункт «Стиль шару» в меню «Шар» або клацнути кнопку внизу панелі шарів і вибрати ефект у списку, що розкривається.

Докладніше про ефекти розглянуто у додатку 3.

Photoshop помістив нашу нову фігуру на власному окремому шарі "Фігура 1" (Shape 1), розташованому вище фонового шару. Це шар-фігура, а не звичайний піксельний шар, на це вказує за невеликий значок фігури в нижньому правому куті мініатюри шару:

Шар-фігура на панелі шарів, значок, що вказує на це, обведений червоним

"Вільне трансформування контуру" (Free Transform Path) та "Вільне трансформування контуру (Free Transform Points) та "Вільне трансформування" (Free Transform Path)

Раніше я згадував, що команда Free Transform йде під різними назвами, залежно від обраного типу об'єкта. Незалежно від того, як вона називається, ви завжди знайдете її в списку вкладки Редагування (Edit).

Якщо у вас активний контур (як на малюнку вище) - то за вкладкою Редагування (Edit) будуть доступні команди Free Transform Path і Transform Path, російською "Вільне трансформування контуру" та "Трансформування контуру".

Якщо у вас активний не весь контур, а лише деякі з його вершин - то за вкладкою Редагування (Edit) будуть доступні команди Free Transform Points та Transform Points, російською "Вільне трансформування сегмента" та "Трансформування сегмента".

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

Цей урок не зачіпає трансформування контуру, а присвячений піксельній трансформації.

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

Масштабування об'єкту

Давайте подивимося, як Free Transform працює практично. Активуємо шар (якщо він не активний) з нашою фігурою та включаю команду, натиснувши клавіші Ctrl+T на клавіатурі. Це поєднання клавіш запускає одну із команд Free Transform, Free Transform Path або Free Transform Points (які ми розглянули у попередньому розділі). Навіть якщо ви не з тих, хто любить поєднання клавіш, я настійно рекомендую запускати цю команду з клавіш, тому що вона часто використовується при роботі Photoshop.

Як тільки ви запустите Free Transform, ви побачите рамку навколо об'єкта.

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

Ця рамка називається "Рамкою трансформування" (transform box). Зверніть увагу, що рамка має ряд квадратиків, що розташовані на ній. Вони розташовуються на серединах сторін та кутах рамки. Ці квадрати називаються transformation handles, або просто handles, російськомовні назви сленгові і відрізняються, я називаю їх маркерамиабо маркерами трансформування.

Як ви, напевно, зрозуміли, ці квадратики використовуються для зміни розміру і форми вмісту рамки.

Маркери рамки трансформування обведені червоним

Увімкнена за замовчуванням Free Transform дозволяє переміщати, масштабувати і обертати об'єкти. Для регулювання ширини об'єкта, не торкаючись висоти, натисніть на лівий або правий маркер і перетягніть його горизонтально. Якщо затиснути клавішу Alt перетягнути курсор миші, ширина буде змінюватися в обидві сторони від центру об'єкта, тобто у цьому випадку обидві сторони рухатимуться одночасно у протилежних напрямках. Нижче приклад, я тягну правий маркер назовні. Зверніть увагу, що ромбічні форми розтягуються по ширині:

Напрямок переміщення курсору показано червоною стрілкою. Фігура розтягується вправо по ширині, причому переміщається лише права частина фігури.

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

Для масштабування одночасно ширини та висоти, натисніть та перетягніть будь-який з чотирьох кутових маркерів. За промовчанням, ви можете перетягнути маркер вільно у будь-якому напрямку, але при цьому пропорції форми можуть спотворитися. Щоб зберегти вихідні пропорції, під час переміщення кутового маркера натисніть клавішу Shift. Якщо ви затиснете одночасно Shift+Alt, то при перетягуванні кутового маркера будуть зберігатися пропорції і, крім цього, трансформування відбуватиметься з центру на всі боки. На прикладі я перетягую лівий верхній маркер усередину:

Лівий верхній маркер переміщується вниз і праворуч при цьому клавіші Shift та Alt не затиснуті

Примітка. Про використання кнопки-модифікатора
Щоразу, коли ви використовуєте клавішу-модифікатор, як Shift та/або Alt, то, коли ви закінчите переміщення курсору, завжди слід спочатку відпускати ліву клавішу миші, а потім вже клавіші-модифікатори. Якщо ж ви спершу відпустите клавіші, то при затиснутій лівій клавіші миші вплив модифікаторів буде втрачено і рамка ніби стрибне і набуде небажаного вигляду

Регулювання ширини та висоти за допомогою введення числових значень у вікна панелі параметрів

Насправді не обов'язково перетягувати маркери для масштабування ширини та висоти об'єкта. Якщо ви знаєте точні значення, які вам потрібні, ви можете ввести їх безпосередньо у поля введення "Ширина" (позначено на панелі параметрів літерою "Ш", в англ. Width, позначено літерою W) та "Висота" (позначено літерою "В" , в англ.: Height, позначено буквою H). Натискання значка у вигляді ланцюжка між цими полями введення зберігає пропорції об'єкта. Якщо ви вводите один параметр, Photoshop автоматично змінить. Наприклад, якщо я ввів значення "Ширина" 150%, то, натиснувши значок, Photoshop змінив "Висоту" також до 150%:

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

На цьому прикладі я вибрав пікселі. Але можна вибрати будь-яку іншу одиницю, вказану в списку

Обертання об'єкта

Щоб повернути об'єкт, виведіть курсор миші за межі рамки та підведіть його до будь-якого кута. Коли ви побачите, що курсор набув форми двосторонньої зігнутої стрілки, просто натисніть і перетягніть його, щоб повернути об'єкт. При натисканні та утриманні Shift, об'єкт буде повертатися на 15° (ви відчуєте це, об'єкт буде ніби прилипати при повороті на кожні 15°):

Поворот методом введення числового значення кута повороту

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

У цьому прикладі об'єкт повернеться на 12 градусів за годинниковою стрілкою

Центр перетворення (Reference Point), зміна положення методом перетягування

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

Опорна точка трансформації обведена червоним, малюнок збільшений до 150%.

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

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

Зміна положення центру перетворення за допомогою опції панелі параметрів

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

Маніпулятор управління положенням центру перетворення, збільшення 150%

Переміщення об'єкту

Ми можемо використовувати Free Transform для переміщення вибраного об'єкта з одного місця до іншого в межах документа. Один із способів зробити це – натиснути в будь-якому місці всередині рамки трансформування (за винятком центру перетворення) та перетягнути об'єкт у будь-який бік за допомогою миші.

Ви також можете встановити нове положення для об'єкта, ввівши конкретне значення на панелі параметрів у поля введення координат X (горизонтальна позиція) та Y (вертикальна позиція). Зверніть увагу, що ці значення засновані не на самому об'єкті, а на його положенні центру перетворення, Що ми що ми розглянули трохи вище.

Якщо ви натиснете на маленький трикутник між полями введення X і Y, тепер ці поля вводу будуть показувати не фактичні координати центру перетворення щодо меж документа, а відстань, на яку ви перемістите об'єкт по відношенню до об'єкта в поточній позиції. Іншими словами, якщо ви введете значення 50 у поле введення X, об'єкт буде переміщений об'єкт на 50 пікселів вправо, в той час як введення 100 у поле Y посуне об'єкт вниз на 100 пікселів. Введіть негативні значення, щоб перемістити об'єкт у протилежних напрямках. Безпосередньо відразу після натискання на трикутник, в полях введення відображається значення "нуль", т.к. поки ви об'єкт не переміщали:

Зображення збільшено на 150%

Скасувати або анулювати трансформування

Перш ніж ми продовжимо розглядати нові способи зміни об'єкта, ми повинні спочатку дізнатися, як скасувати або скасувати перетворення. Photoshop дає нам один рівень скасування під час роботи з Free Transform. Щоб скасувати останній крок, натисніть клавіші Ctrl+Z.

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

Нахил (Skew)

Поряд з переміщенням, масштабуванням та обертанням, Free Transform також дає нам швидкий та легкий доступ до інших команд трансформацій Photoshop, це нахил, спотворення, перспектива та деформація. Щоб вибрати будь-який з них, все, що потрібно зробити, це, при активній команді, правою кнопкою миші клацнути в будь-якому місці всередині документа, а потім виберіть той пункт меню, який хочете. Почнемо з "Нахилу". Просто виберемо його зі списку:

Клік правою клавішею миші в будь-якому місці документа та вибір опції трансформування - Нахил (Skew)

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

Нахил об'єкта праворуч. Курсор обведений червоним кружком

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

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

Трансформування в режимі "нахил" - верхній правий кут перетягуємо вліво

Ви також можете ввести конкретні значення нахилу сторін у градусах, у поля "Г" (горизонтальний, англ "H" і "V" (вертикальний, англ. також "V")). Дивіться, який ромб вийшов у мене, крім цих значень, я ввів значення кута повороту 45° щодо опорної точки:

Тут я ввів три значення: поворот рамки щодо центру перетворення 45° та нахил сторін по горизонталі та вертикалі по 10°

Спотворення (Distort)

Тепер давайте розглянемо режим спотворення (Distort). Щоб вибрати його, я буду натискати правою кнопкою миші всередині мого документа і виберу пункт "Спотворення" (Distort) з меню.

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

Спотворення без затиснутої клавіші Alt

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

На прикладі спотворення проводиться вправо та вниз

Перспектива (Perspective)

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

Режим "Перспектива"

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

Ви можете зробити те саме по вертикалі шляхом перетягування кутових маркерів вгору або вниз.

Деформація (Warp)

Отже, ми дізналися, що, використовуючи Free Transform, ми можемо переміщати, масштабувати та повертати об'єкт. Також ми розглянули, як з режиму за промовчанням перемикатися на режими "Нахил", "Спотворення" та "Перспектива" у випадку, якщо на нас необхідно виконати інші види перетворень. Але, безумовно, режим, який дає нам найбільші можливості та управління, коли справа доходить до перебудови об'єкта, є "Деформація" (Warp). Розгляньмо детальніше, як працює цей режим.

Включається цей режим аналогічно попереднім – при активній "Трансформації" клік правою клавішею миші по будь-якому місцю в документі та вибір відповідного рядка зі списку.
Інший спосіб – натиснути кнопку Warp (також, при активній "Трансформації") на панелі параметрів. Ця кнопка служить перемикачем між режимом вільного трансформування і режимом деформації:

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

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

Щоб змінити форму об'єкта, слід натиснути та перетягнути будь-який з кутових маркерів. Так само, як у режимі "Спотворення" (Distort), "Деформація" дає нам повну свободу в переміщенні маркерів. При переміщенні маркерів ви помітите, що сама сітка перекроюється разом із об'єктом усередині неї:

Червоними стрілками показані напрями, якими зсунуті кути спочатку прямокутної сітки.

Бачите лінії з круглими точками на кінці, що виходять із кутів? Це напрямні, і кожен кут сітки має дві такі напрямні.
Ви можете змінити об'єкт (і сітку), натиснувши на кругляшки на кінцях напрямних та перетягнувши їх. Це додасть більше чи менше кривизни в залежності від того, в якому напрямку ви їх перетягнете. Для регулювання довжини напрямної (і довжини її кривої, що направляється), перетягніть кругляшок ближче або далі від кута:

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

Важливо!Для перетворення об'єкта в режимі "Деформації" можна використовувати не тільки кутові маркери та напрямні, а й будь-яку точку всередині рамки! Просто натисніть мишкою на будь-яку точку всередині рамки та протягніть курсор!

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

Стилі "Деформації"

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

Застосування стилю деформації миттєво перетворює предмет на задану форму. Ці стилі найчастіше застосовується до тексту, але можуть бути застосовані і до будь-якого виду об'єкта чи виділення.
За замовчуванням, Стиль Деформації встановлено на "Замовна" (Custom), при цьому стилі ми можемо вільно змінювати сітку деформування:

Опція "Стилі деформації"

Натисніть слово "Замовлення" (Custom), щоб відкрити меню з різними стилями деформації. Тепер можна вибрати бажаний стиль зі списку. Я виберу перший, "Дуга" (Arc):

Вибір стилю "Дуга" (Arc) із меню стилів деформації

Це миттєво перетворює мій об'єкт на форму дуги:

Об'єкт у вигляді арки (дуги)

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

Перетягуємо маркер вниз і змінюємо кривизну дуги, вниз-зменшуємо, вгору - збільшуємо

Ви також можете ввести певне значення кривизни вигину у відсотках у полі введення "Вигин" на панелі параметрів, від нуля до ста:

Вкажіть числове значення вигину у відсотках. Можна ввести негативне значення, тоді об'єкт вигнеться в інший бік

Щоб змінити орієнтацію деформації стилю з горизонтальної на вертикальну та навпаки, натисніть кнопку "Змінити орієнтацію деформації", розташовану безпосередньо зліва від поля введення "Вигин" (Bend):

Натискання кнопки - і вигин змінює положення з горизонтального на вертикальне.

Ви можете змінювати величину горизонтального та вертикального спотворення незалежно один від одного, ввівши значення у відсотках, у поля "Г" (горизонтальна деформація, в англ. H (horizontal)) і V (вертикальна деформація, в англ. V (vertical)) панелі параметрів:

Г (горизонтальна) та V (вертикальні) варіанти спотворення.

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

Перемикання стилю деформації назад на "Замовлена"

Інші варіанти трансформації

На додаток до "Нахилу", "Спотворення", "Перспективі", і "Деформації", "Вільне трансформування" надає нам доступ до більш стандартних варіантів трансформації, як "Поворот на 180 °", "Поворот на 90 ° за ч. с." або проти годинникової стрілки, а також "Відображення по горизонталі" (Flip Horizontal) та "Відображення по вертикалі" (Flip Vertical). Ви знайдете ці опції в нижній частині меню після того, як ви натиснете правою клавішею миші всередині документа:

Додаткові опції трансформування

Коли ви закінчите перетворення об'єкта, і будете готові до збереження змін, ви можете зробити це або натиснувши галочку в панелі параметрів, або натиснувши клавішу Enter на клавіатурі. Якщо ви вирішите, що ви не хочете зберегти ваші зміни, натисніть кнопку "Скасувати" (Cancel) в панелі параметрів (вона розташована безпосередньо зліва від галочки) або клавішу Esc на клавіатурі. Це призведе до виходу з режиму команди "Вільне трансформування" та поверне об'єкт до початкової форми та розміру.

Привіт дорогі читачі нашого сайту! Сподіваюся, настрій у вас гарний і ви готові поринути у чарівний світ Фотошопу.

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

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

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

Масштабування зображення

Зміна масштабу зображення починається з пункту меню «Вільне трансформування». Скористатися цією функцією можна трьома способами:

1. Перейти до розділу меню вгорі панелі «Редагування», у списку вибрати функцію .

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

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

3. Або скористайтеся поєднанням гарячих клавіш CTRL+T.

Змінити масштаб зображення можна кількома способами:

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

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

При цьому якщо тягнути картинку за кути, то розмір змінюватиметься як шириною, так і довжиною.

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

Якщо тягнути зображення за нижню або верхню сторону, то висота зміниться.

Щоб не пошкодити пропорції об'єкта, затисніть одночасно кнопку миші та Shift. Тягнути треба за кути пунктирної рамки. Тоді не відбудеться спотворення і зберігатиметься пропорції залежно від зменшення або збільшення масштабу. Для спотворення зображення з центру та центру під час трансформації затисніть кнопку Alt.

Спробуйте досвід, щоб зрозуміти всю суть зміни масштабу.

Поворот зображення

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

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

Поворот та масштабування

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

Щоб активувати потрібну функцію, перейдіть в меню «Редагування»далі в "Трансформування", у списку вибираєте «Масштабування»або «Поворот», залежно від того, яка зміна у зображенні вас цікавить.

Спотворення, перспектива та нахил

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

Схема вибору функцій така сама, як і при масштабуванні і повороті. Розділ меню «Редагування», потім "Трансформування"та у списку вибираємо потрібний пункт.

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

Накладення кадру на екран

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

У редакторі Фотошоп відкрийте обидва зображення.

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

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

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