Фотообрамление
18.1. Поляроидное фото
18.2. Оригинальная рамка
18.3. Фотография в альбоме
18.4. Рамка из фотопленки
18.5. Деревянная табличка на гранитной стене
Количество рамок, которые можно сделать в Photoshop, определяется только вашей фантазией. Рамки могут быть самые разнообразные: от прямых с текстурой материала до замысловатых, витиеватых обрамлений с использованием прозрачных краев. Рассмотрим примеры создания нескольких типов рамок для фотографий.
18.1. Поляроидное фото
У многих еще свежи в памяти фотографии, сделанные фотоаппаратом типа Polaroid. Для тех, кто не знает, что это такое, поясню. Такими фотоаппаратами делались моментальные фотографии, то есть фотокарточку вы получали через несколько мгновений после нажатия кнопки спуска. В качестве расходного материала в этих устройствах использовалась особая бумага, обрамленная картонной рамкой. Почему бы не использовать форму поляроидной фотографии для создания оригинальной рамки для снимка? Нам подойдет любое изображение (рис. 18.1).
Рис. 18.1. Исходное фото
Главное условие – снимок должен быть квадратным или почти квадратным. Именно такую форму имела область изображения на поляроидной фотографии. Если ваше изображение прямоугольное, подрежьте его так, чтобы оно приняло квадратную форму.
Далее мы увеличим размеры холста, поскольку для создания картонной рамки нам понадобится дополнительное пространство. Выполните команду Image → Canvas Size (Изображение → Размер холста) и в появившемся диалоговом окне увеличьте размеры холста примерно на 40 % во все стороны.
Верхняя, левая и правая части рамки поляроидной фотографии значительно уже нижней. Это мы исправим позже, подрезав готовое изображение.
Создадим новый слой и выделим на нем квадратную область чуть меньше изображения на нижнем слое. Инвертируем выделение (Shift+Ctrl+I) и зальем выделенную область белым цветом. На снимке появилась белая квадратная рамка (рис. 18.2).
Рис. 18.2. Дополнительное поле для рамки вокруг снимка
Далее с помощью инструмента Crop (Обрезка) подрежем изображение так, как показано на рис. 18.3. Обратите внимание, в результате подрезки нижняя часть рамки должна быть шире верхней, левой и правой.
Рис. 18.3. Рамка после подрезки
Изображение уже напоминает поляроидное фото благодаря своему оформлению, но не хватает некоторых мелочей. Снимок на поляроидной фотографии упакован в картонную рамку, которая чуть толще самого снимка. Поэтому нам нужно воссоздать иллюзию рельефа с помощью слоевого стиля Drop Shadow (Отбросить тень). Данный стиль нужно применить к слою с рамкой. Длина тени должна быть совсем небольшой, поскольку рамка выступает над снимком всего на доли миллиметра.
Кроме того, снимки, сделанные фотоаппаратами Polaroid, обычно не отличались высокой резкостью и точной цветопередачей. Поэтому целесообразно немного (самую малость) размыть изображение фонового слоя с помощью фильтра Gaussian Blur (Размытие по Гауссу) и чуть-чуть снизить цветовую насыщенность.
Нижняя часть рамки обычно использовалась для нанесения различных надписей. Поэтому текст, созданный с помощью текстовых инструментов, отлично дополнит картину (рис. 18.4).
Рис. 18.4. Поляроидная фотография
18.2. Оригинальная рамка
В данном разделе мы рассмотрим простой, но в то же время необычный способ создания рамки для фотографии. Для этого примера подойдет любое изображение, но желательно подобрать снимок, цвета и яркость которого заметно отличаются от цвета предполагаемой рамки (рис. 18.5).
Рис. 18.5. Исходный снимок
Мы создадим выделение для рамки с помощью дополнительного канала, применим к нему фильтр, а затем зальем выделенную область подходящим цветом.
Перейдите на палитру Channels (Каналы) и создайте новый канал, нажав кнопку с пиктограммой в виде чистого листа в нижней части палитры. Будет создан канал Alpha 1 (Альфа 1) (рис. 18.6). Видимость остальных каналов будет отключена. В результате этого все изображение будет залито черным цветом.
Рис. 18.6. Создан новый канал
Используя инструменты выделения, выделите область фотографии, которая должна находиться внутри рамки. Все, что окажется за областью выделения, будет служить рамкой. Мы выделили прямоугольную область, но можно выделить область и другой формы.
Инвертируйте выделение с помощью сочетания клавиш Shift+Ctrl+I. Теперь в альфа-канале выделена область, которая в дальнейшем станет рамкой.
Залейте выделенную область белым цветом. Для этого можно воспользоваться инструментом Paint Backet (Заливка), предварительно выбрав для переднего плана белый цвет. После заливки выделенной области снимите выделение (Ctrl+D). В изображении должна остаться черная область выбранной вами формы, обрамленная белой областью.
Теперь к альфа-каналу применим фильтр Color Halftone (Цветовой полутон) из группы Pixelate (Оформление). С его настройками можно поэкспериментировать (рис. 18.7).
Рис. 18.7. Настройки фильтра Color Halftone (Цветовой полутон)
В результате применения фильтра вы должны увидеть изображение, подобное представленному на рис. 18.8.
Рис. 18.8. Результат применения фильтра Color Halftone (Цветовой полутон) к альфа-каналу
Таким образом, мы создали область выделения в альфа-канале. Продолжим создание рамки. Перейдите к каналу RGB на палитре Channels (Каналы) и включите его видимость (установите флажок в виде глаза), а видимость альфа-канала отключите.
Загрузим созданное нами выделение. Для этого выберем команду меню Select → Load Selection (Выделение → Загрузить выделение), а в раскрывающемся списке Channel (Канал) появившегося окна – канал Alpha 1 (Альфа 1). После закрытия диалогового окна узор, который мы создали в альфа-канале, станет областью выделения.
Остается залить выделенную область подходящим цветом или градиентом. Проще всего выполнить эту операцию с помощью команды Edit → Fill (Правка → Залить). Мы выбрали для рамки белый цвет, и вот что из этого получилось (рис. 18.9).
Рис. 18.9. Оригинальная рамка
18.3. Фотография в альбоме
В данном примере мы рассмотрим, как сделать композицию, имитирующую фотографию в альбоме. В старых фотоальбомах бумажные снимки закреплялись на страницах с помощью уголков, поэтому нам нужно нарисовать такие уголки.
Создайте документ с небольшими размерами (где-то 300 х 300 точек), а в нем – новый слой. На новом слое выделите небольшую квадратную область и залейте ее черным цветом. Используя инструмент Polygonal Lasso (Многоугольное лассо), выделите фрагмент черного квадрата по диагонали, как показано на рис. 18.10, после чего нажмите клавишу Delete, чтобы удалить выделенную область. В изображении должен остаться черный треугольник.
Рис. 18.10. Выделение треугольной области
Выберите инструмент Rectangular Marquee (Прямоугольное выделение) и выделите на треугольнике область, как показано на рис. 18.11, после чего удалите эту область с помощью клавиши Delete.
Рис. 18.11. Уголок почти готов
Крепежный уголок почти готов. Нам осталось придать ему рельефный вид. Выделите изображение на активном слое. Для этого щелкните на пиктограмме слоя на палитре Layers (Слои), удерживая нажатой клавишу Ctrl.
Уменьшим область выделения. Выполните команду меню Select → Modify → Contract (Выделение → Изменить → Сжать) и в появившемся окне укажите значение 10.
Создайте новый слой и залейте выделенную область черным цветом. Внешне никаких изменений в изображении произойти не должно. Применим к новому слою стиль Bevel and Emboss (Скос и рельеф) с параметрами, приведенными на рис. 18.12.
Рис. 18.12. Настройки стиля Bevel and Emboss (Скос и рельеф)
После применения данного стиля уголок должен выглядеть, как на рис. 18.13.
Рис. 18.13. Уголок после применения стиля Bevel and Emboss (Скос и рельеф)
Склейте два верхних слоя. Для этого выделите верхний слой и нажмите сочетание клавиш Ctrl+E. Крепежный уголок готов.
Далее загрузите в Photoshop любую фотографию и увеличьте размеры холста примерно на 40 % во все стороны. Если фон изображения непрозрачен, выделите фотографию по периметру, обратите выделение и удалите фон вокруг фотографии.
Нам нужно переместить уголок в документ с фотографией. Проще всего расположить окна документов рядом и перетащить слой с уголком на изображение с фотографией. Уголок нужно расположить так, как показано на рис. 18.14.
Рис. 18.14. Размещение уголка на фотографии
Примените к слою с уголком стиль Drop Shadow (Отбросить тень). Поскольку крепежный уголок достаточно плоский, размер тени должен быть совсем небольшим.
Далее нужно дублировать слой с уголком три раза и, используя инструменты трансформации, развернуть дубликаты соответственно на 90° по часовой стрелке, против часовой стрелки и на 180°, после чего разместить их по углам фотографии (рис. 18.15).
Рис. 18.15. Размещение остальных уголков
Осталось загрузить фоновое изображение, которое будет имитировать страницу фотоальбома. Для этого подойдет любой файл с текстурой бумаги или картона. Найдите такое изображение, загрузите его в Photoshop и разместите под слоем с фото. Для большей правдоподобности примените к слою с фотографией стиль Drop Shadow (Отбросить тень) (рис. 18.16).
Рис. 18.16. Чем не страница фотоальбома?
18.4. Рамка из фотопленки
Рамка для фотографии не обязательно должна быть прямоугольной. Оформить фото можно, учитывая сюжет снимка. Например, если изображен осенний парк, то вполне уместно будет сделать в Photoshop рамку из пожелтевших листьев, а для фотографии со дня рождения ребенка подойдут пестрые надувные шарики, обрамляющие снимок.
Некоторые рамки универсальны – их можно использовать практически для любых фотографий, будь то хроника пребывания на теплом море во время отпуска или парад на главной площади города. Об одной из таких рамок сейчас и пойдет речь. Эта рамка представляет собой имитацию фотопленки. Подобная рамка может служить как оформлением для одной фотографии, так и для составления фотоколлажа из целой серии снимков.
В качестве исходного изображения для этого примера подойдет абсолютно любая фотография, например снимок льва (рис. 18.17).
Рис. 18.17. Фотография льва будет помещена в рамку из пленки
Для начала создайте копию фонового слоя, используя сочетание клавиш CtrL+J. Удалите фоновый слой, щелкнув на нем правой кнопкой мыши и выбрав команду Delete Layer (Удалить слой). Отключите отображение оставшегося слоя, щелкнув на значке в виде глаза возле его названия.
Включите отображение линеек, выполнив команду View → RuLers (Вид → Линейки). Убедитесь, что в качестве цвета переднего плана выбран черный. Если это не так, нажмите клавишу D. Активизируйте инструмент Rectangle (Прямоугольник) и в верхней части изображения нарисуйте черный прямоугольник по всей длине (рис. 18.18).
Рис. 18.18. Начинаем рисовать пленку с помощью инструмента Rectangle (Прямоугольник)
Выберите инструмент Rounded Rectangle (Закругленный прямоугольник) и на панели параметров задайте параметру Radius (Радиус), который отвечает за радиус закругления углов, значение 10. Измените цвет переднего плана на белый и нарисуйте несколько скругленных прямоугольников, которые будут играть роль дырочек в фотопленке. Чтобы дырочки были одинаковыми, имеет смысл нарисовать одну, а затем размножить ее. Для этого необходимо переместить фигуру с помощью инструмента Move (Перемещение), одновременно удерживая клавиши Alt и Shift.
Не обязательно следить, чтобы расстояние между дырочками было одинаковым, как на настоящей пленке, их можно выровнять автоматически. Для этого при активном инструменте Move (Перемещение) выделите на палитре Layers (Слои) все слои, на которых размещены соответствующие фигуры, а затем нажмите кнопку Distribute horizontal centers (Распределить центры по горизонтали) на панели параметров (рис. 18.19). Используйте сочетание клавиш Ctrl+E для объединения всех слоев с дырочками в один.
Рис. 18.19. На пленку добавлены отверстия
Теперь включите отображение слоя, на который помещена фотография, и перейдите на него. Создайте горизонтальную направляющую в центре изображения. Для этого поместите указатель в область линейки, щелкните на ней и, не отпуская кнопку мыши, перетащите линию вниз. Как только линия достигнет центра картинки, вы заметите небольшой скачок на изображении.
Внимание!
Перед созданием направляющей проверьте, установлена ли привязка View → Snap (Вид → Привязка).
Перейдите на слой с фигурами, которые образуют отверстия в пленке, и создайте его копию, воспользовавшись сочетанием клавиш CtrL+J. Выберите инструмент Free Transform (Произвольное трансформирование) в меню Edit (Правка) или с помощью сочетания клавиш CtrL+T.
Удерживая клавишу Shift, сдвиньте центр вращения слоя до пересечения с направляющей. Щелкните правой кнопкой мыши на области изображения и выберите команду FLip Vertical (Отразить вертикально), перевернув изображение (рис. 18.20). Нажмите клавишу Enter, чтобы применить трансформацию. Направляющая нам больше не нужна, поэтому ее можно удалить, перетащив обратно на линейку.
Рис. 18.20. Теперь отверстия появились и в нижней части пленки
Выделите слой, на котором вы создавали черную полоску пленки. Активизируйте инструмент Free Transform (Произвольное трансформирование) и растяните по вертикали, закрыв все фоновое изображение. Нажмите клавишу Enter, чтобы применить трансформацию. Растрируйте слой, выполнив команду Layer → Rasterize → Shape (Слой → Растрировать → Фигура) (рис. 18.21).
Рис. 18.21. Растянем слой, на котором нарисована пленка, закрыв все изображение
Снова активизируйте инструмент Rounded Rectangle (Закругленный прямоугольник) и, убедившись, что для параметра Radius (Радиус) установлено значение 10, нарисуйте скругленный прямоугольник, который будет соответствовать величине кадра. Расположите его в центре изображения (рис. 18.22).
Рис. 18.22. В середине пленки появилось «отверстие» для вставки кадра
Поскольку мы рисуем пленку, логично, чтобы на ней отображались и соседние кадры. По этой причине скопируем получившийся кадр и, одновременно удерживая клавиши Alt и Shift, переместим его сначала влево, а потом вправо, следя за тем, чтобы с обеих сторон расстояние было одинаковым (рис. 18.23).
Рис. 18.23. Добавим два дополнительных кадра слева и справа от основного
Выделите три только что созданных слоя и объедините их, используя сочетание клавиш Ctrl+E. Используем данный слой как маску. Для этого щелкнем на значке слоя на палитре Layers (Слои) левой кнопкой мыши, удерживая при этом клавишу Ctrl. Сделаем этот слой невидимым, щелкнув на значке с изображением глаза.
Не снимая выделение, активизируйте слой, на котором располагается черный прямоугольник. Удалите из него часть изображения согласно полученной маске, для чего нажмите клавишу Delete.
Осталось только правильно и красиво скомпоновать снимки, добавив два дополнительных. Можно также нанести номера кадров на пленку, чтобы сделать изображение более реалистичным (рис. 18.24).
Рис. 18.24. Рамка из пленки делает фотографию очень привлекательной
18.5. Деревянная табличка на гранитной стене
Программа Photoshop предназначена не только для улучшения фотографий. Она позволяет также обнаружить в себе скрытые дизайнерские таланты. В этом примере показано, как с помощью Photoshop можно разработать дизайн таблички на стене собственного дома.
Мы сделаем деревянную табличку, поэтому прежде всего нам понадобится текстура дерева. Вы можете использовать любую имеющуюся в вашем распоряжении фотографию деревянной поверхности (рис. 18.25).
Рис. 18.25. Исходная текстура деревянной поверхности
Откройте выбранную фотографию в Photoshop. Создайте копию слоя, нажав сочетание клавиш Ctrl+J. Перейдите на фоновый слой и воспользуйтесь инструментом Paint Bucket (Заливка) для заливки изображения, установив белый цвет в качестве основного. На панели параметров укажите следующие значения для инструмента Paint Bucket (Заливка): Mode (Режим смешения) – Normal (Нормальный), Opacity (Непрозрачность) – 100 %, Tolerance (Допуск) – 255. Залейте фоновый слой белым цветом.
Перейдите на слой с текстурой дерева. Выделите его, выполнив команду Select → All (Выделение → Все) или нажав сочетание клавиш Ctrl+A.
Выполните команду Select → Transform Selection (Выделение → Трансформирование выделения) и уменьшите выделение до необходимых размеров доски. Чтобы выделение уменьшалось симметрично, следует проделывать эту операцию при нажатой клавише Alt. Нажмите клавишу Enter, чтобы применить трансформацию (рис. 18.26).
Рис. 18.26. Вид выделения после операции трансформации
Инвертируйте полученное выделение, используя сочетание клавиш Shift+Ctrl+I. После этого удалите ненужное, нажав клавишу Delete (рис. 18.27).
Рис. 18.27. Заготовка для таблички
Теперь нужно превратить двухмерную текстуру в трехмерную доску. Для этого как нельзя лучше подходит стиль слоя Bevel and Emboss (Скос и рельеф). Щелкните на кнопке Add a layer style (Добавить стиль слоя) на палитре Layers (Слои) и выберите строку нужного эффекта. Установите значения параметров, как показано на рис. 18.28.
Рис. 18.28. Настройки стиля Bevel and Emboss (Скос и рельеф)
Теперь добавим тень. Не закрывая окно Layer Style (Стиль слоя), щелкните на строке Drop Shadow (Отбросить тень) и задайте для этого эффекта параметры, как изображено на рис. 18.29.
Рис. 18.29. Настройки стиля Drop Shadow (Отбросить тень)
Доска готова, осталось создать фоновую текстуру гранита. На этот раз не будем использовать готовую фотографию, а создадим текстуру вручную.
Активизируйте фоновый слой. Примените к нему фильтр Add Noise (Добавить шум), выполнив команду Filter → Noise → Add Noise (Фильтр → Шум → Добавить шум). Установите флажок Monochromatic (Монохромный), чтобы шум создавался в двухцветном режиме. При этом пикселы шума будут отличаться только по яркостным показателям, но цветовая составляющая у всех будет одинакова, что нам в данном случае и нужно. Подберите значение параметра Amount (Эффект) – чем больше оно окажется, тем более заметен будет шум на изображении. Можно задать значение 125 % (рис. 18.30).
Рис. 18.30. Добавление шума с помощью фильтра Add Noise (Добавить шум)
Теперь используйте фильтр Sponge (Губка), выполнив команду Filter → Artistic → Sponge (Фильтр → Художественные → Губка). Он поможет получить подходящий рисунок поверхности (рис. 18.31).
Рис. 18.31. Превращение шума в гранит средствами фильтра Sponge (Губка)
После применения фильтра Sponge (Губка) останется только закрасить полученную текстуру. Для этой цели используйте инструмент Hue/Saturation (Оттенок/Насыщенность), окно которого открывается при выполнении команды меню Image → Adjustments → Hue/Saturation (Изображение → Настройки → Оттенок/Насыщенность). Задайте параметры, показанные на рис. 18.32. Не забудьте установить флажок Colorize (Тонирование).
Рис. 18.32. Подбираем цвет в окне Hue/Saturation (Оттенок/Насыщенность)
Гранит получился таким, как нужно, но доска висит на нем неестественно. Так происходит потому, что не видно никаких креплений. В реальной жизни доска обязательно была бы привинчена с помощью дюбелей. Вколачивать гвозди и сверлить дырки в мониторе не будем, вместо этого нарисуем видимую часть крепления – шляпку. Для этого прекрасно подходит инструмент Ellipse (Эллипс), который нужно применить в режиме Shape layers (Слои фигуры). Удерживая нажатой клавишу Shift, нарисуйте круг нужного размера.
Подберите для шляпки подходящий цвет, например с такими составляющими: Red (Красный) – 190, Green (Зеленый) – 255, Blue (Синий) – 255. Теперь нужно сделать видимую часть крепления объемной. Для этого примените уже знакомый вам эффект Bevel and Emboss (Скос и рельеф). Параметры можете подобрать самостоятельно, ориентируясь на значения, приведенные на рис. 18.33.
Рис. 18.33. Настройки стиля слоя Bevel and Emboss (Скос и рельеф) для шляпки болтика
Используя эффект слоя Drop Shadow (Отбросить тень), добавьте тень, отбрасываемую от шляпки. Можете использовать параметры, показанные на рис. 18.34.
Рис. 18.34. Настройки стиля слоя Drop Shadow (Отбросить тень) для шляпки болтика
Теперь размножим шляпки, ведь одного крепления явно недостаточно, чтобы удержать такую большую табличку. Активизируйте инструмент Move (Перемещение). Одновременно удерживая клавиши Alt и Shift, скопируйте шляпку и поместите ее в нужное место. Можете проделать эту операцию три раза, а можете после создания первой копии сгруппировать слои (выделить два верхних слоя и нажать сочетание клавиш Ctrl+E), после чего скопировать верхние шляпки вниз (рис. 18.35).
Рис. 18.35. На последнем этапе нужно скопировать шляпку болтика и разместить копии в углах
Табличка готова, осталось вставить в нее подходящее изображение. Для этого просто откройте в Photoshop понравившуюся картинку и перетащите ее на табличку, используя инструмент Move (Перемещение) (рис. 18.36).
Рис. 18.36. Вставьте любую картинку – и табличка готова
При необходимости уменьшите рисунок до нужного размера. Для этого используйте инструмент Free Transform (Произвольное трансформирование), который можно активизировать с помощью сочетания Ctrl+T. Изменяя размер картинки, удерживайте клавишу Shift, чтобы сохранить пропорции, а затем нажмите клавишу Enter.