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

Рисуем прямоугольники в Фотошопе

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

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

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

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

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

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

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

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

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

1. Для создания прямоугольников используется инструмент «Прямоугольная область» из группы «Выделение».
2. При помощи данного инструмента создается выделенная область прямоугольной формы. Так же как и в случае с предыдущим инструментом, работает клавиша SHIFT, создавая квадрат.
3. «Прямоугольная область» нуждается в заливке. Для этого можно нажать сочетание клавиш SHIFT+F5 и настроить тип заливки.
4. Также можно воспользоваться инструментом «Заливка». Результат:
5. Выделение снимается клавишами CTRL+D. Для прямоугольной области также можно задать произвольные размеры либо пропорции (например, 3х4).

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

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

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

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

Без заливки

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

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

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

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

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

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

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

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

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

С заливкой

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

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

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

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

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

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

Как нарисовать квадрат (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 оценки
21876 просмотров нет комментариев Артём Фёдоров 01 октября 2011

Категории

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

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

Как нарисовать линию: Фотошоп для новичков

Рисуете эскиз или раскадровки для будущей фотосессии? Делаете логотип? Оформляете пост для соцсетей себе или заказчику? Дополняете творческую съёмку 2-d элементами? Если в результате любого из этих занятий вам понадобилось нарисовать линию в Фотошопе, то этот текст для вас.

В формате «вопрос-ответ» рассказываем и показываем, как сделать линию в Фотошопе разными способами и с помощью разных инструментов.

Как нарисовать линию

Чтобы сделать линию в Фотошопе, воспользуйтесь одним из четырёх инструментов:

1. Линия / Line Tool (горячая клавиша U). Самый простой в использовании инструмент, позволяет изменить толщину и длину после создания отрезка, а также редактировать цвет постфактум.

2. Кисть / Brush Tool (горячая клавиша B) или Карандаш / Pencil Tool ( горячая клавиша B). Толщину, цвет и непрозрачность линии нужно настраивать заранее, зато позволяет делать растушёванный конутр, а также пунктир.

3. Перо / Pen Tool (горячая клавиша P). Позволяет сделать кривую, изогнутую линию и объект любой формы.

Все инструменты находятся на панели ручного редактирования слева от экрана. Их места в палитре у разных пользователей разное, поэтому не ищите их у себя, полагаясь на скриншот — автор настраивал свою панель под себя / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Самый простой инструмент — Линия / Line Tool (об остальных способах речь пойдёт ниже). Чтобы с помощью него сделать прямую в Фотошопе, возьмите инструмент, зажмите левую кнопку мыши и проведите отрезок нужной длины. После этого на экране появится синий отрезок. Чтобы превратить его из векторного объекта в растровый, нажмите клавишу Enter на клавиатуре.

Сдвигая самую левую и самую правую точки синей линии, можно отрегулировать длину точнее / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Как сделать ровную линию в Фотошопе

Чтобы сделать прямую линию в Фотошопе, можно также пользоваться инструментами Кисть / Brush и Карандаш / Pencil. Поначалу кажется, что они не такие удобные, ведь начертить ровный отрезок от руки невозможно. Да, это сложно, если не знать один секрет.

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

Преимущество Кисти и Карандаша в том, что ещё до начала работы можно выбрать толщину, растушёванность краёв, непрозрачность линии. / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать кривую линию в Фотошопе

Чтобы сделать изогнутую линию в Фотошопе, понадобится инструмент Перо / Pen Tool. Оно похоже на инструмент Линия, но позволяет рисовать сложные формы и редактировать их. Рассказываем, как сделать линию Пером в Фотошопе.

Как сделать волнистую линию в Фотошопе:

1. Возьмите инструмент Перо.

2. Поставьте левой кнопкой мыши точку в том месте, где хотите, чтобы линия начиналась.

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

Линия превратится в кривую, а из неё «вырастет» отрезок — кривая Безье. Если зажать Ctrl и сдвигать отрезки кривой Безье (на скриншоте в прямоугольной рамке), линия будет изгибаться более или менее плавно / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Чтобы превратить заготовку (её называют путь) в полноценную линию, нажмите правой кнопкой мыши и выберите Обводка пути / Stroke Path / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

5. После этого появится меню. В нём нужно выбрать инструмент, с помощью которого контур обведётся — например, Кисть или Карандаш — и нажать Ок, а затем Enter на клавиатуре.

Контур превратится в кривую линию. Толщина будет зависеть от толщины кисти, которые можно посмотреть в её настройках / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать пунктирную линию в Фотошопе

Чтобы сделать прерывистую линию, возьмите инструмент Кисть / Brush Tool. В меню Окно / Windows найдите палитру Настройки кисти / Brush Settings. Регулируя Размер / Size и Расстояние / Spacing, создайте идеальный пунктир.

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

Пунктирные линии с разными настройками Размер и Расстояние / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать тонкую линию в Фотошопе

Чтобы сделать тонкую линию с помощью инструмента Линия, найдите настройку Толщина / Weight и введите минимальное значение. Например, 0,01 см.

Две тонкие линии: верхняя 0,1 см толщиной, а нижняя — 0,01 см / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Чтобы сделать тонкую линию с помощью Кисти или Карандаша, нажмите на выпадающий список с настройками в верхней части экрана и выберите толщину 1 пиксель, либо регулируйте размер кисти с помощью горячих клавиш [ (уменьшает размер) или ] (увеличивает размер). На русской раскладке это кнопки х и ъ.

Линии толщиной 1 пиксель, 10 пикселей и 100 пикселей / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать линии толще в Фотошопе

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

Теперь рассказываем о необычном способе, как сделать линии толще в инструменте Линии:

1. Создайте линию. При этом неважно, если её толщина будет минимальной.

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

Хватаясь за квадраты в центре, толщина линии увеличивается до любого размера. Несмотря на изначальную Толщину / Weight в 0,1 см / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как сделать чёрную линию в Фотошопе

Чтобы сделать линию чёрной (или любого другого цвета), нужно поменять цвет будущей линии в настройках:

– для инструмента Линия нажмите на квадрат рядом с надписью Заливка / Fill. Далее найдите иконку в виде радужного прямоугольника. После этого откроется палитра, в которой можно выбрать любой цвет;

– у инструментов Кисть или Карандаш цвет отрезка будет зависеть от выбранного в палитре цвета. Она находится слева внизу там же, где и сами инструменты. Чтобы изменить текущий цвет, нажмите левой кнопкой мыши на верхний квадратик.

Красный квадратик — цвет линии, нарисованной кистью. Черный квадратик — цвет линии, нарисованной инструментом Линия / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Как в Фотошопе сделать направляющие линии

Чтобы сделать вспомогательную линию в Фотошопе, нажмите Вид / View — Направляющие / Guides — Новая направляющая / New Guide. В открывшемся меню можно выбрать её цвет, а также то, какой она будет — вертикальной или горизонтальной. Таким образом можно создать любое количество направляющих линий. Подхватив вспомогательную линию, её можно переставить в любое удобное место.

Три направляющие — две вертикальные и горизонтальная. Чтобы их удалить, кликните на каждую и нажмите Delete на клавиатуре / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

Если же нужная частая и крупная сетка и не хочется создавать линии вручную, включите её через Вид / View — Показать / Show — Сетка / Grid.

Как сделать неоновые линии в Фотошопе

Чтобы сделать светящуюся линию в Фотошопе:

1. Нарисуйте линию любым удобным инструментом: Кистью, Карандашом, Пером или Линией. Лучше, если линия будет на тёмном фоне — так свечение лучше видно.

2. Зайдите в меню Слой / Layer — Стиль слоя / Layer Style — Внешнее свечение / Outer Glow.

Чтобы получить правдоподобное свечение неоновой линии, поставьте настройки, как на скриншоте.Самые важные обведены в оранжевые рамки / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт