-–убрики

 -ѕоиск по дневнику

ѕоиск сообщений в Yuliadar

 -ѕодписка по e-mail

 

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 24.01.2013
«аписей: 1276
 омментариев: 2588
Ќаписано: 4075

MK- как вставить картинку в рамочку. –амочки прилагаютс€

¬торник, 21 ћа€ 2013 г. 13:14 + в цитатник


 



¬сем привет. —егодн€ разгл€нем вопрос , как вставить изображение в рамку. ƒл€ начала € вам расскажу, что вставка изображений в рамку может быть разной, погл€дим примеры ниже:



ѕример 1





ѕример 2







 ак видим из примеров, тип рамок совсем разный: в первом примере мы наложили рамку сверху изображени€, а во втором обработали край изображени€, тем самым создав рамку.



ќба эти примера € опишу в двух уроках.



¬ставл€ем изображение в рамку: способ 1



»ногда, бывает интересно поместить изображение под рамку, например, фотографию друга, потом отослать ее ему — он распечатает и повесит на стене ;-).



» самое при€тное, что сделать это сможет любой, т.е. тут не нужны какие-то особые навыки работы с Photoshop.



ƒопустим, вы уже нашли нужную картинку, теперь вам осталось найти рамку. Ќа очень многих интернет-ресурсах есть рамки, на некоторых даже большие архивы. ¬сЄ, что вам нужно, — это выбрать понравившеюс€ и скачать. ѕеред скачиванием, обратите внимание на то, что пишут: обычно к таким рамкам указывают, что ее можно скачать в *.psd — там уже вырезана центральна€ часть и вам не придетс€ еЄ дополнительно вырезать.



“еперь откройте свое изображение, на которое и будем накладывать рамку. ” мен€ это вот така€ вот картинка:





—копируем изображение полностью и откроем скачанный *.psd файл в Photoshop. ќбратите внимание, что сама рамка имеет прозрачность в центре:





—оздаем новый слой, располагаем его ниже сло€ с рамкой.





¬ставл€ем на только что созданный слой, скопированное ранее изображение. ≈сли оно, не подходит по размерам, то подгоните либо изображение под размер рамки, либо рамку под размер изображени€, выделив соответствующий слой и воспользовавшись функцией: Edit → Transform → Free Transform, после чего пот€ните за угловой маркер с зажатой клавишей Shift дл€ пропорционального сжати€/раст€жени€.





ѕосле подгонки изображени€ под рамку, можете сохран€ть картинку. ¬сЄ готово.





по материалам сайта-photoshopworld.ru/lessons/7/



 



 ак вставить изображение в рамку: способ 2



Ќа этот раз мы научимс€ делать вот такой эффект:





ќбработка краев изображени€



 ак и в прошлом уроке, нам нужна картинка, с которой мы будем работать. я вз€л то же самое изображение:





ќткрываем картинку в Photoshop. ѕервым делом нам нужно разблокировать фоновый слой. ќбратите внимание, на картинке слой с замком: это означает, что он заблокирован, но блокировка фонового сло€ несколько ина€, нежели других заблокированных слоев.





«ажимаем Alt и двойным щелчком мыши, кликаем по фоновому слою, после чего замочек сниметс€ и фоновый слой примет обычный вид, следовательно, его можно будет редактировать как обычный слой.





Ќастало врем€ определить центральную часть, котора€ не подвергнетс€ изменению — выдел€ем ее. —тарайтесь оставить достаточно места границам выделени€, иначе эффект в дальнейшем может не поместитс€ в заданные области.





 ак только мы получим выделение, которое нас устраивает, необходимо его инвертировать (воспользуйтесь командой Select → Inverse). “аким образом, мы определили границы, в пределах которых будет создана рамка.



ƒл€ дальнейшей работы, на основе текущего выделени€ нужно создать быструю маску. ¬сЄ, что требуетс€ дл€ ее создани€, это при активном выделении нажать клавишу Q. ÷ентральна€ область изображени€ станет красноватого цвета как на картинке ниже.





—ледующий шаг — это применение фильтра: Filter → Pixelate → Color Halftone. ” вас должно открытьс€ окошко с настройками; € помен€л только Max Radius, установив 12 пикселей. ¬ы можете поиграть с настройками максимального радиуса.  ак только настройки выставлены, щелкаем на кнопке OK.





ќбратите внимание, что ровный красный квадрат, изменилс€ по кра€м — по€вилось множество кружков.





Ќе об€зательно: при желании, вы можете применить фильтр еще несколько раз, нажав комбинацию клавиш Ctrl+F столько раз, сколько потребуетс€. “аким образом вы получите более деформированную границу.



ѕосле того, как мы получили рваные кра€ и картинка стала похожей на ту, что показана выше, то сразу же выходим из режима быстрой маски, нажав Q.



“еперь у вас будет, вместо красной области, выделенние.





Ќажмите Del и снимите выделение Select → Deselect. “еперь можете подложить любой фон под этот слой; € создал новый слой ниже сло€ с картинкой и просто покрасил его в белый цвет.



» еще… если какие то области вам не нрав€тс€, то можно немного стереть кра€ ластиком.





3 способ- как вставить в рамку картинку.



 













 ак вставить фото в рамку в ‘отошопе





¬ам захотелось вставить фотографию в найденную на просторах »нтернета красивую рамочку? или в очень симпатичный коллаж? ƒавайте, пошагово рассмотрим, как это делаетс€ в Photoshop.



—егодн€ будем вставл€ть одну фотографию в рамку, а в следующий раз уже возьмемс€ за более сложный коллаж. 



»так, что мы имеем?

1. ¬ашу фотографию

2. программу Photoshop

3. красивую рамочку в формате .png или .psd – почему именно эти форматы? ƒл€ наших нужд у них есть одно замечательное свойство – прозрачность слоев.



ƒавайте приступать к процессу размещени€ вашей картинки в рамке.



1. ќткрываем обе картинки в ‘отошоп : File – Open… (‘айл – ќткрыть…). —начала одну, за ней другую картинку.



 ак вставить фото в рамку в ‘отошопе




 ак видите, фотографи€ у нас в формате .JPG, а рамка – в .PNG



 ак вставить фото в рамку в ‘отошопе




2. “еперь необходимо совместить эти 2 картинки: переместим фото к рамке 



а) активным €вл€етс€ окошко с фотографией (еЄ рамка более темного цвета, если это не так – просто нажмите на фото и оно таковым станет)

б) в правом нижнем углу программы находитс€ список со сло€ми – он-то нам и нужен:

- мы можем просто «перетащить» этот слой: левой кнопкой мыши жмем на него и не отпуска€ кнопку перет€гиваем его на окошко с рамкой



 ак вставить фото в рамку в ‘отошопе




¬ картинке с рамкой по€вилось наше фото, а в самом файле – новый слой.

1 слой – это рамка, 2 – фотографи€.



 ак вставить фото в рамку в ‘отошопе




- бывает, что не получаетс€ перетащить картинку, она, как бы проскакивает мимо, тогда есть другой способ – с ним не промахнешьс€:



а) активным €вл€етс€ окошко с фотографией

б) на слое Background жмЄм правой кнопкой мыши – по€вл€етс€ выпадающий список, где мы выбираем Duplicate Layer… (ѕродублировать слой) – жмЄм



 ак вставить фото в рамку в ‘отошопе




ѕо€вилось окошко Duplicate Layer, где мы в выпадающем списке находим название файла с рамкой (куда добавл€ем фото) – жмЄм – ќ 



 ак вставить фото в рамку в ‘отошопе




¬ картинке с рамкой по€вилось наше фото, а в самом файле – новый слой.

1 слой – это рамка, 2 – фотографи€.

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



 ак вставить фото в рамку в ‘отошопе




3. »так, мы имеем в одном файлике фото и рамку, но фотографи€ сверху, а нам надо наоборот – переместим фото «ј рамку. ƒл€ этого в списке слоев «хватаем» (левой кнопкой мыши) верхний слой с фото и перетаскиваем его ниже сло€ с рамкой.



 ак вставить фото в рамку в ‘отошопе




—лои помен€лись местами, а фото оказалось «ј рамкой, что и требовалось!



 ак вставить фото в рамку в ‘отошопе




¬ас наверн€ка не устроит масштаб фотографии. 



ѕодогнать его ѕќƒ рамку несложно: 

а) слой с фотографией должен быть активным, ещЄ говор€т « вы должны «сто€ть» на этом слое – он более тЄмный, если это не так – просто нажмите на него в списке слоев.



 ак вставить фото в рамку в ‘отошопе




б) далее Edit – Transform- Scale (–едактирование – “рансформировать – ћасштаб)



 ак вставить фото в рамку в ‘отошопе




вроде ничего не произошло? – произошло, просто не видно: подведите мышку к картинке и покрутите колЄсико – масштаб картинки уменьшитс€, и вы увидите рамку с квадратиками по кра€м – за эти квадратики мы и будем «т€нуть» уменьша€ масштаб фотографии до нужного размера.



 ак вставить фото в рамку в ‘отошопе




„тобы масштабирование происходило равномерно по обеим сторонам (чтоб не исказить фото), зажимаем клавишу Shift на клавиатуре и т€нем до нужного размера.



 ак вставить фото в рамку в ‘отошопе




4. ‘отографи€ уменьшилась, но «уползла»?



 ак вставить фото в рамку в ‘отошопе




Ќадо вернуть на место! ѕередвинуть просто:



находим инструмент Move (ѕеремещение) в панели инструментов, жмем на него, а затем просто сдвигаем мышкой (нажали левую кнопку мыши) фотографию до нужного положени€.



 ак вставить фото в рамку в ‘отошопе




5. ќсталось только сохранить полученный результат: File – Save as… 



 ак вставить фото в рамку в ‘отошопе




¬ыбираете куда сохранить, как назвать и нужные формат файла .jpg или на ваше усмотрение.



 ак вставить фото в рамку в ‘отошопе


 



 ак вставить фото в рамку в ‘отошопе


 


по материалам сайта-.handbookbride.ru/main/hand-made/163-kak-vstavit-foto-v-ramku-v-fotoshope.html



4 способ -













 ак вставить фотографию в шаблон рамки



 



 




ƒл€ этого нам с вами понадобитс€ графический редактор Adobe Photoshop. ”вер€ю вас, вставить фото в рамку с помощью Photoshop очень просто, даже если вы совсем не умеете с ним работать!



1. ќткройте в Photoshop изображение с выбранной рамкой (ћеню File --> Open или комбинацией клавиш Ctrl-O):




ќткрываем картинку с рамочкой в Photoshop



¬ центре картинки с рамкой находитс€ прозрачна€ область (она обозначаетс€ серыми и белыми клеточками), в которой и будет располагатьс€ фотографи€.



2. ќткройте фотографию, которую хотите вставить в рамку.




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



ј теперь на панели инструментов слева нажмите кнопку , "схватите" фотографию мышкой и перетащите в окошко с рамкой. ‘отографи€ наложитс€ на рамку, и нам нужно переместить ее вниз. ƒл€ этого найдите справа панель (она называетс€ палитра) Layers (—лои). —ейчас у вас на изображении 2 сло€: один с рамкой, другой - с фотографией. ¬ам нужно переместить слой с фотографией вниз. Ёто делаетс€ просто: кликаете мышкой на название сло€ и переносите его "под" название сло€ с рамкой.




ѕеретаскиваем слой



¬нимание! ≈сли слой с рамкой €вл€етс€ в документе Photoshop фоном (Background), то вы не сможете размещать слои под ним. ƒл€ этого необходимо сначала преобразовать его в обычный слой. ѕросто кликните два раза мышкой по названию этого фона-сло€ и в по€вившемс€ окне нажмите OK (можете дать свое название этому слою, если желаете).




јктивный слой



ƒалее нам нужно изменить размер фотографии, подогнав ее под рамку, и, если нужно, сместить и повернуть ее. ѕредварительно убедитесь, что в данный момент активен слой с фотографией, а не с рамкой (активный слой обозначаетс€ значком кисти слева от названи€)




јктивный слой



Ќачинаем измен€ть размер фотографии: комбинацией клавиш Ctrl-T или через меню Edit --> Free Transform выдел€ем ее и мен€ем, как нам нужно. „тобы фотографи€ уменьшалась без искажений, делайте это при нажатой клавише Shift. –езультат будет выгл€деть примерно так:




√отова€ фотографи€ в рамке



—охран€ть готовую фотографию дл€ дальнейшего использовани€ (распечатки, создани€ обоев дл€ рабочего стола и т. п.) лучше в формате jpg (ћеню File --> Save As). ј если вы хотите иметь возможность редактировать ее в будущем, сохраните также и "исходник" - то есть сохраните вариант файла в формате PSD.



по материалам сайта-allforchildren.ru/pictures/frame_howto.php



 –амочки прилагаютс€.



 



 





 










rastfr001 (414x700, 247Kb)






rastfr002 (389x700, 290Kb)






rastfr007 (700x360, 278Kb)








rastfr009 (700x521, 252Kb)






rastfr055 (621x700, 80Kb)



 


rastfr010 (479x700, 272Kb)






rastfr015 (700x470, 179Kb)



 


rastfr011 (700x399, 294Kb)

rastfr021 (462x700, 86Kb)



 



 







rastfr066 (697x700, 159Kb)







2.

001 (536x700, 527Kb)





2.

Floral_Frame_No8_by_DustyOldStock (512x700, 312Kb)



2.



006 (555x700, 459Kb).

Floral_Frame_No5_by_DustyOldStock (512x700, 309Kb)



 









 



 






 







Ќадеюсь ¬ам пригодитс€ эта информаци€




 

—ери€ сообщений "‘отошоп":
„асть 1 -  ак покрасить губы в фотошопе
„асть 2 - ћаски дл€ ‘ќ“ќЎќѕа и PSP - 23
...
„асть 5 - –етушь фотографий
„асть 6 - ‘отошоп с нул€.¬идеоуроки
„асть 7 - MK- как вставить картинку в рамочку. –амочки прилагаютс€
„асть 8 - Ўикарные уроки ‘Ў

ћетки:  

ѕроцитировано 6 раз
ѕонравилось: 3 пользовател€м



koshka_707   обратитьс€ по имени ¬торник, 21 ћа€ 2013 г. 23:15 (ссылка)
—пасибо большое за уроки!!!
ќтветить — цитатой ¬ цитатник
 

ƒобавить комментарий:
“екст комментари€: смайлики

ѕроверка орфографии: (найти ошибки)

ѕрикрепить картинку:

 ѕереводить URL в ссылку
 ѕодписатьс€ на комментарии
 ѕодписать картинку