Кодексы РФ

Фотошоп сс как создание рамок. Как растянуть изображение в Photoshop — без потери качества и пропорционально

1 голос

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

Однако, иногда и он отказывается от цели, чтобы результат не повлиял на его репутацию. К концу этой статьи вы узнаете когда можно спасти ситуацию, а когда от затеи лучше отказаться.

Я расскажу вам как в фотошопе растянуть изображение и какими методами это можно сделать. Приступим к более детальному обсуждению?

Правильный способ увеличения

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

Для начала создадим документ. Не думаю, что это вызовет затруднения.

Я возьму очень большой размер: 5000х5000 пикселей. Остальные показатели не так важны.

Дальнейший шаг для некоторых может быть сюрпризом. Фотографию, которую вы собираетесь растягивать по холсту, нужно «Открыть как смарт-объект». Сделать это можно двумя способами. Для начала самый простой, через панель управления сверху. Категория «Файл».

Второй способ заключается в перетаскивании нужного файла из папки.

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

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

После того как завершите и кликните на Enter, фото приобретет более презентабельный вид.

Хотя при 100% увеличении, то есть до того размера, каким предположительно и должна быть фотография, допустим, во время распечатывания, она будет «размыта». Обращайте внимание на эти показатели и увеличивайте картинку при помощи лупы. Это размытие уже ничем не спасти. К чему вам некачественное фото?

Тем не менее увеличение возможно, но не в глобальных масштабах. Вы могли наблюдать в фильмах, когда из малюсенькой фотки человека со спины, снятого на камеру видеонаблюдения в аэропорте агенты делают лицо человека чуть не в hd качестве. Так вот – это лажа. Такого не бывает. Однако, немного увеличить картинку не проблема. Для примера покажу вам исходник.

Вот так картинка будет выглядеть при увеличении на 28% просто при помощи лупы.

А этот вариант при растягивании с применением смарт-объекта. Несколько лучше, не правда ли?

Однако идеальным назвать нельзя. Для совершенства тоже есть свои пределы.

Как делать не нужно

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

Тут пиксели уже будут грубее.

Все исправится сразу после того, как вы нажмете на enter.

Так изображение выглядело на исходнике, при 100% размере.

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?

Рассмотрим несколько простейших способов.

Способы создания рамки в Photoshop

Способ №1: обводка

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование » и кликнув по пункту «Выполнить обводку »:

Выберите цвет, толщину и расположение обводки:

Если выбрано наружное расположение обводки, размер картинки можно уменьшить с помощью команды «Свободное трансформирование », перемещая пунктирную линию, или увеличить размер вашего холста на нужную величину.

Способ №2: рамка вокруг картинки как эффект фона

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7 , дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя », выберите панель «Обводка ». Селектор «Снаружи » обязательно необходимо поменять на «Внутри ». Указав все необходимые вам параметры, кликните на «ОК »:

Способ №3: использование кисти

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

Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z . Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Способ №4: прозрачная рамка

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j . Отключите два верхних слоя, кликая на значок глаза напротив каждого:

Находясь на первом слое, выберите «Фильтр », «Размытие » и «Размытие по Гауссу » и размойте изображение:

Затем в окне «Фильтр » кликните на «Шум » — «Добавить шум ». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

Для того чтобы не изобретать велосипед, в интернете без особых усилий можно найти множество различных бесплатных.psd или .png файлов, в которые остаётся лишь вставить изображение. Как это сделать?

Как вставить фотографию в готовую рамку?

Шаг №1

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop :

Шаг №2

С помощью инструмента «Перемещение » перетащите фотографию в окно с рамкой. Для того чтобы синхронизировать изображения, в меню «Редактирование » выберите «Свободное трансформирование » и, удерживая клавишу shift , подгоните размер изображения под размер рамки и поверните, если это необходимо:

Шаг №3

В окне «Слои » поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Шаг №4

Для создания дополнительного эффекта объёмности вы можете воспользоваться «Параметрами наложения » слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:

В разделе «Тиснение » поставьте галочки, руководствуясь своим вкусом и предпочтениями:

В результате у вас получится объёмное и реалистичное изображение в рамке.

Надеемся, что данный урок стал для вас полезен!

Хорошо Плохо

В этой статье Вы познакомитесь с инструментом, с помощью которого осуществляется кадрирование изображений — Рамка . Инструмент обладает рядом интересных возможностей, которые сделают этот процесс более креативным и творческим. Также легко научитесь выполнять, на первый взгляд, сложные манипуляции с фотографиями.

Что такое кадрирование

Чтобы было понятно что такое кадрирование, приведу пример : допустим, наша задумка вырезать героя комикса и сделать его прямым. Буквально 10 секунд и вот какой получился результат:

Как правило, кадрирование нам нужно в следующих случаях:

  • Качественное улучшение композиции кадра . Допустим, вы сделали фотографию с человеком в полный рост, но можно кадр обрезать так, чтобы он был по пояс или только портрет.
  • Обрезка лишних деталей на фотографии . Допустим, вам нужно вырезать из фотографии самолет, чтобы использовать его в коллаже. Для этого надо удалить лишний фон (существует масса способов как это сделать, например, или ). Но зачем мучиться со всем изображением — это же очень неудобно. Проще отрезать все лишнее вокруг самолета и только после этого начать удалять фон. Работы стало меньше.
  • Подогнать фотографию под определенный размер .

Панель параметров

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

Когда рамка будет нарисована, то панель будут отображать совсем другие опции:

О том для чего нужны все эти параметры читайте ниже в этой статье.

Как работать с инструментом Рамка

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

Чтобы завершить кадрирование нажмите клавишу Enter (либо кнопочку с изображением галочки на панели параметров). Если передумали обрезать — клавиша Esc (либо кнопочка с изображением перечеркнутого круга).

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

Несколько полезных секретов, которые пригодятся во время создания этой рамочки

  • Если удерживать нажатой клавишу Shift на клавиатуре, то вы создадите ровный квадрат.
  • Если удерживать нажатой клавишу Alt на клавиатуре, то рамочка будет симметрично расширяться относительно своего центра.
  • Если удерживать нажатой клавишу Shift+Alt на клавиатуре, то у вас получится симметрично расширяющийся квадрат.
  • После создания рамки, ее можно свободно перемещать. Для этого нажмите левой кнопкой мыши в любом месте внутри нее и двигайте мышку в сторону.
  • Если нажимать на клавиатуре клавиши со стрелками (вправо, влево, вверх, вниз), то рамочка будет сдвигаться в соответствующую сторону на 1 пиксель.
  • Если удерживать нажатой клавишу Shift на клавиатуре и нажимать стрелочки на клавиатуре, то рамка будет сдвигаться в соответствующую сторону на 10 пикселей.
  • Можно одновременно создавать и перемещать рамочку кадрирования. Для этого, в процессе создания границ, нажмите и удерживайте клавишу Пробел .

Что такое Экран

Обратите внимание, что внешняя часть за границами затемнена. Так фотошоп более наглядно сообщает вам, что будет в итоге обрезано. Эта темная часть называется Экран .

Если вам не нравится или мешает, то можно этот экран отключить. Для этого снимите галочку на панели параметров:

Параметр Экран можно настроить на свой вкус. Для этого рядом с этой опцией на панели параметров имеются еще две настройки. Цвет — открывает палитру, в которой можно указать абсолютно любой цвет (по умолчанию стоит черный); Непрозрачность — задает по 100 процентной шкале уровень прозрачности экрана (по умолчанию стоит 75%-ая непрозрачность экрана).

Удаление и сокрытие экрана

Итак, Экран — это область которая будет отсечена при кадрировании. Но фотошоп предлагает два варианта

  • Удаление — это безвозвратное, полное отсечение лишней части изображения
  • Сокрытие — фотошоп будет скрывать обрезанную область. Вы ее не будете видеть, но она есть и ее можно в любой момент вернуть обратно. Она как бы находится за пределами границ документа и стоит увеличить его размеры, как скрытая часть фотографии снова станет видна. Например, когда решите повторно нарисовать рамку кадрирования и если потянуть за уголок и увеличить границы рамки так, чтобы она выходила за пределы изображения, то фотошоп вернет в эту область сокрытую часть изображения.

По умолчанию установлен режим Удаление . Чтобы поменять на Сокрытие надо поставить соответствующую галочку на .

Обратите внимание, что в моем примере эти параметры окрашены в серый цвет, то есть их нельзя нажать. У многих возникает такой вопрос: что это и как сделать так, чтобы кнопки отсечения стали активными?

Проблема в том, что фоновый слой с фотографией заблокирован. Об этом нам сигнализирует маленькая иконка замка. Как разблокировать этот слой — .

Поворот и изменение размеров рамки. Выравнивание горизонта

Обратите внимание на угловые маркеры. Если к ним поднести указатель мыши, то он изменится на полукруглую стрелочку. Это означает, что рамку можно вращать по часовой или против часовой стрелки.

Также, если потянуть за эти угловые маркеры, то можно изменить размеры границ.

Но здесь есть важная особенность. Если вы сделали рамку под наклоном, это не означает, что после подтверждения кадрирования получится фрагмент изображения под наклоном. Фотошоп ВСЕГДА отображает документ на прямо . Поэтому изображение будет автоматически повернуто.

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


Правило третей или золотое сечение

Существует множество правил композиции кадра. Одно из самых популярных — правило третей (еще его называют золотое сечение, это словосочетание вы должны были слышать в школе на уроках математики). Суть правила в том, что условно фотографию можно разделить вот такой сеткой:

При этом главный объект/объекты съемки должны находиться на пересечении с одной или более точками в центре сетки.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Выбрать инструмент рамка можно двумя способами – нажав клавишу (С) или на панели инструментов.

Как только будет сделан выбор инструмента вокруг изображения появится «Рамка обрезки » снабженная маркерами перемещения.

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

Обратите внимание на то что не обязательно начинать работу с рамкой обрезки из её начального положения вокруг фото. Кликните инструментом в любом его месте немного протяните и создайте таким способом собственную рамку в интересующем вас месте.

Выбор формы изображения

Фотошоп позволяет перемещать маркеры рамки обрезки в любом направлении для получения таких размеров как вы хотите. Однако есть и переустановленные стандартные размеры для фотографий. для фотографий. На панели параметров инструмента есть возможность их выбора с различными соотношениями сторон. Для примера я выберу популярный формат 16 на 9. Рамка сразу изменится согласно выбранным пропорциям.

Если есть необходимость обрезать фото с другими пропорциями можно использовать поля ввода указав нужные значения для ширины и высоты.

Изменение ориентации изображения

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

Перемещение картинки внутри рамки

Чтобы переместить изображение внутри рамки обрезки кликните внутри неё удерживая кнопку мыши так чтобы внутри области оказались нужные вам части фото.

Использование сетки

Как только вы начинаете перемещать маркеры или картинку, внутри рамки сразу появляется сетка. По умолчанию это сетка 3 на 3 созданная программой по правилу третей согласно которому при обрезке вы должны расположить основной объект на фото в одном из участков образованных линиями сетки. На практике это не всегда так, количество ячеек всегда можно изменить обратившись к пункту Вид и подобрать сетку по своему усмотрению исходя из конкретных задач которые вы решаете работая с изображением.

Вы можете переключаться между пунктами этого списка при помощи клавиши(О) меняя сетки по ходу работы.

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

Поворот изображения инструментом «Рамка»

В фотошопе есть несколько способов чтобы повернуть изображения используя инструмент рамка. Первый из них — поворот вручную. Просто перенесите курсор за пределы рамки обрезки, он примет вид изогнутой линии с двумя стрелками на концах нажмите кнопку мыши и поворачивайте в нужную сторону.

Автоматический способ заключается в использовании кнопки «Выпрямить» на панели параметров. Использовать её очень просто, кликните на одном конце изображения и проведите до другого появится прямая линия и вы увидите рядом с курсором значение в градусах на которое будет повёрнуто изображение.

После того как вы отпустите кнопку мыши изображение повернётся на нужный градус.

Отмена и принятие действия инструмента рамка

Все мы люди и все совершаем ошибки даже используя «Рамку», однако такой печали можно помочь. Отменить действие инструмента можно комбинацией клавиш (Ctrl+Z) или полностью удалить все действия с инструментом (рамку обрезки, соотношение сторон, поворот) нажав на кнопку сброса.

Если вы хотите отменить обрезку изображения используйте кнопку отмена.

В противном случае если вас всё устраивает примите обрезку нажав на клавишу (Enter) или на кнопку «Выполнить кадрирование».

Вот так легко и просто вы можете работать и настраивать инструмент «Рамка» для обрезки и выравнивания изображений

Применение инструмента

Познакомиться с применением инструмента рамка можно в статье

Редактирование картинок в фотошопе может потребовать изменения их масштабов. В частности – растяжения. Какими способами это можно сделать? Как растянуть изображение в фотошопе?

Рассмотрим способы решения данной задачи в Photoshop версии CS6 с англоязычным интерфейсом.

  • фонового слоя – Background;
  • изображения (в виде самостоятельного слоя) – Layer.

В первом случае редактируемое изображение будет выглядеть так:

Второй вариант предполагает следующее размещение картинки:

В данном случае изображение располагается непосредственно над холстом.

Картинка может размещаться и так – в виде слоя, полностью независимого от холста.

Картинка в виде отдельного слоя может быть размещена также и на фоне других рисунков. Каждое из изображений формирует при этом самостоятельный слой.

В каждом случае особенности «растяжения» рисунка – разные. Изучим их.

Растяжение картинки, являющейся фоном

Итак, первый вариант размещения картинки в структуре проекта фотошопа – в виде фона. Как правило, подобная схема расположения рисунка активируется программой, если выполнить открытие изображения, изначально не являющегося частью проекта. То есть если выбрать пункт меню File, затем – Open и загрузить ту или иную картинку, то она отобразится в качестве фона.

Фотошоп предусматривает фактически только один способ растянуть соответствующее изображение. Он предполагает задействование группы опций Image Size. Для того чтобы получить к ним доступ, нужно выбрать пункт меню Image, затем – Image Size.

После этого можно будет указать нужный размер рисунка – в пикселях, в процентах, сантиметрах и иных единицах измерения в абсолютном значении или же относительно исходной величины. Если в окне будет активирована галочка Constrain Proportions, то при увеличении или уменьшении параметра высоты изображения автоматически откорректируется значение для ширины – и наоборот.

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

Растяжение картинки, являющейся слоем

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

Стоит отметить, что при рассматриваемом варианте размещения изображения в структуре проекта можно использовать также и первый метод корректировки величины рисунка – через группу опций Image Size. Но это не всегда удобно. К тому же данная группа опций имеет не столь широкий функционал, как в случае задействования тех способов, которые мы сейчас рассмотрим.

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

Первый «подвид» его соответствующего расположения – на холсте. Для того чтобы разместить изображение соответствующим образом, нужно загрузить его в программу, после – кликнуть 2 раза на названии слоя, который изначально является фоновым, а затем – нажать OK.

После этого слой переименуется из Background в Layer. Теперь рисунок может редактироваться отдельно от холста.

Можно свободно перемещать картинку по рабочей области проекта, используя инструмент Move Tool. Холст, в свою очередь, может быть залит цветом – с помощью инструмента Paint Bucket Tool.

Правда, задействование отмеченной опции окраски холста имеет особенность. Цвет, которым он заполняется, сливается в один слой с изображением, изначально открытым на холсте.

Это легко пронаблюдать, если вновь взять инструмент Move Tool и попытаться переместить редактируемую картинку – она начнет передвигаться вместе с окрашенным холстом.

В свою очередь, образовавшийся участок пустого холста также можно залить каким-либо цветом. Он тоже сольется в один слой с предыдущими графическими элементами.

Второй способ размещения картинки в проекте – в виде самостоятельного слоя, никак не связанного с холстом. На практике это возможно, если между таковым и редактируемым изображением размещен какой-либо другой рисунок.

Фактически работа должна вестись с 2 слоями – тем, который «объединен» с холстом, и тем, который является самостоятельным графическим элементом.

Способность свободно перемещаться по экрану картинки – в виде слоя, размещенного на холсте, либо в виде полностью независимого слоя – предопределяет возможность задействования следующих методов ее растяжения (не считая рассмотренного нами выше):

  • использование группы опций Free Transform;
  • задействование инструмента Transform Controls.

Изучим их особенности подробнее.

Растяжение картинки на холсте с помощью группы опций Free Transform

Для наглядности предлагается увеличить холст – чтобы картинка имела меньшую, чем он, площадь, и ее можно было растягивать. Для этого нужно выбрать пункт меню Image, затем – Canvas Size. В открывшемся окне следует ввести значение величины холста, соответствующее примерно 120 %. При этом галочку напротив Relative желательно снять.

В результате на холсте появится достаточное пространство для растяжения изображения.

Далее нужно выбрать инструмент Rectangular Marquee Tool либо любой другой, что располагается в соответствующей группе. После – кликнуть правой кнопкой мыши на изображении и выбрать пункт Free Transform. Затем сразу же надо щелкнуть на картинке правой кнопкой еще раз – после этого откроется требуемая группа опций.

За растяжение картинки отвечают первые 6.

Опция Scale позволяет увеличить либо уменьшить размер изображения без изменения его геометрического типа. То есть если изначально картинка – прямоугольник, она им же и останется. Однако ее пропорции, величины ее сторон могут быть выражены практически в любых значениях.

Чтобы изменить размер картинки, нужно потянуть за ползунки, которые появляются сразу же после активации опции Scale. Если тянуть за угловые – меняется величина изображения в целом. При удержании клавиши Shift – пропорционально исходному размеру.

Если тянуть только за верхние и нижние ползунки – изменится высота рисунка, если за боковые – ширина.

Важный нюанс задействования любой из опций рассматриваемой группы: чтобы закрепить результат работы над редактируемой картинкой, нужно нажать Enter.

Следующая опция – Rotate. С ее помощью можно поворачивать картинку – в любую сторону.

Благодаря опции Skew можно менять взаимное расположение сторон рисунка либо корректировать размер одних сторон относительно других. Например – разместить правую сторону выше левой, нижнюю – левее или правее верхней. Или же правую сторону сделать короче, чем левую.

Отметим, что заметное растяжение рисунка при задействовании опции Skew осуществляется, только если активно потянуть за один из угловых ползунков.

Опция Distort в некотором смысле дополняет предыдущую – в ней как раз таки реализована возможность не только менять длину сторон картинки и взаимное их расположение, но также и растягивать изображение практически в любую сторону.

Опция Perspective в чем-то схожа с функцией Skew, однако решает более узкую задачу – создать перспективу для рисунка. Которая может выглядеть примерно так:

Как в фотошопе растянуть часть изображения? Решению данной задачи способна посодействовать, вероятно, самая примечательная опция рассматриваемой группы – Warp. С помощью нее можно растягивать отдельные участки рисунка.

Соответственно, непосредственно за растяжение (тем или иным способом) картинок отвечают такие опции, как:

  • Scale;
  • Skew;
  • Distort;
  • Perspective;
  • Warp.

При необходимости растянутое изображение можно также повернуть, задействовав опцию Rotate.

Отметим, что изменять размер картинки – при использовании большинства инструментов, входящих в группу Free Transform, – получится не только с помощью ползунков. Дело в том, что сразу же после активации той или иной опции в верхней части интерфейса фотошопа открывается дополнительная панель настроек.

Используя ее, можно указывать точные значения единиц, определяющих размеры и пропорции картинок либо их сторон. Исключение – сложный инструмент Warp. Необходимая корректировка изображения при его применении осуществляется вручную.

Растяжение картинки с помощью опции Transform Controls

Изучим теперь то, как растянуть изображение в Photoshop, задействуя другой инструмент – Transform Controls. Он считается, с одной стороны, менее функциональным, чем группа опций Free Transform, с другой – простым в использовании.