Как растягивать в фотошопе. Как растянуть изображение в Фотошопе? — Templatemonster. Растяжение картинки на холсте с помощью группы опций Free Transform

Приветствую этот прекрасный Хабр! Данный пост является небольшим руководством, в котором вы узнаете очень интересный и полезный лайфхак. Намедни(в конце марта) для участия в выставке форума "Шаг в будущее" мне было необходимо нарисовать плакаты для стенда. Размеры боковин - метр на метр , центральной части - два метра на метр . Чтобы в офисе не возникло проблем с печатью, я создал в фотошопе файлы в натуральную величину. И тогда проблемы начались у меня.

Дело в том, что все графики, схемы, диаграммы и прочие графические материалы для стенда были в настолько маленьком разрешении, что оно не превышало 1000х1000 рх. Собственно, это не есть хорошо для исполинского полотнища приблизительно 50000х12500 рх, потому что в оригинальном размере объекты выглядят очень маленькими, а в растянутом - набором квадратов из какой-то мозаики. Проблема также отягощается тем, что мой инструментарий ограничен только редактором Adobe Photoshop CC, а времени на освоение и установку другого ПО у меня естественно нет. Полазив по зарубежным форумам, я таки нашёл её решение. Для его демонстрации возьмём такую картинку.

Исходный размер изображения: 128х128 рх. Растянем его так, чтобы оно занимало ~1/4 листа А4. Для этого открываем наше изображение в фотошопе и выделяем его прямоугольной рамкой целиком. После делаем клик правой кнопкой мыши, и выбираем опцию "Образовать рабочий контур", после чего ставим значение допуска равным 1 пикселю.

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

Клик правой кнопкой мыши по изображению и выбор опции "Создать векторную маску".

ВСЁ! Теперь сохраняем нашу картинку, затем Drag"n"Drop"ом переносим её на лист А4 и растягиваем как хотим. Главное не забыть нажать Enter для применения трансформации. Ну а сравнение растягивания без этих "танцев с бубном" и с ними вы уже увидели в превью. А на этом всё, спасибо за внимание!

P.S. Кому интересно стенд вот такой получился.

Осторожно, большая гифка

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

Обводка фотографии

Самый простой способ того, как сделать рамку в Фотошопе, связан с использованием свойств слоя.

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои» .

Если в фотографии один слой, то он будет основным. Рядом с его изображением на панели слоёв появится пиктограмма в виде замочка, что означает блокировку слоя ради предотвращения случайных правок.

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0 . После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения» .

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку» . Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

Size/«Размер» - толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
Position/«Положение» - положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Inside), не имеют смысла.
Blending Mode/«Режим наложения» - режим наложения обводки.
Opacity/«Непрозр.» - плотность (непрозрачность) обводки.
Color/«Цвет» - цвет.

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение» . Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Результат:

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A , либо с помощью команды меню Select/«Выделение» → All/«Все» .

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…» .

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста» , которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет - отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…» .

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

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

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

После этого переходим в режим быстрой маски либо с помощью клавиши Q, либо кликая по пиктограмме быстрой маски на левой панели инструментов.

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» .

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи» . Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия» .

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

Вот результат.

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…» .

В появившемся диалоговом окне указываем новые размеры холста. При этом не обязательно увеличивать холст равномерно по горизонтали и вертикали. Тут вы можете экспериментировать.

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

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

Если вы раньше выбирали инструмент Crop Tool (Кадрирование / Рамка), растягивали его по своему документу и нажимали Enter , данный Урок Фотошопа может удивить вас, когда вы узнаете о других возможностях, которые можно использовать при кадрировании в Photoshop .

Здесь представлены пять лучших секретов инструмента Crop Tool (Кадрирование / Рамка).

1. Поворачиваем при кадрировании

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

2. Перспективное кадрирование

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

3. Кадрирование не вырезая

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

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

Возьмите инструмент «Move Tool » (Перемещение) и подвигайте изображение. Такой прием полезен, когда вы хотите вырезать изображение размером 4 х 6 px и хотите поэкспериментировать с различными вариантами композиции изображения без вырезанных участков.

4. Создание и использование настроек кадрирования

При использовании инструмента «Crop Tool » (Кадрирование / Рамка), вы можете выбрать различные его настройки, достаточно кликнуть мышью по выпадающему меню в окне настроек. Выберите настройку и примените ее к изображению, чтобы создать выделение. Вы можете поменять вертикальную область выделения на горизонтальную (и наоборот). Растяните выделение на изображении и затем поверните его на 90 градусов , удерживая клавишу Shift . При удерживании клавиши Shift , ваше изображение будет поворачиваться четко на 15 градусов .

Чтобы создать свои собственные настройки, установите значения по ширине и высоте, а также разрешение в настройках инструмента, затем нажмите в выпадающем меню New Tool Preset (Задать новые параметры инструмента).

Задайте имя для своих параметров и нажмите Oк .

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

5. Вырезаем с тем же размером

Чтобы вырезать изображение с тем же размером, выберите «Crop Tool » (Кадрирование / Рамка) и активируйте изображение, на масштаб которого вы опираетесь. Нажмите кнопку Front Image (Внешнее изображение), чтобы сконфигурировать параметры «Crop Tool » (Кадрирования) с размерами данного изображения.

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

Внимание: Если «Crop Tool » (Кадрирование / Рамка) применилось вами не так, как ожидалось, нажмите клавишу Esc , чтобы деактивировать инструмент и нажмите кнопку Clear (Очистить), чтобы сбросить некоторые параметры, если вы вдруг забыли, что именно изменяли в настройках инструмента.

Финальный результат

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

Перевод: Анцыперович Александра ;

3 голоса

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

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

Способ, который позволит быстро сделать рамку одного цвета

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

Если одновременно будете зажимать кнопку Shift на клавиатуре, то круглую. Кстати, эта кнопка также может превращать прямоугольник в квадрат.

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

А вот дальнейшие действия придется делать уже включив верхний слой. И сделав его активным. Следите за подсветкой.

Когда будете готовы нажмите Del.

Можно обрезать края.

Необычные края рамки

А сейчас давайте сделаем рамку с необычными внутренними краями. Сперва создаем новый слой. Это вы уже умеете.

Теперь на клавиатуре находим Q и нажимаем, чтобы перейти в режим быстрой маски.

Применяем свободное трансформирование, при помощи CTRL+T и уменьшаем размер.

В верхнем меню находим «Фильтры» — «Искажение». Можно применить Волну, дисторсию, искривление, полярные координаты, сферизацию. Мне нравится рябь.

Дергаем за ползунок, чтобы увеличить или уменьшить эффект, а затем сохраняем.

Это пока еще не все. Нажимаем на Q.

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

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

Вот так у вас должно получиться. Будьте внимательны, дальнейшая работа должна происходить на верхнем слое, а не на нижнем.

Можно применить градиент.

Или один цвет.

Нажмите CTRL+D, чтобы избавиться от ползающих муравьев.

Очень красивые рамки для новичков

Я вам уже показывал сайт photoshop-master . Возможно, вы заметили, что тут есть раздел с бесплатными и очень красивыми рамками. Пользоваться ими может даже новичок. Все они – бесплатны.

Использовать их довольно просто, если посмотреть вот эту замечательную инструкцию.

Другие бесплатные видео уроки от основателей «Фотошоп-Мастер» вы можете найти вот по этой ссылке: www.photoshop-master.ru/lessons .

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

Они копаются в собственной голове и знание инструментов помогает им самим придумать как этого добиться. Если вас это заинтересовало, могу порекомендовать курс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате» .

Если вам понравилась эта статья – подписывайтесь на рассылку, группу Вконтакте и получайте больше полезной информации о заработке в интернете.

Успехов в ваших начинаниях и до новых встреч!

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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