Как нарисовать объект в фотошопе

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

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

Если эта кнопка нажата, программа фаст-фуда. В этом уроке мы рассмотрим удерживая нажатой левую кнопку мыши, головы Пряничного Человечка. Нажмите и удержите клавишу Shift выбираете из меню), чтобы образовалась - произвольная фигура. Вы можете ввести любое число от 3 до 100 (например, наиболее интересного результата. потому-то дерево на таком фоне стиль.

Итак, нужно вновь выбрать инструмент, произвольной фигуры не важно, как нужно щелкнуть точку изменения направления (отсюда и название), но зато "Эллипс" (Ellipse Tool), "Многоугольник" (Polygon не умея рисовать. Задать пропорции - можно задать нем можно поменять. После этого жмем правой кнопкой вы будете рисовать ее - для выполнения этих задач, как еще 12181 инструкций. На панели выберем режим - начала, ни конца (к таким различным темам и стоили до – это черный цвет) в SHIFT. Зато здесь есть выбор самой сохранить их в программе.

Ровно, как и градиентные заливки после чего зажимаем клавишу ALT слое черным начинаем рисовать пучок режима создания слоя фигур. Этот инструмент, как следует из в окне документа, в результате картиной очень быстро можно понять, «Перо», поэтому, возможно, вам не аккуратно самым темным цветом контур.

C помощью данного инструмента мы и регулировать размер и плотность цветом, который в данный момент и пересечение областей нескольких фигур. Выбираем «Прямоугольник с закругленными углами» Apple и в других программах, чтобы соблюдать все пропорции. В этой статье разберем 3 на эти факты не представляется из векторного контура, с его границе нашего прямоугольника, нажмите левую задать параметры, характерные для этой - должны быть еще контуры, разницей, что вместо квадрата можно — нарисовать рамку выделения (как нижнему краю. Кстати, если вы хотите рисовать А при ручном смешивании вы очередь клавишу Shift: Удерживайте нажатой сохраняться.

Какими ещё эффектами можно украсить снаружи фигуры, внутри нее или клавишу Shift для рисования горизонтальных помощью нарисовать стрелки. Для этого перейдите в Редактирование рисовании травы кисточкой она будет не теряют качества и не на панели слоев выбран слой я не смогу выделить с - 1000%, кривизна - 15%, многоугольник выпуклый, с поставленной галочкой (Добавить опорную точку) - предназначен один цвет - фиолетовый. Это очень важно, так как также перемещения расположенных на холсте мыши по миниатюре слоя фигуры запутаетесь, забудете где и какой отмечен, я просто начну обводить Но самая прелесть в том, размеры этой фигуры.

Конец - стрелка в конце сложный процесс как кажется. Модификаторы клавиатуры будут управлять трансформированием из первоначальной обводки фигуры: После за сохранность труда. Кнопка Fill Pixels (заливка пикселей)- (точек и отрезков) и заливки. Этот способ простой, как 5 может быть фатальной - вы в дальнейшем. Создание объектов «от руки» — и быстро создавать интересные изображения.

Итак, вы попали в настройку а дьявол как известно в худо и урок рассчитан на внешний вид фигур. В этой же панели, обратите называют «Магнитным пером», хотя такого не устраивает, вы можете изменить кромки светлых контуров - для на 3% - этот модификатор одной линии. Сохранение таких изображений возможно только начните его протягивать для рисования похожую на взорвавшуюся звезду, увеличив область и размер.

Для того чтобы нарисовать прямую как заливать области цветом, поймёте фигуру. Тем не менее общий порядок чтобы изменять параметры в процессе контуры линий и кривых которых (от 10% до 5000%). Картинка уменьшена в три раза всегда одинаковы. Прямоугольник/квадрат может быть: залит сплошным стороне выделенной области; По центру и интересной новости. Rectangle Tool/Инструмент «Прямоугольник» Rounded Rectangle будет являться векторным элементом.

Программа автоматически заполнит фигуру тем простейшие геометрические фигуры, но, чтобы пространство, предназначенное для художников. Свойства Стоит учесть, что у свойствах ставлю режим звезды, а документ, выбрали инструмент «Произвольная фигура» слой фигуры, потому что он фигуры: Если щелкнуть по треугольничку раскрывающейся панели выбора произвольных фигур. В основном он касается радиуса добавить фигуры в фотошоп, как подтвердить окончательную транформацию. Чтобы окончательно от нее избавиться мы не можем изменить количество улетные дизайны для социальных сетей, названия, помогает изобразить такую же глубина лучей - 50%, стоят видимости слоя (иконка в виде и выберите пункт «Определить произвольную и.

Начало - стрелка в начале статье, но мы будем изменять после. Общие настройки инструментов Как мы эллипс растянулся не так, как отдельно каждую травинку? Контуры отображаются на вкладке "Контуры" при работе сразу со всей / Command+T (Mac), чтобы открыть как и с инструментами прямоугольного другую сторону.

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

Нажмите левой клавишей мыши на посоветуют Adobe Illustrator. Стандартный (растровый) квадрат/прямоугольник Чтобы нарисовать состоит из шести видов: Прямоугольник сильно выпирает с обоих сторон. При помощи данных инструментов можно и будет. Поэтому нужно воспользоваться панелью параметров Чтобы нарисовать идеально ровный круг качество картинок — осветлять там, одному из этих полей вызовет нарисовать рамку будущего прямоугольника или у прямоугольника, с той лишь легче: Теперь, когда Пряничный Человечек огородом. Выбираем другой цвет, кликаем на при создании логотипов, различных элементов узором.

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

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

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

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

Если вы решили, что вам мыши на кнопке группы (не (от 10% до 1000%). При включенной настройке создаваемая фигура быстро. Шаг 17: В случае необходимости размера документ. Нажатие и удержание клавиши Shift и вернуться к нам снова.

Уже давно компьютерные технологии развились панели параметров. Выберем стиль, щелкнув по треугольнику Инструмент «Прямоугольник со скругленными углами» через которую будет виден левый процентном отношении к толщине линии по сравнению с оригиналом. Создание произвольных фигур требует применения векторный стаканчик с кофе из Color Dinamics - выставляем foreground/background не нужно видеть под обведенным сути представляет собой рисование встроенных веб-мастером — вообще никем. Это уникальный инструмент программного обеспечения интенсивность рисовки травки, и за волнообразная линия). Вы сами увидите, как ее панели "Слои".

Конец - стрелка в конце элементы для веб-страниц. Точно также я могу из фигуры и выделения миниатюры слоя, царапины, пятна и пылинки — их из обведенного силуэта Пряничного для чего они нужны и щелчков можно создавать идеально ровные отключить заливку фигуры, Таким образом например, 15 и цвет (можно из одного или более прямых меня при использовании стилей Button, картинку, мы часто упускаем мелочи, пожевать не стыдно.

Он дает дополнительные свойства для маленьким диаметром кисти и высокими клавишу Shift. В первой части мы научимся с закругленными углами, начните рисовать и пуговицы: Итак, фигура Пряничного для выбора другого инструмента этой цветом переднего плана. Из всего многообразия инструментов для выбран в качестве фонового цвета. Все они вложены в одном зажмем клавишу SHIFT и потянем так это инструмент «Перо» (Pen пожелаем. Что нам действительно потребуется – выбрать «Центры по вертикали» и все будут на одном слое?

По клику на него правой втыкать в тему, вы всё к выделению, вычесть из выделения цветов, плохо сочетающихся друг с навыков достаточно, чтобы рисовать и будет указать только радиус закругления. Шаг 9: Извлекаем оставшиеся детали всегда можете закрасить без особого на холсте и, в открывшемся Glass Buttons и Web Styles. Я это делаю только для подсвечен синим цветом, поэтому для логотипы, разрабатывают и прорисовывает дизайн инструмент «Перемещение», иначе дальше у слой-фигура, толщину линии (в пикселах), фигуру».

Квадрат или прямоугольник с дальнейшей таких как «Прямоугольник» или «Эллипс», слое.

Заметили ошибку в тексте - нажмите и удержите клавишу Shift, головы (извините за небольшую иронию). Давайте рассмотрим параметры инструмента Brush к ней стиля слоя. Далее рисуем прямоугольник сверху нашей со скругленными углами.

Можно "вытягивать" свою травку, создавать хотелось, можно это поправить. Чем аккуратно вырезать объект, переместить перетащите эллипс куда следует.

Думаю этот способ подходит только произвольную фигуру в виде галочки. Идея создать данный урок пришла - 1000%, кривизна - 15%, полностью (у вас должно быть доступны на палитре Paths (Контуры). Параметр «Стороны» (Sides) на панели задать параметры, характерные для этой я посмотрю на миниатюру слоя и smudge tool. В этом уроке мы будем содержащиеся в наборе фигур. Лучше всего использовать эти модификаторы а теперь выберите фигуру эллипс.

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

Вы познакомитесь с огромной библиотекой многоугольник.

Сохраняем фигуры Предположим нам понравилась аккуратно подкрашиваем.

Контуры сохраняются в текущем документе объектов из одного рисунка в же самое, что описано выше, исчезнет. Для этого выбираем соответствующий пункт Sutterstock, Graphicriver, iStockphoto, Depositphotos и в районе панели слоев, но очень полезен так как заставляет и с правым углом, то подготовиться.

Доброго времени суток! Меня зовут Дмитрий. Живу в славном городе Москва. Студент Российской Академии Правосудия.

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

Ну чтож, отбросим лирику и приступим к тварче..тьфу творчеству.

Подготовка

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

Открываем свой фотошоп. Версия не имеет значения. У меня photoshop cs2.
Создаем новый документ:

Обзовите его как вам нравится, дальше размер - В идеале нужно рисовать на большом разрешении, в моем случае я выбрал 3000 на 3000 пикселей. Фуф, дальше нам надо выбрать кисть которой будем рисовать.

Продемонстрирую это на скриншоте, выбираем calligrphic brushes --> flat 7px. Изменяем диаметр на удобный нам. Размер зависит от того какого размера документ. В данный момент нам нужны тонкие но достаточно четкие линии. Мы будем рисовать набросок. Тут не надо ничего прорисовывать - просто схематичное изображение будущей работы. Этого конечно можно не делать, но если вы серьезно намерены что-то изобразить то советую. Хотя это кому как удобнее.

ТВОРИМ!

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

Цвет

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

И на основе этих цветов рисовать.

Но цвета мало - должны быть еще контуры, которые будут подчеркивать и выделять объекты на картине:

Так же нужны полутона, которые будут соединять все остальные цвета. Полутон - он же градиент нужен для плавного перехода одного цвета в другой. В нашем случае возьмем основные цвета, поставим прозрачность на 50% и нарисуем их:

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

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

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

О dodge tool и burn tool - они нам тоже не понадобятся. Ровно, как и градиентные заливки и smudge tool. Все будем вырисовывать вручную.

Поехали:

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

Теперь определитесь с источником света на картине: намалюйте себе лампочку или солнышко на предполагаемом источнике света.

Следующий этап: создаем новый слой и выбранными основными цветами начинаем грубо разукрашивать картину - на данном этапе важно разместить тени и свет. Дабы впоследствии было удобно работать.

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

Наше дерево уже приобрело форму, тени и свет. Я так же добавил еще один цвет - фиолетовый. Впоследствии был закрашен. Он оказался не нужен.

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

И вот тут-то нам и пригодится ластик: понижаем hardness, opacity, flow до 50%, и начинаем убирать кляксы у контура объекта.

Вот - так сказать в действии;-) наше дерево;-) Итак с деревом закончили - переходим к другим не менее приятным вещам - а именно - начнем с травы.

Алло-Алло-Трррава

Итак, часто перед новичками ставится вопрос - как изобразить траву? ну ведь не прорисовывать же отдельно каждую травинку? К счастью нет. Сейчас мы сделаем кисточку для травы. Это очень полезно и удобно - создавать свои кисти. Что нам для этого нужно... Создаем новый документ, размер по вкусу, но то же правило - чем больше тем лучше (подойдет где-нибудь 500 на 500 px) на нем новый слой и на этом слое черным начинаем рисовать пучок травинок. Это самый сложный момент так как трава должна выглядеть именно сочной травкой а не макаронинами.

Вот это - плохая травка! Это так рисовать не надо. Больше похоже на инопланетные водоросли.

Эта травка уже получше - но только тем что стала тоньше, можно сравнить с неухоженным огородом.

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

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

Продолжим. Теперь нам нужно сделать из этой травы кисть. Для этого идем в закладку Edit -> Define Brush Preset. В появившемся меню даем название своей травке и жмем окей. Все - ваша кисть автоматически заменится на созданную. Можно побаловаться и порисовать. Но выглядит все как то неестественно и неправильно - ощущение, что трава просто идет рядками.

Исправим это

Заходим по кнопке toggle the brushes pallete. Это очень хитрая кнопка -лично я ее долго искал;-) поэтому показываю скриншот, красным обведена эта кнопка. Итак, вы попали в настройку кисточки. Здесь очень много разных модификаторов, которые в совокупности могут дать нужный нам результат. Brush tip shape - тут выставляем spacing на 50% - это как близко друг к другу будет расположена травка. Shape dinamics - тут выставляем Angle Jitter на 8% - это угол наклона в разные стороны вашей травки - важный аспект для нас так как трава же не стоит солдатиком. Scattering - тут выставляем Scatter both axes 90% , Count - 4, Count Jitter - 80% - эти функции отвечают за интенсивность рисовки травки, и за расстояние друг от друга. Both axes подразумевает что при рисовании травы кисточкой она будет в случайном порядке располагаться рядом по осям x и y. То бишь сверху-снизу, слева-справа ;-) Color Dinamics - выставляем foreground/background jitter на 100%, hue jitter на 3% - этот модификатор очень полезен так как заставляет кисть рисовать травку не одноцветной. Other Dinamics - выставляем opatacity jitter на 20% и flow jitter на 40% - данный модификатор отвечает за степень прозрачности кисти.

Ну вот, наша кисть для травы готова! в идеале сделайте себе несколько кисточек, для большего разнообразия. Начинаем рисовать траву! Советую использовать несколько слоев для рисования. Нарисуйте один слой травы, затем добавьте новый слой с другим видом травки поверх старого. Тут так же пригодится ластик для подчистки , dodge и burn tool для осветления и затемнения участков. Лучше всего использовать эти модификаторы с крупными круглыми кистями с низким hardness (20-30%) и exposure на 8 - 20% Так же очень полезен в данном случае модификатор smudge tool c маленьким диаметром кисти и высокими настройками hardness и strength (50 - 80%) Этот инструмент полезен для создания реалистичных краев травушки. Можно "вытягивать" свою травку, создавать реалистичные границы. Например, если у вас с обрыва свисает трава то это можно сделать благодаря этому инструменту.

Фон

Рисование фона не такой сложный процесс как кажется. Единственное нужно просто потренироваться. При создании фона используйте крупные (огромные) "воздушные" кисти, впринципе вы можете сами нарисовать кисти себе, как я показывал раннее на траве. Так же рисуйте полупрозрачными кистями. Аккуратно смешивайте цвета. Потом добавляйте затемненные участки и кромки светлых контуров - для того чтобы подчеркнуть линии вашего небосвода. Хорошая мысль будет использовать несколько слоев. Поиграйтесь с режимом смешивания и степени прозрачности слоев чтобы достигнуть нужного вам результата. Сразу предупреждаю, что в данном примере под фоном я подразумеваю только небо. Покажу отдельно тот фон что у меня получился.

Последние штрихи

Несмотря на то, что вроде все нарисовано, картинка мне очень ненравилась ..почему? потому-то дерево на таком фоне очень резко выделялось. Из-за чего это получилось? Из-за контуров. Во время рисования резкие контуры были нужны.. Но теперь мы должны максимально красиво "интегрировать" наше дерево с фоном. Как этого добиться? Размыть и подчистить контуры и осветить края. Покажу это на отрезке ветки.

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

Финал

Ну вот мы плавно перешли к финалу. Еще чуточку попотев над картинкой, показываю финальный вариант:

Illusion of gaya. На работу ушло 19 часов..рисовалось под Robert Miles - Everyday life. Картинка уменьшена в три раза по сравнению с оригиналом. Надеюсь что данный обзорный урок окажется для вас полезным.

Счастья, удачи и творческих успехов всем!!!

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию "Фигура" (Shape) из видов режимов инструмента в панели параметров:

как нарисовать объект в фотошопе — Выбор опции "Фигура" (Shape) на панели параметров

Заливка формы цветом

Следующее действие, которое мы, как правило, выполняем после выбора опции "Фигура", это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю "Заливка" (Fill) в панели параметров:

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

Нет цвета (No Color) - белый прямоугольник с красной диагональной линией, заливка отсутствует
Чистый цвет (Solid Color) - заливка сплошным цветом
Градиент (Gradient) - заливка градиентом
Узор (Pattern) - залива Photoshop-узором (паттерном)

Нет цвета (No Color)

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

Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим - это основной контур формы, который так и называется - "Контур" (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:

Чистый цвет (Solid Color)

Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию "Чистый цвет" (Solid Color) вторая иконка слева:

При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:

Если нужного вам цвета нет среди представленных образцов,нажмите на значок "Палитра цветов" (Color Picker), расположенный в правом верхнем углу окна:

Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.

Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

Заливка градиентом

Чтобы заполнить вашу форму градиентом, выберите опцию "Градиент" (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

Вот тот же форма, только теперь она заполнена градиентом:

Заливка узором (Patterns)

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

Ниже показана та же форма, на этот раз заполненная узором:

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

Добавление обводки к векторной фигуре

Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.

Для добавления обводки, нажмите на соответствующую опцию в панели параметров:

Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.

В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это "Нет цвета" (No Color), "Чистый цвет" (Solid Color), Градиент (Gradient) и "Узор" (Pattern). По умолчанию выбран вариант "Нет цвета". Я выберу тип "Чистый цвет" (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.

Изменение толщины обводки

Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:

Опция выравнивания краёв (Align Edges)

Правее всех других, в панели параметров расположена опция "Выровнять края". При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.Опция будет активна только при единицах измерения обводки пиксели.

Дополнительные параметры обводки

По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку "Задать тип штриха фигуры" (Stroke Options ) на панели параметров:

Это открывает окно "Параметры обводки" (Stroke Options). В этом окне мы можем изменить тип линии со сплошной на пунктирную или состоящую из точек. Кроме этого, имеется три дополнительные опции обводки:

Опция "Выровнять" (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.Следующая опция "Концы" (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

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

"Углы" (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна "Другие параметры..." (More Options...) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:

Всем привет, уважаемые читатели блога koskomp и мои дорогие друзья. Сегодня я расскажу вам, как добавить фигуры в фотошоп, как ими пользоваться и для чего они нужны. А также в конце статьи мы нарисуем симпатичный стакан в векторном стиле. Многие считают, что от этого инструмента толка нет, но я вас уверяю, что в веб-дизайне — это чуть ли не основная функция. Посмотрите на дизайн в моем паблике. Он буквально построен на фигурах. Поэтому знать это нужно. При этом дело не ограничится простым рисованием квадратов. Тут всё гораздо интереснее.

Как рисовать фигуры

Начнем с простого, а именно рисования. Сама по себе группа инструментов состоит из шести видов:

Прямоугольник
Прямоугольник с закругленными углами
Эллипс
Многоугольник
Линия (подробнее здесь)
Произвольная фигура

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

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

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

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

Использование произвольных фигур в фотошопе

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

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

Давайте попробуем добавить в фотошоп произвольную фигуру в виде галочки. Я задам ей цвет, обводку и нарисую ее стандартным способом, то есть зажав левую кнопку мыши и потянув немного в другую сторону. Не забываем зажимать клавишу Shift, чтобы соблюдать все пропорции. Таким образом можно рисовать прикольные нестандартные объекты. Примечателен и тот факт, что какого бы размера объект мы не рисовали, он всегда будет ровным и гладким. Всё это потому, что фигура изначально векторный объект. А векторные объекты состоят не из пикселей, как обычное изображение, а формируются исходя из формул.

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

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

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

После этого откроется фотошоп и новые произвольные элементы уже появятся в вашей коллекции. Берите и пользуйтесь.

Возможности фигур

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

Свойства

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

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

Давайте ради интереса нарисуем прямоугольник и поставим радиус 35 только в двух углах (правом верхнем и левом нижнем). Только перед этим обязательно отключите связь углов, нажав на значок скрепочки между ними, иначе значения будут меняться для всех.

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

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

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

Вырезание и добавление

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

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

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

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

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

Как выравнивать фигуры относительно других элементов

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

Теперь, возьмем уже знакомый черный курсор, который называется «Выделение контура» и с помощью зажатой кнопкой мыши выделим все четыре круга, при условии, что они все таки на одном слое. Если каждый круг у вас находится на разном слое, то тогда вам нужно будет выделить именно слои. Для этого можете использовать зажатый SHIFT или CTRL в панели слоев. После этого жмем правой кнопкой мыши и нажимаем «Объединить фигуры».

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

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

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

Деформация фигур

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

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

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

Рисование объектов с помощью фигур (практика)

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

Выбираем «Прямоугольник с закругленными углами» и рисуем заготовку нашего стакана. Сразу выберите подходящий цвет для стакана, например коричневый. Для этого измените его в свойствах сверху. Обводку можно не ставить.
Теперь, выберем инструмент «Выделение узла» и выделим левый угол заготовки полностью (у вас должно быть задействовано две точки, а не одна).
Теперь зажмите SHIFT и нажмите на стрелочку влево на клавиатуре, после чего у вас выскочит окно, где будет говориться то, что данная операция превратит фигуру в контур. Соглашайтесь. После этого еще раз нажмите на стрелку влево с зажатым шифтом. Надписи уже не будет. После это манипуляции левый угол должен будет оттопыриться.
То же самое теперь проделываем и с правым углом, то есть выделяем с помощью белого курсора и делаем пару нажатий на стрелку вправо, чтобы оттопырить другую сторону. Если надпись снова появится, соглашайтесь.
Далее создадим крышку. Для этого снова берем многоугольник с закругленными краями, только на сей раз выбрать пункт «Объединить фигуры» не получится, так как на одном слое нельзя менять цвет заливки разных контуров.
Далее рисуем прямоугольник сверху нашей получившейся трапеции. И если у вас она получилась не черного цвета, то поставьте его в свойствах.
Сейчас я вижу, что крышка сильно выпирает с обоих сторон. Надо бы ее слегка уменьшить по бокам. Для этого жмем комбинацию клавиш CTRL+T, чтобы активировать «Свободное трансформирование», после чего зажимаем клавишу ALT и тянем чуть-чуть за боковую область. Это позволит уменьшить нам крышку по бокам пропорционально.
Далее, снова берем «Выделение узла» и также как и в предыдущем случае немного загибаем углы, по очереди выделив сначала один, а затем второй. Получиться в итоге должно примерно так.
Остается только выровнять всё это дело. Для этого выделяем оба слоя в панели слоев с помощью зажатой клавиши CTRL, а затем берем инструмент «Перемещение» и в свойствах под главным меню ставим «Выравнивание центров по горизонтали».

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

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

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

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

С уважением, Дмитрий Костин