Растягивание изображения онлайн

Практика: масштабирование

Теперь мы знаем, как вызвать функцию. Осталась самая главная часть – применение на практике.

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

Таким образом наше фото уменьшилось, но… Вы могли заметить, что пропорции изображения “поломались”:

Чтобы такого не происходило, при масштабировании объекта, нужно обязательно зажимать клавишу SHIFT.

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

Чтобы объект не исказился, нам нужно сохранить пропорции, нажав на “цепочку”, как показано на скриншоте.

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

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

До встречи в наших следующих уроках.

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

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

Картинки, редактируемые с помощью фотошопа, могут быть представлены в формате:

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

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

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

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

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

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

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

Как вариант

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

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

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

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

Кстати, если вы хотите обучиться этому искусству, то могу порекомендовать курс Елены Виноградовой «Мастерство создания коллажа». Невероятно полезный навык, если думаете о карьере в рекламе или просто хотите порадовать друзей и знакомых забавными композициями.

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

Для начала я пипеткой возьму цвет сверху и залью пустую область.

Затем выделю при помощи инструмента лассо и также залью разные части картинки основными цветами.

Они будут отличаться.

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

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

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

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

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

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

До новых встреч и удачи в ваших начинаниях.

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

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

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

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

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

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

Во многих статьях вам порекомендуют использовать другой способ. Какой именно? Вы просто берете фото и копируете его на новый документ при помощи Ctrl+C (копировать) и Ctrl+V (вставить) или перетащите необходимый документ в новый.

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

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

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

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

А это при увеличении.

Конечно же, иногда можно делать и так, но помните о последствиях! Смотрите, я несколько раз увеличил и уменьшил фотографию. Так оно выглядит при совершении операции в первый раз.

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

Пиксели побились, а цвета стали менее насыщенными. При использовании смарт-объектов такого бы не произошло.

Yousician

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

Developer:

Price:
Free

Фильтр Пластика

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

Диалоговое окно фильтра вызывается командой Фильтр (Filter) -> Пластика (Liquify). Все инструменты находятся в левой части окна, а их настройка производится в правой части.

На рис. 18 приведен пример использования фильтра Пластика (Liquify) для создания кукольного эффекта.

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

Рис. 19. Применение инструмента Вздутие для увеличения глаз

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

Для уменьшения рта применялись инструменты  Сморщивание (Pucker) и Деформация (Forward). Сморщивание применено к уголкам рта, сделано несколько щелчков мыши в каждом из них. Чтобы еще больше сузить рот, необходимо передвинуть уголки рта навстречу друг другу инструментом  Деформация (Forward) — рис. 20.

Рис. 20. Использование инструмента Деформация для уменьшения рта

Для сужения носа использованы те же инструменты, что и для уменьшения рта. В процессе работы может понадобиться уменьшать размер кисти для более детальной обработки. Чтобы заострить подбородок, был применен инструмент Деформация (Forward).

В завершение эффекта проведена обработка белков, зрачка и радужной оболочки глаз инструментами  Затемнитель (Burn) и  Осветлитель (Dodge), а также выполнена цветовая коррекция изображения в диалоговом окне Цветовой тон/Насыщенность (Hue/Saturation).

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

Рис. 21. Исходный портрет мужчины (а) и результат его коррекции фильтром Пластика (б)

Рис. 22. Процесс коррекции портрета инструментом Деформация: а — уменьшение мочки уха; б — подтягивание нижней губы

Инструментом  Деформация (Forward) были обработаны следующие фрагменты:

• мочки ушей — чтобы уменьшить их и прижать к голове (рис. 22а);
• нижняя губа — для изменения ее формы (рис. 22б).

Инструментом  Сморщивание (Pucker) была проведена обработка других фрагментов:

• выполнено несколько щелчков по родинке для ее уменьшения, размер кисти — немного больше самой родинки (рис. 23а);
• для уменьшения мешков под глазами инструмент  Сморщивание (Pucker) применялся совместно с инструментами  Заморозить (Freeze) и  Разморозить (Thaw Mask). Чтобы защитить от действия фрагмент изображения, требуемая область закрашивается инструментом  Заморозить (Freeze). Так, на рис. 23б от воздействия защищен глаз, защита обозначена красным цветом. Обработка проведена в несколько щелчков по нижней границе глаза. После завершения коррекции защита удаляется инструментом  Разморозить (Thaw Mask).

Помимо коррекции фильтр Пластика может использоваться для создания различных художественных эффектов. На рис. 24 приведен результат обработки лепестков лилий инструментом  Скручивание (Twirl). По умолчанию вращение производится по часовой стрелке, для вращения в обратном направлении нужно удерживать нажатой клавишу Alt (в Mac OS — Option). Тычинки и пестик обработаны инструментом  Вздутие (Bloat).

Рис. 23. Процесс коррекции портрета инструментом Сморщивание: а — уменьшение родинки; б — уменьшение мешков под глазами, защищенная область обозначена красным цветом

Рис. 24. Исходное изображение лилий (а) и результат его обработки фильтром Пластика (б)

Как изменить размер изображения

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

Как изменить разрешение картинки / фото в Paint

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

1. Кликните по изображению правой кнопкой мыши и выберите пункт «Изменить». Если такого пункта нет, то наведите курсор на «Открыть с помощью» и выберите «Paint» из выпадающего списка. Если и его там нет — то щелкните по «Выбрать другое приложение» и найдите программу в списке уже там.

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

Так, например, если вас спросили — как увеличить размер фото, установите значение в процентах на большее. Или переключитесь на пиксели и увеличьте уже там. К примеру, если снимок по горизонтали в 1024 пикселя, то можете поставить 1280 — качество картинки станет немного нечетким, но не сильно.

3. Далее кликните по «Файл» — «Сохранить как» и выберите место куда хотите записать его, советую также использовать другое имя, чтобы оригинал остался.

В IrfanView

Скачайте IrfanView и установите если его нет на вашем компьютере. Программа сочетает в себе отличный просмотрщик графических файлов и включает редактор.

1. Отройте нужный снимок в программе, кликните по пункту меню «Изображение» — «Изменить размер…». Укажите новое разрешение для картинки. Есть возможность выбрать из стандартных.

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

Как изменить размер фото в Фотошопе

1. Откройте необходимое фото в Photoshop, перейдите в пункт меню работы с изображениями и откройте подпункт смены габаритов. Укажите там новые параметры. Смотрите, чтобы была установлена галочка у «Сохранить пропорции».

2. Нажмите на меню «Файл» — «Сохранить как». Тип файла укажите JPG и дайте ему другое название, чтобы не заменять оригинал. Исходники всегда лучше оставлять если в дальнейшем собираетесь еще редактировать или тем более отправлять на печать снимок.

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

В XnView

Загрузите XnView и установите на свой компьютер или ноутбук, если его на нем нет.

1. Откройте картинку в программе, щелкните по пункту меню «Изображение» — «Изменение размера» и укажите новый. Смотрите, чтобы галочка стояла у пункта «Сохранять пропорции», чтобы ничего не растянулось.

2. Далее нажмите на «Файл» — «Сохранить как» и укажите в проводнике новое название и место для сохранения на вашем компьютере или ноутбуке.

В заключение

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

Как увеличить картинку без потери качества онлайн в сервисе Imgonline.com.ua

Далее увеличим размеры изображения на сервисе Imgonline.com.ua. Нажимаете на странице сервиса «Изменить размер изображения», далее кнопку «Обзор» (скрин 1).

Выберите изображение на компьютере, нажав по нему левой кнопкой мыши, далее «Открыть» и картинка загрузится на сервис. В настройках сервиса вам нужно оставить тип изменения размера: «С соблюдением пропорций». Далее опустите страницу вниз и перед форматом Jpeg можете увеличить размер качества картинки, например, на 100. Достаточно прописать цифры в поле или использовать стрелки для увеличения качества (скрин 2).

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

После проделанных настроек с картинкой, нажмите кнопку «OK». На другой странице сервиса вы увидите показатели измененного изображения:

• исходный размер изображения, например, 500×333;
• размер картинки, который был ранее указан;
• и что получилось, например, 1900×1265, 360.67 Кб.

Видно, что объем изображения увеличился и его качество. Теперь, можете загрузить картинку на компьютер. Нажмите по кнопке «Скачать обработанное изображение» и выберите место для сохранения картинки (скрин 3).

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

В этом видео на практике показано, как увеличить картинку без потери качества:

Команды меню Редактирование

Если вы раскроете меню Редактирование (Edit), а затем выберете подменю Трансформирование (Transform), перед вами предстанет список команд, позволяющих трансформировать фрагмент изображения. Перечислим их: Масштабирование (Scale), Поворот (Rotate), Наклон (Skew), Искажение (Distort), Перспектива (Perspective) и Деформация (Warp). Однако доступ к этим командам можно получить гораздо быстрее — через режим свободного трансформирования, вход в который осуществляется комбинацией клавиш Ctrl+T (в Mac OS — Command+T), а выход из него — клавишей Enter (в Mac OS — Return). Для включения той или иной команды используйте приведенные ниже приемы:

1. Для масштабирования фрагмента следует навести указатель мыши на один из маркеров возникшей рамки трансформирования и провести мышь с нажатой кнопкой. Клавиша Shift позволяет сохранять пропорции фрагмента, а Alt выполняет масштабирование из центра.
2. Если подвести указатель мыши к любой вершине рамки трансформирования, то он примет вид изогнутой стрелки, перемещение которой приводит к повороту фрагмента. Перед тем как повернуть фрагмент, можно сместить центр поворота — для этого необходимо сместить в требуемое место центральный маркер рамки. Так, на рис. 1 поворот осуществляется относительно верхней левой вершины рамки трансформирования. Клавиша Shift позволяет выполнить поворот на угол, кратный 15°.

Для наклона необходимо смещать средний или угловой маркер границы рамки трансформирования, удерживая нажатыми две клавиши — Ctrl и Alt (в Mac OS — Command и Option).

Рис. 1. Поворот фрагмента относительно верхней левой вершины

Рис. 2. Применение к фрагменту эффекта перспективы

Чтобы добавить эффект перспективы в режиме свободного трансформирования, перетащите верхний или нижний угловой маркер, нажав комбинацию клавиш Shift+Alt+Ctrl (в Mac OS — Shift+Option+Command) — рис. 2.

Активировать команду Искажение (Distort) из режима свободного трансформирования позволяет клавиша Ctrl (в Mac OS — Command) — рис. 3.

Рис. 3. Превращение ноутбука Sony VAIO в Macintosh. К логотипу Apple применена команда Искажение

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

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

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

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

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

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

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

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

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

Хотя при 100% увеличении, то есть до того размера, каким предположительно и должна быть фотография, допустим, во время распечатывания, она будет «размыта»

Обращайте внимание на эти показатели и увеличивайте картинку при помощи лупы. Это размытие уже ничем не спасти

К чему вам некачественное фото?

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

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

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

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

Вызов функции

Сперва давайте посмотрим, каким образом можно вызвать функцию “Масштабирование”, которая и понадобится нам для работы.

1. Одним из вариантов будет – обращение к функции в главное меню Photoshop. Для этого нужно кликнуть на «Редактирование», затем навести на «Трансформирование», после чего в дополнительном раскрывшемся меню выбираем “Масштабирование”.Когда мы активируем функцию, вокруг нашей картинки появится рамка с опорными точками по периметру.Чтобы трансформировать фотографию, достаточно потянуть за любую из точек, как показано на скриншоте.
2. Альтернативный способ для активации функции масштабирования – нажатие комбинации горячих клавиш – CTRL+T. Благодаря этому методу вы сможете масштабировать, трансформировать и вращать картинку, как вам угодно. Почему появились дополнительные возможности? Дело в том, что эта функция несет название “Свободное трансформирование”.

Масштаб с учетом содержимого

Масштаб с учетом содержимого позволяет изменить размер изображения или его фрагмента, не затрагивая людей, здания, животных и т.д. При обычном масштабировании (команда Свободное трансформирование — Free Transform) все пикселы обрабатываются одинаково, а при масштабировании с учетом содержимого в основном затрагиваются пикселы заднего плана и фона. Более того, такое масштабирование позволяет защитить от трансформации выделенную область или области, содержащие цвета, близкие к оттенкам кожи. Так, на рис. 5а представлено исходное изображение коровы, а на рис. 5б — результат обычного масштабирования. Как видите, произошло сплющивание изображения коровы вместе с фоном — выбор команды неудачен.

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб с учетом содержимого с защитой выделенной области (г)

На рис. 5в и г представлен результат применения команды Масштаб с учетом содержимого (Content­aware scaling). На рис. 5в команда выполнялась без предварительных настроек, а на рис. 5г изображение коровы было защищено от масштабирования.

Для защиты фрагмента необходимо создать выделение, сохранить его в альфа­канале, а затем перед масштабированием на панели свойств инструмента выбрать имя альфа­канала из списка Защищать (Protect) — рис. 6.

Рис. 6. Панель свойств инструмента Масштаб с учетом содержимого

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

Рис. 7. Исходная фотография поросят (а); результат применения команды Масштаб с учетом содержимого с защитой от воздействия пикселов, по цвету близких к оттенкам кожи (б)