Картинка контур палитры: 04.21. Палитра Paths (Контуры)

Фотопроект. Работа с путями (Path) в Photoshop. Статьи. Фотошкола

Оглавление

• Предисловие.
• Что такое путь, или Немного теории.
• Инструменты Adobe Photoshop для работы с путями.
• Учитесь работать быстро.
• Сколько ставить точек, или чем хороший путь отличается от плохого.
• Многовариантность построений, или Чей путь лучше.
• Несколько размышлений о практической работе с путями.
• Редактирование путей.
• Что можно делать при помощи путей.
• Как сделать изолят.

Предисловие

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

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

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

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

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

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

Что такое путь, или Немного теории

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

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

Кривая Безье состоит из опорных точек (Anchor Points) и отрезков, которые их соединяют. Эти отрезки могут быть прямолинейными или криволинейными. В первом случае путь представляет собой ломаную линию, во втором кривую. Для задания параметров кривой, выходящей из опорной точки, используются направляющие, в простонародье часто называемые усами. Направление уса задает касательную к дуге на выходе из опорной точки, а длина уса степень ее кривизны.

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

На рисунке приведены примеры, иллюстрирующие описанное выше:

1. Ломаная линия.
2. Кривая линия.
3. Зависимость угла выхода кривой из опорной точки от положения направляющей.
4. Зависимость кривизны кривой от длины направляющей.
5. Точки перегиба кривой.
6. Точки перелома кривой.

Инструменты Adobe Photoshop для работы с путями

Пути находятся на палитре Paths. Если начать строить новую кривую, когда ни один из путей не активен, кривая будет построена в автоматически создавшемся пути Work Path. Иначе кривая будет строиться в активном пути.

Обратите внимание: путь Work path может быть только один. Поэтому если вы его создадите, деактивируете и начнёте строить новую кривую, существующий Work Path будет уничтожен вместе со всеми содержащимися в нём кривыми. Вместо него Photoshop создаст новый Work Path с новым контуром.

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

Чтобы замкнуть путь, надо навести перо на первую точку пути (рядом с изображением курсора появится маленький кружок) и кликнуть на ней. Чтобы прекратить строить путь, оставив его незамкнутым, выберите инструмент Direct Selection Tool и кликните в любом месте картинки, свободном от путей. Чтобы продолжить построение ранее созданного незамкнутого пути, кликните перышком на его крайней точке.

Freeform Pen Tool практически не представляет интереса при обтравке объектов, но подойдет иллюстраторам для построения вспомогательных путей, необходимых для художественной обработки картинки. Логика работы: рисуете произвольную кривую и сразу после отпускания кнопки мыши она превращается в путь.

Add/Delete Anchor Point Tool братья-близнецы. Предназначены для добавления/удаления опорных точек. Логика работы Add Anchor Point Tool: наведите инструмент на путь в любом его месте, кликните в этом месте пути добавится опорная точка. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы форма кривой сохранилась. Логика работы Delete Anchor Point Tool: кликните по опорной точке активного в данный момент пути эта опорная точка удалится. Длина направляющих соседних опорных точек будет пересчитана таким образом, чтобы новый путь был максимально близок к исходному.

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

Convert Point Tool или галочка инструмент для работы с направляющими. Логика работы: кликните на опорную точку и, не отпуская кнопку мыши, потяните ее в сторону. Инструмент поведет себя так же, как перышко (см. выше). Кликните по опорной точке, имеющей направляющие они будут удалены. Кликните по крайней точке направляющей и, не отпуская кнопки мыши, потяните её направляющие для этой опорной точки будут развязаны, и вы сможете управлять одной из них.

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

Path Selection Tool (аналог Selection Tool в Adobe Illustrator) или черная стрелка выделяет весь путь целиком и позволяет его двигать.

Direct Selection Tool или белая стрелка инструмент для работы с отдельными элементами пути. Позволяет выделять и передвигать их. Выделение элемента возможно либо непосредственным кликом на нем (для выделения дополнительных элементов кликните по ним, держа нажатой клавишу Shift), либо выделением области нажмите на кнопку мыши и, не отпуская, потяните курсор в сторону. После выделения нужной области отпустите кнопку мыши. Все элементы путей, попавшие в эту область, будут выделены.

Особенности работы:

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

Есть еще группа инструментов для построения путей стандартных форм: прямоугольники, эллипсы и т.д., но они подходят для обтравки еще меньше, чем Freeform Pen Tool, и интереса для нас не представляют.

Учитесь работать быстро

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

Немного истории.

Первая мышь была изобретена Дугласом Энгельбартом в Стэндфордском университете. Она имела одну кнопку. Это было в 1962 году. А в 1968 году он же продемонстрировал мышь с трёмя кнопками. По его словам, он хотел сделать пятикнопочную мышь. Дальше мышью занималась компания Xerox. В начале 70-х она стала комплектовать ею один из своих компьютеров. После приобретения у Xerox лицензии на использование оконного интерфейса (да-да, форточки придумала Xerox) перед Apple встал вопрос: сколько кнопок делать на мыши?

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

Вопрос расширения функциональности был решен красиво задействовали простаивающую руку. Под левую руку на клавиатуре поместили четыре клавиши (Command, Option, Control и Shift). Зажав их в различных комбинациях, оператор изменял функциональное назначение единственной кнопки мыши. В результате появилась мышь с 16 виртуальными кнопками. Можно сколько угодно смеяться над ретроградами из фруктовой компании, которые долго отказывались добавлять вторую кнопку, и доказывать удобство вызова контекстного меню правой кнопкой мыши без привлечения второй руки. Но иметь до шестнадцати инструментов, подвешенных на одной кнопке, в работе гораздо удобнее, чем одно контекстное меню. Разработчики программного обеспечения, сотрудничавшие с Apple (в том числе и Adobe), активно использовали эту идею в своих программных продуктах. Вместе с их адаптированными версиями она пришла и на платформу Windows.

Хотите работать с путями быстро забудьте обо всех инструментах, кроме пера! Не надо переключаться между ними. При нажатии комбинации управляющих клавиш перо может временно (пока нажаты клавиши) переключаться во все эти инструменты. Я приведу список для Mac’а, потренируйтесь, и вы найдете эквивалентные сокращения на PC (Mac Cmd соответствует PC Ctrl):

• Pen Tool + Cmd = Direct Selection Tool.
• Pen Tool + Alt = Convert Point Tool.
• Pen Tool + навести курсор на отрезок активного пути = Add Anchor Point Tool.
• Pen Tool + навести курсор на не концевую опорную точку активного пути = Delete Anchor Point Tool.
• Pen Tool + Ctrl = Выпадает меню из палитры Path.
• Pen Tool + Cmd+Alt+ однократный клик мыши на пути = Path Selection Tool выделяет данный путь целиком.
• Pen Tool + Cmd+Alt + клик мышью на путь и движение мыши, не отпуская кнопку = Direct Selection Tool с дублированием: выделяет данный путь и копирует его на новое место.

И еще одно очень важное клавиатурное сокращение. Если у вас выбран любой инструмент, кроме инструментов работы с текстом непосредственно в момент его редактирования, нажатие на пробел превращает его в лапу (Hand Tool). Таким образом, вы можете оперативно двигать перед собой область редактирования, не используя инструменты изменения масштаба изображения и прокрутки экрана.

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

1. Ставим первую точку пути и, не отпуская кнопку мыши, вытягиваем из нее направляющую с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

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

3а. Если это точка перегиба, отпускаем кнопку мыши и, зажав Cmd (временно получив таким образом Direct Selection Tool), исправляем длину передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

3б. Если это точка перелома, не отпуская кнопку мыши и зажав Alt (см. логику работы Pen Tool), исправляем длину и направление передней направляющей последней опорной точки с таким расчетом, чтобы после постановки следующей опорной точки образовавшийся криволинейный отрезок пути повторил контур объекта.

4. Повторяем шаги 2-3, пока путь не будет построен.

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

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

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

Сколько ставить точек, или Чем хороший путь отличается от плохого

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

Чтобы проще было в этом разобраться, посмотрите на рисунок:

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

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

Как я уже говорил, вся работа делается на лету: наметили примитив, сразу его построили, намечаем следующий. Чтобы не попадать в ситуации не знаю, куда теперь поставить следующую точку, каждый раз намечая текущий отрезок, прикиньте на 1-2 отрезка вперед. Попробуйте понаблюдать за изменением формы примитива, двигая направляющие, и прочувствовать ее. Это позволит вам понять, какие участки контура можно отобразить с помощью одного примитива, а какие нельзя, и, следовательно, придется разбивать на более короткие отрезки. Еще это сильно поможет с построением направляющей из первой точки отрезка (пункт 3а-3б в последовательности построения пути), ведь ее придется выставлять, еще не видя самого отрезка.

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

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

Многовариантность построений или, Чей путь лучше?

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

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

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

Несколько размышлений о практической работе с путями

Про точки перегиба и точки перелома.

Точки перегиба (имеющие связанные направляющие) вам будут попадаться постоянно, точки перелома изредка, и перед тем как их поставить, вы должны четко определиться: Да, это именно точка перелома, и я ставлю ее совершенно осознанно. Лишние точки перелома создают отталкивающее ощущение будто картинка вырезана ножницами.

Точки перелома можно разделить на внутренние (когда угол, задаваемый контуром, направлен внутрь изображения) и внешние (когда угол, задаваемый контуром, выступает из изображения). Внутренние встречаются достаточно часто. Например, на пересечении объектов: столб на фоне горизонта; карандаш в руке; нога, закинутая на ногу; линейка, лежащая на краю листа, все эти объекты дадут на пересечении внутренние точки перелома.

С внешними ситуация обстоит гораздо сложнее. Они возникают, только если объект имеет ОЧЕНЬ острую кромку. Природе свойственна плавность линий, поэтому на природных объектах внешние точки перелома возможны только на защитных органах растений и животных и сколах хрупких материалов. Над вещами, созданными человеком, довлеют два фактора: несовершенство обработки и материалов, безопасность применения предметов. Поэтому на рукотворных объектах внешние точки перелома возникают или на режущих кромках (инструменты, оружие) или на достаточно плотных материалах после механической обработки (свежеобрезанный лист бумаги, обработанная на металлорежущем станке металлическая заготовка и т.д.).

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

Про длину направляющих

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

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

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

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

По опыту работы могу порекомендовать делать каждую такую направляющую 20-40%% от длины отрезка (см. правый рисунок). Точное понимание необходимой длины придет со временем.

Про скруглённые углы

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

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

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

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

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

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

Про прямые

Человек устроен так, что получает информацию с помощью глаз, а воспринимает с помощью мозга. Что из этого следует? Мы воспринимаем картинку не объективно, такой, как она есть в реальности, а субъективно додумывая некоторые вещи на основе наших знаний и опыта. Мы знаем, что: линия горизонта прямая; веревка, на которой подвешен груз (отвес) прямая; угол дома прямая; и т.д. Глядя на фотографию, мы воспринимаем все эти объекты как прямые линии… пока дело не доходит до обтравки.

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

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

• Линия, воспринимаемая нами как прямая.
• Попытка аппроксимировать ее математически заданной прямой.
• Решение вопроса кривизны.

Поставьте в центре отрезка пути дополнительную опорную точку, растяните направляющие в соответствии с общим правилом 20-40%%, позиционируя среднюю точку и ее направляющие, посадите путь на контур объекта.

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

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

Про отклонение обтравочного пути от реального контура объекта. Техническая сторона вопроса.

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

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

Из личной практики:

• Никогда не травите объект при масштабе изображения на экране 100% и меньше. Или получится неаккуратно, или потеряете много времени на попытки посадить точки пути на контур.
• Оптимальный масштаб изображения на экране при обтравке объектов без мелкой детализации, снятых крупным планом 200%.
• Объекты с мелкой детализацией или снятые средним планом 300%.
• Очень детализированные объекты (или стоит задача сделать очень реалистично) 400%.
• В дальнейшем увеличении смысла нет, так как все равно никто это не рассмотрит.

Про степень детализации при обтравке. Художественная сторона вопроса.

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

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

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

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

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

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

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

Редактирование путей

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

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

Во-вторых, редактировать пути можно стандартными средствами Photoshop. Когда путь активен, меню Edit \ Transform превращается в Edit \ Transform Path. Таким образом, к пути можно применять все стандартные трансформации, аналогичные трансформациям изображения.

Важно помнить:

• если на палитре Paths выделен путь, но ни один из его контуров не активен (не выделен при помощи инструментов Path Selection Tool или Direct Selection Tool) трансформироваться будут все контуры пути;
• если выделена только часть контуров или их отдельные элементы трансформироваться будут только эти контура или элементы.

В-третьих, путь можно править с помощью Adobe Illustrator. Остановимся на этом способе поподробнее.

Построив путь, дайте команду File \ Export Paths to Illustrator. В дополнительном меню вы можете выбрать, какой из путей, находящихся на палитре Paths, вы хотите экспортировать, либо экспортировать все пути одновременно. В результате выполнения этой команды, вы получите файл ***.AI, который сможете открыть в Illustrator.

После открытия в Illustrator переключитесь в режим отображения View \ Outline и вы увидите ваш путь и четыре пары нарисованных под прямым углом друг к другу черточек. Это метки реза, они задают границы исходной картинки. Дайте команду Object \ Crop Area \ Release вместо меток реза на экране появится прямоугольник, соответствующий границам исходной картинки. Ни в коем случае не удаляйте его и не сдвигайте относительно него экспортированные пути после всех необходимых преобразований путей он позволит вам быстро и безболезненно вернуть их в исходную картинку, избежав проблем с позиционированием.

Когда вы будете готовы вернуть пути обратно в Photoshop, просто выделите их вместе с задающим формат прямоугольником, скопируйте (Copy) и вставьте (Paste) в Photoshop. В появившемся меню Paste выберите опцию Path. Ваш путь, скопированный из Illustrator, будет вставлен в активный в данный момент путь на палитре Paths, или, если ни один из путей в данный момент не активен в созданный заново путь Work Path (не забудьте, что такой путь может быть только один, и, если он уже был в вашем файле, старый путь Work Path будет уничтожен вместе со всем содержимым).

Важно!!! Обратите внимание. При любых операциях вставки (Paste) Photoshop позиционирует центр вставляемого объекта по центру видимой на экране области изображения. Поэтому, чтобы путь встал на прежнее место, необходимо, чтобы на экране была видна вся картинка. Проще говоря, перед тем, как вставлять путь, дайте команду View \ Fit on Screen (Cmd+0). Прямоугольник, соответствующий границам картинки, отцентрируется по этим же границам, а вместе с ним на свое место встанут все пути. В конце всех операций не забудьте удалить этот прямоугольник.

Теперь вернемся к главному вопросу: ради чего мы городили весь этот огород и что же можно делать с путями в Adobe Illustrator? Возможности обработки кривых в Illustrator гораздо богаче, чем аналогичные возможности в Photoshop, что вполне естественно для специализированной программы. Вы можете воспользоваться любыми из них. Какими конкретно зависит только от стоящей перед вами задачи и вашего воображения. Чтобы подтолкнуть его, приведу несколько примеров.

Пример 1. Равномерное раздувание пути наружу или заваливание его внутрь.

В полиграфии существует такое понятие: вылет. Если изображение стоит в край обрезного (или, что аналогично, вырубного) формата, оно должно продолжаться за линией реза (высечки) на некоторое расстояние (обычно 2-5 мм). Делается это для того, чтобы при отклонении ножа (штампа) от заданной линии реза (высечки) а такое отклонение бывает всегда из-за погрешностей оборудования у картинки не образовалась по краю белая полоса.

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

Экспортирую контур высечки в Illustrator, выделяю его, даю команду Object \ Path \ Offset Path, в поле Offset появившегося меню задаю 2 mm, удаляю исходный путь, новый путь перебрасываю в Photoshop. Задача решена.

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

При разрешении картинки 300 dpi один пиксель имеет размер 25,4 мм / 300 = 0,09 мм. Производим все операции, описанные выше, только в поле Offset вводим значение -0,09 mm (-0,18 mm если надо сдвинуть путь на 2 пикселя). Задача решена.

Пример 2. Пересекающиеся друг с другом и самопересекающийся пути.

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

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

Выделю кривые, соответствующие внутренним контурам, и вытащу их наверх командой Object \ Arrange \ Bring to Front. Дальнейшие манипуляции будут происходить на палитре Pathfinder: для каждого кольца я выделю оба контура (внутренний и внешний) и дам команду Subtract from shape Area (не забывая зажать при этом Alt). Затем выделю обе получившиеся фигуры и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Вам кажется, что это слишком сложный путь для обтравки обручальных колец? Хорошо, подождем, пока вам не придется контурить олимпийские (надеюсь, все помнят, как выглядит эмблема олимпийского движения).

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

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

В результате получается контур с множественными самопересечениями, следующая задача избавиться от них. Для этого: экспортирую путь в Illustrator, выделю его и дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

Пример 3. Контурение объектов постоянной ширины.

Рассмотрим фотографию той же самой веревки. Если она сделана в лоб (то есть перспективные искажения малы) и имеет практически постоянную ширину, можно поступить еще проще. Вместо того, чтобы контурить обе ее границы, я просто построю осевую линию (кривую, проходящую по центру веревки), измерю ширину веревки (пусть она будет равна X мм) экспортирую путь в Illustrator, выделю его, на палитре Stroke задам параметр Weight равным X mm, дам команду Object \ Path \ Outline Stroke (или Object \ Expand), дам команду Add to shape Area (не забывая зажать при этом Alt). Верну путь в Photoshop. Задача решена.

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

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

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

Что можно делать при помощи путей

Было бы серьезным упущением рассказать, как строить путь, и обойти стороной вопрос: А ради чего мы все это делали? Давайте, наконец, поговорим о том, для чего же нужны пути и что можно делать с их помощью.

Clipping Path

Начнем с их первородной, но в наше время отошедшей на задний план, задачи: команды Clipping Path.

Я не знаю, была ли такая команда (да и сами пути) в версии Photoshop 2, но в Photoshop 3.0, с которой я начинал свою работу, она была точно. В те суровые времена машина, имевшая оперативную память в 64 мегабайта, уже считалась графической станцией. На моей Quadr’е стояло 48, при этом она ещё и выступала в роли принт-сервера на весь пре-пресс. А 128 или даже 256 мегабайт были пределом мечтаний большинства цветокорректоров и ретушеров. Операторы серьезно задумывались перед созданием в файле каждого нового слоя, вопрос выбора между разрешением 250 и 300 dpi был актуальным всегда, а фильтр Gaussian Blur на формате А4 мог обрабатываться по несколько минут.

В таких условиях не могло быть и речи о больших (размером в полосу или разворот) коллажах, а ставить вырезанные картинки поверх фона все равно хотелось. Вот здесь и приходили на помощь пути и команда Clipping Path. Что же это такое?

CLIPPING PATH это атрибут, присваиваемый одному из путей. Означает он следующее: программа (например Adobe Illustrator, Quark XPress и т.д.), понимающая язык PostScript, при подстановке картинки, содержащей путь с таким атрибутом и сохраненной в формате Photoshop EPS (ОБЯЗАТЕЛЬНО!), воспринимает его как команду вырезать картинку по контуру этого пути. Сделайте картинку с Clipping Path, сохраните ее, например, в EPS, TIF и JPG, подставьте все три картинки в документ Illustrator (FilePlace) и вы увидите, как это выглядит. Картинки, сохраненные в TIF и JPG, будут отображаться целиком, а сохраненная в EPS обрезана по контуру пути.

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

После появления PostScript Level 3, поддерживающего прозрачность, появилась возможность вставлять в верстку картинки с плавно размытыми краями. Да и возросшие мощности компьютеров позволили делать коллажи только в Photoshop, и Clipping Path тихо отошел на задний план.

Vector Mask

Второй (и, по-моему, последней) возможностью непосредственного применения путей в Photoshop’е является Векторная маска. Может применяться как к отдельным слоям, так и к группам слоев. Она оставляет часть изображения, содержащуюся внутри контура пути, остальное маскирует. Возможны другие варианты маскирования в зависимости от настроек пути. Имеет те же минусы, что и Clipping Path: жесткая, выглядящая очень ненатурально обрезка по контуру. Вследствие этого чаще всего применяется или дизайнерами при изготовлении макетов в Photoshop’е (когда такая обрезка задумана), или во вспомогательно-технологических целях (например: при создании коллажа нижний объект выглядывает из-под верхнего в ненадлежащем месте, этот кусок удобно отрезать при помощи векторной маски, тем самым сохранив само изображение, которое может пригодиться в ходе работы).

Vector Mask может применяться совместно с Layer Mask. Чтобы создать векторную маску, на палитре Layers выберите слой (или группу слоев), к которым вы хотите ее применить, на палитре Paths выберите путь, который должен послужить основой для векторной маски, и дайте команду Layers \ Vector Mask \ Current Path.

Stroke Path

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

От друзей, учившихся в МГТУ имени Баумана, я слышал историю о профессоре начертательной геометрии. Это был человек в преклонном возрасте, вследствие чего у него постоянно тряслись руки… пока он не брал карандаш. А потом он начинал наносить на чертеж штриховку без линейки, от руки, каждую линию он рисовал в одно движение, причем линии получались будто вычерченные по линейке, шли с интервалом по ГОСТу, начинались и заканчивались точно на контуре детали. И делал он это с такой скоростью, с какой хороший картежник сдает карты. Если вы не принадлежите к числу таких людей с железной рукой, команда Stroke Path будет вам верным помощником. Для развития творческого подхода укажу еще один возможный путь ее применения. Перейдите в режим быстрой маски и поэкспериментируйте в ней. Возможности по формированию выделений ограничиваются только вашей фантазией.

Make Selection

Я специально оставил рассказ об этом способе применения путей напоследок, так как считаю, что это самый серьезный ресурс для их использования. Механизм работы этой команды очень прост: строите путь, нажимаете стрелку в правом верхнем углу палитры Paths, в выпадающем меню выбираете команду Make Selection, в дополнительно появляющемся меню задаете степень размытия границы Feather Radius (я всегда держу этот параметр равным 0, а потом отдельно размываю границу селекции на нужную величину) и сглаживание Anti-aliased (обязательно поставьте эту галочку!). Выделение готово.

Если один или несколько контуров в пути, с которым вы работаете, активны выделение будет сформировано только для них. Если ни один из контуров не активен выделение будет сформировано для всех контуров пути. В зонах, окруженных несколькими путями, область будет выделена в соответствии с их настройками на палитре Options инструмента Pen Tool. Можно сделать выделение, просто кликнув по соответствующему пути на палитре Paths при нажатой клавише Ctrl (для Mac’a). Я лично так и делаю экономит время. Поэтому и держу Feather Radius равным нулю.

Даже если бы с помощью путей нельзя было делать ничего, кроме выделений, их стоило бы придумать. Да простят меня любители данных инструментов, но я считаю, что Magnetic Lasso, Magic Wand и подобные им, чудо какие замечательные и так облегчающие жизнь, годятся только для изготовления превью и набросков или при газетном подходе (работы много, времени мало, качество не имеет значения). Это мое личное мнение, основанное на моем опыте работы, и я никого не призываю соглашаться с ним или спорить со мной. Имея достаточно примитивные алгоритмы работы и минимальное количество настроек, они позволяют добиться хоть какого-то качества выделения, только если изображение обеспечивает им очень тепличные условия работы. Для получения действительно качественного выделения необходима ручная обтравка.

При построении выделения пути имеют явные преимущества и перед инструментом Lasso. С их помощью ломаные линии строятся как минимум не медленнее, а кривые гораздо быстрее и, что особенно важно, гораздо аккуратнее, чем с помощью Lasso. Дополнительными аргументами в пользу путей являются: возможность легко редактировать путь для изменения зоны выделения и малый размер, занимаемый путем в файле при его сохранении (по сравнению с сохранением селекции в альфа-канале).

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

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

Как сделать изолят

Здесь описана последовательность операций, которую я произвожу для изоляции (вырезания) объекта. Возможно, она пригодится вам в работе или вы возьмете себе на вооружение отдельные приемы из нее. Итак, чтобы вырезать объект, я:

1. Дублирую слой Background и всю работу с объектом произвожу на отдельном слое. Не удаляю ничего из картинки вплоть до отдачи файла в дальнейшую работу. Вместо этого использую Layer Mask. Всегда есть возможность откатиться и вернуть удаленную часть изображения.
2. Сначала все явные границы, то есть, все, кроме волос и прочих лохматостей, обтравливаю путем. При этом сглаживаю границы объекта, если нужно, убирая явные дефекты модели или композиции, но не заваливаю путь внутрь относительно контура картинки.
3. Когда путь готов, делаю из него выделение с параметром Feather=0. Далее команда Select \ Modify \ Contract с параметром Contract By в 1 пиксель (для больших картинок бывает 2, редко и для очень больших картинок 3). Таким образом, выделение заваливается внутрь контура изображения равномерно.

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

4. Даю размывку границ выделения Select \ Modify \ Feather с тем же значением параметра, как и на предыдущем шаге.

   Примечание: иногда бывает полезно дать размытие меньше, чем сжатие выделения, например: Contract=2, Feather=1, но это нужно смотреть по конкретной картинке.
    

5. Делаю маску слоя по существующему выделению Layer \ Layer Mask \ Reveal Selection. Если в отдельных местах результат не устраивает можно поправить вручную, рисуя кисточкой прямо в маске или откорректировать путь и повторить шаги 3-4.
6. Когда на картинке присутствуют волосы строя путь, оставляю вокруг них поле и формирую область выделения волос (а точнее область выделения поля, оставшегося вокруг волос) отдельным способом. Способов таких достаточно много, но это тема отдельного разговора.
7. Перед тем, как отдать файл в дальнейшую работу, даю команду Layer \ Layer Mask \ Apply.

Андрей Журавлёв
Апрель 2008 г.
Первоисточник:
http://www.microstock.ru/articles/72.html
Редакция — сентябрь 2009 г.

 

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

 

Панель Палитра

Панель Палитра

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

Чтобы показать / спрятать панель Палитра

1. Выберите Вид >Палитра из главного меню.

По умолчанию она прикреплена к левому краю окна приложения.

Панель Палитра

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

В панели Палитра вы можете найти любой графический элемент AnyLogic и добавить его на диаграмму типа агента или эксперимента.

Чтобы добавить элемент на диаграмму типа агента или эксперимента

1. Перетащите элемент из панели Палитра в графический редактор.

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

Панель Палитра состоит из нескольких палитр, каждая из которых содержит элементы, относящиеся к определенной задаче, а также может отображать палитры сторонних библиотек AnyLogic, подключенных пользователем.

Чтобы выбрать определенную палитру

1. Наведите указатель мыши на вертикальную навигационную панель слева от панели Палитра и щелкните мышью по иконке нужной вам палитры.

2. Вы можете подождать, пока появится всплывающее окно с названиями палитр:

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

При необходимости вы можете закрывать редко используемые вами в работе палитры (в том числе и палитры библиотек). Впоследствии вы можете вновь открыть ранее закрытую палитру.

Чтобы открыть/закрыть палитру

1. Щелкните мышью по кнопке , расположенной внизу панели Палитра.

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

Чтобы добавить/удалить библиотеку

1. Щелкните мышью по кнопке , расположенной внизу панели Палитра.
2. Под списком всех доступных палитр выберите опцию Управление библиотеками.
3. Откроется окно Библиотеки. Щелкните по библиотеке в списке, чтобы выделить ее, и затем щелкните кнопку Удалить справа от списка, чтобы удалить библиотеку из панели Палитра.
4. Щелкните кнопку Добавить, чтобы выбрать файл библиотеки, которую вы хотите открыть в панели Палитра.
5. Нажмите кнопку ОК, чтобы сохранить изменения. Чтобы закрыть окно без изменений, щелкните Отменить.
6. Библиотека будет открыта в панели и автоматически выбрана.
   

Добавление элементов палитры на диаграмму

Элементы модели добавляются на графическую диаграмму типа агентов (или эксперимента) одним и тем же способом — перетаскиванием из панели Палитра.

Чтобы добавить элемент из палитры на диаграмму

1. Перетащите элемент из соответствующей закладки панели Палитра в то место графической диаграммы типа агентов (или эксперимента), куда вы хотите его поместить.

Режим рисования

Некоторые элементы (рядом с которыми в палитре отображается значок ) поддерживают альтернативный способ добавления элементов на диаграмму - режим рисования.

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

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

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

Состояние, Скругленный прямоугольник, Овал, Линия

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

Соединитель, Переход, Ломаная, Кривая

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

Давайте продемонстрируем разницу этих двух способов на примере рисования прямоугольника:

Чтобы нарисовать прямоугольник предустановленной формы

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

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

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

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

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

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

   
   

Настройка внешнего вида палитры

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

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

Чтобы изменить способ отображения элементов палитры

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

Список	Маленькие значки	Крупные значки

• Маленькие значки — В этом режиме элементы палитры отображаются маленькими значками, упорядоченно расположенными по всей области палитры.
• Крупные значки — В этом режиме элементы отображаются увеличенными значками, упорядоченно расположенными по всей области палитры. Этот режим обычно используется в тех случаях, когда пользователь выбирает элементы палитры, ориентируясь на их изображения, и ему удобнее когда они отображаются крупными значками.
• Список - В этом режиме элементы располагаются списком, в одну вертикальную колонку. Этот режим удобно использовать, если у элементов слишком длинные имена, и они не помещаются в отведенное им место в других режимах отображения; а также тогда, когда панель Палитра занимает вытянутую вертикально область — в этом случае этот режим наиболее экономно использует пространство панели.

Настройки отображения элементов палитры задаются отдельно для каждой палитры. Поэтому вы можете использовать разные режимы отображения для разных палитр, например, использовать в палитрах стандартных изображений Картинки и 3D Объекты режим Крупные значки, а в остальных — режим Список.

Поиск по палитре

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

Чтобы найти элемент палитры

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

3. Найдя нужный вам элемент, добавьте его на диаграмму и закройте строку поиска, щелкнув по кнопке справа от поля Найти:

4. Тем самым вы вернете панель Палитра в обычное состояние.

Если имя элемента состоит из нескольких слов, то вы можете вводить начальные буквы любого из этих слов (как на приведенном примере — по запросу функция выводится также и Табличная функция). Это может быть удобно, например, для нахождения объектов Пешеходной библиотеки — имена всех этих объектов начинаются со слова Ped. Вы же можете вводить сразу значимое имя объекта, например, для поиска Ped Ground можно ввести просто Ground.

---

См. также

Работа с панелями

4 цветов палитры контура водонепроницаемый Contour палитра природных Contour макияж

 4 цветовпалитрыконтура водонепроницаемыйContour палитраприродныхContour макияж

описаниепродукта

ПунктНазвание	4 цветовпалитрыконтура водонепроницаемыйContour палитраприродныхContour макияж
Дляпользователя	Всехлюдей
Цвета	2 цветов
Размер	15.4*10,2*1.1CM
Вес	0.112кг
Емкость	144000ПК/месяц
Пакетсогласноспецификации	60pcs/CTN
срокпоставки	Втечение3 днейпослеоплаты
Выплаты	TT,Wester союз, деньгиграмм,Alipay,etc
Поставки	DHL,FEDEX,TNT,EMS,ИБП,своздуха, наморе,etc

Detials

Упаковкаидоставка
срокпоставки:впределах3-7 днейпослеоплаты
Поставка:DHL, fedex, TNT, EMS, UPS, повоздухуипоморюит.д.

Частозадаваемыевопросы
Q1.Можнолистатьдистрибьюторомвашейторговоймарки?

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

Q2.ВыпринимаетеOEM/ODM длятого(private label)?

«Да, приветствуемOEM/ODM , мыпрофессиональныйдизайн, производство, R&D,предоставитьвамодиншаг.

Q3.ЧтотакоеминимальныйзаказиценыдляPrivate label?

A.минимальноеколичество2000ПК/color, MOQ:24000ПК,

Ценазависитотвашихпотребностей.

Обратитесьвнашотделобслуживанияклиентовдлядальнейшегообменаданными.

Q4.Чтотакоеуниверсальныйвремявыполнениязаказадлядоставкизаказа?

A.3-7 рабочихдней.

Q5.Можнопростополучитьнесколькоштуквкачествеобразцов?

Ответ:Да, мытакжерозничнаяторговлянаAliexpress , вкоторомвыможетеприобрестив.Свяжитесьснамиимыпоможемвамвнашмагазинрозничнойторговли.

Информацияокомпании
УнасестьпрофессиональныекосметическиесредстваназаводевгородеГуанчжоуКитай.

Мы13 летопытпроектирования, производстваисбыта.

Мыобращаемособоевниманиенакосметикуипостоянностремитьсякповышениюкачествапродукциииповышенияэффективностипроизводства.

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

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

Обратитевниманиенанашемсайте, нашпродуктбудетпостояннообновляться.

Мытакжеприведеткобновлениюпродуктовдлянашихклиентоврекомендацииитребования.

Такчтоеслиувасестьпредложенияилиидеи, пожалуйстасвяжитесьснами.

 

НашисобственныеторговыемаркиVERONNI главнымобразомсосредоточенана:

Губнаяпомада, Lipgloss, Eyeshadow, БлестящиецветныелакиEyeshadow, брови, Eyeliner, Concealer, Фонд,  

Жидкиймаркера, ослаблениепорошок, Блестящиецветныелакитенейпорошок, щеткадлямакияжа, косметическийСлоеныепирожкиитакдалее.
 

Болеетого, стем OEM/ODM (private label).Простосообщитенам, чтовыхотитеичтовыдумаете, мыпостараемсявнашихсилахсделатьвашбренд.

Наш сайт

Http://hyqcompany.En.Made-in-china.Com

Рисунок на керамике

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

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

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

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

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

К таким универсальным краскам относятся акриловые краски Таир, Marabu, Ferrario Apa Color и Vetro Color. У них большой выбор цветов, различная плотность покрытия и удобный объем фасовки. Кроме того, краски не требуют тепловой обработки и не боятся воды и трения.

Краски «Декола» от Невской Палитры — оптимальный вариант по соотношению цены и качества. Цвета яркие и красивые, а консистенция краски достаточно густая, что не стекать с округлой поверхности при нанесении рисунка. «Декола» отлично подойдет для начинающих декораторов.

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

Для рисования акриловыми красками подходят синтетические кисти. Выбор кистей зависит от задуманного вами рисунка, но обычно выбирают плоские кисти среднего размера (до №4 или 5) для самой росписи и тонкие (№00, №0 и №1) для контуров рисунка и штрихов.

Очень удобны в работе акриловые контуры. Это та же акриловая краска, только в тюбиках с тонким носиком, c их помощью легко нанести ажурный узор или точечный рисунок point-to-point, прорисовать детали, сделать изящную надпись на керамике и стекле. Контуры выпускают к своим краскам многие производители: Невская Палитра, Таир, Marabu и др.

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

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

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

Маркеры для керамики имеют разные наконечники, что позволяет выбирать толщину линий для рисунка. Так, маркер Pen Twin Tip японской марки Pentel – двусторонний. Вы получаете сразу два в одном: ультратонкий наконечник 0,6 мм и широкий 3,5 мм. Можно выбрать маркеры поштучно, а можно приобрети сразу набор. Так, например, набор перманентных маркеров Sakura Pen-Touch, подходящих не только для керамики, но и для любых других поверхностей, включают 6 основных цветов. Или маркеры JOVI с чернилами золотого и серебряного цветов, которые будут очень эффектно смотреться на темном фоне.

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

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

Праздничности добавят рисунку блёстки и глиттеры. В магазине Samokraska.ru выбор блёсток на любой вкус: Rayher-Glitter в удобных флакончиках, блёстки Decola от Невской Палитры, набор цветных блесток Аква-Колор, неоновый гель с блёстками ЛУЧ.

Закрепить готовую работу можно с помощью специальных лаков. Это придаст краскам устойчивость, а рисунку оформленный, законченный вид. С глянцевым лаком рисунок будет идеально гладким, притягивающим взгляд легким блеском. Краски на нем выглядят ярче, а лучи солнца, попадая на такую поверхность, придадут дополнительное сияние. А с помощью матового лака для стекла и керамики, например, «Vetro Color», краски сохраняют прочность и цвет, не привлекая при этом дополнительным блеском.

Общая схема росписи керамики:

1. Сначала обезжирить поверхность при помощи ватного диска, смочив его в спирте или ацетоне;
2. Закрепить на керамике трафарет или перенести контурный рисунок на поверхность через копировальную бумагу, или просто нарисовать самому;
3. На пористую поверхность при необходимости нанести грунт. Раскрасить общий фон и большие детали рисунка.

Если используете жидкие краски, то сначала прорисуйте объемные контуры, подсушите и после наносите краску;

4. Нарисуйте небольшие детали кистью, маркером или контуром;
5. В зависимости от типа красок (читайте инструкцию на упаковке!) нагреть изделие в духовке до температуры 140-180 градусов в течение 10 минут. Если запекание краскам не требуется, то дайте изделию высохнуть в течение суток;
6. Покрыть изделие акриловым лаком для закрепления рисунка.

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

 Согласитесь, всегда приятно любоваться собственным творчеством.

 

Посетители этой страницы чаще всего выбирают в интернет-магазине:

‎App Store: Раскраска для меня

Окунитесь с головой в волшебный мир раскрашивания вместе с «Раскраской для меня» — идеальным приложением для тех, кто хочет расслабиться и раскрыть свой творческий потенциал. Раскрасьте свой день яркими красками и снимите стресс!

Приложение «Раскраска для меня» — это:
— Магические мандалы: используйте свою фантазию и создавайте замысловатые узоры прямо на экране;
— Функция «Раскрашивайте с помощью фото»: попробуйте новый способ раскрашивания – накладывайте фото, сделанное в реальном времени или выбранное из альбома, на нераскрашенные ячейки картинки и создавайте неповторимые шедевры в несколько касаний;
— 20+ категорий уникальных раскрасок от иллюстраторов с постоянным обновлением контента;
— Лента «Вдохновение»: просматривайте замечательные работы пользователей арт-сообщества со всего мира и публикуйте свои, чтобы вдохновлять других;
— Ваши собственные картинки в приложении: сфотографируйте или загрузите из вашей Фотопленки раскраску (или любой контурный рисунок), приложение распознает контуры, и вы сможете раскрасить ее прямо на вашем устройстве;
— 30+ палитр (сплошной цвет и градиент): выберите подходящую палитру и заполните свой рисунок красивыми цветами, от приглушенных до ярких;
— Персонализированные палитры: создавайте собственные палитры, сочетая любимые цвета;
— Различные инструменты для раскрашивания: воспользуйтесь заливкой, если хотите раскрасить быстро и просто, или маркерами и карандашами — и раскрашивайте так, как если бы раскрашивали картинку на бумаге;
— Коллекция расслабляющих звуков;
— Эффекты постобработки: добавляйте эффект виньетки, изменяйте контур, применяйте текстуры и фильтры;
— Поддержка Apple Pencil: наслаждайтесь простым и понятным процессом раскрашивания на совершенном экране iPad Pro.

Скачайте Премиум версию приложения «Раскраска для меня»- еженедельная подписка вместе с 7-дневной бесплатным пробным периодом за $7,99 USD;

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

Данная цена эквивалентна соответствующей цене в другой валюте, определенной в ценовой матрице Apple’s App Store Matrix.
* Стоимость подписки запишется на ваш аккаунт в iTunes в момент подтверждения вашей покупки и в дальнейшем будет записываться на него при каждом возобновлении срока действия регистрации. Подписка с бесплатным пробным периодом будет обновлена автоматически и перейдет в платную подписку. Вы можете отменить свою подписку с бесплатным пробным периодом как минимум за 24 часа до истечения бесплатного периода. Изменения вступят в силу в день после окончания текущей подписки, и вам будут предоставлены функции бесплатной версии.
* Обратите внимание: неиспользованное время бесплатной подписки (если предложено) будет утрачено, если вы приобретете премиум подписку в течение пробного бесплатного периода.

Чтобы получить полный доступ ко всем функциям приложения «Раскраска для меня», предоставьте доступ к следующим разделам:
* Уведомления — чтобы информировать о новых или специальных картинках в приложении.
* Фото — чтобы импортировать ваши фотографии для раскрашивания и сохранения готовых работ.
* Камера — чтобы делать снимки и добавлять их в приложение для раскрашивания.

Политика конфиденциальности: http://www.apalon.com/privacy_policy.html
EULA: http://www.apalon.com/terms_of_use.html
AdChoices: http://www.apalon.com/privacy_policy.html#4

Иллюстрированный самоучитель по Adobe Photoshop 7 › Работа с Web и программирование Imageready › Создание специальной палитры в программе ImageReady [страница — 523] | Самоучители по графическим программам

Создание специальной палитры в программе ImageReady

Создание специальной палитры в программе ImageReady для изображений в режиме Indexed Color.

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

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

1. Если ранее была создана специальная палитра, то очистите ее, выполнив команды меню Image › Master Palette › Clear Master Palette (Изображение › Специальная палитра › Очистить специальную палитру).
2. Откройте изображение, цвета которого будут использованы при создании специальной палитры.
3. Выполните команды Image › Master Palette › Add to Master Palette (Изображение › Специальная палитра › Добавить в специальную палитру) – см. рис. 23.6.
4. Повторите шаги 2-3, чтобы добавить в специальную палитру цвета из других изображений.

   
   Рис. 23.6. Подменю Image › Master Palette

   
   Рис. 23.7. Сохранение палитры

5. Как только вы добавили все необходимые цвета, воспользуйтесь командами Image › Master Palette › Build Master Palette (Изображение › Специальная палитра › Построить специальную палитру).
6. И наконец, выполните команды Image › Master Palette › Save Master Palette (Изображение › Специальная палитра › Сохранить специальную палитру).
7. По умолчанию, новая палитра будет сохранена с расширением .act в папке Presets/Optimized Colors (рис. 23.7). Задайте имя палитры и щелкните по кнопке Save (Сохранить). Теперь можно применять эту палитру к другим изображениям.

Применение специальной палитры к другим изображениям

1. Откройте изображение в программе ImageReady.
2. На палитре Optimize (Оптимизация) выберите из всплывающего меню Color reduction algorithm (Алгоритм сокращения цветов) специальную палитру, которую следует использовать в изображении (рис. 23.8). Цвета изображения будут изменены в соответствии с палитрой. В этом можно убедиться, открыв вкладку Optimize для окна изображения.

   
   Рис. 23.8. Выбор специальной палитры в меню Color reduction algorithm

Совет
Для того чтобы воспользоваться палитрой, созданной в другом приложении, из меню палитры Color Table выберите пункт Load Color Table (Загрузить таблицу цветов). Затем откройте папку, в которой находится нужная палитра.

от черновика до игрового ассета / Хабр

→

В этой статье я постараюсь визуализировать общий подход к работе. Итак, вы решили учиться

арту

: вы скачали какое-то ПО, запустили его и увидели все эти опции, бесконечные цвета и многое другое, быстро всё закрыли, удалили программу и выбросили свой ноутбук в окно.

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

Если вам это знакомо, то данная статья как раз для вас, так что продолжайте читать.

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

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

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

Приготовьтесь к пиксель-арту

В этой статье я рассмотрю пиксель-арт. Считаете, что он давно стал клише и от него все устали?

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

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

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

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

10 этапов создания пиксель-арта

Лучший способ повышения навыка — сначала узнать правила. Позже их можно нарушить, но когда учишься чему-то новому, следование правилам даёт тебе сильный толчок вперёд.

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

Чтобы игра выглядела хорошо, ей нужен уверенный графический стиль, и если вы будете следовать моим рекомендациям, вы этого добьётесь.

Этап 1 — палитра

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

сюда

и выберите цветовую палитру.

Учтите, что количество цветов в палитрах может быть разным. Не рекомендую использовать палитры больше 32 цветов, а для начала даже 16 цветов.

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

Этап 2 — разрешение

Для начала выбирайте небольшое разрешение. Если вы новичок, то ударьтесь в ретро и создавайте спрайты размером 16×16 или 32×32, не больше.

Можно использовать и другие соотношения, например 24×32, главное, не слишком больше этого.

Этап 3 — контуры

При рисовании объекта сначала нарисуйте одним цветом, например чёрным, его контур. На этом этапе не допускаются никакие другие цвета.

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

Также проверьте, чтобы в контуре не было дыр, на данном этапе это самое важное.

Я нарисовал такого паренька с разрешением 32×32. Выглядит он ужасно.

По крайней мере, теперь вы не будете жаловаться, что я не начал с самого начала!

Этап 4 — цвета

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

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

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

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

Также на картинке видно, что цвет может использоваться в нескольких диапазонах, становясь или начальным, или конечным цветом.

Итак, я выбрал несколько цветов из палитры и раскрасил своего персонажа.

Помните, я говорил, что важно не оставлять дыр?

Этап 5 — оттенки

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

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

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

Примечание

---

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

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

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

Поэтому вот вам хитрость. В своём примере я возьму освещение, падающее справа.

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

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

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

Если по каким-то причинам этот этап кажется вам слишком сложным, то приблизьте изображение и посмотрите, как я это сделал — добавлены два дополнительных оттенка для синего, красного и бежевого цветов. Все они выбраны из палитры и нанесены с учётом правила «сверху-справа»/«слева-внизу».

Этап 6 — пропорции

Это ещё один источник неудач для начинающего художника. К счастью, пиксель-арт низкого разрешения сильно упрощает его.

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

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

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

Давайте проверим ваши собственные глаза — снова взгляните на этот ужасный спрайт и скажите, какие его части выглядят глупо.

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

Первое, что приходит в голову — похоже, что наш персонаж падает. Давайте ему поможем.

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

Давайте ещё раз взглянем на эту версию и подумаем, что теперь с ней не так?

Мне кажется, что бедный персонаж танцует, но он не должен танцевать, так что давайте это исправим.

Отлично, поза стала получше, а ещё я добавил ему штаны.

Примечание

---

Для создания поз можно использовать тысячи референсов из Интернета. Вполне может хватить даже каких-то случайных фотографий.

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

Это похоже на то, как кодеры ежедневно заходят в Google или на Stack Overflow — никого это не волнует.

Этап 7 — подчищаем блоки

Видите эти некрасивые чёрные скопления пикселей?

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

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

Иногда сам процесс редактирования даёт нам вдохновение.

Примечание

---

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

Я добавил нос и немного изменил форму головы, чтобы она лучше соответствовала носу.

Также я добавил контуры вокруг ног, чтобы они соответствовали остальным частям. Весь арт в игре должен быть целостным!

Этап 8 — подчищаем оттенки

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

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

Здесь я сделал пару действий — заменил все яркие и тёмные пиксели, которые казались неуместными, а затем изменил внешние контуры.

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

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

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

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

Если посмотреть на персонажа теперь, то ноги выглядят странно, как у кентавра. И ещё у него странное лицо — нос смотрит в одном направлении, а глаза — в другом.

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

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

Итак, я переделал многие части его головы, рук и ног. Он уже выглядит полностью иначе, немного правильнее.

Но постойте, почему у него нет ушей? И почему кажется, что его шляпа висит в воздухе, а не соединена с головой?

Мы это исправили, и теперь персонаж начал выглядеть намного профессиональнее. Посмотрите на затенение на шляпе. Понимаете ли вы, как оно работает?

В нём просто применено то же правило — свет с одной стороны, тень с другой. При правильной реализации персонаж выглядит почти трёхмерным.

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

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

Однако внешний вид затенения иногда может сильно зависеть от единственного пикселя. Это вы поймёте со временем и практикой.

Примечание

---

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

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

Этап 9 — доводка

Да, персонажа уже можно использовать, но давайте продолжим улучшать его.

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

Поэтому я сделал одну из рук и одну из ног более тёмного оттенка, всё просто.

Давайте ещё что-нибудь улучшим!

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

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

В нашем случае шарф позволяет добавить контраста для отделения волос от рубашки.

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

А затем нужны два тёмных пикселя посередине рубашки?

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

Наконец, я снова вернул контур, рисуя по пикселю за раз и избегая создания скоплений пикселей.

Рисовать контуры или нет — в основном вопрос предпочтений. Но они помогают создать контраст между персонажами и фоном.

Контур не обязан всегда быть чёрным. Вот альтернативный способ создания контура — мы смотрим на соседние с контуром пиксели и выбираем немного более тёмный оттенок.

Разумеется, я всегда использую только цвета из исходной палитры, не забывайте об этом!

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

Примечание

---

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

Выбор того или иного варианта зависит от эффекта, который нужен для вашего стиля графики.

Этап 10 — анимация

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

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

По сути, я просто выделил половину спрайта и переместил её вниз. Если вы ленивый разработчик, то вам и этого будет достаточно, но не для меня!

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

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

Этап 10 — субпиксельная анимация

Если вы добрались досюда, то уже входите на территорию более сложных задач.

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

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

Вот если бы мы могли сдвинуть их меньше, чем на пиксель, чтобы сделать движение более плавным… Но увы, пиксель — это самая маленькая величина.

Однако есть одна хитрость — вместо того, чтобы двигать пиксели, мы можем двигать цвета!

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

И этот трюк тоже зависит от вашего «взгляда художника». Активно тренируйте его, и постепенно начнёте работать всё проще и быстрее!

Заключение

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

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

Также не забудьте прочитать мою статью про pixel perfect graphics, которая тоже очень важна для создания целостного графического стиля.

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

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

---

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

• Цвет оттенка: Щелкните цветовой круг, чтобы подкрасить фотографию выбранным цветом.

• Remove bknd: Pro подписчики могут стереть фон фотографии одним щелчком мыши. (См .: Как использовать инструмент для удаления фона )

• Animate : подписчики Pro могут выбирать из множества анимационных движений для применения к изображению. (См .: Как использовать функции анимации )

• Тень и контур

  • Drop Shadow: поместите тень под изображение для создания трехмерного эффекта.

  • Внутренняя тень: поместите тень внутри вашего изображения для получения выгравированного вида.

  • Контур: Обведите изображение цветным контуром.

  • Knockout: Удаляет графику / изображение и оставляет только тени и / или контуры.

• Обрезка : изменение размера изображения.

• Стирание: Отрегулируйте настройки ластика, чтобы удалить часть фотографии.Щелкните значок «Кисть», чтобы снова закрасить стертый участок.

• Fade & blend :

• Rotate / Flip : используйте круглые стрелки, чтобы повернуть изображение, или треугольники, чтобы перевернуть его по горизонтальной или вертикальной линии.

• Заменить изображение: Заменить выбранное изображение другим, выбранным из Hub, вашего компьютера, стоковых фотографий и т. Д. Новое изображение примет любые настройки или эффекты, которые вы применили к исходному изображению.

• Круглые стрелки и треугольники: Используйте стрелки, чтобы повернуть изображение с шагом 45 градусов. Используйте значки треугольников, чтобы перевернуть изображение по горизонтали или вертикали.

• Корзина для мусора : удалите графику с холста.

Эффекты Pro

С июня 2021 года подписчики PicMonkey Pro и Business имеют доступ к 11 уникальным эффектам Pro в меню «Инструменты изображения». Используйте эти эффекты, чтобы запечатлеть модные образы в своих проектах.

Чтобы узнать больше об эффектах Pro, см .: Электрификация ваших дизайнов с помощью эффекта глюка и других модных образов

Как создать цветовую палитру из изображения?

Мы любим цвет и одержимы изображениями и профилями, которые обладают уникальной привлекательной эстетикой. Самый простой способ создать целостную эстетику для всех ваших фотографий — создать цветовую палитру из понравившегося изображения. Хотите создать для себя цветовую палитру? Просто извлеките цвета из изображения с помощью генератора цветовой палитры, подобного тому, который вы можете найти в PicsArt.Когда вы используете инструмент «Пипетка» в фоторедакторе, это настолько просто, что вы скоро задаетесь вопросом, почему вы никогда этого не делали раньше. Давайте погрузимся в то, что станет вашим новым любимым приемом для редактирования фотографий! ?

через PicsArt

Как создать цветовую палитру из изображения?

С помощью PicsArt можно легко создать цветовую палитру, основанную на основных или дополнительных цветах изображения. Создание цветовой палитры из изображения — это крутой и простой способ обеспечить единообразный внешний вид вашего онлайн-бренда, учетных записей в социальных сетях, мудбордов и многого другого! Готовы создать собственную цветовую палитру? Давай сделаем это!

Шаг 1) Откройте приложение PicsArt и коснитесь значка + внизу, чтобы загрузить изображение, которое вы хотите использовать для создания образца цвета в редакторе Editor .

Шаг 2) Прокрутите нижнюю панель инструментов и нажмите значок Draw . Находясь в Draw Tool , нажмите на значок Shape на нижней панели инструментов (он выглядит как перекрывающиеся квадрат и круг). Выберите квадратную форму (или любую другую, которая вам нравится!) И параметр «Заливка», затем нажмите галочку, чтобы продолжить.

Шаг 3) Нажмите на радугу Color Chooser в нижнем левом углу панели инструментов. Нажмите на значок «Пипетка» и перетащите курсор на часть изображения, имеющую цвет, который вы хотите выделить, затем отпустите.

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

Шаг 5) Хотите немного пофантазировать? Снова нажмите на Shape Tool , выберите опцию Stroke и сдвиньте, чтобы настроить толщину контура.Нажмите на селектор цвета и выберите белый цвет. Используйте этот шаг, чтобы создать контур вокруг всех ваших разноцветных фигур, чтобы они выделялись.

Шаг 7) Нажмите Применить , когда закончите, затем нажмите Далее в правом верхнем углу, чтобы сохранить изменения и поделиться им на PicsArt или загрузить на свой телефон, чтобы поделиться в Интернете!

Больше наглядного ученика? Изучите этот урок, чтобы узнать, как создать свою собственную цветовую палитру из изображения в приложении PicsArt.

Что такое цветовое колесо ?

Интересный факт для вашей следующей викторины! Исаак Ньютон изобрел цветовое колесо в 1666 году, объединив искусство и науку, чтобы помочь определить, какие цвета работают вместе и почему. Цветовой круг — это именно то, на что похоже. Это цветовой спектр, обведенный кругом.

Есть два типа цветовых кругов, и оба служат для разных целей. Художники обычно используют RYB или красный, желтый, синий цветовой круг.Это полезно, когда вы комбинируете цвета для рисования. Второе цветовое колесо — это цветовое колесо RGB, или колесо красного, зеленого и синего цветов. Цветовое колесо RGB предназначено для использования в Интернете, поскольку оно учитывает свет, когда речь идет о экранах компьютеров или телевизоров.

Как работает цветовое колесо ?

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

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

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

Монохроматические цвета — это три оттенка, тона и оттенка одного основного цвета. Монохромные цвета создают гармоничный, утонченный вид, который отлично подходит для дизайна и брендинга.

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

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

Тетрадические цвета похожи на триадные цвета, но вместо трех образцов их четыре. Чем больше цветов у вас в палитре, тем больше вы сможете проявить творческий подход! Просто убедитесь, что вы по-прежнему поддерживаете баланс. Мы рекомендуем выбрать один доминирующий цвет, а остальные три использовать в качестве акцентов в дизайне цветовой палитры.

Где найти генератор цветовой палитры ?

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

Какие бывают идеи цветовой палитры?

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

Пастель: Нам нравится сочетание #FFAEBC, # A0E7E5, # B4F8C8 и # FBE7C6.
via PicsArt

Все готово. Розы: Рассмотрите возможность использования различных оттенков красного и розового, например # EBA09B, # 9F514F и # 701E25.

через PicsArt

Deep Sea: Кто не любит разные оттенки синего, такие как эти: # 7EC8E3, # 0000FF, # 000C66 и # 050A30.

через PicsArt

Зеленые пастбища: Мать-природа — бесконечный источник вдохновения для таких зеленых оттенков, как # B2D2A4, # 1A4314, # 2C5E1A и # 32CD30.

через PicsArt
Поп-звезда: Жевательная резинка розового, желтого и синего цветов создает атмосферу настоящей поп-звезды 80-х и 2000-х годов. Рассмотрите возможность использования # F52EC0, # 22CAE0, # FFFF00 и # FFC5D0.

через PicsArt

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

PicsArt Фото- и видеоредактор, коллаж и Sticker Maker — крупнейшая в мире платформа для творчества с более чем 150 миллионами активных пользователей и влиятельных лиц в месяц.PicsArt сотрудничал с несколькими брендами и артистами, включая Disney, MTV, Taylor Swift, The Jonas Brothers, Gwen Stefani, Maroon 5, 30 Seconds to Mars и другими. Расширьте возможности редактирования фотографий с помощью тысяч инструментов, правок, фонов, наклеек и фильтров. Отличное начало здесь! Загрузите приложение сегодня, а обновите до PicsArt Gold , чтобы раскрыть свой творческий потенциал!

CLIP STUDIO PAINT Руководство по эксплуатации

Выбор схемы [PRO / EX]

Создает границу вокруг выбранной области.

1Создайте выделение с помощью инструмента [Выделение].

2Выберите цвет, который вы хотите использовать для края, из палитры [Цветовой круг].

3 На палитре [Слой] выберите слой, на котором вы хотите добавить контур.

4Затем выберите меню [Правка]> [Выбор контура], чтобы открыть диалоговое окно [Выбор контура].

(1) Настройте такие параметры, как [Тип границы] и [Ширина линии].

(2) Щелкните [OK].

5Контур будет добавлен вокруг выбранной области.

Диалоговое окно [Выбор контура]

(1) Тип границы

Укажите, где рисовать контур.

Розыгрыш за пределами	Вне границы выделенной области.
Рисование границы	В центре границы выделенной области.
Ничья внутри	Внутри границы выделенной области.

(2) Ширина линии

Укажите ширину контура.

Единицы измерения [Ширина линии] можно изменить в [Предпочтения]. Подробнее см. «Линейка / Единица».

(3) Тип расширения

Укажите способ обработки контура по углам выбранной области.Вы можете выбрать [Прямоугольник] или [Круглый].

[Тип расширения] недоступен для векторных слоев.

(4) Нарисуйте край холста

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

(5) Сглаживание

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

Можно выбрать [Нет], [Слабый], [Средний] или [Сильный].

Изменение заливки фигуры, контура или эффектов элементов диаграммы

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

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

   1. Щелкните диаграмму.
      Откроется панель инструментов Chart Tools с добавлением вкладок Design , Layout и Format .

   2. На вкладке Формат в группе Текущий выбор щелкните стрелку рядом с полем Элементы диаграммы , а затем щелкните элемент диаграммы, который вы хотите использовать.

2. На вкладке Format в группе Shape Styles щелкните Shape Fill .

3. Выполните одно из следующих действий:

   1. Чтобы использовать другой цвет заливки, в разделе Цвета темы или Стандартные цвета щелкните цвет, который хотите использовать.

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

   2. Чтобы удалить цвет с выбранного элемента диаграммы, щелкните Без заливки .

   3. Чтобы использовать цвет заливки, который недоступен в Цвета темы или Стандартные цвета , щелкните Дополнительные цвета заливки .В диалоговом окне Colors укажите цвет, который вы хотите использовать на вкладке Standard или Custom , а затем нажмите OK .

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

   4. Чтобы заполнить фигуру изображением, щелкните Изображение .В диалоговом окне Insert Picture щелкните изображение, которое вы хотите использовать, а затем щелкните Insert .

   5. Чтобы использовать эффект градиента для выбранного цвета заливки, щелкните Градиент , а затем в разделе Варианты щелкните стиль градиента, который вы хотите использовать.

      Для дополнительных стилей градиента щелкните Дополнительные градиенты , а затем в категории Заливка щелкните параметры градиента, которые вы хотите использовать.

   6. Чтобы использовать заливку текстурой, щелкните Текстура , а затем щелкните текстуру, которую хотите использовать.

Совет: Если вам не нравится внесенное вами изменение, вы можете немедленно отменить его. На панели быстрого доступа щелкните Отменить или нажмите CTRL + Z.

Как выбрать цвета из изображения в Procreate

Этот пост может содержать партнерские ссылки

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

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

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

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

Давайте углубимся в то, что вам нужно знать.

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

Как автоматически создавать цветовые палитры из изображений в Procreate

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

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

А, автомат ?! Черт возьми, да! Я имею в виду, что чем меньше вещей мы будем делать вручную, тем лучше.

Вот как Procreate автоматически создает цветовые палитры из ваших фотографий, шаг за шагом:

1. Откройте панель цветов и нажмите кнопку «плюс», чтобы создать новую палитру.

2. Выберите вариант создания палитры из изображения

3. Выберите фотографию, которую хотите использовать, и посмотрите, как Procreate создает из нее цветовую палитру.

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

Автоматическая генерация цветовой палитры в Procreate — отличная отправная точка, но вполне вероятно, что вам придется поработать, чтобы добавить дополнительные цвета, удалить ненужные цвета и очистить палитру в целом.

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

Как использовать справочную функцию Procreate для выбора цветов из изображения

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

Способность

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

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

Вы также можете использовать инструмент «Ссылка», чтобы полностью создать цветовую палитру с нуля, используя изображение для извлечения цветов.

Рекомендуемые инструменты Procreate

Это мои любимые инструменты Procreate, без которых я не смог бы прожить свою жизнь в Procreate!

• Skillshare: Я беру МНОГО классов Skillshare, и именно они стали причиной того, что я начал использовать Procreate в первую очередь.Эти уроки потрясающие, и вы можете проходить их БЕСПЛАТНО! Нажмите здесь, чтобы получить 30-дневную бесплатную пробную версию Skillshare
• Матовая защитная пленка для экрана: эти матовые защитные пленки сделают экран вашего iPad более похожим на традиционную бумагу. Нажмите здесь, чтобы найти их на Amazon! Убедитесь, что вы выбрали подходящий размер для вашей модели iPad.
• Printful: Так приятно видеть собственное искусство на рубашке, кружке, наклейке, плакате и многом другом. Если вы хотите начать продавать свое искусство и делиться им с миром, или вы просто хотите подарок для себя или друга, важно иметь отличный принтер.Printful — мой любимый поставщик полиграфических услуг, предлагающий массу высококачественной продукции, на которой можно напечатать свое собственное искусство. Ознакомьтесь с ними и зарегистрируйте бесплатную учетную запись здесь!

Вот как создавать цветовые палитры с помощью инструмента «Справочник», шаг за шагом:

1. Нажмите гаечный ключ, чтобы открыть меню «Действия».

2. Выберите параметр «Холст»

3. Включите инструмент Ссылка

4. Выберите вариант изображения

5. Нажмите кнопку «Импорт» и пролистайте изображения, пока не найдете то, которое хотите использовать.

6.После того, как ваше изображение появится в окне Reference, удерживайте палец на изображении, пока инструмент «пипетка» не активирует

.

7. Используя инструмент «Пипетка», проведите пальцем по изображению, пока не найдете нужный цвет. Затем отпустите палец.

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

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

10. Повторяйте процесс, пока не получите все нужные цвета.

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

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

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

Как использовать слои для создания цветов изображения

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

Преимущество импорта изображения в Procreate заключается в том, что вы можете растянуть его, чтобы покрыть весь холст. Таким образом, вы можете использовать максимальное количество места при выборе цветов.

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

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

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

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

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

Инструменты

Sketches Поддержка Mac

• Сокращения
• Слои
• Инструменты
• Файлы
• Дополнительный

Редактор кистей Расширенный редактор кистейСкрыть / Показать инструменты Несколько советов Режимы смешивания Инструмент заливки Заполнить замкнутую область Инструмент рисования Редактор узоров АкварельЛастикЛинейкаРазрезчик грязи Редактировать образец цвета Добавить / Удалить цвет Палитра цветов Пипетка для цветов Замена цвета Ластик для цветов Смешение цветов

Обзор инструментов

Карандаш — P

Тонкая ручка — F

Маркер — M

Кисть для карандашей — D

Пастель — C

Акрил — B

Аэрограф — A

Акварель — W

Выкройки — K

Ластик — E

Пятно

Чернила ВСЕ ИНСТРУМЕНТЫ В ДЕТАЛЯХ

Редактор кистей

ctrl

Расширенный редактор кистей

Когда выбран инструмент «Пастель», нажмите ctrl + ⇧, чтобы открыть расширенный редактор кистей.

ctrl + ⇧

H

ide / показать инструменты

⇥

Меню> Окно> Скрыть палитры

Несколько советов

Откройте для себя все инструменты подробные советы

Режимы наложения

Переключение между непрозрачным и прозрачным (умножение)

Инструмент заливки

Нарисуйте контур для заливки

Заполнить закрытую зону

Щелкните закрытую область, чтобы заполнить

Инструмент рисования

Рисуем с нанесенным рисунком

Редактор паттернов

Ctrl

Акварельная влажная кисть

Чернила остаются влажными, а цвета смешиваются

Сухой

Высушите чернила, нажав клавишу ВВОД или щелкнув по капле

Акварельный кран

Коснитесь влажным мазком, чтобы создать акварельный след

Воды

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

Стереть все

Дважды нажмите, чтобы стереть текущий слой

Динамический ластик

Медленный маленький, быстрый большой

Правитель

Симметрия

Прямая линия

⇧

Сетка

Размазывать

Смешайте штрихи вместе

Выбирать

Нарисуйте контур, чтобы выделить его

Выбрать все

Щелкните рисунок, чтобы выбрать его

Двигаться

Переместить выделение

Дубликат

Нажмите alt, чтобы дублировать

⌥

Преобразовать

Переместите ручку для масштабирования и ориентации

Копия

Нажмите Cmd + C, чтобы скопировать выделенный фрагмент и вставить его в другое приложение.

⌘C

Цвета навигации

Перетащите цвета и переместите

Изменить образец цвета

Нажмите и удерживайте образец для редактирования

Содержание заголовка

Добавить / удалить цвет

Нажмите «+» или «-», чтобы добавить или удалить цвета.

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

Отредактируйте текущий цвет.

Нажмите ctrl и alt.

ctrl ⌥

Цветная пипетка

Выберите существующий цвет.

Нажмите alt.

⌥

Поменять местами цвет

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

Икс

Цветной ластик

Используйте любой инструмент как ластик

Цветовой микс

Позволяет смешивать цвета при рисовании

Отключить смешивание цветов

Вы можете отключить этот эффект в меню

Инструменты> Отключить смешение цветов.

Меню> Инструменты> Отключить смешение цветов

Улучшите изображения Canva, чтобы добиться единообразия бренда.

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

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

Нам это нравится, потому что это означает, что вы относитесь к нашему типу людей.

К сожалению, создать эффектную графику непросто. И ни один из них не создает последовательного бренда.

Итак, мы подумали, что напишем этот пост о фильтрах.

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

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

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

3 вещи, прежде чем мы начнем

Шаг 1. Начать дизайн

К счастью / к несчастью для вас, мы думаем, что лучший способ научиться использовать фильтры в Canva — это просто начать их использовать.

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

Шаг 2. Загрузите фотографию или выберите ее из библиотеки Canva.

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

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

Используйте одну из библиотеки Canva

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

Хотите использовать бесплатные фотографии из библиотеки Canva? Слишком просто, просто перейдите на вкладку «Элементы» на панели инструментов для дизайна и выберите «Бесплатные фотографии»:

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

Шаг 3 — Добавьте ваш первый фильтр

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

Краткое изложение фильтров

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

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

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

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

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

В этой статье мы расскажем о 15 способах использования Canva для победы с помощью фильтров.

Бонус! Бонус! Бонус!

Хотите использовать изображения, представленные в этой статье? Просто нажмите на них — большинство из них откроется в вашей учетной записи Canva, и вы сможете сразу же ими воспользоваться.

01. Будьте последовательны, используйте коды фильтров Canva.

Вы когда-нибудь задумывались, почему вы всегда думаете о McDonald’s, когда видите сочетание желтого и красного?

Это потому, что у McDonald’s безупречный бренд, который делает его узнаваемым.

Является ли ваш бренд последовательным?

И когда мы говорим «ваш бренд», мы имеем в виду не только ваш логотип. Наоборот, согласованы ли все фотографии и графика, которые вы публикуете в своем блоге, в социальных сетях или где-либо еще?

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

А если ваш бренд непоследователен, значит, у вас серьезная проблема. Потому что представьте, если бы в течение последних 25 лет McDonald’s менял цвета своего бренда каждые шесть месяцев, а золотые арки — на другую букву алфавита — раз в год?

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

Короче говоря, непоследовательность бренда = задержка роста бизнеса.

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

Секрет? Коды фильтров.

Вы знаете шестнадцатеричные коды цветов? Эти шестизначные коды, начинающиеся с символа #, используются для представления всех мыслимых цветов:

Что ж, Canva предлагает то же самое для фильтров.

Создав собственный фирменный фотофильтр в Canva, вы можете скопировать его код фильтра и использовать его для ВСЕХ фотографий и изображений, которые вы создаете в Canva.

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

Итак, как создать и использовать собственный фирменный фильтр в Canva?

Шаг 1. Создайте фильтр

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

(Примечание: вы заметите код фильтра внизу панели настроек фильтра).

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

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

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

И чтобы добавить немного драматизма всей фотографии, я увеличил X-Process. Последний вариант настройки — Виньетка — добавляет к изображениям тени, начинающиеся от краев. Это может быть полезно, если ваш объект находится прямо в центре фотографии.

И вот так у вас есть собственный персонализированный фильтр:

Шаг 2. Используйте код фильтра

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

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

БОНУС: Много фотографируете из путешествий? Используйте этот код фильтра: 648f78644f007f32, чтобы преобразовать графику, как я сделал здесь:

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Вот бесплатный шаблон, который мы создали в Canva с этим кодом фильтра:

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

БОНУС: Много пользуетесь модной фотографией? Используйте этот код фильтра: 71968e6450009132, чтобы преобразовать вашу графику, как я сделал здесь:

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Вот бесплатный шаблон, который мы создали в Canva с этим кодом фильтра:

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

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

Помните, что вы можете использовать ЛЮБОЕ из представленных ниже изображений / дизайнов в своей учетной записи Canva, просто щелкнув их (однако, вы должны иметь учетную запись Canva, помните).

02. Рози: Придайте вашим фотографиям винтажный вид

Код фильтра: 649b481b56007f32

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

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

Настройка интенсивности в верхней части настроек фильтра будет увеличивать или уменьшать общую интенсивность изображение (изменение этого параметра изменит их все в левой панели настроек).

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

03. Лето: сделайте ваши цвета ярче

Код фильтра: 6e72763664198232

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

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

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

Для чего мне использовать лето? Портреты и фотографии с моего последнего пляжного отдыха.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

04. Cali: преобразование изображений при слабом освещении

Код фильтра: 7a368a2a64007f32

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

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

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

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

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

05. Праздничный: освежите свой foodgram

Код фильтра: 6e797c645d008c32

Мы все видели эти завистливые посты о еде в Instagram.Даже когда изображение в вашей ленте из ближайшего Starbucks, похоже, что оно из элитного кафе во Франции.

Что ж, здесь вам может помочь фильтр Canva Festive.

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

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

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

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

06. Epic: добавление персонажа к пейзажным фотографиям

Код фильтра: 6a78566465279632

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

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

Виньетка размывает и затемняет края, чтобы сосредоточить внимание на объекте в центре, которым в данном случае является Эмпайр-стейт-билдинг.

Для чего мне использовать Epic? Широкие города, фотографии заснеженных гор и кулинарные диаграммы ..

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

Поскольку фильтр имеет такой высокий X-процесс, он также идеально подходит для фудграмов.

07. Улица. Придайте своим фотографиям классический вид.

Код фильтра: 5d75d326432

Уличный фильтр — это грубый поворот к базовому черно-белому фильтру.

Классические фильтры оттенков серого увеличивают яркость, полностью снижая насыщенность, чтобы фотография потеряла все цвета. Фотография яркая, но все же черно-белая.

Но с Street яркость еще больше снижается, чтобы изображение в целом выглядело более грубым и темным.

Для чего я буду использовать Street? Модные съемки, портреты и пейзажи.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

08. Причудливый: добавление оттенка к вашим фотографиям

Код фильтра: 8f552f155115a032

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

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

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

Для чего мне использовать Whimsical? Летние фотографии, пляжный отдых и портреты романтических пар.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

09. Драма: замените тепло в фотографиях

Код фильтра: 5a7942a06432b432

На ваших фотографиях слишком много тепла?

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

У этого тоже понижены уровни насыщенности. Это помогает синему оттенку занять центральное место. Усиленный X-процесс усиливает оттенки.

Для чего я буду использовать драму? Практически любая фотография, которая требует более резкого и резкого вида.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

10. Edge: для резких и более насыщенных фотографий

Код фильтра: 6e4c7e952f008132

Edge — еще один фильтр с синим оттенком, но он здесь не так заметен, как в фильтре Drama, потому что насыщенность здесь высокая.

Поэтому цвета после обработки фильтра намного ярче.

Для чего мне использовать Edge? Фотографии при слабом освещении, фотографии с гор и пляжа.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

11. Оттенки серого: никогда не ошибетесь с классическим

Код фильтра: 7350006457006722 или 725000be64226432 (с фиолетовым оттенком)

Некоторые изображения выглядят намного лучше, когда они черно-белые, и именно тогда вам нужна градация серого .

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Для чего использовать оттенки серого? Портреты, модные фотосессии и макросъемки.

12. Nordic: идите по старинке

Код фильтра: 7354506464006432

Nordic — еще один винтажный фильтр, он напоминает мне старые картинки из газет.

Чтобы фотографии выглядели олдскульно, насыщенность резко уменьшена, а яркость увеличена. Это будет отличный фильтр, если вы хотите, чтобы ваши фотографии передавали атмосферу 80-х и 90-х годов.

Для чего мне использовать Nordic? Любая фотография, которая требует винтажного стиля.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

13. Ретро: Получите внешний вид Polaroid

Код фильтра: 646452946428a932

Для каждой учетной записи Instagram требуется хотя бы одно изображение еды, изображение домашнего животного и изображение в стиле Polaroid.Ретро — идеальный фильтр для этого.

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

Виньетка делает изображение более аутентичным за счет небольшого размытия.

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

Зачем мне использовать Retro? Модные фотографии, фотографии домашних животных, фотографии еды и пейзажи.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

14. Селфи: создайте идеальное селфи

Код фильтра: 6e58583264389632

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

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

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

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

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.

15. Блюз: добавьте немного волшебства

Код фильтра: a33f4a6456004d32

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

И, кроме того, он не имеет оттенка или оттенков.По сути, с помощью этого фильтра вы можете упростить свои фотографии.

Что бы я использовал «Блюз»? Пейзажи, снимки заката и восхода солнца.

Нажмите, чтобы использовать этот дизайн в Canva прямо сейчас.

Нажмите, чтобы отредактировать этот дизайн в Canva прямо сейчас.