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

Обновлено: 07.07.2024

В этом уроке мы изучим основы работы с фигурами и слоями фигур в Photoshop! Мы начнем с изучения того, как использовать пять инструментов геометрической формы — инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник» и инструмент «Линия». Затем, в следующем уроке, мы узнаем, как добавлять в документы более сложные фигуры с помощью инструмента Custom Shape Tool в Photoshop.

Большинство людей думают о Photoshop как о программе для редактирования фотографий, и если бы вы попросили кого-нибудь порекомендовать хорошую программу для рисования, Adobe Illustrator обычно был бы первым в их списке. Это правда, что функции рисования и иллюстрации Illustrator намного превосходят возможности Photoshop, но Photoshop обладает большими возможностями рисования, чем можно было бы ожидать от пиксельного редактора изображений, во многом благодаря его инструментам Shape и слоям Shape, которые упрощают добавление простых векторов. графику и формы для наших дизайнов и макетов.

Это руководство предназначено для Photoshop CS5 и более ранних версий. Пользователи Photoshop CS6 захотят ознакомиться с полностью обновленным учебным пособием «Как рисовать векторные фигуры в Photoshop CS6».

Инструменты формы

Photoshop предоставляет на выбор шесть инструментов «Форма»: инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская фигура». место на панели инструментов. По умолчанию инструмент «Прямоугольник» отображается на панели «Инструменты», но если мы щелкнем значок инструмента и удерживаем кнопку мыши нажатой в течение секунды или двух, появится всплывающее меню, показывающее нам другие инструменты формы, которые мы можем использовать. выбрать из:

После того как вы выбрали инструмент «Форма», если вам нужно переключиться на другой инструмент, нет необходимости возвращаться на панель «Инструменты» (хотя вы можете это сделать, если хотите), поскольку Photoshop предоставляет нам доступ ко всем инструментам «Фигура». инструменты прямо из панели параметров в верхней части экрана. Например, я выберу инструмент «Прямоугольник» на панели «Инструменты»:

При выборе инструмента «Прямоугольник» на панели параметров появляется ряд из шести значков, каждый из которых представляет отдельный инструмент «Форма». Инструменты перечислены слева направо в том же порядке, в котором они появляются на панели «Инструменты», поэтому снова у нас есть инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская форма». Просто нажмите на один из значков, чтобы выбрать нужный инструмент:

Все шесть инструментов «Фигура» можно выбрать непосредственно на панели параметров (после того, как один из них будет выбран на панели «Инструменты»).

Параметры слоев-фигур

Прежде чем мы начнем рисовать какие-либо фигуры, нам сначала нужно указать Photoshop, какой тип фигуры мы хотим нарисовать, и под этим я не имею в виду прямоугольники или круги. На самом деле Photoshop позволяет нам рисовать три очень разных типа фигур — векторные фигуры, контуры или фигуры на основе пикселей. Мы более подробно рассмотрим различия между тремя и почему вы хотите использовать каждый из них в другом уроке, но в большинстве случаев вы захотите рисовать векторные фигуры, которые являются теми же типами фигур, что и мы. d рисовать в программе типа Illustrator. В отличие от пикселей, векторные фигуры не зависят от разрешения и полностью масштабируются, что означает, что мы можем делать их такими большими, как нам нравится, и изменять их размер так часто, как нам нравится, без потери качества изображения. Края векторных фигур всегда будут четкими и четкими как на экране, так и при печати.

Чтобы рисовать векторные фигуры, выберите параметр «Слои фигур» на панели параметров. Это первый из трех значков в крайнем левом углу (параметр «Пути» находится в середине трех значков, за которым следует параметр «Заполнить пиксели» справа):

Выбор цвета для фигуры

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

Photoshop откроет палитру цветов, где мы сможем выбрать цвет, который хотим использовать. Я выберу красный. Нажмите OK после того, как вы выбрали цвет, чтобы закрыть палитру цветов:

Палитра цветов в Photoshop.

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

Инструмент "Прямоугольник"

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

Когда вы будете довольны видом своей фигуры, отпустите кнопку мыши, после чего Photoshop заполнит фигуру цветом, который вы выбрали на панели параметров:

Рисование фигуры из ее центра

Если вам нужно нарисовать прямоугольник (или любую фигуру) из его центра, а не из угла, щелкните внутри документа, где должен быть центр прямоугольника, и начните перетаскивать фигуру, как обычно. Как только вы начнете перетаскивать, нажмите клавишу Alt (Win) / Option (Mac) и удерживайте ее нажатой, продолжая перетаскивание. Клавиша Alt / Option указывает Photoshop рисовать фигуру из ее центра. Это работает со всеми инструментами «Фигура», а не только с инструментом «Прямоугольник»:

Рисование квадратов

Квадраты также можно рисовать с помощью инструмента «Прямоугольник». Чтобы нарисовать квадрат, щелкните внутри документа и начните вытягивать прямоугольную форму. Как только вы начали перетаскивание, нажмите клавишу Shift на клавиатуре и удерживайте ее нажатой, пока вы продолжаете перетаскивать фигуру. Удерживая нажатой клавишу Shift, фигура превратится в идеальный квадрат независимо от направления перетаскивания. Вы также можете добавить клавишу Alt (Win) / Option (Mac), чтобы нарисовать квадрат из его центра (так что вы должны нажать и удерживайте Shift+Alt (Win)/Shift+Option (Mac)):

Опять же, Photoshop будет отображать только тонкий контур квадрата при перетаскивании, но когда вы отпустите кнопку мыши, Photoshop заполнит его цветом:

Параметры формы

Если вы посмотрите на панель параметров, справа от шести значков инструмента "Фигура", вы увидите маленькую стрелку, указывающую вниз. При нажатии на стрелку открывается список дополнительных параметров для любого выбранного вами инструмента «Форма». Например, при выбранном инструменте «Прямоугольник» нажатие на стрелку вызывает параметры прямоугольника.
За исключением инструмента «Многоугольник» и инструмента «Линия», которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже научились получать доступ к основным параметрам непосредственно из меню. клавиатура.

Например, по умолчанию для нас выбран параметр «Неограниченный», и это просто нормальное поведение инструмента «Прямоугольник», позволяющее нам рисовать прямоугольные фигуры любого размера и соотношения сторон. Параметр «Квадрат» позволяет нам рисовать квадраты, но мы можем сделать это, просто удерживая клавишу Shift во время перетаскивания. И опция From Center нарисует фигуру из ее центра, но опять же, мы уже можем сделать это, удерживая нажатой клавишу Alt (Win) / Option (Mac) при перетаскивании:

Слои фигур

Прежде чем мы познакомимся с остальными инструментами «Фигура», давайте быстро взглянем на то, что происходит на панели «Слои». Если вы помните, в начале урока мы узнали, что для рисования векторных фигур в Photoshop нам нужно убедиться, что у нас выбран параметр «Слои фигуры» на панели параметров, и теперь, когда я нарисовал фигуру, мы видим, что У меня есть фактический слой Shape в моем документе, который Photoshop назвал «Shape 1». Каждая новая векторная фигура, которую мы рисуем, помещается на свой собственный слой Shape, который отличается от обычных слоев на основе пикселей. Слева от слоя Shape находится значок образца цвета, который отображает текущий цвет нашей фигуры, а справа от образца цвета находится миниатюра векторной маски:

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

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

Палитра цветов в Photoshop.

Я нажму "ОК", чтобы закрыть палитру цветов, и Photoshop изменит цвет моего квадрата с красного на синий:

Справа от образца цвета на слое Shape находится миниатюра векторной маски. Белая область внутри миниатюры представляет нашу фигуру. Векторные маски похожи на пиксельные маски слоя тем, что они показывают одни части слоя, скрывая другие части, и под этим я подразумеваю, что когда мы рисуем векторную фигуру, Photoshop фактически заполняет весь слой с выбранным нами цветом, но он отображает только цвет внутри области фигуры. Он скрывает цвет в областях за пределами формы. Это не то, что вам действительно нужно знать для работы с фигурами в Photoshop, но всегда приятно понимать, на что вы смотрите. Серая область вокруг фигуры на миниатюре векторной маски — это область слоя, где цвет скрыт от просмотра, а белая область — это область, где цвет виден:

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

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

Открывается весь залитый цветом слой с выключенной векторной маской.

Чтобы снова включить векторную маску, просто, удерживая нажатой клавишу Shift, снова щелкните ее миниатюру на панели «Слои». Когда маска снова включена, весь цвет за пределами фигуры снова скрыт от глаз, и все, что мы можем видеть, это цвет внутри самой фигуры. Белые области вокруг фигуры в окне моего документа взяты из фонового слоя под ним:

Синяя форма снова появляется после повторного включения векторной маски.

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

Плагин Shortcodes, Actions and Filters: ошибка в шорткоде [ads-basics-middle]

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

Инструмент «Прямоугольник со скругленными углами» очень похож на стандартный инструмент «Прямоугольник», за исключением того, что он позволяет нам рисовать прямоугольники с красивыми закругленными углами. Мы контролируем округлость углов с помощью параметра «Радиус» на панели параметров. Чем выше значение, которое мы вводим, тем более закругленными будут углы. Я установлю значение Радиуса на 50 пикселей:

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

Когда вы отпустите кнопку мыши, Photoshop завершит фигуру и заполнит ее цветом:

Вот еще один прямоугольник, на этот раз со значением радиуса 150 пикселей, достаточно большим (по крайней мере, в данном случае), чтобы вся левая и правая стороны прямоугольника казались изогнутыми:

А вот прямоугольник, но с гораздо меньшим значением Радиуса, всего 10 пикселей, что дает мне очень маленькие закругленные углы:

К сожалению, нет возможности предварительно просмотреть, насколько закругленными будут углы с выбранным значением радиуса, до того, как мы на самом деле нарисуем прямоугольник. Кроме того, мы не можем корректировать значение радиуса на лету, пока рисуем фигуру, как в Illustrator, и Photoshop не позволяет нам вернуться назад и внести простые изменения в углы после того, как мы ее нарисовали, что означает, что рисование прямоугольников со скругленными углами — это метод проб и ошибок. Если вас не устраивает округлость углов после того, как вы нарисовали фигуру, нажмите Ctrl+Z (Win)/Command+Z (Mac), чтобы быстро отменить действие, а затем введите другое значение радиуса на панели параметров. и повторите попытку.

Инструмент "Прямоугольник" позволяет рисовать квадраты, а инструмент "Прямоугольник со скругленными углами" позволяет рисовать квадраты со скругленными углами. Просто удерживайте нажатой клавишу Shift после того, как вы начнете перетаскивать, чтобы преобразовать прямоугольник со скругленными углами в квадратную форму. Удерживайте клавишу Alt (Win)/Option (Mac) после того, как начнете перетаскивать, чтобы нарисовать прямоугольник (или квадрат) со скругленными углами из его центра.

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

Инструмент "Эллипс"

Инструмент «Эллипс» в Photoshop позволяет рисовать эллиптические или круглые формы. Как и в случае с инструментами «Прямоугольник» и «Прямоугольник со скругленными углами», щелкните внутри документа, чтобы задать начальную точку, затем, удерживая кнопку мыши, перетащите остальную часть фигуры:

Отпустите кнопку мыши, чтобы завершить фигуру, и Photoshop заполнит ее цветом:

Удерживайте нажатой клавишу Shift после того, как начнете перетаскивать с помощью инструмента "Эллипс", чтобы преобразовать фигуру в идеальный круг. Удерживая клавишу Alt (Win) / Option (Mac) после начала перетаскивания, вы нарисуете фигуру из ее центра:

Инструмент "Многоугольник"

Инструмент «Многоугольник» — это место, где все становится интереснее. В то время как инструмент «Прямоугольник» ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольники с любым количеством сторон. Он даже позволяет нам рисовать звезды, как мы сейчас увидим.

Введите необходимое количество сторон многоугольника в поле Стороны на панели параметров. Значение по умолчанию — 5, но вы можете ввести любое значение от 3 до 100:

После того, как вы ввели количество сторон, щелкните документ и растяните фигуру многоугольника.Photoshop всегда рисует многоугольники из их центра, поэтому нет необходимости удерживать клавишу Alt (Win) / Option (Mac). Удерживая клавишу Shift после начала перетаскивания, вы ограничите количество углов, под которыми может быть нарисована фигура, что может помочь расположить фигуру так, как вам нужно:

Установив для параметра "Стороны" значение 3 для инструмента "Многоугольник", мы можем легко нарисовать треугольник:

А вот многоугольник с параметром Сторон, установленным на 12:

Рисование звезд с помощью инструмента «Многоугольник»

Чтобы нарисовать звезды с помощью инструмента "Многоугольник", нажмите маленькую стрелку на панели параметров, чтобы вызвать параметры многоугольника, затем выберите "Звезда":

Выбрав параметр «Звезда», просто щелкните внутри документа и перетащите звезду. Параметр «Стороны» на панели параметров определяет количество точек звезды, поэтому, например, если значение «Стороны» по умолчанию равно 5, мы получим пятиконечную звезду:

Мы можем создать форму звезды, увеличив отступ точек с помощью параметра "Отступ сторон". Значение по умолчанию — 50%. Я увеличу его до 90%:

Вот моя форма звезды с отступом, установленным на 90%. Я также увеличил количество сторон до 16:

По умолчанию звезды имеют острые углы на концах своих точек, но мы можем сделать их закругленными, выбрав параметр «Сглаженные углы»:

Вот стандартная пятиконечная звезда с включенным параметром Smooth Corners::

Мы также можем сгладить отступы и сделать их закругленными, выбрав параметр «Сгладить отступы»:

И снова мы получаем другой вид нашей звезды:

Инструмент "Линия"

Наконец, инструмент «Линия», который является последним из инструментов геометрической формы в Photoshop, позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Установите толщину линии, введя значение в пикселях в параметр «Толщина» на панели параметров. Я установлю свой на 16 пикселей:

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

Чтобы добавить стрелки к линиям, нажмите маленькую стрелку на панели параметров, чтобы открыть параметры стрелок. Photoshop позволяет нам добавлять стрелки либо к началу, либо к концу линии, либо к тому и другому. Если вы хотите, чтобы стрелка отображалась в направлении, в котором вы рисуете линию, что обычно и бывает, выберите параметр «Конец». Убедитесь, что вы выбрали этот параметр перед рисованием линии, так как Photoshop не позволяет нам вернуться и добавить стрелки после того, как линия уже нарисована:

Вот фигура линии, похожая на предыдущую, на этот раз со стрелкой на конце:

Если размер стрелки по умолчанию вам не подходит, вы можете настроить его с помощью параметров "Ширина" и "Длина". Мы также можем сделать стрелку вогнутой, используя параметр «Вогнутость». Значение по умолчанию — 0%. Я увеличу его до 50%:

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

Скрытие контура вокруг фигуры

Если вы внимательно посмотрите на свою фигуру после того, как нарисовали ее (независимо от того, какой инструмент «Фигура» вы использовали), вы часто увидите вокруг нее тонкий контур, который может вас раздражать. Контур появляется вокруг фигуры всякий раз, когда выбрана векторная маска фигуры, и он всегда выбирается по умолчанию после того, как мы рисуем новую фигуру.

Если вы посмотрите на слой фигуры на панели «Слои», вы увидите, что миниатюра векторной маски имеет белую выделенную рамку вокруг нее, что говорит нам о том, что маска на самом деле выбрана. Вы можете скрыть контур вокруг фигуры, сняв выделение с ее векторной маски. Для этого просто нажмите на миниатюру векторной маски. Рамка выделения вокруг миниатюры исчезнет, ​​как и контур фигуры в документе:

Что делать дальше.

И вот оно! Это основа работы со слоями Shape и пятью геометрическими инструментами Shape в Photoshop! Далее мы рассмотрим, как добавлять более сложные фигуры с помощью инструмента Custom Shape Tool!

Photoshop logo

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

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

Как сделать круг в Photoshop

  1. Откройте Photoshop.
  2. Нажмите «Файл», «Создать», а затем выберите нужный размер холста.
  3. Нажмите левой кнопкой мыши и удерживайте инструмент "Прямоугольная область", пока не появятся другие параметры, а затем отпустите палец.
  4. Выберите инструмент «Овальное выделение».

Photoshop Elliptical Tool

  1. На холсте, удерживая нажатой клавишу Shift, щелкните левой кнопкой мыши и перетащите круг до нужного размера. Удержание Shift сохраняет круглую форму. Если не удерживать Shift , получится овал.
  2. После того как вы создали контур круга с помощью инструмента Эллиптическая область, заполните его или используйте обводку, чтобы очертить круг.
    1. Функция «Заливка» заполняет круг цветом по вашему выбору. В этом примере мы используем синий.
      1. Нажмите «Изменить», затем выберите «Заливка». .
      2. В поле «Заливка» выберите «Содержание» — цвет.
      3. Нажмите "ОК".

      Как сделать квадрат в Photoshop

      1. Откройте Photoshop.
      2. Нажмите «Файл», «Создать», а затем выберите нужный размер холста.
      3. Выберите инструмент "Прямоугольная область".

      Инструмент Photoshop Rectangular Marquee

      1. На холсте, удерживая нажатой клавишу Shift, щелкните левой кнопкой мыши и перетащите квадрат до нужного размера. Удержание Shift сохраняет квадратную форму. Если не удерживать Shift , получится прямоугольная форма.
      2. После создания контура квадрата с помощью инструмента «Прямоугольная область» заполните его или используйте Обводку.
        1. Параметр «Заливка» окрашивает внутреннюю часть квадрата. В этом примере мы используем синий.
          1. Нажмите «Изменить», затем выберите «Заливка».
          2. В поле "Заливка" выберите "Содержание" (цвет).
          3. Нажмите "ОК".

          Как сделать треугольник в Photoshop

          1. Откройте Photoshop.
          2. Нажмите «Файл», «Создать», а затем выберите нужный размер холста.
          3. Нажмите и удерживайте инструмент "Форма". Выберите инструмент «Многоугольник».

          Инструмент многоугольника Photoshop

          1. В верхней части экрана установите для параметра Стороны значение 3.

          Photoshop - настройка сторон многоугольника

          Прежде чем продолжить, решите, хотите ли вы, чтобы треугольник был заполнен или обведен контуром. Шаг 5A ниже предназначен для закрашенного треугольника, а шаги 5B и 5C ниже — для контурного треугольника.

          Заливка многоугольника в Photoshop

          1. В верхней части экрана на панели инструментов вы найдете кнопки «Заливка» и «Обводка».
            1. Для закрашенного треугольника убедитесь, что треугольник имеет нужный цвет, установив флажок рядом с пунктом «Заливка» и выбрав цвет.

            Как легко создавать и использовать квадратные кисти в Photoshop

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

            Чтобы получить доступ к квадратной кисти в Photoshop, выберите инструмент «Кисть» и откройте панель «Наборы кистей». Нажав на значок шестеренки в правом верхнем углу этой панели, выберите «Устаревшие кисти». Теперь снова откройте панель «Наборы кистей» и найдите папку «Устаревшие кисти», в которой содержится квадратная кисть.

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

            Как загрузить квадратные кисти в Photoshop

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

            Папка кистей, содержащая квадратные кисти, называется Legacy Brushes, и вы можете легко загрузить пакет, чтобы использовать кисти, не выходя из программы. В противном случае, если вас не устраивают варианты кистей Legacy, существует множество наборов квадратных кистей, которые вы можете бесплатно загрузить из Интернета и загрузить в Photoshop для использования.

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

            Вариант 1. Использование старых кистей

            Самый простой способ использования квадратных кистей в Photoshop – воспользоваться преимуществами традиционных кистей. Эти кисти недоступны для использования автоматически, поэтому вам нужно найти и загрузить их. Для этого сначала убедитесь, что инструмент «Кисть» активен.


            Имейте в виду, что если вы работали с инструментом "Карандаш", вместо значка кисти вы увидите значок карандаша. В этом случае вам нужно нажать и удерживать значок, чтобы увидеть параметр кисти.

            После того как вы активировали инструмент "Кисть", щелкните правой кнопкой мыши на холсте, чтобы открыть панель настроек кисти. Вы также можете найти эту панель на верхней панели настроек.


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



            В появившемся диалоговом окне с вопросом, хотите ли вы восстановить устаревшие кисти, нажмите "ОК".


            Теперь снова щелкните правой кнопкой мыши свой холст, и на этот раз, когда вы прокрутите вниз, чтобы увидеть доступные кисти, вы увидите параметр "Устаревшие кисти" в нижней части списка.


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


            Предусмотрено 18 различных квадратных кистей шириной от 1 до 24 пикселей. Чем больше размер, тем четче вы увидите пиксельный эффект. Давайте протестируем 20-пиксельный вариант.


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

            Вариант 2. Использование набора бесплатных квадратных кистей

            Еще один способ получить доступ к множеству квадратных кистей — загрузить бесплатный набор кистей из Интернета и вручную загрузить кисти в Photoshop. Это полезно, так как дает больше возможностей, чем просто базовые кисти из прежних версий, но требует меньше усилий, чем создание собственной кисти.

            Отличный набор квадратных кистей, который можно бесплатно скачать в Интернете, — это набор из 10 квадратных кистей от Brusheezy. Чтобы использовать эти кисти в Photoshop, сначала загрузите их, перейдя на эту страницу и нажав «Загрузить бесплатно». Загрузка начнется автоматически.


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


            Чтобы загрузить их в Photoshop, сначала убедитесь, что инструмент "Кисть" (B) включен.


            Затем откройте панель настроек кисти на верхней панели настроек и щелкните значок настроек в правом верхнем углу панели.


            Затем нажмите «Импортировать кисти».


            Затем найдите свои кисти в виде файла .abr — скорее всего, он находится в папке «Загрузки».Помните, что вы должны сначала разархивировать папку, прежде чем сможете импортировать их в Photoshop. Нажмите OK, и ваш новый набор кистей появится в нижней части списка кистей.


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


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


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

            Как сделать квадратную кисть в Photoshop

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

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


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


            Теперь залейте выделение цветом, одновременно нажав Shift + Delete. Появится окно заполнения. Нажмите раскрывающееся меню рядом с «Содержимое» и выберите «Цвет переднего плана». Нажмите "ОК".



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


            Теперь выберите «Правка» > «Определить набор кистей».


            В появившемся окне назовите свою кисть и нажмите "ОК".


            Теперь нажмите Command/Control + щелкните квадрат на холсте и нажмите Отменить выбор. Теперь вы сможете пользоваться своей кистью.


            Чтобы найти новую кисть, перейдите к инструменту "Кисть" и щелкните правой кнопкой мыши, чтобы открыть окно настроек кисти.


            Здесь вы найдете свою новую кисть под выбранным вами именем. Нажмите на холст и перетащите его, чтобы проверить.


            Итак, если вы хотите использовать квадратные кисти, встроенные в Photoshop, получить больше разнообразия с бесплатным набором кистей от Brusheezy или просто создать свой собственный, теперь у вас есть эти варианты! Как только вы добавите квадратные кисти в Photoshop, они будут работать точно так же, как и ваши обычные наборы настроек кончиков кистей.

            Как человек, который использовал множество разных тележек для покупок, я знаю, что многие из них не создают миниатюры с правильными пропорциями. Это также относится к некоторым CMS и торговым площадкам.

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

            Искаженное изображение телефона

            Когда изображение должно выглядеть так:

            Первое изображение выглядит искаженным, потому что оно имеет размер 125 x 200 пикселей и было растянуто, чтобы соответствовать области размером 200 x 200 пикселей.

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

            В видео ниже я покажу вам, как это сделать шаг за шагом:

            Ниже приведено краткое письменное руководство:

            Для начала откройте изображение в Photoshop.

            Затем перейдите в «изображение > Размер изображения», как показано на рисунке ниже:

            Размер изображения

            В диалоговом окне убедитесь, что в раскрывающемся меню выбран пункт «Пиксели», и введите нужный размер изображения в поле ввода с наибольшим числом. Например, если вы хотите, чтобы ваше изображение имело размер 1500 x 1500 пикселей, введите 1500 либо в поле ширины, либо в поле высоты — какое поле содержит большее число.

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

            Диалог размера изображения

            Теперь, когда вы изменили размер изображения, вам нужно настроить размер холста, выбрав «Изображение > Размер холста».

            Размер холста

            В диалоговом окне холста введите оставшийся размер в поле ширины или высоты — в зависимости от того, какое поле имеет меньшее число.

            Диалог размера холста

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

            После того, как вы нажмете «ОК», ваше изображение должно иметь форму квадрата с идеальными пропорциями. Вот мое изображение размером 200 x 200 пикселей, которое больше не выглядит искаженным:

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