Главная » Файлы » Фотошоп для "чайничков"

Как вставить картинку в рамочку.
31.05.2011, 02:49
Это совсем не сложно!

Кстати, я работаю в Adobe Photoshop CS2. (Я к ней просто "приросла", никак не могу перейти на более новую версию!) Но не думаю, что в более новых версиях что-то уж очень существенно изменилось, чтобы Вам оттуда было сложно усвоить урок. :)))

1. Открываем в Adobe Photoshop CS2 обе наши подготовленные картинки: рамочку и фото.




Я, например, практически всегда просто перетаскиваю мышкой изображения прямо на рабочий стол Photoshop.



2. Наши картинки на месте. Первое, что необходимо сделать - откорректировать их размеры, чтобы они "подходили" друг другу.



Кликаем на изображение с фото, идём в Image, выбираем Image Size, смотрим: ширина 600 пикселей. ОК.




Аналогично поступаем с изображением рамочки, ширина её 480 пикселей. ОК.




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

 Возвращаемся к изображению девушки, кликаем на него, снова идём в Image, выбираем Image Size, кликаем и изменяем ширину изображения на 420. Вы можете изменять размеры обоих изображений так, как Вам нужно. Но всё-таки лучше в сторону уменьшения.




Вот теперь наши изображения несомненно "подходят" друг другу.

 4. Теперь переходим к очень ответственному моменту: будем вставлять фото в рамочку.




Кликаем мышкой на инструмент Move Tool, затем на фото, и удерживая левую клавишу мышки, просто тащим фото на рамочку!



Перетащили! Рамочка у нас очутилась под фото, поэтому будем исправляться! :))) Обращаемся к панели слоёв: кликаем на слой с рамочкой, и, удерживая его левой клавишей мышки, просто перетаскиваем на слой с фото. Будьте, пожалуйста, аккуратней: слой на слой должен наложиться полностью, в противном случае эта манипуляция может не получиться!



Готово! Вот только всё-таки мы немного не угадали с подгонкой размеров изображения, девушка у нас получилась несколько великовата для рамочки... Будем исправлять! Для удобства дальнейшей работы будет целесообразней изменить вид рабочего стола, чтобы нам было легче маневрировать. Просто кликаем на инструмент Full Screen Mode with Menu Bar. теперь нам будет больше простора!



7. Приступаем к более точной подгонке фото под рамочку. Для этого воспользуемся функцией трансформации. Делаем слой с фото активным (просто кликаем на него, чтобы он "посинел"). Идём в Edit - Transform - Scale. Кликаем.



На нашей рамочке выделился контур фото. И очень стало заметно, на как много нам нужно уменьшить изображение с девушкой. Будем уменьшать фотографию вручную.
Теперь будьте внимательны и аккуратны! Устанавливаем курсор на одном из уголков контура фото, жмём клавишу Shift на клавиатуре и держим её до тех пор, пока не закончим манипуляции с уменьшением размера фото. Этот приём позволяет уменьшать размер изображения пропорционально. Без удержания Shift изображение будет тянуться "как потянешь". В нашем случае это недопустимо. Можем сделать из девушки страшную худышку, или, не дай Бог, толстушку!




Итак, держим клавишу Shift, курсор - на уголке контура. Тянем мышкой за этот уголок до тех пор, пока контур, и соответственно само фото, не уменьшится до нужного размера. Если вдруг картинка " убежит" куда-то в сторону от рамочки - не беда. Установив курсор непосредственно на фото, мы можем это фото подвигать, установить так, как нужно. Вот так, потягивая за уголки контура и двигая картинку, мы и достигнем желаемого результата.
Конечно, некоторая часть фото (чуть-чуть!) "отрежется", но тут уж ничего не поделать! Пропорционально мы уже всё сделали, а непропорционально - всё-таки не стоит. Иногда, если мы хотим и выбранную рамочку оставить, и всю-всю фотографию вставить, которая "не лезет" или, наоборот, рамочка великовата оказывается, приходится делать разные дополнительные манипуляции. Но это уже другая история, а у нас просто "курс молодого бойца"!




Вот наше фото - в рамочке. Всё нас устраивает! Жмём Enter на клавиатуре.




8. Можно так и оставить, цветовая гамма вроде выдержана. Но иногда приходится "подгонять" цвета. А вдруг нам понравятся зелёная рамочка и красная картинка по отдельности, а вместе они... арбуз да и только! В таком случае Photoshop предоставляет нам массу возможностей исправить ситуацию. Я же остановлюсь только на одном примере.
Оттеним рамочку немножко в сторону серого цвета с помощью функции Hue/Saturation. Читается, конечно,....ой, но чудеса тем не менее, тоже делает! :))))




Делаем активным слой с рамочкой. Идём Image - Adjustments - Hue/Saturation. Кликаем. В появившемся окошке двигаем ползунки Hue, Saturation и Lightness и наблюдаем за изменением оттенка нашей рамочки. Кстати, с помощью функции Hue/Saturation, изменяя цвета, насыщенность и чёткость, можно достигать очень интересных цветовых эффектов. Поупражняйтесь на досуге, это очень интересно!



Как только достигнем желаемого результата - жмём ОК.



Мне, например, вот так понравилось.

8. Очень желательно придать нашей фотографии в рамочке некоторое ощущение реальности, объёмности. Тоже есть несколько способов. Мы же немножко оттеним фото, придадим рамочке тень. Оставляем слой рамочки активным. Кликаем на Add a layer style и выбираем Drop Shadow. В появившемся окошке "играем" с ползунками и наблюдаем, как изменяется наша картинка.


 

Как только создавшийся эффект нам понравится - жмём ОК.




Мне вот так понравилось! Видите, изображение девушки оттенилось по краям, в результате само фото как-то ушло в глубину, стало как-то чётче и выразительней. Во всяком случае мне так кажется! :)))

9. С чувством полного удовлетворения можем готовую картинку сохранять!




Ожидаемые вопросы.

 1. А если рамочка круглая или овальная да ещё и ажурная?! Фотография будет просматриваться через неё!




Обрежем! Совершаем над нашими изображениями уже изученные манипуляции. Получился вот такой
результат:


 

А теперь с помощью инструмента Lasso аккуратненько обведём одну из частей фото, которую необходимо удалить.

 

Жмём Delete на клавиатуре. Будьте внимательны: активным должен быть слой с фото! В противном случае мы обрежем рамочку! Аналогично удаляем оставшуюся часть фото. Можно это делать и с помощью ластика: делаем активным слой фото, берём жёсткий ластик и стираем лишние детали. Опять же необходимо быть очень аккуратным, не выходить во внутрь рамочки.



Добавляем тень. И вот что у нас получилось! Я вот только сейчас внимание обратила, что венок-то - лавровый! :)))

 2. А я вот вставила в овальную рамочку фотографию, и композиция немного нарушилась: сверху (или снизу, или по сторонам) много обрезается!

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




Просто берёте кисточку, подбираете цвет и аккуратно дорисовываете фон! При оформлении фото в овальную рамочку иногда приходится это делать, чтобы изображение выглядело композиционно привлекательным. А то как-то неуютно фото... с обрезанными локонами или руками!
 Наконец-то наш урок закончился! Я очень старалась писать всё просто и подробно, но тем не менее - если есть вопросы, пожалуйста, задавайте! И лучше, конечно, в комментариях. Но чем позже мой урок попадётся Вам на глаза, тем лучше всё-таки продублировать вопрос в личку.

 Успехов Вам! Огромных и неожиданно чудесных!




Ваша Анна
Категория: Фотошоп для "чайничков" | Добавил: danjuta | Теги: фотошоп, уроки
Просмотров: 5643 | Загрузок: 0 | Комментарии: 5 | Рейтинг: 5.0/5
Всего комментариев: 1
1 Juorxajex  
0
простите за неотвязчивость. (давно разыскивал вменяемое сказ вкладов, их динамики. Для этих кто такой не понимает, это не так без затей. На шири нета видимо-невидимо чего есть. Но вменяемой сведению о вкладах не так числа.
подальше ссылка на заметку. в силах кому-то из вас сослужить службу.

Если не туда разместил пост переместите пожалуйста. Благодарю.
http://rusbanksite.ru/%D0%B2%D1%8B%D0%B3%D0%BE%D0%B4%D0%BD%D1%8B%D0%B5-%D0%B2%D0%BA%D0%BB%D0%B0%D0%B4%D 1%8B/ - Только у нас вы найдете банковские вклады которые выручат вас и вашим наличным средствами

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]