Как задать размер прямоугольника в фотошопе

Как задать размер прямоугольника в фотошопе

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

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

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

Для любой фигуры можно выбрать:

  • Слой-фигура. Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".
  • Контуры. Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке "Контуры" панели "Слои".
  • Заливка пикселов. При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
  • стиль и цвет фигуры
  • задать параметры, характерные для этой фигуры
  • Рисуем прямоугольники

    Выберем первую фигуру — прямоугольник. На панели выберем режим — слой-фигура. Выберем стиль, щелкнув по треугольнику справа.

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

    Теперь можно задать геометрические параметры:

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

    Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles.

    Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

    Рисуем прямоугольники со скругленными углами

    Выберем вторую фигуру — прямоугольник со скругленными углами. На панели выберем режим — слой-фигура, радиус скругления углов — например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

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

    Чем не блоки новостей и кнопочки меню?

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

    Вот, что получилось у меня:

    Выберем фигуру — многоугольник. На панели выберем режим — слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 — для треугольника, 6 — для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

    • Радиус — радиус многоугольника.
    • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.
    • Звезда — со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
    • Глубина лучей — если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
    • Сгладить внешние углы — со снятой галочкой углы острые, с поставленной галочкой углы округлые.
    Читайте также:  Mtk nlp service андроид что это

    Например:

    Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

    Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей — 25%, остальные галочки сняты.

    Третий девятиугольник имеет радиус 3см, глубина лучей — 50%, стоят все галочки.

    Ко всем применен стиль.

    Выберем фигуру — линии. На панели выберем режим — слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

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

    • Начало — стрелка в начале линии.
    • Конец — стрелка в конце линии.
    • Ширина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
    • Длина — пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
    • Кривизна — определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

    Например:

    У первой линии все галочки сняты, ширина — 500%, длина — 1000%, толщина — 2 пиксела.

    У второй линии все тоже самое, но стоит галочка у -начало- и кривизна — 5%.

    У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

    У четвертой линии стоят обе галочки, ширина — 500%, длина — 1000%, кривизна — 15%, толщина — 5 пикселов.

    Ко всем применен стиль.

    Рисуем произвольные фигуры

    Выберем фигуру — произвольная фигура. На панели выберем режим — слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:

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

    Рисуем несколько фигур в одном слое

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

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

    Если эллипс растянулся не так, как хотелось, можно это поправить. Для этого возьмите на панели инструментов инструмент -выделение контура-:

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

    Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

    Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

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

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

    Читайте также:  Esxi не видит диски
    Содержание статьи
    1 Способ 1. Инструмент произвольная фигура
    2 Способ 2. Обводка выделенной области
    3 Способ 3. Модификация выделения

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

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

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

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

    Способ 1. Инструмент произвольная фигура

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

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

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

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

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

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

    Вариант 2. Стандартный (растровый) квадрат/прямоугольник

    Чтобы нарисовать сразу растровую фигуру используйте на панели параметров настройку Выполнить заливку пикселов. Но прежде чем начать ее рисовать — создайте новый слой!

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

    Как сделать прямоугольник квадратным

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

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

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

    Прямоугольник или квадрат со скругленными углами

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

    Способ 2. Обводка выделенной области

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

    Теперь нужно сделать обводку границ этой выделенной области. Для этого перейдите в Редактирование — Выполнить обводку.

    Затем в новом окне настройте вид обводки: укажите толщину рамки, желаемый цвет и отметьте как будет проходить обводка:

    • Внутри — значит рамка ляжет по внутренней стороне выделенной области;
    • По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
    • Снаружи — значит рамка будет огибать пунктир выделения.
    Читайте также:  Как удалить аккаунт в хорнете

    Вот как может получиться:

    На скриншоте выше я специально не убрал пунктирную линию, поскольку у вас она также не исчезнет. Чтобы окончательно от нее избавиться нажмите Ctrl+D .

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

    Способ 2.1 Закрашивание выделения

    Самый банальный способ рисования прямоугольника — нарисовать рамку выделения (как описано выше) и просто закрасить ее любым цветом. Вот вам и прямоугольник или квадрат.

    Способ 3. Модификация выделения

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

    Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift ), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.

    Появится новое окно, в котором, в нашем случае, мы указываем ширину границы прямоугольника. Допустим, укажу 7 пикселей. Получим такой результат:

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

    Останется только снять выделение — Ctrl+D . Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.


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

    Построение прямоугольников в Photoshop

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

    Способ 1: Инструмент «Прямоугольник»

    Данный инструмент находится в группе «Фигуры» на левой панели.

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

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

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

    Способ 2: Выделенная область

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

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

    «Прямоугольная область» нуждается в заливке. Для этого можно нажать сочетание клавиш SHIFT+F5 и настроить тип заливки.

    Также можно воспользоваться инструментом «Заливка».

    Выделение снимается клавишами CTRL+D. Для прямоугольной области также можно задать произвольные размеры либо пропорции (например, 3х4).

    Кроме того, существует возможность создать выделение с заданными пропорциями, например, 3х4.

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

    Ссылка на основную публикацию
    Как забиндить звук на кнопку клавиатуры
    1) Сбоку нажимаем на шестеренку "setup" 2) Далее программа спрашивает о поиске игр в автоматическом режиме и мы жмем "no"...
    Как вставить картридж в принтер canon mg3600
    Процедура замены Если в картриджах ip3600 кончились чернила, выполните следующие шаги для их замены. Обращение с чернилами картриджей ip3600 •...
    Как выйти из учетной записи аутлук
    Почтовый клиент от Майкрософт предоставляет интуитивно понятный и простой механизм работы с учетными записями. Помимо создания новых и настройки уже...
    Как задать параметры запуска ярлыка
    Как прописать в ярлыке Как изменить свойства ярлыка Как открыть игру в оконном режиме Используйте следующие значения для добавления в...
    Adblock detector