1. Вставляємо фотографію в готову рамку
2. Вставка готової рамки без прозорого фону
3. Відсічна маска
4. Робимо обрамлення самі
5. Обтравочкная маска для готової рамки
6. Фотошоп онлайн

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

Вставляємо фотографію в готову рамку

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

1. Відкриваємо обидві фотографії в фотошопі в одному документі. Не страшно, що одне зображення налізатиме на інше.
2. Затисніть лівою кнопкою миші на мініатюрі з дівчинкою, після чого перетягніть її прямо під шар з рамкою.
3. При необхідності беремо інструмент переміщення і за допомогою лівої кнопки миші рухаємо фотографію дівчинки так, щоб вона добре виглядала.
4. Також, при необхідності, ви зможете натиснути комбінацію клавіш CTRL + T, щоб перейти в режим трансформування. Іноді необхідно зменшити або збільшити фото, щоб воно виглядало як треба.

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

Вставка готової рамки без прозорого фону

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

1. Відкрийте зображення з передбачуваної рамкою і виберіть інструмент виділення. В даному випадку можна взяти прямокутне виділення, але я все ж волію використовувати інструмент «Прямокутне ласо». Ве таки у картинки можуть бути похибки.
2. Далі, починаємо виділяти місце всередині рамки по периметру. У вас повинні будуть з'явитися пунктирні лінії.
3. Після цього перевірте, чи варто у вас на мініатюрі шару значок замочка. Якщо так. то натисніть на нього, щоб він зник. Після цього натисніть клавішу DELETE, після чого внутрішність рамки стане прозорою. Саме цього ми і добивалися.
4. Далі, відкриваємо зображення дівчинки (ну або що там у вас) в цьому ж документі.
5. Але знову ж таки вона у нас стоїть першим шаром, тому нам її потрібно буде змістити. Йдемо в панель шарів, і вже також як в першому варіанті переносимо мініатюру шару з дівчинкою нижче, ніж шар рамки.
6. Далі, залишиться тільки за допомогою переміщення і трансформування посунути і підігнати розмір як треба. Також можете застосувати який-небудь стиль шару, наприклад внутрішню тінь. Буде виглядати реалістичніше.

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

Відсічна маска

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

Робимо обрамлення самі

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

1. йдемо в інструмент «Постаті» і беремо «Прямокутник». Після цього виставляємо у властивостях колір обведення (який забажаєте), а колір заливки ставте будь-який від балди, так як потім він все одно забереться. Я поставлю жовтий.
2. Тепер, малюємо потрібний нам прямокутник на полотні. Можете затиснути SHIFT, щоб він вийшов квадратним. Якщо товщина не влаштовує, то ви завжди зможете змінити її у властивостях. Важливо тільки, щоб в цей момент був активований інструмент «Фігура».
3. Якщо ви хочете, щоб зовнішня сторона обведення була закругленою або багатокутної, то можете вибрати цей параметр у властивостях.
4. Також ви можете надати деяких ефектів вашої рамці за допомогою стилів шару . Я, наприклад, поставив тиснення і тінь. Решта властивості навряд чи особливо вплинуть на обведення, так як будуть орієнтовані на внутрішній вміст.
5. Тепер відкриваємо зображення з дівчинкою (ну або хто там у вас). Воно, як ви вже зрозуміли з'явиться новим шаром поверх фігури.
6. Далі, тиснемо правою кнопкою миші на мініатюру шару з дівчинкою і вибираємо пункт «Створити обтравочную маску». Тільки перед ці переконайтеся, що під мініатюрою з дівчинкою знаходиться наш прямокутник з обведенням.
7. Як бачите, тепер дівчинка виявилася всередині, немов у вікні будинку. Залишилося тільки пересунути її за допомогою « переміщення ». Також можете збільшити або зменшити зображення, щоб воно відповідало вашому баченню. Найголовніше, що картинка не обрізалася, а просто її краю знаходяться за межами видимості.

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

Трохи пізніше я обов'язково викладу видеоурок, щоб не було ніяких проблем.

Обтравочкная маска для готової рамки

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

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

Але є ідеальний вихід - зробити обтравочную маску.

В принципі, тут все дуже просто.

1. Для початку переконайтеся, що шар з фотографією (у мене дівчинка) розташований під мініатюрою рамки.
2. Тепер, беремо інструмент «Фігура» і вибираємо «Прямокутник». Після цього малюємо прямокутник так, щоб його краю нахлестивать на всі 4 сторони рамки.
3. Після цього, ховайте фігуру під мініатюру з дівчинкою. Після цього ваш прямокутник зникне з ваших очей. Але це нормально.
4. Далі, натискаємо на шарі з дівчинкою правою кнопкою миші і вибираємо пункт «Створити обтравочную маску».

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

Фотошоп онлайн

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

1. Увійдіть в сервіс online-fotoshop і відкрийте зображення з вашого комп'ютера, а саме ту саму рамку, в яке ви потім вставите своє фото.
2. Далі, обов'язково зніміть замочок зі шару. Для цього натисніть на нього лівою кнопкуой миші двічі. Це дозволить нам видалити непотрібну частину з картинки.
3. Тепер, вибираємо будь-який інструмент виділення. Правда в онлайн фотошопі особливо вибирати не доводиться, тому що тут є тільки прямокутне виділення і звичайне ласо. Мабуть, тут буде зручно використовувати саме прямокутне виділення.
4. А далі, затиснувши ліву кнопку миші в одному кутку поглиблення, простягніть його в протилежний кут. Таким чином у вас повинно буде виділено це саме поглиблення.
5. Після цього тут же натисніть кнопку DELETE, щоб видалити серцевину. Частина картинки в центрі повинна буде стати прозорою.
6. Тепер, виберіть у меню «Файл» - «Відкрити зображення» і знайдіть фото, яке ви хочете використовувати всередині. Я візьму ту ж саму дівчинку. Але тільки фотка відкриється в іншому документі. Щоб перетягнути її на документ з рамкою затисніть ліву кнопку мишки на мініатюрі шару з дівчинкою і просто перенесіть на потрібний нам шар, де ми вже попрацювали.
7. Як бачите, картинка перенеслася дуже вже маленькою. Щоб збільшити її, виберіть у меню пункт «Редагувати» - «Free Transform».
8. Тепер, потягніть її за ріг, щоб збільшити фото в розмірах. Тільки обов'язково затисніть клавішу SHIFT, щоб після збільшення збереглися всі пропорції. Тягніть до того моменту, поки вам не буде достатньо, або поки фото не буде перекривати рамку.
9. Останнім штрихом нам потрібно буде перемістити мініатюру шару з дівчинкою під шар з рамкою, щоб вона виявилася ззаду і ніякі краю не заважали.

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

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

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

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