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

Обновлено: 07.07.2024

Перемещение, изменение размера и привязка пользовательских фрагментов

Перемещать и изменять размеры пользовательских фрагментов можно в Photoshop, но не в диалоговом окне «Сохранить для Web и устройств».

Перемещение и изменение размера пользовательского фрагмента

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

Чтобы передвинуть фрагмент, переместите курсор внутрь границы выделенного фрагмента и перетащите выделенный фрагмент в новое место. Нажмите клавишу «Shift», чтобы ограничить движение вертикальной, горизонтальной, или наклоненной под 45 градусов линией.

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

Изменение размеров и перемещение пользовательского фрагмента с помощью числовых координат

Y Определяет расстояние в пикселах между верхним краем фрагмента и основанием линейки в окне документа.

Примечание. По умолчанию точкой отсчета линейки является верхний левый угол изображения.

W Определяет ширину фрагмента.

H Определяет высоту фрагмента.

Привязка фрагментов к направляющей, пользовательскому фрагменту или другому объекту

Разделение пользовательских фрагментов и автоматических фрагментов

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

Разделить по вертикали на Разделяет фрагмент в поперечном направлении.

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

Выберите и введите значение для «Пикселов на фрагмент» для создания фрагментов с определенным количеством пикселов. Если фрагмент нельзя разделить ровно на указанное число пикселов, то остаток присоединяется к другому фрагменту. Например, при делении фрагмента, ширина которого равна 100 пикселов, на три новых фрагмента по 30 пикселов шириной оставшаяся область шириной 10 пикселов становится новым фрагментом.

Создание дубликатов фрагментов

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

Копирование и вклейка фрагментов

Можно копировать и вклеивать выбранные фрагменты в пределах изображения в другое изображение и даже в другое приложение, например Dreamweaver. Копирование фрагмента приводит к копированию всех слоев в пределах его границ (а не только активного слоя).

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

Для вклейки фрагмента в другое изображение откройте необходимое изображение.

Для вклейки в Dreamweaver следует сделать окно с документом Dreamweaver активным.

Объединение фрагментов

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

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

Изменение порядка наложения фрагментов

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

Примечание. Нельзя задать порядок наложения автоматических фрагментов.

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

Меняем размер объекта

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

А в качестве примера будем использовать картинку ниже.

Способ 1: функция “Масштабирование”

Выбрав слой с объектом (если их несколько) переходим в меню “Редактирование”, в котором останавливаемся на функции “Масштабирование” в группе “Трансформирование”.
После этого вокруг объекта появится рамка с маркерами (т.е. он будет выделен). С помощью зажатой левой кнопки мыши путем сдвига данных маркеров в нужную сторону мы можем изменить размер выделенного объекта.Чтобы сохранить исходные пропорции во время изменения размера зажимаем клавишу Shift на клавиатуре. После трансформации сначала отпускаем кнопку мыши, затем клавишу Shift. Если вместе с Shift зажать Alt, изменение размера будет выполняться с сохранением центра объекта.

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

Способ 2: функция “Свободное трансформирование”

В программе Photoshop, также, предусмотрена функция “Свободное трансформирование”, позволяющая менять размеры объекта.

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

Способ 3: инструмент “Перемещение”

Заключение

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

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

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

Возьмем для пример любой объект на прозрачном фоне. В нашем случае это будет наш логотип.

Теперь приступим непосредственно к уменьшению размера нашего объекта (логотипа).

Метод №1: “Масштабирование”

В главном меню выбираем “Редактирование” -> “Трансформирование” -> “Масштабирование”.

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

Также, можно редактировать размер объекта благодаря верхней панели настроек, посл того, как выбрали “Масштабирование”. Здесь можно ввести точные значения в процентах в соответствующих полях “ширина” и “высота”. Можно заполнить и одно поле, но при этом необходимо кликнуть на кнопку с замком, чтобы сохранить пропорции.

Метод №2: “Свободное трансформирование”

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

но и благодаря комбинации горячих клавиш CTRL+T, а его функционал не ограничивается изменением размеров. С помощью свободного трансформирования можно также вращать и искажать объекты.

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

Таким образом вы теперь знаете 2 метода, благодаря которым можно уменьшить или изменить размер любого вырезанного объекта/изображения в Фотошопе. Мы делали это в Photoshop CC 2018, но данные методы также подойдут для CS6 и других версий программы.

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

Поворот объекта

Способ 1: функция “Свободное трансформирование”

Этот метод, пожалуй, является самыми популярным. Вот, что мы делаем:

Настройки в строке параметров

Когда активирована функция “Свободное трансформирование”, появляется строка параметров, в которой предусмотрено отдельное поле, куда мы можем ввести точный градус поворота (положительный или отрицательный).

Также здесь есть полезная опция – “Переключение контрольной точки”.

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

Способ 2: функция “Поворот”

Способ 3: инструмент “Перемещение”

Заключение

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

Как рождается оформление сайта? Сначала рисуется дизайн-макет будущего сайта (как правило, его рисуют в фотошопе). В этом макете рисуют все: шапку сайта, логотип, меню, блоки с информацией и все остальное. Затем верстальщик берет инструмент Раскройка и разрезает этот макет на отдельные фрагменты. Для чего это надо? Каждый фрагмент сайта должен работать, а за работу отвечает код. Поэтому необходимо разделить макет на небольшие части и для каждой из них будет прописан свой код, чтобы в итоге потом на сайте все работало, нажималось, мерцало и тому подобное.

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

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

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

Желтой стрелкой я указал на фрагмент, который я создал. Синими стрелками помечены границы фрагментов, которые создал фотошоп.

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

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

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

Каждый фрагмент получает свой номер, который можно увидеть в верхнем левом углу.

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

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

Инструмент Выделение фрагмента

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

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

Двойной клик открывает диалоговое окно со свойствами:

В нынешние времена нас, возможно, заинтересует параметры имя фрагмента (если надо его как-то выделить и отличить от остальных), а также изменение размеров ширины и высоты (два поля Ш и В предлагают ввести конкретные значения).

Поля X и Y это координаты. Изменяя их, вы двигаете рамочку фрагмента. Кстати двигать рамочку можно и самому, подобно инструментом Перемещение (зажав левую клавишу мыши, тяните активный фрагмент в сторону, затем отпустите клавишу).

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

Что теперь можно с ними сделать:

1. Объединить, то есть из нескольких фрагментов сделать один. Здесь есть одно НО. Помните я написал про принцип действия раскройки? Так вот исключений не будет. Это означает, что, например, из трех фрагментов разных по размеру, после объединения будет один большой прямоугольник, который по ширине и высоте будет равен двум самым крайним границам рамок. Если непонятно, вот наглядный пример:

Команда Объединить расположена в меню, которое вызывается нажатием правой кнопкой мыши на активном фрагменте:

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

4. Кнопка Разделить открывает диалоговое окно, в котором можно выбрать на сколько частей по вертикали и горизонтали вы хотите разделить активные фрагменты.

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

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

Как сохранить только один фрагмент из всех, что были созданы

Раскроив изображение на множество частей, вы решили сохранить только один фрагмент? Хорошо! Фотошоп может это сделать.

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

(Нажмите, чтобы увеличить)

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

Читайте также: