Как сделать квадрат в фотошопе
Перейти к содержимому

Как сделать квадрат в фотошопе

  • автор:

Рисование прямоугольных фигур с помощью инструмента «Прямоугольник»

Инструмент «Прямоугольник» позволяет рисовать прямоугольные фигуры (векторные или пиксельные) и контуры фигур.

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

Выберите инструмент «Прямоугольник» (U) .

На панели «Параметры» настройте нужные эффекты инструмента, например заливку, обводку, ширину и высоту.

  • Рисование прямоугольника: перетащите курсор по диагонали в любом направлении.
  • Рисование квадрата: перетащите курсор по диагонали в любом направлении, удерживая нажатой клавишу Shift.
  • Рисование от центра: расположите курсор-перекрестие в желаемом центре фигуры или контура и, удерживая клавишу Alt (Windows) или Option (macOS), перетащите курсор по диагонали к любому из углов.

Как рисовать в фотошопе. Рисование фигуры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как нарисовать квадрат (PhotoShop)

В фотошопе можно нарисовать несколько вариантов квадрата. Закрашенный квадрат и квадрат с рамкой. Рисовать квадраты лучше через векторные объекты, конкретно через «Инструмент Прямоугольник» (Rectangle tool).

Rectangle tool (Инструмент Прямоугольник)

Выбираем фигуры (гор. клавиша U ), затем Rectangle tool (Инструмент Прямоугольник), см. скриншот ниже.

Устанавливаем свойство «Fill Pixels».

Закрашенный квадрат

Выбираем цвет заливки квадрата (первый цвет в панели инструментов), рисуем квадрат с зажатой клавишей Шифт (Shift) .

Квадрат с рамкой

Квадрат следует рисовать на новом пустом слое, без какой-либо заливки. Создать новый слой можно одновременным нажатием клавиш Alt + Ctrl + Shift + N .

  1. Устанавливаем Paths (по-русски пути);
  2. Рисуем квадрат с зажатым шифтом;

Преобразуем векторный квадрат в выделение (Select), нажатием клавиш Ctrl + Enter .

Закрашиваем выделение (в данном случае белым цветом).

Alt + ← BackSpace — первый выбранный цвет.

Ctrl + ← BackSpace — второй выбранный цвет.

Нажимаем правой кнопкой мыши по слою с квадратом и выбираем Blending Options (Параметры наложения) .

В стилях выбираем «Stroke» и устанавливаем толщину рамки в пикселях и цвет рамки. Можно поэкспериментировать с другими опциями.

В результате получаем квадрат с красной рамкой толщиной в 3 пикселя.

✖ ❤ Мне помогла статья 2 оценки
22033 просмотра нет комментариев Артём Фёдоров 01 октября 2011

Категории

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

  • Как нарисовать параллелограмм (PhotoShop)
  • Как нарисовать круг (PhotoShop)
  • Как нарисовать треугольник (PhotoShop)
  • Текст по кругу (PhotoShop)
  • Как нарисовать линию (PhotoShop)
  • Удалить прыщик (PhotoShop)
  • PhotoShop — как обрезать изображение
  • Как создать новый слой (PhotoShop)

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

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

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

Без заливки

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

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

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

Найти инструмент

В появившейся менюшке необходимо выбрать Инструмент “Прямоугольник”, кликнув по соответствующей ссылке.

Выбрать инструмент

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

Отобразится нужный инструмент

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

Выбрать цвет контура прямоугольника

Теперь, чтобы начертить прямоугольник, кликнем по инструменту “Заливка” и в открывшейся палитре цветов выберем параметр “Без заливки”. На скриншоте действия отмечены стрелочками.

Выбрать цвет без заливки

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

Нарисовать прямоугольник мышкой

И вот, прямоугольник готов. При помощи инструмента “Перемещение” (самый первый в колонке инструментов слева) его можно двигать как угодно.

Фигура готова

С заливкой

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

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

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

Прямоугольник с заливкой цветом

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

Тип штриха фигуры

Вот так выбираем пунктирную линию.

Параметры обводки фигуры

Ну а слева имеется не менее интересный инструмент. С его помощью можно регулировать толщину рамки нашего прямоугольника. Кликните по треугольничку (смотрите скрин) – появится ползунок, который и позволяет увеличить или уменьшить толщину.

Задать толщину контура

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *