Это элементарная вещь и года три назад уже был похожий пост, но возникло много вопросов. Фотография будет в формате JPG (стандартный для многих фотоаппаратов), рамочка – PNG, работать будем в Photoshop CS5. Этот урок можно назвать базовым, потому что в нем подробно рассматриваются основные операции с файлами. Пост обновлен для новых версий Photoshop.

Для это простого учебного урока Photoshop использовалась фотография из поста о выпускниках США и России. Конкретно этот снимок можно взять по ссылке.

Далее нам потребуются рамочки: они были в постах «Красивые рамочки», «Еще один способ написать популярный пост» и множество-множество других – поиск по блогу находится справа.

Возьмем какую-то простую рамку, которая не будет отвлекать от тренировки. Ее можно даже взять для примера по этой ссылке.

И, конечно, на компьютере должен быть установлен Photoshop – в блоге, да и в Интернете, ищется как «скачиваем «Скачиваем Adobe Photoshop». Между прочим, такое простое действие с фото и рамкой можно сделать и в «онлайн-фотошопе».

Ну и, нужно немного воображения и хоть какое-то владение своими руками.

Вставляем фотографию в рамочку

Вставить фотографию в рамочку можно в любом графическом редакторе, в рамочку с прозрачными частями изображения (например, формат PNG) – в любом графическом редакторе, поддерживающем слои (layers). Будем эксплуатировать Photoshop, не зря же отвалили за лицензию более 100 евро!

Открытие изображений

Запускаем программу и открываем в ней (комбинация клавиш Ctrl+O) изображение рамочки и нашей фотографии.

Совмещение изображений

Выбираем инструмент «Перемещение» (клавиша V на клавиатуре).

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

Теперь документ с фотографией выпускниц (у нас он справа внизу) можно закрыть.

Зажав Alt и вращая колесико мыши, можно увеличивать или уменьшать картинку в окне Photoshop. Также можно тянуть за уголок документа, если он у вас не раскрыт на всё окно.

Слои в Photoshop

Давайте немного отвлечемся и посмотрим, где в Photoshop слои и как их выбирать.

На слои можно посмотреть в специальной палитре (вызывается клавишей F7 или через верхнее меню: «Окно» (Windows) – «Слои» (Layers).

У нас имеется два слоя: Слой 0 (с рамкой) и Слой 1 (с фото). Слой с фото расположен выше слоя с рамочкой, поэтому в рабочем поле документа он зрительно перекрывает ее.

Чтобы выбрать слой, с которым мы собираемся работать, нужно нажать на него в палитре слоев.

Другой, более простой, способ – автовыбор: в настройках инструмента Перемещение нужно отметить галочкой «Автовыбор» и указать «Слой».

Теперь, при нажатии на видимый участок изображения, автоматически выбирается слой, его содержащий. Например, если в рабочем поле кликнуть на участок рамочки, автоматически активируется слой с этой рамочкой (в палитре слоев его уровень изменит оттенок).

Иногда автовыбор слоев очень помогает, иногда – мешает. Но его всегда можно включить или отключить.

Перемещение слоев

Нам необходимо поместить слой с фотографией ниже слоя с рамочкой.

Нажимаем левой кнопкой мыши в палитре слоев на Слой 0 (с рамочкой) и перетаскиваем его выше Слоя 1 (с фото), затем отпускаем.

В рабочем поле документа картинка тоже изменится. Фотография частично «спряталась» за рамку.

Подгонка фото под рамку

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

Выбираем слой с фото (еще не забыли, как это делать?) и трансформируем его – комбинация клавиш Ctrl+T, или через меню: «Редактирование» – «Свободное трансформирование».

Вокруг фотографии появится линия-рамочка с узловыми точками в углах и посередине сторон. Чтобы изменение размеров происходило пропорционально, перемещаем угловые узловые точки при зажатой клавише Shift (на рисунке – 1). Перемещать всё фото можно, нажав левой кнопкой мыши внутри линии-рамочки (на рисунке – 2).

Подограв фото под рамочку, отключаем режим трансформации – нажимаем клавишу Enter. Или кнопку-«галочку» в правом верхнем углу окна Photoshop.

Если вдруг из-за несовпадения пропорций двух картинок появится незаполненное пространство, то переходим теперь на слой рамочки и трансформируем её.

Включаем трансформирование (Ctrl+T), потянув за узловую точку нижней стороны рамки, подгоняем ее под фото.

В этом случае после нажатия на Enter останется пустое пространство не внутри рамочки, а снаружи.

Обрезка изображения

Для обрезки (кадрирования) изображений чаще всего используется инструмент Рамка (клавиша вызова – С).

Выбираем инструмент, нажимаем левой кнопкой мыши в левом верхнем (например) углу нашей картинки и, не отпуская кнопку, тянем в правый нижний угол. В современных версиях Photoshop рамка обрезки-кадрирования появляется сразу, поэтому нужно ее регулировать, потянув за угол или нужную сторону.

Нажимаем Enter и получаем нужное нам изображение в рамке.

Сохранение изображения

Сохранение изображения для дальнейшей работы с ним:

В меню «Файл» – «Сохранить как» (или комбинация клавиш Shift+Ctrl+S), выбираем формат PSD или, например, TIFF. В случае с TIFF нужно указать сохранение структуры и прозрачности.

Сохранение изображения для печати (тех, кто приносит на печать фотографии в таких диких пропорциях – поубивал бы лично):

Не обязательно: нажмите комбинацию клавиш Ctrl+Alt+I, укажите разрешение 300 точек на дюйм. Нажмите комбинацию клавиш Shift+Ctrl+E (для сведения всех слоев в один).

Нажмите комбинацию клавиш Shift+Ctrl+S и сохраните изображение в формате JPG (или TIFF без сохранения структуры и прозрачности).

Сохранение изображения для Интернета:

Нажмите комбинацию клавиш Shift+Ctrl+Alt+S («Файл» – «Сохранить для Web и устройств). Выберите формат JPG или другой, а также качество, укажите размеры изображения, сохраните – «Сохранить».

Как сделать свою рамочку для фото

Сделать в Photoshop элементарную рамочку для фото очень легко. Очень!

На рисунке внизу рамочка, которую можно сделать за минуту (или даже меньше). Она, конечно, очень простая, но для тренировки – самое то!

Открываем (первое пoпaвшееся) изображение, из которого будем делать рамочку

Если нижний слой – «Фон» («Background»), то превращаем его в обычный слой («Layer 0»). Для этого в палитре слоев дважды кликаем на нем и подтверждаем создание слоя («ОК»).

Слой меняет имя и становится доступен для редактирования.

Выбираем инструмент, с помощью которого будем делать «отверстие» для фото в нашем изображении-рамке: «прямоугольник» и «окружность», а также «лассо» (которое можно использовать для произвольного выделения).

С помощью прямоугольного выделения (или любого другого) указываем участок для будущего проёма под фото, которое вставим в рамочку.

И еще раз хочется напомнить, что это очень простой урок, но с таких элементарных вещей начинается всё-всё-всё.

Для создания «отверстия» – удаления выделенной области – нажимаем клавишу Delete на клавиатуре.

Всё! Рамочка готова. И таких «отверстий», кстати, можно наделать сколько душе угодно.

Сохраняем полученную горе-рамочку: в меню выбираем «Файл» (File) – «Сохранить как» (Save As), или нажимаем комбинацию клавиш Shift+Ctrl+S.

Сохранять надо в формате PNG! Он, как и GIFб поддерживает прозрачность, но намного более качественный для фотографических изображений.

Как вставить свои фотки в созданную рамочку написано выше!

P.S. Когда достаточно натренируетесь, дайте знать — напишу, как сделать более сложные и, конечно, более красивые рамочки! Потому что рамочки делаются в основном не только (и не столько) из картинок.