Як вставити рамку у фотошопі. Вставляємо фото в рамку за допомогою Photoshop Як у фотошопі накласти рамку

  • Велика кількість фоторамок на вибір

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

  • Легко підняти рівень ваших фотографій за допомогою рамок

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

  • Надихайтеся та стимулюйте свій необмежений потенціал

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

Тепер зробимо ту ж операцію за допомогою іншої популярної програми – Photoshop.

У мене на комп'ютері встановлена ​​стара версія - Adobe Photoshop CS2. І вона мене всім влаштовує. Якщо у вас стоїть інша версія, можливо, деякі моменти роботи з програмою будуть відрізнятися від показаних, але в цілому алгоритм буде таким же.

Відкриваємо програму Adobe Photoshop. Заходимо Файл - Відкрити



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

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

Всі свої шаблони я зберігаю з роздільною здатністю 300 точок/дюйм і розміром 200 х 90 мм. Тому після відкриття фотографії дівчини я підганяю її (фотографію) під розмір шаблону. Інакше фото та шаблон можуть дуже відрізнятися. Для цього в меню програми йдемо Зображення - Розмір зображення...і в віконці, що з'явився, виставляю той же дозвіл, що і у шаблону, а так само висоту, приблизно рівну висоті шаблону:

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

Тепер нам потрібно перемістити нашу морячку на шаблон. Для початку активуємо Інструмент "Переміщення"

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

Деякі версії фотошопу не підтримують прямого перетягування мишею. У цьому випадку ми зробимо інакше: на вкладці з фотографією морячки йдемо Виділити все(наше фото виділилося), потім Редагування - Копіювати. Тепер переходимо на вкладку із шаблоном (рамкою) та натискаємо Редагування - Вклеїти.

Якщо вискочить таке віконце, тиснемо Перетворити:

Тепер наша фотографія знаходиться над шаблоном і ми за допомогою миші можемо її вільно переміщати. Щоб переміщалася саме морячка, а не сам шаблон, у вікні Шариповинен бути активований шар з фотографією дівчини (натисніть на нього і він набуде темно-синього кольору):

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

Шари помінялися місцями і наша морячка "сховалася" за рамку:

Хочеться трохи збільшити розмір нашої фотографії. Переконавшись, що у вікні Шариактивний саме шар із нашою фотографією, йдемо в меню Редагування - Вільне трансформування:

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

Змінивши розмір і підігнавши фотографію у віконці шаблону, тиснемо Enterта рамка навколо фотографії зникне. Залишилася дрібниця - зберегти для сублімації наш шаблон у "дзеркалі". Заходимо у меню Зображення - Повернути полотно - Відобразити полотно по горизонталі:

Наш шаблон готовий!

Ну і для закріплення перегляньте цей відеоурок:

vYUDIdl4L6o

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

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

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

У зображенні у форматі.jpg замість прозорого фону буде фон білим кольором.

Отже, почнемо вставляти нашу фотографію в красиву новорічну рамку у форматі.psd.

1. Для початку відкриваємо Adobe Photoshop. Далі відкриваємо зображення вибраної рамки ( Меню Файл -> Відкрити…) або за допомогою клавіш Ctrl+O:

У центрі рамки ми бачимо область (позначається білими і сірими квадратиками) для вставки фотографії.

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

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

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

2. Також відкриваємо фотографію, яку збираємося вставити в рамку.

Зліва на панелі інструментів вибираємо інструмент "Переміщення". Перекладаємо вказівник миші на фотографію і затиснувши ліву кнопку миші, перетягуємо фото на віконце з рамкою.

3. Ми бачимо, що фотографія наклалася на рамку і нам потрібно її опустити.

Для цього переходимо до панелі шарів. Бачимо, що до шарів рамки додався ще один шар «Шар 1»- Шар з фотографією.

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

4. Тепер нам потрібно підігнати фотографію під розмір рамки, якщо фотографія вийшла більше за рамку — ми її зменшуємо; якщо менше, як у мене, ми її збільшуємо.

Для початку переконаємося, що шар з фотографією активний (тобто виділений). Після цього поєднанням клавіш Ctrl+Tабо через меню ( Редагування -> Вільне трансформування) Викликаємо . Після цього навколо фотографії з'явиться така рамка:

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

Після того як фото підігнали під розміри рамки, робимо подвійний клік лівою кнопкою миші або натискаємо клавішу Enter. Рамка редагування навколо фото зникне:

5. Тепер зберігаємо нашу фотографію з рамкою, для цього вибираємо меню ( Файл -> Зберегти як…):

У вікні вводимо ім'я нашої зробленої картинки за вашим бажанням, у моєму випадку «Новорічна фотографія». І вибираємо тип зображення .jpg. Вибираємо місце для збереження фотографії та натискаємо кнопку «Зберегти».

Тут у полі «Якість»ставимо цифру «8»- Висока якість зображення. Зазвичай "вісімки" вистачає для збереження зображення у високій якості.

На цьому вставка фото в рамку завершена. Ми отримали ось таку новорічну фотографію:

Тепер розглянемо вставку фотографій у рамку форматом.png.

Цей спосіб вставки фото в рамку нічим не відрізняється від попереднього. Як я вже казав, рамка форматом.png може мати прозорий фон.

1. Так само відкриваємо рамку у форматі.png.

На панелі шарів ми бачимо, що ця рамка має лише один шар.

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

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

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

3. Точно також додаємо та підганяємо другу фотографію.

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

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

Натискаємо клавішу Deleteі випираюча частина фото видаляється. Для зняття виділення натискаємо клавіші Ctrl+D.

6. Ось і все. Тепер повторюємо кроки 5 і 6 з попереднього прикладу вставки фото в рамку для збереження нашої новорічної фотографії.

У результаті ми отримали таку фотографію:

Якщо у вас не встановлений фотошоп, то пробну версію ви можете завантажити з нашого сайту - Adobe Photoshop.

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

На будь-який смак, але вони мають різні формати – Png, Jpeg, PSD.

Як вставити рамку у Фотошопі: формат Jpeg


  1. Перш за все відкрийте вихідне зображення.

  2. Основний шар потрібно. Для цього клацніть двічі лівою кнопкою миші по піктограмі шару. Коли відкриється вікно "Новий шар", просто натисніть "Так". Шар отримає ім'я "Шар 0".

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

  4. Натисніть кнопку Delete. Шаховий візерунок, який з'явиться у виділеній області, означає, що утворилася прозора область. Тепер слід натиснути Ctrl+D та зняти виділення.

  5. Відкрийте фотографію, яку хочете помістити в , а потім виберіть інструмент «Переміщення» та перетягніть фото на рамку. Якщо воно більше, натисніть Ctrl+T.

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

  7. Останній крок - змінити шари. Залишилося злити шари за допомогою клавіш Shift+Ctrl+E, і фото готове.

Як правильно вставити рамку у Фотошопі: формат PNG


  1. Відкрийте вихідне зображення у форматі PNG та фотографію, яку вставлятимете у рамку.

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

  3. Фото потрібно розташувати над рамкою.

  4. Тепер поміняйте місцями шари.

  5. Розмістіть фото так, як вам подобається, натиснувши Ctrl+T та утримуючи Shift. Злийте шари за допомогою комбінації Shift+Ctrl+E.

  6. Натисніть клавіші Shift+Ctrl+S і введіть у вікні збереження ім'я файлу і тип – jpeg, потім натисніть «Зберегти».

Як вставити рамку у Фотошопі: формат PSD

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


  1. Відкрийте вихідне зображення та фотографію.

  2. За допомогою інструмента "Переміщення" перетягніть фото на зображення з рамкою.

  3. На панелі "Шари" буде безліч шарів, а не один, як у випадках з іншими форматами. Знайдіть шар із рамкою та розташуйте під ним фото.

  4. Натисніть Ctrl+T і, утримуючи Shift, зменшіть фотографію до потрібного розміру. Розташуйте її у рамці так, як вам подобається. Натисніть клавішу Enter.

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

  6. Натисніть Shift+Ctrl+S і збережіть фото у форматі PSD або Jpeg, якщо хочете роздрукувати фотографію у рамці.

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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