DIWO.BY

Digital World - Уроки фотошоп

Фотомонтаж. Помещаем изображение в рамку.

В этом уроке я постараюсь ответить на вопросы, которые часто задают наши пользователи, а также выполню просьбу одного из них. А именно я расскажу как пользоваться слоями (как рисовать под объектом) и как поместить фотографию в уже готовую рамку. Я надеюсь что после этого урока вы будете иметь общее представление о работе со слоями и в будущем у вас возникнет меньше трудностей с этим. Урок рассчитан на совсем новичков и в нем используется только палитра Layers(Слои), инструмент Eraser Tool (Ластик) и инструмент Brush Tool (Кисть)

Принцип работы слоев понять очень просто. Представьте себе слоеный пирог. Сделаем первый слой из теста, затем намажем его вареньем и что мы увидим (точнее чего не увидим)? Конечно мы не увидим нашего теста т.к. поверх него мы намазали варенье. По такому принципу работают слои. Самый верхний слой будет виден всегда (если его не отключить), а слои которые расположены ниже будут видны частично или совсем не видны. Давайте рассмотрим все это на примере.
Для начала вставим фото в рамку, а потом еще что-нибудь дорисуем.

Шаг 1.

Откроем нужную рамку с помощью меню File>Open (Файл>Открыть) или с помощью комбинации клавиш Ctrl+O.

fr_1.jpg

Вот такую рамку я выбрал. Если успеете можете сделать своей второй половинке небольшой подарочек к дню Святого Валентина). Итак что мы видим. Саму рамку в форме сердца и фон в квадратики. Все что в квадратиках прозрачное, т.е. если мы поместим что-то в эту рамку оно будет все видно кроме той части, которая перекроется сердечком. Давайте сейчас вставим какое-нибудь фото в эту рамку и посмотрим что получится.

Шаг 2.

Открываем нужное фото и помещаем его в документ с рамкой.

Выбираем и открываем фотографию

fr_2.jpg

Затем перетаскиваем его в документ с нашей рамкой. Для этого перетащите вкладку с вашим документ в любое место рабочей области.

fr_3.jpg

В результате фотография должна появится в отдельном окошке.

fr_4.jpg

Теперь перетаскиваем слой с нашей фотографией в документ с рамкой.

fr_5.jpg

Шаг 3.

После того как мы добавили наше фото, рамка оказалась позади него. Т.е. фото перекрывает рамку и рамка не видна.

fr_6.jpg

А нам нужно сделать наоборот. Для это переместим фото под рамку путем перемещения слоя (в палитре Layers(Слои)).

fr_7.jpg

В результате получилось то, что нам было нужно.

fr_8.jpg

Шаг 4.

Уберем часть фото, которая выходит за рамку с помощью инструмента Eraser Tool (Ластик).

fr_9.jpg

Вот и все) Фото в рамку вставили. Но я думаю еще надо убрать прозрачный фон. Для этого можете что-то нарисовать сами, а можете и использовать уже готовые фоны. Я использую готовый.

Шаг 5.

Выбираем нужный фон и как в шаге 2 добавляем его в наш документ и как в шаге 3 помещаем позади всех слоев. Т.е. слой с фоном должен быть самым нижним.

fr_11.jpg

Вот что вышло.

fr_10.jpg

Шаг 6.

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

fr_13.jpg

Для узоров я использовал вот эти кисти.

Вот порядок слоев этого документа.

fr_14.jpg

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

Вот теперь точно все)

fr_final.jpg


Аватар пользователя ташик

Помогите. У меня не получается скачать рамку в формате PNG. Уменя она сохраняется в формате jpg.


Аватар пользователя mrkaktooz

Значит она в формате JPG.


Аватар пользователя ташик

Как сохранить рамку в формате PNG ?


Аватар пользователя mrkaktooz

Она изначально должна быть в png. Если вы сами делаете рамку, то сначала вырезаете внутреннюю часть рамки (и если нужно наружнюю) и с помощью команды меню File>Save As(Файл>Сохранить как) сохраняете ваш файл в нужном формате.


Аватар пользователя Нади

Добрый день!!!
В шаге № 3 не могу поменять слои (стоит знак запрета).
Вообще я взяла готовую рамку с "внутренней частью". Взяла фото, удалила задний фон, уменьшила в размерах.
В палитре слои у меня 2 слоя:рамка и фото. Слоя не перемещаются(((


Аватар пользователя mrkaktooz

Если у вас на самом нижнем слое стоит замочек справа, то нажмите по нему правой кнопочкой мыши и выберите в появившемся меню Layer From Background (Слой из заднего плана) и нажмите ОК в появившемся окне. Таким образом слой разблокируется и его можно будет перемещать.


Аватар пользователя люда

Спасибо за ваши уроки, но у меня при нажатии на правую мышку выходит другая табличка и там не (Слой из заднего плана)


Аватар пользователя mrkaktooz

Возможна и другая надпись, в зависимости от версии перевода.


Аватар пользователя люда

Здравствуйте!! Все делаю так как у вас написано, но дохожу до перетаскивать слои и все равно не получается, начинаю разблокировать замочек , нажимаю правой мышкой выходит вот такая табличка-Параметры слоя.Параметры наложения.Изменение корректировки.СОЗДАТЬ ДУБЛИКАТ СЛОЯ.УДАЛИТЬ СЛОЙ.ПРЕОБРАЗОВАТЬ В СМАРТ ОБЬЕКТ. растрировать слойюВключить слой маску. Включить вектор маску.Создать обтравочную маску.скопировать стиль слоя.Обьединить слои.ОБЬЕДИНИТЬ ВИДЕЛ,ВЫПОЛНИТЬ СВЕДЕНИЯ. Все что крупными буквами написано- это у меня в табличке выделено,про слои на заднем слое ничегошеньки.Вчера мучилась почти всю ночь.Извените что я так тупая,но уж сильно хочеться научиться


Аватар пользователя mrkaktooz

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


Аватар пользователя люда

Мне нужно чтобы рамка была сверху фото, а то фото закрывает всё. значит мне нужно поменять слои,а когда я хочу поменять на рамке стоит замочек , я его хочу разблакировать как вы писали в уроке , но у меня выходит табличка что я писала вам ранее


Аватар пользователя mrkaktooz

Кажется я наконец понял что вам нужно) Кликните дважды левой кнопкой мыши по слою с рамкой и в появившемся окошке нажмите ОК. Хотя если слой у вас не является фоном, то это не поможет( Если не поможет, то продублируйте слой с рамкой (кликните по нему правой кнопкой мыши и выберите Дубликат слоя). У вас получится 2 одинаковых слоя. Тот что с замочком отключите и работайте с копией этого слоя)


Аватар пользователя люда

Да у меня получилось!!! Как вы написали. Спасибо!!!.Правда помучилась и не все получается, иногда в одну и туже рамки не могу вставить разные фото -выходит табличка "что исходные и целевые документы совпадают "и иногда в другие рамки меняю слои местами как в шаге3 и все равно не получается, вроде бы замочек разблокирован.Но все равно я вам благодарна за ваши уроки.Поздравляю вас с наступающим Новым Годом!!! Желаю вам творческих успехов , здоровья и счастья.


Аватар пользователя mrkaktooz

Спасибо) Вас так же с наступающими праздниками)


Аватар пользователя Нади

Попробую...


Аватар пользователя Нади

ОК!!! Спасибочки!!!!


Аватар пользователя Нади

А как сделать в такую рамку-
izm.jpg
подобного рода фото
umensh.jpg


Аватар пользователя mrkaktooz

в каком формате ваша рамка? в jpg или png?


Аватар пользователя Нади

все в jpg


Аватар пользователя Нади

Вот что у меня получается: vot1.jpg


Аватар пользователя Нади

а цветы восстановить не могу(((


Аватар пользователя mrkaktooz

Здесь вам нужно либо стирать инструментом Eraser Tool (Ластик) места, которые заходят на элементы рамки, либо вырезать внутреннюю часть рамки и помещать ваше фото под рамку. Новы резать внутреннюю часть будет сложно т.к. в вашей рамке много малких элементов. Для таких целей лучше использовать уже готовые рамки в формате png с вырезанной внутренней частью.


Аватар пользователя Нади

спасибо, попробую стереть...


Аватар пользователя irbis775

после того,как я открыла рамку и фото и перенесла фотов рабочую область на панельке слои у меня не получается наложить один слой на другой,,,,,наждимаю отдельно на каждый файл они высвечиваются отдельно каждый в своем LAYER....КАК БЫТЬ?


Аватар пользователя mrkaktooz

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


Аватар пользователя Гость

пОМОГИТЕ ПЛИЗ Я НЕ МОГУ ПЕРЕМЕСТИТЬ, МНЕ ПИШЕТ ЧТО РАБОЧИЙ ДИСК ПЕРЕПОЛНЕН, КАК БЫТЬ?


Аватар пользователя mrkaktooz

У вас осталось мало места на рабочем диске (чаще всего диск С). Удалите ненужные файлы с диска, почистите историю операций в фотошопе.


Аватар пользователя Гость

вопрос 1: как сюда поместить то что у меня получилось, чтобы задать вопрос 2??


Аватар пользователя cugo

скажите пожалуйста, я немогу понять как открыть эту рамку? у меня непоявлуеся пустое пространство в виде квадратиков, и когда открываю ту фотку, которую хочу вставить в эту рамку, то та рамка вабще пропадает!! помогите люди добрые Smiling))


Аватар пользователя mrkaktooz

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


Аватар пользователя Олюхенч

Хех)
Моя прежнея проблема...
Есть у меня такое сердечко,выбрала фотку,а она очень маленькая в этом сердце:(Что делать?


Аватар пользователя mrkaktooz

Как я уже говорил: выберите слой с фото, нажмите Ctrl+T и растяните до нужного размера... когда растяните как надо нажмите Enter для подтверждения


Аватар пользователя Олюхенч

Я нажимаю Ctrl+T ,но у меня никакая рамка не выскакивает!


Аватар пользователя mrkaktooz

Уменьшите масштаб документа (Ctrl+-).. возможно рамка не помещается в рабочую область


Аватар пользователя Олюхенч

Всё спасибки...разобралась


Аватар пользователя Олюхенч

Эхуууууууу!Ура!Разобралась!Smiling


Аватар пользователя amegavik

Помогите пожалуйста с такой проблемой. Когда я делала раньше фото в готовую рамку ,я прямоугольной областью выделяла слой на фото, перемещала на фоторамку и уменьшала выделенную область фото shift и тянула за угол.А теперь почему то фото перемещается, но не хочет уменьшаться (растягиваться). То есть область даже не выделяется за что ее можно было бы тянуть. Как будто пропала такая функция. Что мне делать? Заранее спасибки.

Вика


Аватар пользователя mrkaktooz

Нажмите Ctrl+T и появиться то, что вам нужно


Аватар пользователя Svetca

я скачиваю кисти но фотошоп их не находит!!!
Что делать?


Аватар пользователя mrkaktooz

Кисти находятся в архивах, поэтому их вначале нужно распаковать. Внутри каждого архива находится инструкция по установке кистей.


Аватар пользователя Ellza-za

Спасибо! Все просто и понятно! Хотела бы еще текст написать, но не умею)). Если есть такой урок, дайте пожайлуста ссылку на него.


Аватар пользователя mrkaktooz

например вот


Аватар пользователя edil


Аватар пользователя koskas

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


Аватар пользователя mrkaktooz

Скорее всего разное разрешение изображений


Аватар пользователя Kador

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


Аватар пользователя mrkaktooz

Выберите слой с фото, нажмите Ctrl+T и подгоните размер так как вам надо


Аватар пользователя Ленусикк

Скажите пожалуйста, почему я не могу скачать набор кистей 2,5 мб ?


Аватар пользователя Ленусикк

Уже все в порядке. Огромное вам спасибо за сайт и все что вы делаете. Ваш сайт самый лучший!!!!!!!!!!!!!!!!!!!!!!


Аватар пользователя Intenza

спасибо, за такое подробное описание!!! сайт действительно отличный!!!


Аватар пользователя Гость

Убила целый день на помещение фоток в рамки, но ура ,у меня получилось,единственное не могу сохранить отдельно, на рабочем столе. С П А С И Б О!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


Аватар пользователя Гость

Ааа у меня такая проблемка: мне нужно качественное изображение, при печати оно будет размером 50х50 см, какое разрешение мне выставить в этом случае?! И какая версия фотошоп более удобна для новичков?!


Аватар пользователя Гость

Аааа у меня такая проблемка-хочу чтоб изображение при распечатке было качественным, размеры в реале 50х50 см, как выставить разрешение в этом случае?! И какая версия фотошоп более удобна для новичков?!


Аватар пользователя Таттьтяна

С рамкой все получилось. Но как выйти из программы и сохранить готовое фото. Сохраняется только в фотошопе и открывется в этой программе.


Аватар пользователя коля

класно


Аватар пользователя коля

сайт действительно отличный!!!


Аватар пользователя Гость

не получается шаг №3 подскажите


Аватар пользователя Гость

не получается шаг №3 подскажите


Аватар пользователя remka

простейшее не получается переместить вкладку в рабочую зону что такое вкладка фото в каком-то виде?слои рамки в одном месте слои от фото в другом не объединить?не мое видно!к вам претензий нет!


Аватар пользователя mrkaktooz

Во втором шаге 2 изображение. На нем выделена вкладка и показано куда ее нужно перетащить. Попробуйте еще разок и у вас обязательно получится) а если нет, то еще разок попытайтесь. Не у всех получается все с первого раза.


Аватар пользователя remka

Все сделала,как с первого раза не дошло не знаю!Спасибочки!


Аватар пользователя Софья

Спасибо за помощь


Аватар пользователя Софья

ПОМОГИТЕ КАК МОЖНО БЫСТРЕЕ


Аватар пользователя mrkaktooz

чем?)))


Аватар пользователя Гость

Добрый день.Хочу вставить фото в рамку,я открываю рамку, появляется слой рамки, открываю фото, слой рамки пропадает. Что я не так делаю?


Аватар пользователя mrkaktooz

Вам нужно поместить фото в документ с рамкой (можно с помощью команды File->Place (Файл->Поместить)) и слой с фото переместить под слой с рамкой.


Аватар пользователя Гость

Здравствуйте:) Подскажите пожалуйста, что делать, я не могу вырезать фото по контуру и рамка (у меня только под лицо) получается прозрачной.. хотя непрозрачность стоит на 100%..

Отправить комментарий

  • Доступные HTML теги: <img> <p> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
   ____   ____   __     __  _   _  _               
/ ___| | ___| \ \ / / (_) | || | _ __ ___
| | |___ \ \ \ / / | | | || |_ | '_ ` _ \
| |___ ___) | \ V / | | |__ _| | | | | | |
\____| |____/ \_/ |_| |_| |_| |_| |_|
Введите код, изображенный в стиле ASCII-арт.