Всем огромный привет! Наступила долгожданная весна, с чем я вас (и себя, конечно) и поздравляю!..
Сегодня расскажу о простом и полезном приеме в программе Фотошоп: увеличение холста. Что такое холст и зачем нам его увеличивать?..
Холст в Фотошопе — это подложка изображения, которую мы не видим (это не слой!), пока ее размер совпадает с размером самого изображения.
Увеличить размер холста изображения бывает удобно, когда требуется разместить рядом для сравнения две картинки одинакового размера. Я часто пользуюсь этим, демонстрируя фото до и после обработки в Фотошоп. К примеру:
А также увеличение холста можно эффективно использовать для быстрого создания рамки.
При печати фотографий на принтере мы столкнулись с тем, что фото излишне обрезается, поэтому и здесь пригодилось увеличение холста: обрезается теперь белая рамка, а фотография остается в нужном размере.
Если у вас уже есть две готовые картинки, которые нужно разместить рядом в одном изображении, откройте их в Фотошопе. Находясь в окне с первой картинкой, выполним команду меню Изображение (Image) => Размер холста (Canvas Size) (Alt+Ctrl+C).
Появится окно Размер холста:
Здесь указаны размеры изображения, пока что равные размеру холста. Увеличивая размер холста, мы не повлияем на размер самой картинки, а добавим к ней поле, заполненное цветом, который можно выбрать в выпадающем меню (на скриншоте это белый). Основной цвет (или Цвет переднего плана) (Foreground Color) и Фон (Background Color) — это видимые на Панели инструментов в окошке цвета: (верхний — основной, нижний — фоновый). Пункт «Другое» откроет окно Выбор цвета, в котором можно выбрать любой другой цвет расширения холста.
Ширина моей картинки — 400 пикселов; раз я хочу разместить рядом картинку такого же размера, значит, холст нужно увеличить вдвое. Можно ввести в поле Новый размер — Ширина значение в пикселах (800), но гораздо проще сделать иначе. Откроем выпадающее меню рядом с единицами измерения в поле Новый размер:
И выберем значение — проценты. Увеличить ширину холста вдвое — значит, задать ее значение 200%. Вносим число 200 в окошко Ширина.
А теперь обратим внимание на квадратик со стрелочками внизу окна (Якорь (Anchor)). Расположение точки в центре означает, что картинка останется в центре, а расширение холста произойдет в направлении, указанном стрелочками. В нашем случае меняется только ширина, значит, по бокам изображения равномерно добавится холст. Мы же хотим добавить картинку справа от первоначальной, поэтому изменим направление расширения холста. Поставим точку в левый сектор квадрата.
Теперь наше изображение выглядит так:
Замечу, что в изображении как был, так и остался один слой, просто ширина документа увеличилась вдвое и появившаяся часть залита белым цветом. Если нужно, чтобы расширение холста было прозрачным, нужно предварительно сделать так, чтобы единственный слой изображения не был фоновым. Для этого в палитре Слои просто перетащим мышью значок замка (блокировка слоя) на значок корзины внизу палитры Слои.
После этого слой выглядит так:
Отличие Фона от Слоя в том, что Фон не может содержать прозрачных пикселов, а Слой — может. Если после этого попытаться увеличить холст изображения, мы увидим, что программа уже не предлагает цвет расширения холста: расширение будет теперь прозрачным.
Но в моем случае это не имеет значения. Наконец, перетаскиваю вторую картинку в документ с увеличенным холстом:
То, что нужно! Теперь остается добавить текст «до» и «после», или любой другой, подходящий по смыслу. Сохраняем изображение в нужном формате, в моем случае — jpeg.
Как же сделать увеличение холста с целью создания рамки?
Для этого нам пригодится пункт в окне Размер холста — Относительная (Relative).
Если в этом окошке поставить галочку, поля Ширина (Width) и Высота (Height) примут нулевые значения. Введем в соответствующие окошки числа, означающие, на сколько единиц мы хотим увеличить холст. Важно, что в этом случае мы можем сделать расширение равномерным по высоте и ширине, не вдаваясь в вычисления, даже если изображение прямоугольное. Я выбираю 1 сантиметр по ширине и высоте; изображение при этом остается в центре. Цвет выберу из пункта «Другое», здесь можно кликом мыши по изображению выбрать любой из цветов, присутствующих на нем. Результат:
Просто, быстро и красиво! Вернувшись на шаг в Палитре История, можно бесконечно экспериментировать с цветом и размером расширения холста.
Нужно ли говорить, что можно сделать в одном изображении не только две картинки, но и три, четыре, шесть… Просто внимательно заполняйте поля ширины и высоты в Новом размере. К примеру, для того, чтобы разместить шесть картинок (три — в ширину и две — в высоту), нужно проставить 300% в поле Ширина и 200% в поле Высота.
Первая картинка теперь будет размещена в левом верхнем углу. А вот результат после заполнения холста остальными пятью картинками:
Экспериментируйте со своими фотографиями и провожайте зиму: сегодня последний день Масленицы, проводы зимы!
Успешной работы!
Спасибо! Если честно — располагала картинки совершенно другим способом — Ваш намного проще. И две, и четыре делала…
Согласна, Галина! Узнав этот способ (именно с процентами), сам очень охотно его использую!
Спасибо, Эмили, отличный урок по увеличению размера холста в Фотошопе — все подробно и понятно!
Поздравляю с началом весны, как здорово: птички поют, солнышко светит, снег понемножку тает и чудесное настроение!
Спасибо, Рашида! Очень рада Вас видеть! И тоже поздравляю с весной: даже воздух, кажется, пропитан ею!
Ну, вот ,Эмили ,теперь понятно — для чего нужно увеличение размера холста. А то я всегда задавалась вопросом ,когда видела этот параметр.
Я ещё хотела у тебя спросить — как сделать такой шаблончик под картинку — рамка (вверху и по бокам одного размера, а внизу размер больше — там можно написать что-то), а в центре можно вставить какую-нибудь картинку.
Я видела такие картинки на блоге у Александра Борисова — все его посты с такими картинками.
Людмила, я думаю, Борисов использует html и css для этой цели. Только что с интересом порылась в интернете: примеров масса, но именно такой, как ты описала, и к тому же понятный мне вариант не нашла(. Так что проще пока в Фотошопе). А насчет шаблончика захотелось прямо-таки статью написать!..
Людмила, я такую рамку делаю для первой картинки к каждой статье — у Ирины Раковец есть такая статья с видеоуроком — по этой статье сделала один раз шаблон и меняю только картинку и текст, очень удобно, рекомендую.
Что-то я не помню у Ирины такую статью — сейчас пойду гляну. Спасибо, Рашида!
Эмили, если напишешь статью — будет вообще здорово!!!!!
И я хочу посмотреть видеоурок. Спасибо, Рашида.
Людмила, статья готова!
О, Ирину, попотрошили да, у нее такой урок видела.
Это как же попотрошили?.. Что ли, по-твоему, я чужой урок стянула?…
Поздравляю Вас, Эмили, с праздником 8 Марта!
Желаю настоящего женского личного счастья, здоровья и творческих успехов!
Блог Ваш просто сказочно красив, рада была познакомиться с ним. Теперь будет куда обратиться при возникновении сложностей с Фотошопом!
Всего-всего самого хорошего!
Ирина, спасибо, я очень рада, что Вы заглянули ко мне! Мы часто встречались на других блогах, и теперь мне очень приятно познакомиться с Вами лично).
Благодарю за поздравления! С праздником!
Понравилась статья. Для меня данная информация была полезной, спасибо. Раньше картинки не сопоставлял, но увеличением холста пользовался.
Отлично, рада, что статья пригодилась!
Интересно. А то я по своему не знанию, обычно иду через новый документ и уже туда все перетаскиваю.
Спасибо…пригодилось
Замечательно, пожалуйста!