Это элементарная вещь и года три назад уже был похожий пост, но возникло много вопросов.
Фотография будет в формате JPG (стандартный для многих фотоаппаратов), рамочка – PNG, работать будем в Photoshop CS5.
Исходники:
1/ фотография из поста «Выпускники. США vs Россия»:
2/ рамочка из поста «Красивые рамочки» (можете также заглянуть в пост «Еще один способ написать популярный пост» – там много других рамочек):
3/ Photoshop CS5 из поста «Скачиваем Adobe Photoshop CS5»:
4/ Мозги из головы.
5/ Руки не из ж...
Скачиваем рамочку
Поясню, как скачать рамочки из указанных выше постов.
Нажимаем на понравившуюся
На открывшейся странице жмем «Zoom In»
На новой страницу кликаем на изображении правой кнопкой мыши и сохраняем рамочку
Вставляем фотографию в рамочку
Вставить фотографию в рамочку можно в любом графическом редакторе, в рамочку с прозрачными частями изображения (например, формат PNG) – в любом графическом редакторе, поддерживающем слои (layers). Будем эксплуатировать Photoshop, не зря же отвалили за лицензию более 100 евро!
Открытие изображений
Запускаем программу и открываем в ней (комбинация клавиш Ctrl+O) изображение рамочки и нашей фотографии.
Совмещение изображений
Выбираем инструмент Перемещение (клавиша V).
Нажимаем левой кнопкой мыши на изображение рамочки и, не отпуская, перетаскиваем его на изображение с фотографией.
Теперь документ с фотографией выпускниц (у нас он справа внизу) можно закрыть.
Чтобы было удобнее работать дальше, увеличим окно документа: потянем его за один из уголков – вокруг фото появилось серое поле.
Слои в Photoshop
Давайте немного отвлечемся и посмотрим, где в Photoshop слои и как их выбирать.
На слои можно посмотреть в специальной палитре (вызывается клавишей F7 или через верхнее меню: Окно (Windows) – Слои (Layers).
У нас имеется два слоя: Слой 0 (с рамкой) и Слой 1 (с фото). Слой с фото расположен выше слоя с рамочкой, поэтому в рабочем поле документа он зрительно перекрывает ее.
Чтобы выбрать слой, с которым мы собираемся работать, нужно нажать на него в палитре слоев.
Другой, более простой, способ – автовыбор: в настройках инструмента Перемещение нужно отметить галочкой «Автовыбор» и указать «Слой».
Теперь, при нажатии на видимый участок изображения, автоматически выбирается слой, его содержащий. Например, если в рабочем поле кликнуть на участок рамочки, автоматически активируется слой с этой рамочкой (в палитре слоев его уровень станет темнее).
Иногда автовыбор (слоев) очень помогает, иногда – мешает. Но его всегда можно отключить.
Перемещение слоев
Нам необходимо поместить слой с фотографией ниже слоя с рамочкой.
Нажимаем левой кнопкой мыши в палитре слоев на Слой 0 (с рамочкой) и перетаскиваем его выше Слоя 1 (с фото), затем отпускаем.
В рабочем поле документа картинка тоже изменится. Фотография частично «спряталась» за рамку.
Подгонка фото под рамку
На следующем этапе будем трансформировать изображения, чтобы фотография вписалась в рамочку.
Выбираем слой с фото (еще не забыли, как это делать?) и трансформируем его – комбинация клавиш Ctrl+T или через меню: Редактирование – Свободное трансформирование.
Вокруг фотографии появится линия-рамочка с узловыми точками в углах и посередине сторон. Чтобы изменение размеров происходило пропорционально, перемещаем угловые узловые точки при зажатой клавише Shift (на рисунке – 1). Перемещать всё фото можно, нажав левой кнопкой мыши внутри линии-рамочки (на рисунке – 2).
Снимаем линию трансформации – нажимаем клавишу Enter.
Так как у нас пропорции фото и рамочки не совпадают, но появилось незаполненное пространство.
Переходим на слой с рамкой (все еще помните, как?) и включаем свободное трансформирование (Ctrl+T). Затем, потянув за узловую точку нижней стороны рамки, подгоняем ее под фото.
Нажимаем Enter и думаем, что делать с пустым пространством под рамкой :)
Обрезка изображения
Для обрезки (кадрирования) изображений чаще всего используется инструмент Рамка (клавиша вызова – С).
Выбираем инструмент, нажимаем левой кнопкой мыши в левом верхнем (например) углу нашей картинки и, не отпуская кнопку, тянем в правый нижний угол.
Нажимаем Enter и получаем нужное нам изображение в рамке.
Сохранение изображения
Сохранение изображения для дальнейшей работы с ним:
Файл – Сохранить как (или комбинация клавиш Shift+Ctrl+S), выбираем формат PSD или, например, TIFF. В случае с TIFF нужно указать сохранение структуры и прозрачности.
Сохранение изображения для печати (тех, кто приносит на печать фотографии в таких диких пропорциях – поубивал бы лично):
Не обязательно: нажмите комбинацию клавиш Ctrl+Alt+I, укажите разрешение 300 точек на дюйм. Нажмите комбинацию клавиш Sheft+Ctrl+E (для сведения всех слоев в один).
Нажмите комбинацию клавиш Shift+Ctrl+S и сохраните изображение в формате JPG (или TIFF без сохранения структуры и прозрачности).
Сохранение изображения для Интернета:
Нажмите комбинацию клавиш Shift+Ctrl+Alt+S (Файл – Сохранить для Web и устройств). Выберите формат JPG или другой, а также качество (1), укажите размеры изображения (2), сохраните (3).