Как изменить размер прямоугольника в фотошопе
Обновлено: 20.11.2024
Существует множество способов изменить размер объекта в Photoshop, но вам не обязательно быть профессионалом, чтобы получить нужный эффект. В этой статье мы рассмотрим очень простые способы масштабирования, преобразования и изменения размера объекта с помощью функции Transform.
В примере, который я использую здесь, у меня есть три слоя. Нижний слой — это белый фоновый слой, размер которого я хочу изменить, чтобы заполнить холст. Средний слой — это изображение солнца, которое я хочу центрировать и подогнать по размеру к белому слою. Третий слой — это цветок гибискуса, который я хочу поместить в центр круга солнца.
Мы будем использовать разные варианты изменения размера, чтобы понять, как работает каждый из них.
Изменение размера объекта с помощью функции масштабирования
Сначала я выберу слой с белым квадратом в правом нижнем углу экрана. Выбранный слой имеет светло-серый фон.
Преобразовать изображение 1
Выбрав слой с белым квадратом, нажмите меню «Правка» и выберите «Преобразование»> «Масштаб».
Преобразовать изображение 2
Вокруг белого прямоугольника появится ограничительная рамка с угловыми и боковыми маркерами.
Преобразование изображения 3
Чтобы быстро масштабировать поле, нажмите и перетащите любой маркер, и размер поля изменится пропорционально. Это означает, что высота и ширина изменятся в том же соотношении, что и исходное.
Преобразование изображения 4
Когда я это делаю, вы видите, что коробка не совсем соответствует холсту. Мне нужно настроить размер так, чтобы он подходил.
Для этого я могу посмотреть на панель параметров в верхней части экрана и снять кнопку "Сохранить пропорции" (значок ссылки), которая устанавливает пропорциональность объекта.
Преобразование изображения 5
Сняв этот флажок, я могу взять боковой маркер и перетащить его, не изменяя другие стороны.
Преобразование изображения 6
Теперь белый прямоугольник заполняет весь холст, поэтому я закончил изменять размер этого слоя.
Изменение размера объекта с помощью свободного преобразования
Чтобы показать другой способ изменения размера объекта в Photoshop, мы будем использовать функцию преобразования, которая работает так же, как масштабирование.
Для этого примера я выбрал слой с изображением солнца в правом нижнем углу.
Преобразование изображения 7
В меню "Правка" выберите "Свободное преобразование".
Преобразование изображения 8
Солнце теперь имеет ограничивающую рамку с маркерами, которые я могу использовать для изменения размера так же, как я сделал это для белого квадрата.
Преобразование изображения 9
Для начала я хочу сохранить эту пропорцию, поэтому я снова нажму кнопку "Сохранить соотношение сторон" (значок ссылки) на панели параметров, а затем с помощью маркеров изменю размер солнца, чтобы оно заполнило белый квадрат.
Преобразование изображения 10
Здесь есть еще один вариант изменения размера.Независимо от того, выберете ли вы «Масштаб» или «Свободное преобразование», вы можете использовать маркеры на ограничительной рамке, как описано выше, или вы можете установить проценты высоты (H) и ширины (W) вручную на панели параметров.
Преобразование изображения 11
На этот раз я выбрал слой с цветком. Я убедился, что выбран значок «Сохранить соотношение сторон», и увеличил процент высоты до 325%. Ширина автоматически настраивается на тот же процент, поскольку ссылка была активирована.
Преобразование изображения 12
Изменение размера объекта с помощью дополнительных параметров преобразования
У команды "Преобразование" есть несколько других параметров, таких как поворот, наклон, искажение, перспектива и деформация.
Преобразование изображения 13
Это другие способы изменения размера объекта в Photoshop для создания различных эффектов. В приведенном ниже примере я использовал параметр перспективы, чтобы солнце и цветок выглядели так, как будто они удаляются в пространстве. Это делается путем регулировки маркеров ограничивающей рамки до тех пор, пока вы не получите желаемый эффект. Я также использовал Свободную трансформацию цветка, чтобы уменьшить его размер.
Преобразование изображения 14
Вот краткое описание того, что делает каждая из подфункций. Более подробное обсуждение см. в этой статье.
- Повернуть — изображение будет вращаться вокруг фиксированной опорной точки. Если вы переместите указатель за пределы ограничивающей границы, он превратится в изогнутую двустороннюю стрелку. Затем вы можете перетащить указатель, чтобы повернуть изображение. Нажмите клавишу Shift, чтобы изменить угол поворота с шагом 15°.
- Наклон наклоняет объект по вертикали и горизонтали. Просто перетащите боковой маркер, чтобы наклонить ограничительную рамку.
- Искажение позволяет растягивать объект во всех направлениях. Используйте угловые маркеры, чтобы исказить форму.
- Перспектива применяет к выбранному объекту одноточечную перспективу. Возьмите угловой маркер и перетащите его, чтобы применить нужную перспективу.
- Деформация позволяет детально манипулировать формой объекта. При активации над изображением появляется «сетчатый» график. Перетащите контрольные точки, линию или область внутри сетки, чтобы изменить форму сетки, и форма объекта изменится.
Сочетания клавиш
Поскольку держать руки на клавиатуре может быть эффективнее, вот несколько сочетаний клавиш, которые можно использовать для изменения размера.
- Используйте Ctrl + T для Windows или Command + T для Mac, чтобы активировать Free Transform. Это поместит ограничивающую рамку вокруг выбранного слоя/объекта.
- Удерживая нажатой клавишу Alt для Windows или Option для Mac, перетащите маркер, чтобы изменить форму области из ее центра.
- При перетаскивании маркера ограничительной рамки в режиме "Свободное преобразование" удерживайте нажатой клавишу Shift, которая будет ограничивать соотношение сторон в качестве альтернативы нажатию кнопки "Сохранить соотношение сторон".
- Удерживание Shift + Alt (Windows) или Shift + Option (Mac) при щелчке и перетаскивании маркера изменит размер объекта пропорционально его центру, если вы щелкнете по угловому маркеру, или изменит противоположные стороны одинаково, если вы используете боковая ручка.
- Когда вокруг объекта видна ограничительная рамка, щелкните правой кнопкой мыши в Windows или нажмите Control + щелчок (Mac), чтобы отобразить подменю параметров преобразования, содержащее поворот, наклон, искажение и т. д. Если выбрать любой из этих подменю -options, вы можете удерживать клавишу Alt (Windows) или Option (Mac), щелкая и перетаскивая мышью, чтобы выполнить эту функцию.
- Кроме того, при активной функции «Свободное преобразование» вы можете временно переключаться в режимы «Перекос», «Искажение» или «Перспектива» непосредственно с клавиатуры, не выбирая их в каком-либо меню.
- В режиме "Перекос" или "Искажение" просто удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac) при перетаскивании бокового или углового маркера.
- В режиме перспективы удерживайте нажатыми клавиши Shift + Ctrl + Alt (Windows) или Shift + Command + Option (Mac) и перетащите угловой маркер.
- Отпускание клавиш возвращает вас в стандартный режим свободной трансформации.
- При нажатии клавиши "Ввод" функция "Свободное преобразование" закрывается.
Заключение
Трансформация и Свободная трансформация — это самые простые способы изменения размера объектов в Photoshop, которые я нашел.После того, как вы использовали их пару раз, они действительно становятся второй натурой. Вы также можете использовать несколько преобразований, чтобы получить нужный эффект для вашего объекта.
Это хорошее место для начала, если вы только учитесь преобразовывать объекты. Если вы готовы двигаться дальше или вам нужны подробные и исчерпывающие инструкции, ознакомьтесь с этой статьей на странице справки Adobe.
Если вы попробуете эти или другие методы, оставьте нам комментарий и расскажите, как все прошло!
Автор Эмбер Фогель
Эмбер — визуальный художник, менеджер социальных сетей и писатель-фрилансер. Обладая более чем 18-летним опытом управления проектами, обучения и обслуживания клиентов во многих отраслях, она заинтересована в концепциях, которые помогают предприятиям работать эффективно, не забывая при этом о клиентах и сотрудниках. Когда она не работает, она одержима разгадыванием кроссвордов, сном и оттачиванием своих навыков шеф-повара-любителя. Эмбер живет недалеко от Колумбуса, штат Огайо, с сыном и кошкой.
Изменение размера текста и изображений имеет решающее значение в процессе проектирования, особенно если вы хотите создать элегантно сбалансированную композицию.
Используя инструмент «Свободное преобразование» в Photoshop, вы можете легко изменять размеры слоев проекта Photoshop.
Кроме того, вы можете заблокировать или разблокировать размеры слоя при изменении его размера, чтобы не беспокоиться о случайном искажении высоты или ширины.
Вот четыре простых шага, которые необходимо выполнить, чтобы изменить размер слоя в Photoshop 2020.
Ознакомьтесь с продуктами, упомянутыми в этой статье:
Adobe Photoshop (от 239,88 долларов США в Adobe)
MacBook Pro (от 1299,99 долларов США в Best Buy)
Lenovo IdeaPad 130 (от 299,99 долларов США в Best Buy)
Как изменить размер слоя в Photoshop
<р>1. Выберите слой, размер которого вы хотите изменить. Это можно найти на панели «Слои» в правой части экрана.Собака Ру больше не привязана к фону. Чтобы дать ей больше пространства для игр, когда я выберу новый фон, я немного уменьшу ее. Эмма Уитман/Business Insider
<р>2. Перейдите в «Редактировать» в верхней строке меню, а затем нажмите «Свободное преобразование». Над слоем появятся полосы изменения размера.На компьютерах Mac можно нажать «Command+T», а на ПК — «Ctrl+T», чтобы вызвать инструмент изменения размера «Свободное преобразование». Эмма Уитман/Business Insider
<р>3. Перетащите слой до нужного размера. Чтобы управлять высотой и шириной, удерживайте клавишу Shift при перетаскивании.Вы больше не увидите галочку на главной панели параметров, шрифт которой немного больше. Имейте в виду, что вам по-прежнему нужно нажимать Ctrl или Command + S, чтобы сохранить работу в процессе работы. Эмма Уитман/Business Insider
<р>4. Установите флажок на верхней панели параметров. Слова «Commit transform (enter)» появятся, когда вы наведете курсор на галочку. Вы также можете нажать Enter для Windows или Return для macOS, чтобы завершить изменение размера.Я знаю, что есть несколько вопросов, которые задают этот вопрос - до сих пор ответ был "невозможным", но в одном из них был намек (или. иллюзия?) на возможность сделать это в cc edition.< /p>
У меня версия cc, но только в качестве пробной версии.
У меня выбрана фигура — белый «прямоугольник» с выпадающим ящиком и так далее. Прямоугольник заключен в кавычки, потому что для меня это прямоугольник, но я не знаю, как он был создан.
Я хочу изменить размер этого (это было сложнее, чем нужно - мне пришлось перейти к редактированию - свободное преобразование.
Но когда я перетаскиваю изображение, закругленные углы сходят с ума! Я читал в этом ответе - см. комментарии о том, что теперь можно редактировать углы.
Но я не знаю, что нажать. на картинках, которые я нашел на YouTube, было похоже, что когда я открыл «свойства», я должен был увидеть параметры преобразования.
Как увеличить это простое изображение и сделать его закругленным?
Я не думаю, что длительный процесс масштабирования этой коробки имеет какие-либо преимущества по сравнению с простым рисованием новой нужного вам размера и нужного вам радиуса. Это займет всего несколько секунд.
2 ответа 2
Я не знаю, почему в параметрах "Свойства" нет раздела "Радиус". Я думаю, что Эмили на правильном пути, заявляя, что ваша «форма» на самом деле может быть просто маской слоя на заполненном слое. В поле «Мои свойства» есть отдельный раздел «Форма» (см. Ниже).
Я бы просто создал реальную форму и выбросил бы то, что у вас есть, с помощью этой маски, но если вы настаиваете на использовании того, что у вас уже есть, лучший способ, который я вижу, чтобы изменить его размер и сохранить ваши радиусы, это перемещение точек по обе стороны от каждого радиуса. Я должен не согласиться с Эмили, я ВСЕГДА избегаю растеризации - любой ценой.
Используйте для этого инструмент прямого выделения, как показано на рисунке ниже:
Выберите эту группу опорных точек, чтобы отрегулировать размер прямоугольника по горизонтали. Удерживая нажатой клавишу SHIFT, перетащите точки по прямой линии.
наоборот по вертикали
Как я уже сказал, я всегда стараюсь избегать растеризации и вместо этого предпочитаю работать с фигурами, смарт-объектами и масками слоев. Это позволяет масштабировать все, а также обеспечивает неразрушающий подход к работе.
Вы когда-нибудь задумывались, как заполнить кадр, не увеличивая количество пикселей на едва помещающемся изображении? В этом уроке мы научим вас изменять размер изображения, не растягивая его, в Photoshop с помощью ОДНОГО инновационного инструмента!
Оглавление
Проблема с обычным масштабированием
Прежде чем представить вам идеальный способ изменения размера изображения без его растяжения, вот почему простое использование инструмента преобразования принесет больше вреда, чем пользы для качества вашего изображения.
Работая с первым изображением, содержащим автомобиль и прозрачность сбоку, нажимая Ctrl T (Windows) или Command T (macOS) для преобразования и масштабирования, пиксели растягиваются, и объект выглядит неравномерно, особенно когда работа с портретами людей.
Если вы хотите продолжить, если это влияет только на фон и другие неважные области, у Photoshop есть идеальный инструмент для вас.
Масштаб с учетом содержания
Нажмите клавишу Esc, чтобы выйти из режима преобразования.
Выберите «Правка» > «Масштаб с учетом содержимого»; эта команда позволяет увеличить изображение, защищая при этом важные визуальные области изображения (например, людей, животных).
Используйте маркеры преобразования, чтобы масштабировать изображение, используя остальную часть прозрачной стороны. Вы можете заметить, что фон горы выглядит безупречно, но этого нельзя сказать об автомобиле, который выглядит искаженным.
В этом случае нажмите клавишу Esc, чтобы выйти из режима преобразования.
Защитить области от масштабирования с учетом содержимого
Выбрав и разблокировав слой с автомобилем, перейдите на панель Свойства и прокрутите вниз, чтобы открыть панель быстрых действий.
Нажмите кнопку "Выбрать тему". Этой команде помогает Adobe Sensei, искусственный интеллект (ИИ), который автоматически обнаруживает объект и создает выделение вокруг него.
На этом шаге выбор не обязательно должен быть идеальным, и вы можете продолжить его, выбрав «Выделить» > «Сохранить выделение».
В окне "Сохранить выбор" введите желаемое имя для выбора. Для этого руководства выберите «Автомобиль» и нажмите «ОК».
Затем нажмите Ctrl D (Windows) или Command D (macOS), чтобы отменить выделение.
Выберите «Правка» > «Масштаб с учетом содержимого».
На панели параметров установите для параметра "Защита" значение "Автомобиль", как указано на предыдущем шаге.
Когда вы начнете масштабировать изображение вверх или вниз, вы заметите, что автомобиль сохраняет свой внешний вид без каких-либо искажений.
При этом вы можете масштабировать изображение, чтобы использовать остальную часть прозрачности, а фон по-прежнему будет выглядеть безупречно, сохраняя исходный размер и внешний вид автомобиля.
Вернувшись на панель параметров, значок человека обозначает защиту тона кожи, которую можно щелкнуть, чтобы защитить тона кожи, если на вашем изображении есть люди.
Использование Content-Aware Scale для изменения размера элементов пользовательского интерфейса
Если вы создаете графический дизайн и хотите, чтобы снимок экрана элемента пользовательского интерфейса соответствовал определенному размеру, чтобы он соответствовал области, в которой вы хотите его разместить, вот метод, который вы можете применить:
Откройте документ со снимками экрана элементов пользовательского интерфейса и слоем белого прямоугольника, чтобы обозначить конкретные размеры, в которые он должен поместиться.
Вы можете сделать это, удалив или стирая части изображения и втиснув остальное в пустое пространство.
Самый разумный способ сделать это — использовать Content-Aware Scale, не удаляя и не добавляя части изображения.
Выберите слой элемента пользовательского интерфейса и выберите «Правка» > «Масштаб с учетом содержимого».
Затем нажмите и перетащите элемент пользовательского интерфейса в пустое пространство.
Используйте маркеры преобразования, чтобы подогнать его под размеры пространства, и обратите внимание, как Photoshop сохраняет все необходимые пиксели.
Использование масштабирования с учетом содержимого с выделением
С помощью этой техники вы также можете работать с активным выделением. Используйте инструмент «Прямоугольная область», чтобы выделить нижние пиксели элементов пользовательского интерфейса.
Выберите «Правка» > «Масштаб с учетом содержимого».
Используйте нижний маркер преобразования, чтобы щелкнуть и перетащить его вверх.
Затем нажмите на галочку на панели параметров, чтобы применить изменения.
Затем нажмите Ctrl D (Windows) или Command D (macOS), чтобы отменить выбор, и теперь у вас есть фрагмент, идеально вписывающийся в пространство.
Вот как вы используете Content-Aware Scale двумя разными способами: как изменить размер изображения, не растягивая его, и как изменить размер элементов пользовательского интерфейса, не теряя ни пикселя изображения!
Похожие записи
Зомби-учебник по Photoshop
Научитесь превращать кого угодно в реалистичного зомби, используя различные простые шаги в Photoshop.
Удивительно реалистичное прозрачное яйцо пришельца
Создайте реалистичное прозрачное яйцо инопланетянина, используя всего 5 изображений, а также несколько умных приемов Photoshop.
Секрет создания удивительных композиций: перспектива и точки схода
В этом уроке вы узнаете, как работает перспектива и как ее можно использовать для создания более реалистичных композиций.
Объяснение режимов наложения — Полное руководство по режимам наложения в Photoshop
Подробное объяснение того, как работает Blending Moes. Больше не нужно пролистывать их все, чтобы найти нужный!
Презентация группы пользователей Creative Cloud в Сан-Хосе в штаб-квартире Adobe
Презентация о композитинге в Photoshop для группы пользователей Create Cloud из Сан-Хосе.
Создание атмосферной перспективы для лучших композитов в Photoshop
Видеоруководство по Photoshop, показывающее, как использовать атмосферную перспективу для создания более правдоподобных композиций.
Читайте также: