Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

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

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

Твоя особенность, кисть?

По факту, кисть в Adobe Photoshop – предустановка, управляющая штрихом и формой линии.  Инструмент «Кисть» – инструмент для окрашивания и создания «реплики» чернил на холсте.

Кисточки используются для разных вещей и даже сложно представить какую-либо творческую работу без её использования (если, разумеется, речь не идет о банальном изменении размера изображения). Благодаря ей можно легко создавать элементы, включать определенные формы или типы линий  в работу. Разумеется, что изначально в любой версии Photoshop уже есть стандартный минимальный набор необходимых кистей: сухих и влажных, со спецэффектами и круглые, квадратные. В последней версии Photoshop CC 2018 появилась даже возможность автоматической сортировки кистей по категориям. Но обычно стандартного набора мало всем, а значит, пользователи стараются найти что-то интересное в интернете.

Особенности кистей

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

Обычно максимум чем пользуются - это изменение размера (с помощью квадратных скобок [ и ]), твердая и мягкая (с дымком по краю). Но мало кто знает, на что влияют другие параметры и условия кистей.  Уделим им отдельное внимание.

Твердость – применима только для круглых и квадратных кистей, изменяет количество пикселей для сглаживания/размытости по краям. 100% – самая твердая и четкая.

Размер – толстая или токая кисть или иначе – большая/маленькая.

Поворот и динамика – поворот кисти при рисовании по осям X и Y. Обратите внимание на скриншот ниже, что кисть разворачивается по оси не вся полностью, а частично, благодаря чему создается эффект беспорядка. Именно поэтому всегда говорят: «Нарисовать траву в Photoshop легче простого».

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

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

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

Положение кисти – позволяет создавать стилусные эффекты или эффекты пера. Обычно это требуется для каллиграфии или работы с рисованием витиеватых элементов для букв или растительных узоров. Чтобы представлять о чем речь, просто посмотрите скриншоты ниже и обратите внимание на то, как при разных параметрах наклона относительно осей X/Y выглядит сама кисть и штрихи, что она создает.

Передача – свойство управлением непрозрачности штриха и покраски. Иными словами, во время рисования Photoshop произвольно будет сам создавать пятнами или штрихами (зависит от вашей кисточки) темные и насыщенные точки или наоборот прозрачные и едва уловимые.

Кроме того, стоит всегда помнить, что в Photoshop 2018 появились и три новых типа рисования кистью, что упрощают работу с ней в целом. Об этом мы подробно уже рассказывали, так что повторяться не будет. Напомним, что речь идет о режимах: следования за кистью, следования за штрихом, следование до конца мазка, а также зеркальное (симметричное) рисование.

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

Установка кистей

Установка кистей происходит в несколько кликов. На панели управления инструментом кликаем по иконке выбора кисти, выбираем шестеренку и из меню – загрузить кисти. Затем остается только выбрать папочку на вашем жестком диске и файл ABR. Все новые кисти добавляются в конец списка и могут быть отсортированы по категории или названию, как отдельная папочка (последняя версия Photoshop).

Применение кистей

Кисточки в своем многообразии используются достаточно часто и обычно пользователи, рассматривая тот или иной сайт, даже не задумываются или не догадываются о том, что почти все было отрисовано кисточкой на разных слоях. Для примера возьмем meat.agency, getdashing, instituteforqualityleadership, mend-seltzer, carolhighsmithamerica, amandegelateria, a-lign, hotelicon. Вы спросите: «И где же здесь кисточками-то работали». Дело в том, что их использовали для придания большей контрастности на фотографиях (точечно, в определенных местах прокрашивали свето-тенью, так как глобально с помощью микширования каналов нужного эффекта было бы не достичь), дорисовывали туман и снег, где-то их использовали для графики вместо карандаша, а где-то в ход шла микс-кисть и объемность. Кистями прокрашивали слои или насыщали ягоды цветностью.

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

Наборы кистей Photoshop

Cloud Brushes

10 высокохудожественных кистей облаков. Самых разных по типу, размеру. Здесь есть отдельные облачка  и вид на небо снизу-вверх, есть при пасмурном небе и более-менее ясном.

Tech Brushes Set v5

21 кисточка с элементами Hi-tech, различные блоки данных, обработки массивов, таблицы, графики и прочее. Если создается какой-то тематический фон, текстура, оформление графическое отдельных углов или заголовков, то такие кисточки найдут себе применение. Например, если взять работу A.E.R.I.S., то можно увидеть созданный данными кисточками фон. Что-то аналогичное можно вполне применить и для веб-дизайна.

Sentinels of Time

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

DBD

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

Floral Swirl Brushes

20 кистей с растительными завитками, цветами для создания обычного легкого и воздушного оформления, для добавления на фотографии, в заголовки или к уголкам секций и блоков. Красивые, высокодетализированные, художественные – они прекрасны. И да, при наложении на кисточки градиентной заливки появляется большее «оживлённости».

Lines

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

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

Завершение

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

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

Как вам материал?