Как сделать полый прямоугольник
Добавил пользователь Евгений Кузнецов Обновлено: 05.10.2024
В этом уроке мы рассмотрим один из наиболее часто используемых и простых инструментов выделения – инструмент Rectangular Marquee (Прямоугольная область выделения).
Версия Photoshop: Photoshop CS4 (2008)
Сложность: Низкая
Дата: 16.08.2011
Обновлено: 25.08.2017
Rectangular Marquee (Прямоугольная область выделения) - один из простых инструментов выделения в Фотошоп, наряду с Elliptical Marquee (Овальной областью выделения) и Polygonal Lasso (Многоугольным Лассо).
Он придуман для создания выделений, опирающихся на простые геометрические формы.
Как видно из названия, инструмент Rectangular Marquee (Прямоугольная область выделения) удобен тогда, когда вам нужно нарисовать выделение в форме прямоугольника или квадрата.
Вы найдете инструмент Rectangular Marquee (Прямоугольная область выделения) расположенным на самом верху панели инструментов в Фотошоп.
Это инструмент с иконкой, которая выглядит, как контур квадрата. Кликните по ней, чтобы активировать его:
Если вы используете Photoshop CS4 или Photoshop CS3, и ваша панель установлена виде колонки, инструмент Rectangular Marquee (Прямоугольная область выделения) будет второй иконкой сверху:
Рисование прямоугольных выделений
Перед вами фото нескольких деревянных кубиков:
Видите тот большой красный кубик в самом верху?
Предположим, я хочу изменить его цвет – самое простое, что можно сделать.
К сожалению, реальности еще далеко до научной фантастики, но это не означает, что жизнь на сегодняшний день невыносимо тяжела. Отнюдь нет! Фотошоп не способен распознать деревянный кубик, поскольку все, что он видит – это пиксели.
Но только не вы и я, мы видим его, и видим, что это четкая фигура прямоугольника, а это значит, что такая задача выделения отлично подходит для инструмента Rectangular Marquee (Прямоугольная область выделения).
Для начала я выберу инструмент Rectangular Marquee (Прямоугольная область выделения) в панели инструментов, как мы видели ранее. Вы также можете выбирать инструменты, используя их короткие команды на клавиатуре. Нажатие на букву M на клавиатуре тотчас вызовет инструмент Rectangular Marquee (Прямоугольная область выделения). Затем, чтобы начать выделение, я кликну в верхнем левом углу кубика.
Удерживая кнопку мыши, я направляюсь к нижнему правому углу кубика:
Если вы обнаружите, что начали свое выделение с неверной точки, ненужно начинать все снова. Просто нажмите клавишу пробела и потяните мышкой, чтобы переместить выделение туда, куда необходимо. Когда вы закончите, отпустите клавишу пробела и продолжите создавать выделение.
Для того, чтобы завершить создание выделения, мне нужно просто отпустить кнопку мыши.
Теперь деревянный кубик выделен (или точнее выделены пиксели, которые образуют видимый нами кубик), и в окне документа вокруг него появился контур выделения.
Любое редактирование, которое я делаю на этой стадии, применится только к этому кубику и ни к какому другому:
Для того, чтобы изменить цвет кубика, мы используем коррекцию изображения Фотошоп Hue/Saturation (Цветовой тон/Насыщенность). Чтобы его выбрать, я перехожу в меню Image (Изображение) в верхней части экрана, где выбираю Adjustments (Коррекция), а затем Hue/Saturation (Цветовой тон/Насыщенность):
Это действие откроет диалоговое окно Hue/Saturation (Цветовой тон/Насыщенность).
Думаю, я изменю цвет кубика на оранжевый. Знаю, я говорил ранее про пурпурный, но теперь, поскольку у меня было несколько минут подумать об этом, считаю, что красивый скорее ярко-оранжевый цвет будет лучшим выбором.
Изменить цвет проще простого путем перемещения ползунка Hue (Цветовой тон) влево или вправо до тех пор, пока вы не получите желаемый цвет. Я подвину ползунок вправо до значения 28, чтобы выбрать оранжевый.
Затем, чтобы добавить немного насыщенности, я перемещу ползунок Saturation (Насыщенность) вправо к значению около +25:
Когда я останусь доволен новым цветом, я нажму ОК для выхода из диалогового окна.
Мне больше не нужно мое выделение, поэтому, чтобы удалить его, я перехожу к меню Select (Выделение) вверху экрана и выбираю Deselect (Снять выделение):
Более быстрый способ удаления выделения – с помощью короткой команды Ctrl+D, но годится любой способ.
Теперь без контура выделения мы можем видеть, что изменению с помощью коррекции Hue/Saturation (Цветовой тон/Насыщенность) подвергся только участок внутри прямоугольного выделения.
Прежний красный кубик стал оранжевым, в то время как остальная часть фото осталась без изменений:
Выделение деревянных кубиков с помощью инструмента Rectangular Marquee (Прямоугольная область выделения) было несложным, но что если объект, который нам нужно выделить абсолютно квадратный? Это следующее, что мы рассмотрим!
Создание квадратных выделений
Совсем недавно мы увидели, как легко выделить объект прямоугольной формы или участок на фото при помощи инструмента Rectangular Marquee (Прямоугольная область выделения). Но что если вам нужно выделить что-то абсолютно квадратное? Есть ли способ преобразовать контур выделения в квадрат? Не только есть способ сделать это, их даже два, хотя один из них более быстрый, чем другой.
Перед вами фото нескольких плиток в гранжевом стиле, которое я открыл в Фотошоп:
Предположим, я хочу выделить плитку в центре, например, я хочу использовать ее в качестве интересного фона или текстуры для создания какого-нибудь эффекта. Поскольку плитка явно квадратная, нам необходимо будет установить наше выделение в форме квадрата. Для начала рассмотрим более длинный способ.
Инструмент Rectangular Marquee (Прямоугольная область выделения) должен быть активным в любое время.
Options Bar (панель настроек) в верхней части экрана отобразит настройки, заданные для этого инструмента.
Один из параметров называется Style (Стиль), и по умолчанию он установлен на Normal (Обычный), это означает, что мы можем создавать выделение произвольных размеров. Для того, чтобы превратить выделение в квадрат, для начала измените параметр Style (Стиль) на Fixed Ratio (Фиксированные пропорции), затем введите значение 1 в обоих параметрах Width (Ширина) и Height (Высота) (1 – стандартное значение для длины и ширины, поэтому, возможно, вам не придется его изменять):
Это действие изменяет выделение по ширине и высоте в соотношении 1:1, что означает, что ширина и высота нашего выделения всегда будут зависеть друг от друга, то есть сейчас мы легко можем нарисовать идеальный квадрат.
Я кликаю левой кнопкой мыши в верхнем углу плитки, чтобы начать создавать выделение, точно так же, как я делал это ранее, и не отпуская кнопки мыши, я продвигаюсь по направлению к правому нижнему углу плитки.
На этот раз, благодаря параметру, который я установил в Options Bar (Панели настроек), контур моего выделения преобразован в квадрат:
Повторюсь, не нужно делать все заново, если вдруг вы начали свое выделение с неверной точки. Просто зажмите клавишу пробела и переместите свое выделение на новое место, затем отпустите эту клавишу и продолжите создавать оставшееся выделение.
Для завершения выделения, я отпускаю левую кнопку мыши, и мы можем наблюдать в окне документа, что выделенная теперь квадратная плитка в центре готова к любым преобразованиям, которые я решу совершить:
Быстрая команда на клавиатуре
Намного лучший способ преобразования выделения в квадрат с помощью инструмента Rectangular Marquee (Прямоугольная область выделения) – использование быстрой команды на клавиатуре. Кликните левой кнопкой мыши в стартовой точке и начните создавать прямоугольное выделение как обычно, затем зажмите клавишу Shift во время создания выделения. Как только вы нажмете клавишу Shift, вы увидите, что контур выделения превратился в идеальный квадрат.
Удерживайте нажатой клавишу Shift до завершения выделения. Отпустите кнопку мыши, чтобы завершить выделение, затем отпустите клавишу Shift.
Очень важна последовательность действий, которые вы делаете. Если вы отпустите клавишу Shift прежде, чем отпустите кнопку мыши, контур вашего выделения примет снова прямоугольную форму, и вам снова придется нажать клавишу Shift, чтобы преобразовать его в квадрат.
Следующее, что мы рассмотрим – создание прямоугольного или квадратного выделения из центра.
Создание выделения из центра
До сих пор мы начинали все наши прямоугольные и квадратные выделения с верхнего левого угла какого-либо предмета, который мы выделяли, и в большинстве случаев это хорошо срабатывало. Но нет никакого правила, которое бы говорило, что вы всегда должны начинать выделение с верхнего левого угла. Фактически, Фотошоп предоставляет нам простую быструю команду на клавиатуре, которая позволяет нам создавать выделение из центра, а не из угла.
Кликните по стартовой точке в центре участка, который вам необходимо выделить с помощью инструмента Rectangular Marquee (Прямоугольная область выделения), и начните создавать свое выделение, затем зажмите клавишу Alt и продолжите его создание. Как только вы нажали клавишу Alt, контур вашего выделения начнет вытягиваться во всех направлениях от исходной точки.
Продолжайте создавать свое выделение из центра, отпустите кнопку мыши, чтобы завершить его создание, затем отпустите клавишу Alt.
Повторюсь, последовательность выполняемых действий очень важна. Если вы отпустите клавишу Alt до того, как отпустите кнопку мыши при завершении выделения, контур выделения вернется в свое исходное положение и будет начинаться из угла.
Вам необходимо нажать и удерживать клавишу Alt снова, чтобы переключиться обратно к центру.
Правильный порядок создания прямоугольных выделений из центра – клик для установки стартовой точки и создания выделения, затем зажмите Alt и продолжите создавать выделение. Отпустите кнопку мыши для завершения выделения, затем отпустите клавишу Alt.
Так же вы можете создавать квадратное выделение из центра. Просто добавьте клавишу Shift к быстрой команде на клавиатуре. Кликните в центре квадратного объекта или участка, который необходимо выделить, и начните создавать свое выделение, затем зажмите клавиши Shift+Alt, которые преобразуют контур выделения в идеальный квадрат и заставят его растягиваться во всех направлениях от заданной точки.
Когда вы закончите, отпустите кнопку мыши, затем отпустите клавиши Shift и Alt.
Быстрое удаление выделения
Когда вы завершите работу с выделением, и оно вам больше не понадобится, вы можете снять выделение через меню Select (Выделение) в верхней части экрана, выбрав Deselect (Снять выделение), как мы видели ранее, или можете воспользоваться быстрой командой на клавиатуре Ctrl+D. Или, для более быстрого удаления выделения прямоугольника или квадрата, просто кликните где-нибудь внутри окна документа при активном инструменте Rectangular Marquee (Прямоугольная область выделения).
Вроде плёвый вопрос: как нарисовать прямоугольник в Фотошопе. Но тем не менее каждый месяц более 100 человек ищут ответ на него в поисковиках. Сегодня в статье мы рассмотрим два способа, с помощью которых можно нарисовать прямоугольник в Adobe Photoshop СС 2019 .
Теперь просто кликните по листу, и фигура необходимого размера и цвета нарисована.
Как сделать прямоугольник в Фотошопе с помощью выделенной области
В первом случае мы задаём пропорции сторон относительно друг друга (Например, 2 к 3), а во втором – задаём конкретные значения длин сторон в пикселях.
Заключение
Сегодня Вы узнали, как нарисовать (создать) прямоугольник в Фотошопе двумя очень простыми способами. Думаю, теперь данный вопрос для Вас исчерпан.
Adobe Photoshop - одна из самых популярных в мире программ графического дизайна профессионального уровня. Он позволяет дизайнерам и фотографам изменять размер и ретушировать фотографии, создавать и редактировать файлы изображений на основе слоев, добавлять фильтры и эффекты, а также создавать текст и формы. Поскольку он разработан с учетом потребностей опытных пользователей, казалось бы, основные задачи в Photoshop часто оказываются трудными для начинающих. Прозрачные формы являются одним из таких примеров. К счастью, создание прозрачного прямоугольника в Photoshop - это быстрая задача, если вы понимаете правильные шаги.
Создайте прозрачный прямоугольник в Adobe Photoshop.
Шаг 1
Откройте файл изображения в Adobe Photoshop.
Шаг 2
Шаг 3
Шаг 4
Нажмите и перетащите внутри изображения, пока прямоугольник не достигнет желаемого размера. Отпустите свой щелчок, чтобы держать форму.
Шаг 5
Шаг 6
Введите желаемую ширину линии и цвет в соответствующие поля. Решите, хотите ли вы, чтобы граница прямоугольника применялась к внутренней части, центру или снаружи вновь созданной фигуры.
Шаг 7
Как сделать прозрачный PNG с фотошопом
Прозрачные файлы изображений в формате PNG Photoshop идеально подходят для использования в Интернете, поскольку они удаляют фон и позволяют наложению графики на существующий дизайн страницы. Создание прозрачной картинки .
Как сделать прозрачный GIF в краске
Прозрачный GIF полезен во многих различных ситуациях. Поскольку фон прозрачен, изображение может быть применено практически к любому графическому проекту, от одежды до веб-сайтов .
Как сделать фото прямоугольник в Facebook
Ваша миниатюра на Facebook - это уменьшенная версия фотографии вашего профиля, которая является первым изображением, которое приветствует посетителей вашего профиля. Миниатюра автоматически размещается рядом с .
В другом уроке мы подробно рассмотрим, чем отличаются эти три типа фигур и в каком случае какой тип использовать, но в большинстве случаев, вы будете рисовать векторные фигуры. Именно их рисуют в такой программе, как Illustrator. В отличие от пиксельных форм, векторные фигуры не зависят от разрешения и совершенно масштабируемы. Это означает, что мы можем изменять их размеры, как пожелаем, и при этом качество изображения не потеряется. Края векторных фигур остаются четкими и заостренными и на экране, и при дальнейшей печати.
Выбор цвета для фигуры
Нажимаем на значок образца цвета, чтобы выбрать для фигуры нужный цвет
Это действие приведет к открытию цветовой палитры, где мы сможем выбрать нужный цвет. В моем случае, я выберу красный. Как только вы выберите цвет, нажмите ОК для закрытия цветовой палитры:
В цветовой палитре выбираем цвет для фигуры
Если вы не уверены, что выбрали нужный цвет для вашей фигуры, не беспокойтесь об этом. Далее мы рассмотрим, как с помощью слоев фигур легко вернуться к предыдущим шагам и изменить цвет фигуры в любой момент после того, как мы ее нарисовали.
Протяните курсор, чтобы нарисовать прямоугольную фигуру. По мере перемещения курсора появятся очертания фигуры
Когда вы будете довольны результатом, отпустите кнопку мыши, и программа тотчас заполнит фигуру тем цветом, который вы выбрали на панели настроек:
Программа заполнит фигуру цветом, как только вы отпустите кнопку мыши
Рисование фигуры от центра
Для того чтобы нарисовать фигуру от центра, по мере перемещения курсора удерживайте нажатой клавишу Alt (Win) / Option (Mac)
Рисование квадратов
И снова, программа Photoshop отобразит только тонкий контур квадрата по мере перемещения курсора, когда же вы отпустите кнопку мыши, программа заполнит квадрат цветом:
Программа всегда ожидает, когда вы отпустите кнопку мыши, и только тогда заполняет фигуру цветом
Слой-фигура
Слои фигур имеют иконку образца цвета с левой стороны, а справа от нее – миниатюру векторной маски
Как я уже упоминал ранее, не следует беспокоиться о выборе нужного цвета для фигуры, потому что мы с легкостью можем изменить цвет заливки фигуры после ее создания. Для этого надо дважды щелкнуть кнопкой мыши по иконке образца цвета слоя фигуры:
Для того чтобы изменить текущий цвет фигуры, дважды щелкните по иконке образца цвета
Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать другой цвет для нашей фигуры. Я выберу, на этот раз, голубой цвет:
Из цветовой палитры выбираем другой цвет
Далее я нажму кнопку ОК для закрытия цветовой палитры, и цвет моего квадрата изменится с красного на голубой:
Достаточно просто в любой момент вернуться назад и изменить цвет фигуры
Белая область на векторной маске представляет область на слое, где цвет виден
Чтобы нам было легче увидеть, как программа Photoshop отображает векторную фигуру, мы можем временно отключить векторные маски, нажав и удержав клавишу Shift и при этом кликнув по миниатюре векторной маски:
Удержите нажатой клавишу Shift и кликните по векторной маске для ее отключения
После выключения векторной маски слой становится открытым, и мы можем видеть, что он весь заполнен голубым цветом, который я выбрал для заливки фигуры. Если мы посмотрим внимательнее, то увидим тонкий контур места расположения фигуры на слое:
После выключения векторной маски видно, что весь слой заполнен цветом
Для того чтобы включить векторную маску обратно, просто удержите нажатой клавишу Shift, и при этом снова кликните по миниатюре маски на панели слоев. После включения маски останется цвет только внутри области фигуры, в то время как на остальных участках слоя цвет скроется из вида. Белые области вокруг фигуры в окне документа принадлежат слою заднего фона, расположенному ниже:
Документ после повторного включения векторной маски
Протяните курсор, чтобы нарисовать прямоугольник со скругленными углами после того, как вы ввели значение радиуса на панели настроек
Когда вы отпустите кнопку мыши, программа Photoshop закончит рисовать фигуру и заполнит ее цветом:
Когда вы отпустите кнопку мыши, фигура заполнится цветом
Ниже нарисован еще один прямоугольник с установленным значением радиуса 150 пикселей. Данное значение настолько велико (для этой фигуры, во всяком случае), что левая и правая стороны прямоугольника имеют форму кривой:
Чем больше значение радиуса, тем более круглыми получаются углы
А вот прямоугольник с небольшим значением радиуса – 10 пикселей, которое лишь немного скругляет углы фигуры:
Маленькое значение радиуса меньше скругляет углы
К сожалению, предварительного просмотра степени закругления углов нет. Посмотреть, насколько круглые получаются углы, мы можем только после того, как нарисуем прямоугольник. Также, мы не можем изменять значение радиуса в процессе рисования фигуры, как это доступно в программе Illustrator. Еще программа Photoshop не позволяет нам вернуться назад и хотя бы слегка подкорректировать закругление углов, после того как мы нарисовали фигуру.
Все вышесказанное означает, что рисование прямоугольников со скругленными углами, по сути, является методом проб и ошибок. Если вам не нравится закругление углов фигуры, после того как вы ее нарисовали, нажмите сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для быстрой отмены действия, затем введите новое значение радиуса на панели настроек и начните заново рисовать прямоугольник.
Отпустите кнопку мыши, чтобы закончить рисовать фигуру и заполнить ее цветом:
Начните рисовать, а затем добавьте нажатие клавиши Shift, чтобы получился идеально ровный круг
Как только вы укажете число сторон, установите курсор в окне документа и начните его протягивать для рисования многоугольной фигуры. Программа Photoshop всегда рисует многоугольные фигуры от центра, поэтому вам не нужно удерживать нажатой клавишу Alt (Win) / Option (Mac). Нажатие и удержание клавиши Shift после того, как вы начали рисовать многоугольник, позволит вам ограничить число углов для вашей фигуры и поместить ее на экране именно так, как требуется:
Указав число сторон равное 3, мы можем с легкостью нарисовать треугольник:
А вот представлен многоугольник с числом сторон равным 12:
Увеличьте число вершин звезды и глубину лучей для создания фигуры, похожей на взорвавшуюся звезду
И снова, наша звезда выглядит совершенно по-другому:
Затем кликните в окне документа и протяните курсор, чтобы нарисовать линию. После того как вы начали рисовать линию, нажмите и удержите клавишу Shift для ограничения направления перемещения курсора. Это позволит вам с легкостью нарисовать горизонтальную или вертикальную линии:
Удерживайте нажатой клавишу Shift для рисования горизонтальных или вертикальных линий
Ниже представлена линия, похожая на нарисованную мной предыдущую линию, но со стрелкой на конце:
Скрытие контура вокруг фигуры
Если вы посмотрите на слой фигуры на панели слоев, то увидите, что миниатюра векторной маски имеет вокруг себя белую подсвеченную границу, которая и говорит нам о том, что маска в действительности выделена. Вы можете спрятать контур вокруг фигуры, сняв выделение с векторной маски. Для того чтобы это сделать, просто нажмите на миниатюру векторной маски. Подсвеченная граница вокруг миниатюры исчезнет, и соответственно исчезнет и контур вокруг фигуры в документе:
Нажмите на миниатюру векторной маски, чтобы снять с нее выделение и спрятать контур вокруг фигуры
Читайте также: