Mini-ats102.ru

ООО “Мультилайн”
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Rectangle Tool или как нарисовать прямоугольник в Photoshop CC 2017

Rectangle Tool или как нарисовать прямоугольник в Photoshop CC 2017

Самый простой способ нарисовать прямоугольник в Photoshop — воспользоваться инструментом « Rectangle Tool » (Прямоугольник). Инструмент « Rectangle Tool » принадлежит к группе инструментов для рисования фигур и занимает в ней почетное первое место.

Инструмент Rectangle Tool на палитре инструментов Photoshop

Photoshop CC 2017 — палитра инструментов — Rectangle Tool

Конечно можно просто взять « Rectangle Tool » с палитры инструментов Photoshop. А можно активировать его при помощи горячих клавиш. По нажатию клавиши [ U ] становится активным тот инструмент из группы инструментов для рисования фигур, который использовался последним. Если это был не « Прямоугольник », то следует употребить сочетание клавиш [ Shift+U ], которое позволяет переключаться между различными инструментами в пределах данной группы.

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

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

В действительности, программа Photoshop работает со всеми этими и другими фигурами и позволяет нам добавлять их на изображение с той же легкостью, с какой мы добавляли круги и квадраты. В программе все эти фигуры более сложной формы называются произвольными фигурами, и мы можем их нарисовать, используя инструмент «Произвольная фигура» (Custom Shape Tool), с которым мы познакомимся в этом уроке.

Инструмент «Произвольная фигура»

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

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

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

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

Выбор формы произвольной фигуры

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

Окошко предварительно просмотра отображает выбранную нами произвольную фигуру

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

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

Чтобы выбрать фигуру, просто нажмите на ее миниатюру, затем — на клавишу Enter (Win) / Return (Mac) для закрытия палитры. Или дважды щелкните кнопкой мыши по миниатюре фигуры, в результате чего фигура будет выбрана и палитра закроется сама. Я выберу фигуру в форме сердца:

Выбираем фигуру в форме сердца из палитры «Произвольные фигуры»

Читайте так же:
Как вернуть старый дизайн яндекс браузера

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

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

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

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

Из цветовой палитры выбираем цвет для фигуры в форме сердца

Выбор параметра «Слой-фигура»

Как я уже упоминал в прошлом уроке, программа Photoshop позволяет нам рисовать фигуры трех типов с помощью инструментов группы «Фигуры». Мы можем рисовать векторные фигуры, которые не зависят от разрешения и могут быть масштабируемы без потери качества (такой тип фигур мы бы рисовали в программе Illustrator). Мы можем также рисовать контуры, которые являются лишь очертаниями фигур, или мы можем рисовать пиксельные формы, которые программа заполняет цветными пикселями. В большинстве случаев, мы рисуем векторные фигуры, и чтобы иметь возможность это сделать, нам необходимо выбрать параметр «Слой-фигура» (Shape Layers) на панели настроек. Это первый значок в группе из трех значков, расположенных ближе к левому краю на панели настроек:

Для рисования векторных фигур выбираем параметр «Слой-фигура» на панели настроек

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

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

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

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

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

Обратите внимание, что моя фигура в форме сердца выглядит немного искаженной. Она шире и короче, чем я ожидал увидеть. Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.

Для того чтобы нарисовать фигуру с правильными пропорциями, установите курсор в окне документа и, удерживая кнопку мыши нажатой, начните протягивать курсор и рисовать фигуру, как обычно. При этом нажмите клавишу Shift и продолжайте ее удерживать нажатой по мере перемещения курсора. Как только вы нажмете (и удержите) клавишу Shift, вы увидите, что контур фигуры приобрел правильные пропорции:

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

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

Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши

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

Нажимаем на миниатюру музыкальных нот для выбора фигуры

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

Читайте так же:
Как в excel сделать фон листа

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

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

Новая фигура заполнится тем же цветом, что и предыдущая

Далее мы изучим, как изменить цвет нарисованной фигуры и как загрузить все дополнительные формы произвольных фигур, доступные в программе Photoshop!

Изменение цвета заливки нарисованной фигуры

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

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

Программа Photoshop повторно откроет цветовую палитру, где мы сможем выбрать новый цвет. Я выберу фиолетовый цвет:

Из цветовой палитры выбираем новый цвет для фигуры

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

Мы можем в любой момент изменить цвет векторной фигуры

Загрузка дополнительных наборов фигур

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

Нажимаем на маленькую стрелку в в правом верхнем углу палитры фигур

Это действие приведет к открытию меню с различными параметрами, в самом низу которого будет расположен перечень дополнительных наборов фигур, установленных в программе Photoshop. Каждый из этих наборов является собранием фигур, объединенных общей тематикой, например, «Животные» (Animals), «Музыка» (Music), «Природа» (Nature) и т.д. Некоторые из наборов появились только в версии программы Photoshop CS5 (именно эту версию используя я), но большинство наборов доступны в любых недавних версиях программы:

Все эти дополнительные наборы фигур установлены в программе, но их нужно загрузить в палитру вручную

Если вы знаете, какой набор фигур вам нужно, вы можете его выбрать, нажав на соответствующее название набора в перечне. Однако проще — загрузить все наборы фигур за раз. Мы можем это сделать, выбрав название «Все» (All) в верхней части списка наборов:

Выбираем название «Все» (All) для загрузки всех дополнительных наборов форм

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

Для загрузки новых фигур при сохранении в палитре изначальных фигур выбираем «Добавить» (Append)

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

В палитру фигур теперь загружены все дополнительные фигуры, доступные в программе Photoshop

Ниже представлено несколько примеров фигур, которые мы теперь можем нарисовать в программе:

В палитре фигур теперь отражены все дополнительные фигуры, доступные в программе Photoshop

Читайте так же:
Есть ли поиск в excel

Несмотря на все разнообразие готовых произвольных фигур, предоставленных в программе, может случиться так, что даже после загрузки всех наборов, мы не сможем найти нужное нам изображение для особого дизайна, над которым работаем. И в таком случае программа Photoshop окажется для нас незаменимым помощником, потому что она позволяет нам самим создавать любую фигуру. Чтобы узнать, как создать собственную коллекцию произвольных фигур, сохранить и в дальнейшем использовать ее, изучите наш урок «Создание собственных произвольных фигур»!

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

Уменьшение рук при помощи трансформирования

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

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

Для начала необходимо открыть изображение. На фото ниже заметно, что рука слишком широкая.

рис. 8

Далее нужно воспользоваться инструментом (L) «лассо», обвести часть руки, затронув немного фона.

рис. 9

Затем, при помощи комбинаций клавиш (Ctrl+J) нужно скопировать получившееся выделение на новый слой.

рис. 10

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

рис. 11

При помощи комбинации клавиш (Ctrl+T) нужно выбрать «свободное трансформирование». В настройках данного инструмента на панели нужно указать левый нижний правый угол в «положении центра преобразования».

рис. 12

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

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

рис. 13

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

рис. 14

Далее нужно выбрать (В) «кисть» с первоначальными параметрами.

рис. 15

Обвести край руки и платья. Получится следующее:

рис. 16

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

рис. 17

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

Пластика лица

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

  • ширину лица,
  • подбородок,
  • глаза,
  • нос,
  • губы,
  • брови.

Меняйте размеры и формы лица, чтобы портрет вас полностью устраивал!

Пластика лица

Доводите лицо до совершенства

Круглая рамка с помощью Elliptical Marquee Tool

Как сделать круглую рамку в фотошопе рассматриваемым способом? Очень просто.

Запускаем программу, создаем новый проект – желательно на прозрачном фоне (Transparent).

После этого выбираем инструмент Elliptical Marquee Tool – в меню слева. Для этого, возможно, понадобится нажать правой кнопкой на соответствующую группу инструментов – чтобы указать нужный. Рисуем круг (для этого следует удерживать клавишу Shift) или овал.

При задействовании инструмента Elliptical Marquee Tool изначально прорисовывается только контур будущей фигуры. Его и нужно превратить в рамку, после чего – окрасить в требуемый цвет. Для этого необходимо нажать правой кнопкой на контуре и выбрать пункт Stroke. После – установить требуемую толщину рамки и ее цвет.

Читайте так же:
Меню сервис в excel 2007

Использование инструмента Elliptical Marquee Tool в сочетании с функцией Stroke (то есть обводки) имеет интересную особенность. Как только вышеуказанные операции по созданию рамки на фоне контура, приданию ей нужной толщины и окрашиванию данного элемента будут произведены, у пользователя появится возможность «разделить» получившуюся фигуру на 2 эллипса с одинаковой толщиной – с помощью инструмента Move Tool.

Если в этом необходимости нет, то, окрасив рамку и придав ей требуемую толщину, следует вновь выбрать инструмент Elliptical Marquee Tool, щелкнуть правой кнопкой на эллипсе и выбрать пункт Deselect. После этого на экране отобразится целостный эллипс.

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

Например, если дизайнер желает залить ее градиентом, нужно щелкнуть правой кнопкой на слое, соответствующем рисунку, выбрать пункт Blending Options, после чего – настроить требуемые опции.

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

Использование инструмента Elliptical Marquee Tool может осуществляться разными способами. Так, с помощью него вполне реально не только нарисовать рамку, но и, например, вставить в нее тот или иной рисунок.

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

Исходный рисунок, вероятно, будет открыт как фоновый слой – Background, поэтому его надо трансформировать в обычный – Layer. Для этого требуется щелкнуть по его названию мышкой два раза и нажать OK. После этого выделенную эллипсом область картинки можно будет копировать на новый слой – используя сочетания клавиш Ctrl и C, а также Ctrl и V.

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

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

Правда, в этом случае нужно выбирать соответствующую опцию в пункте Stroke окна Blending Options.

Другой способ рисования круглой рамки в фотошопе предполагает задействование инструмента Ellipse Tool.

Рисование базовой диаграммы

Новое окно Photoshop с предустановкой. Бумага США. Изображение предоставлено Adobe.

Запустите Photoshop и выберите подходящий размер для вашей диаграммы. Если вы печатаете его, выберите «Бумага США» в меню «Предустановки». Если вам нужен альбомный холст вместо портретного, просто переключите значения «8.5» и «11» в полях «Высота» и «Ширина», прежде чем нажимать «ОК».

Прямоугольник, нарисованный с помощью Rounded Rectangle Tool.credit: Изображение предоставлено Adobe.

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

Прямоугольник с внутренним скосом и падающей тенью. Кредит: Изображение предоставлено Adobe.

Читайте так же:
Как в проводнике отобразить скрытые файлы

Выберите «Стили слоя» в меню «Слой» и выберите один или несколько стилей, которые будут применяться к вашей фигуре. Добавьте стиль Drop Shadow, чтобы фигура отображалась на экране. Чтобы добавить скос вокруг границы фигуры, выберите «Скос и тиснение» и выберите «Внутренний скос» в меню «Стиль».

Внешний текст, примененный к text.credit: Изображение предоставлено Adobe.

Выберите «Text Tool» на панели инструментов, а затем нажмите на фигуру, которую вы нарисовали. Текстовое поле автоматически соответствует размеру вашей фигуры. Введите текст для метки, затем выделите его и отрегулируйте шрифт, размер шрифта и цвет по своему усмотрению, используя параметры на панели параметров.

Сгруппируйте слои для быстрого перемещения и копирования. Кредит: Изображение предоставлено Adobe.

Сгруппируйте текстовое поле и фоновую форму, чтобы их было легче перемещать. Выберите слой «Текст» и слой «Форма» на панели «Слои», щелкнув их, удерживая нажатой клавишу «Ctrl», а затем выберите «Группировать слои» в меню «Слои». Чтобы переместить оба слоя вместе, выберите папку. Перетаскивание папки на значок «Новый слой» в нижней части панели «Слои» копирует текст и форму фона. Чтобы редактировать любой слой отдельно, откройте папку и выберите соответствующий слой.

Photoshop's Shapes menu.credit: Изображение предоставлено Adobe.

Нажмите «Custom Shape Tool» на панели инструментов, затем нажмите «Shapes» меню в правой части панели параметров. Меню «Фигуры» включает несколько различных стрелок, речевых пузырьков и других фигур, которые вы можете использовать для своей диаграммы. Нажмите стрелку, а затем перетащите курсор на холст, чтобы нарисовать его. Как только он будет нарисован, вы можете отформатировать его и применить к нему стили слоя, как и любую другую фигуру.

Стрелка между двумя rectangles.credit: Изображение предоставлено Adobe.

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

Фоновый прямоугольник со скошенным краем и нанесенной текстурой. Кредит: Изображение предоставлено Adobe.

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

Метод №2: С помощью инструмента “Выделенная область”

Этим способом мы пользуемся реже, но иногда он выручает. Чтобы нарисовать прямоугольник нам понадобится в панели инструментов найти группу “Выделение” и в раскрывшемся списке выбрать “Прямоугольная область”. См. скриншот ниже:

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

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

Теперь нам нужно залить прямоугольную область. Вызвать окно с параметрами заливки можно благодаря комбинации горячих клавиш SHIFT+F5.

В пункте содержание можно выбрать желаемый метод заливки. Если стоит “Основной цвет”, то прямоугольник закрасится, цветом, который выбран в палитре цветов в качестве основного. В нашем случае это красный:

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

Чтобы снять выделение, достаточно кликнуть по любой другой части холста или нажать сочетание клавиш CTRL+D.

Важно! Обратите внимание, что и у инструмента “Прямоугольная область” есть панель с настройками наверху, где вы сможете задать желаемые настройки, включая пропорции фигуры.

На этом наш небольшой урок о том, как нарисовать прямоугольник в программе Фотошоп, подошел к концу.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector