() translation by (you can also view the original English article)
Добро пожаловать в другую статью Affinity Designer, в которой мы рассмотрим шесть инструментов, которые вы должны добавить в свой арсенал прямо сейчас. Итак, предположим, что вы налили себе свежую чашку кофе, сядьте на этот верный старый стул и начнем!
Прежде чем мы начнем, я хотел бы воспользоваться моментом и признаться, что я использую Affinity Designer только год или около того, но я заметил, что чем больше я трачу на него время, тем больше я осознаю, грубую силу этого маленького кусочка программного обеспечения.
Теперь, если вы только начинаете использовать его самостоятельно, тогда этот список должен немного помочь, так как я расскажу о некоторых более скрытых инструментах и функциях, которые вы, возможно, даже не заметили, и я углублюсь в возможно для того, чтобы описать и представить, как они работают.
Хотите узнать, как использовать Affinity Designer? Почему бы не проверить один из наших многочисленных видео курсов здесь на Envato Tuts+.
Итак, не теряя больше времени, давайте вникнем в него!
1. The Corner Tool
Первый инструмент в нашем маленьком списке связан с регулировкой углов, и верите или нет, как только вы начнете использовать его и узнаете, насколько он полезен, вы никогда не захотите убрать его из своего арсенала.
Я говорю о Corner Tool, который по умолчанию можно найти на левой панели инструментов рабочей области, или вы можете быстро выбрать его с помощью сочетания клавиш C.
Как только инструмент выбран, программа активирует пользовательскую контекстную панель инструментов, расположенную в верхней части интерфейса, где вы можете выполнять такие действия, как настройка типа угла и радиуса угла фигуры. По умолчанию параметры отображаются серым цветом, так как вам необходимо выбрать реальную форму, чтобы выполнить какие-либо корректировки.
Итак, давайте предположим, что у нас есть эллипс в форме авокадо, и мы хотим отрегулировать его острый кончик, сделав его более круглым.
Теперь самое интересное, поскольку мы можем сделать это, используя два разных подхода.
Первый - это метод щелчка и перетаскивания, основанный на использовании глаз, когда вы выбираете узел наконечника, а затем удерживаете и перетаскиваете его внутрь, пока не будете удовлетворены результатом. При наведении курсора на узел курсор автоматически переключается в другое состояние, указывая на то, что вы можете отрегулировать соответствующий угол, предоставляя вам набор визуальных указателей по мере выполнения ваших настроек.
Как только вы отпустите узел, программное обеспечение выполнит указанные настройки, изменив тип угла с None на Rounded.
Проблема с этим методом щелчка и перетаскивания состоит в том, что вы не имеете столько контроля над значением радиуса, сколько захотите, так как большую часть времени вы получите десятичное число вместо круглого, что может в конечном итоге сломать ваш в противном случае пиксель-идеальный проект.
В этом случае я рекомендую вам всегда использовать второй метод, который опирается на поле ввода Radius, поскольку вы можете выбрать узел, который вы хотите настроить, а затем просто ввести желаемое значение, используя точные круглые числа по своему выбору.
Если вы еще раз посмотрите на доступные Corner types, вы заметите, что у вас есть пара других вариантов, таких как Concave, Straight и Cutout (которые довольно очевидны). В зависимости от того, чего вы пытаетесь достичь, это может подтолкнуть вас в правильном направлении.
В конце концов, независимо от того, с каким типом угла вы решите начать работу, все они ведут себя как живой эффект, а это значит, что вы всегда можете вернуться позже и отрегулировать их при необходимости.
С другой стороны, если вам когда-нибудь понадобится преобразовать угол обратно в кривые, вы можете легко сделать это, используя опцию Bake Corners.
Хотя действие покажет узлы, составляющие угол, оно будет лишено возможности редактирования во время процесса, поэтому будьте осторожны при принятии решения об его использовании.
После того, как вы запекли угол, вы можете выбрать любой из двух его составных узлов с помощью Node Tool (A), а затем дополнительно отрегулировать форму, переместив их или конечные точки их маркеров.
Когда речь идет о типе фигур, с которыми вы можете использовать Corner Tool (C) в сотрудничестве, вы в основном можете настроить все, что создаете, будь то открытый путь или закрытый, базовая геометрическая форма или нарисованная пером. , Единственные, от которых я рекомендую вам держаться подальше, это прямоугольники.
Несмотря на то, что нет проблем с использованием инструмента в сочетании с прямоугольниками, я обычно предпочитаю настраивать их Radius в контекстной панели инструментов прямоугольника, которая, на мой взгляд, более гибкая, поскольку позволяет устанавливать глобальный Radius или угол для конкретного угла.
По умолчанию при создании новой фигуры с помощью Rectangle Tool (M) Context Toolbar содержит следующие параметры.
Первый, Single radius, как следует из названия, инструктирует программное обеспечение использовать одно и то же значение для всех его четырех углов.
Далее у вас есть Absolute sizes, которые позволяют вам настроить Радиус углов, используя значения пикселей вместо процентов.
Затем у вас есть Угол, где вы можете выбрать один из четырех различных типов (Rounded, Straight, Concave, Cutout), которые идентичны тем, которые находятся на контекстной Context Toolbar инструмента Corner .
Чтобы начать настройку углов прямоугольника, сначала нужно выбрать тип угла, так как в противном случае программа не позволит вам установить значение для его радиуса. Независимо от того, с чем вы в итоге поедете, Radius по умолчанию автоматически установит 25%, как вы сами можете убедиться.
Первое, что я делаю при настройке углов прямоугольника, это убеждаюсь, что Absolute sizes включены, так как я хочу иметь возможность использовать значения в пикселях, чтобы иметь более высокую степень контроля над конечным результатом.
Если вы хотите настроить каждый угол самостоятельно, вы можете легко сделать это, сначала сняв флажок с параметром Single radius, который покажет отдельные типы Corner и параметры Radius для каждого (TL - верхний левый, TR - верхний правый, BL - нижний слева, BR - справа внизу).
Если вам нужно отрегулировать положение узлов результирующей фигуры, вы всегда можете сделать это, сначала преобразовав ее в кривые с помощью параметра Convert to Curves, а затем выбрав Node Tool (A) и выполнив необходимые корректировки.
2. График чувствительности к давлению панели обводки
При работе с проектами, которые больше склонны к искусству, планшет иногда действительно полезен, поскольку он может помочь вам создавать более интересные линии с помощью чувствительности к давлению.
Но что, если вы еще не сделали прыжок, и все еще полагаетесь на свою мышь и клавиатуру, чтобы сделать работу?
Если это так, вы будете рады узнать, что Affinity поставляется с довольно интересным решением в виде поля ввода Pressure, которое позволяет вам регулировать ширину обводки по ходу ее траектории для моделирования более рисованный вид.
Теперь по умолчанию, средство можно найти в палитре Stroke правом нижнем углу рядом с кнопкой Properties.
Как вы можете видеть, я использую горизонтальную линию Stroke толщиной 24 пт в качестве моего «испытуемого», но вы можете использовать любую фигуру, какую пожелаете, если только она основана на Stroke.
Чтобы открыть окно Pressure, вам нужно нажать на маленький синий прямоугольник, который вызовет простую сетку с двумя контрольными узлами, найденными в ее верхней части. Хотя поначалу инструмент может выглядеть «базовым» с точки зрения его внешнего вида, не позволяйте этому обмануть вас, поскольку он действительно очень мощный, как мы это увидим в следующих моментах.
Способ работы инструмента довольно прост. Каждый узел контролирует Width длины Stroke, основываясь на стороне, на которой он находится, и позволяет регулировать внешний вид вашей фигуры, сужая любой из них.
Для этого сначала нужно выбрать свою форму, а затем вы можете использовать любой из узлов, просто дважды щелкнув по ним, а затем перетаскивая их вниз, пока не получите желаемый результат.
По умолчанию левый узел всегда выбирается при открытии панели, которая обозначена маленьким синим квадратным состоянием.
Если вы уже внесли корректировку в одну из сторон штриха, вы можете легко выбрать противоположный узел, просто щелкнув по нему один раз, а затем отрегулировав его положение по мере необходимости.
Если вы переводите оба узла на один и тот же уровень, вы можете нажать на любой из них, и это сообщит программному обеспечению, что вы хотите настроить обе стороны одновременно, что будет обозначено смещением в состоянии их внешнего вида.
Как и следовало ожидать, вы можете добавить столько узлов, сколько захотите, просто щелкнув по пути графика, а затем используя их для дальнейшей настройки внешнего вида Stroke.
Если вы обнаружите, что случайно добавили узел, от которого хотите избавиться, вы можете легко удалить его, нажав клавишу Delete, а затем щелкнув в любом месте на поверхности поля Pressure, чтобы сделать изменения активными.
После того, как вы закончили Pressure графика давления для одного Stroke, программное обеспечение применяет те же настройки ко всем новым, которые вы создаете.
Хотя это удобная функция, иногда вы хотите иметь возможность создавать новые графики давления с нуля. Когда это происходит, все, что вам нужно сделать, это выбрать новый Stroke, а затем использовать кнопку сброса в блоке Pressure, которая уберет все Reset предыдущего, что позволит вам начать все сначала.
Если вы создали более сложный график Pressure, который вы хотели бы сохранить и использовать в будущих проектах, вы можете использовать кнопку Save Profile, которая добавит его внизу, что даст вам возможность применить его к любой форме, основанной на Stroke, путем простого выбора объекта, а затем нажмите на него.
Вы также можете удалить любой из созданных профилей Pressure, просто наведя на них курсор и нажав маленькую кнопку х.
3. Инструмент заполнения
Любите использовать градиенты в своих работах? Ну, Affinity Designer поставляется с одним из самых сложных инструментов создания градиента, который я видел в своем цифровом продукте такого типа, так что, поверьте мне, когда я говорю, он может многое сделать.
Теперь по умолчанию инструмент расположен на левой панели Tools, или его можно быстро выбрать с помощью сочетания клавиш G, который активирует собственную выделенную Context Toolbar.
Первый вариант, который мы здесь находим, это Context, который позволяет вам сообщать программному обеспечению, работаете ли вы с Fill или Stroke.
Далее у нас есть Type, который позволяет выбрать один из семи вариантов.
- Нет: полностью удаляет цвет/градиент Fill или Stroke.
- Fill: который убирает градиент и оставляет только один цвет заливки
- Linear: применяется линейный градиент
- Elliptical: применяется эллиптический градиент
- Radial: который применяет радиальный градиент
- Conical: которое применяет конический градиент
- Bitmap: которое позволяет вам использовать изображение поверх фигуры, похожее на clipping mask, - честно говоря, я думаю, что его следует переместить в другую вкладку, здесь в нем нет смысла.
Теперь я не буду их обсуждать, так как они имеют одинаковые настройки, но я определенно рекомендую вам уделить несколько минут и поработать с ними, так как вы сможете быстро увидеть различия.
Когда дело доходит до создания фактического градиента, вам нужно начать с наведения на фигуру с помощью инструмента Fill, а затем щелкнуть и перетащить с одной стороны на другую, что даст вам предварительный просмотр результатов в реальном времени. Вы можете начать снаружи фигуры и пройти через любой из ее углов в любом направлении. Как правило, длина градиента будет влиять на переход между вашими цветовыми остановками, поэтому чем дальше они расположены друг от друга, тем плавнее будет переход.
Вы можете отрегулировать длину градиента, просто щелкнув по любому из его цветовых ограничителей, а затем перетащив их внутрь или наружу, тем самым сократив или увеличив общую длину.
Если вы хотите перетащить по прямой линии, вы можете легко сделать это, удерживая нажатой клавишу Shift, одновременно вытягивая конечную точку в нужном направлении.
При необходимости вы можете изменить положение всего градиента, наведя курсор на любой из его внешних цветов, пока курсор не превратится в значок перемещения, а затем просто удерживая нажатой клавишу Control, выбирая и перетаскивая его с помощью мыши.
Когда дело доходит до настройки разброса одного цветового ограничителя на другой, вы можете легко сделать это с помощью ползунка Mid Point, просто щелкнув и затем перетащив его в нужном направлении.
Вы можете легко изменить направление градиента, выбрав один из его цветовых ограничителей, а затем перетащив его в нужном направлении.
Если вы хотите изменить положение остановок цвета, вы можете легко сделать это с помощью кнопки Reverse Gradient на Context Toolbar.
Чтобы добавить новые цветовые ограничения, просто наведите указатель мыши на путь градиента, который должен дать вашему курсору небольшой знак плюса, чтобы вы знали, что теперь вы можете щелкнуть по нему, чтобы создать их.
После того, как вы добавили новую остановку, программа добавит новую Mid Point между ней и соседней остановкой, которую вы можете переместить, выбрав и перетащив ее, как мы видели несколько минут назад.
Если вам нужно удалить цветовую остановку, вы можете легко сделать это, сначала выбрав ее, а затем сразу же нажав клавишу Delete, и ползунок Mid Point вернется в исходное положение.
В этот момент вам может быть интересно узнать, как вы изменяете цвета остановок, так как в конце дня это и есть градиент, создавая цветовые переходы. Ну, вот тут и вступает в силу мощь Context Toolbar, поскольку все параметры скрыты в маленьком цветном прямоугольнике. Как только вы нажмете на нее, появится новая панель и покажет вам все доступные настройки.
Здесь вы можете выбрать любой из остановок цвета в панели предварительного просмотра, а затем щелкнуть по Color прямоугольнику, который вызовет другое всплывающее окно, для которого по умолчанию установлено значение Tint.
Если вы нажмете на нее, вы обнаружите, что можете выбрать один из 12 различных способов выбора цвета. Лично мне нравится работать с RGB Slider, но вы можете попробовать их и посмотреть, что будет для вас удобнее.
Здесь вы также найдете слайдер Noise, который можно использовать для добавления текстуры к вашему текущему цветовому ограничителю.
Выходя за пределы цветов, вы можете использовать панель для настройки таких параметров, как тип градиента, положение Mid Point и Opacity остановки цвета. Вы также можете добавить новые остановки с помощью кнопки Insert, которые можно изменить с помощью поля ввода Position, или удалить существующие с помощью кнопки Delete. По сути, все элементы управления вашего градиента аккуратно собраны в одном месте, что делает весь процесс максимально простым для человека.
4. Инструмент прозрачности
Следующий инструмент в нашем маленьком списке, вероятно, один из самых интересных, которые мне довелось использовать, поскольку он позволяет применять градиенты прозрачности к любому векторному объекту, будь то Fill или Stroke.
Сам инструмент можно найти на левой панели Tools, или к нему можно быстро получить доступ с помощью сочетания клавиш Y.
С точки зрения обработки, он работает почти так же, как инструмент Fill, поскольку вы просто перетаскиваете его по форме, чтобы применить градиент прозрачности. Как видно из пользовательской Context Toolbar, Type градиента по умолчанию, используемый программным обеспечением, является Linear.
Если вы внимательно посмотрите на раскрывающийся список Type, вы обнаружите, что можете выбрать один из пяти вариантов, в зависимости от того, чего вы пытаетесь достичь.
Когда дело доходит до базовых настроек градиента, таких как добавление и удаление остановок в градациях серого или регулировка положения Mid Point, процесс идентичен тому, что наблюдается для Fill Tool.
Для более сложных настроек вы захотите нажать на маленький белый прямоугольник, который откроет знакомую панель, где вы можете отрегулировать другие параметры, такие как Opacity точек серой шкалы, положение Mid Point и положение внутренних остановок.
5. Панель эффектов
Номер пять - это панель Effects, которая, как следует из названия, позволяет улучшить ваши художественные работы с помощью нескольких визуальных процедур.
По умолчанию панель расположена внутри правых панелей программного обеспечения, между Layers и Styles, и имеет десять различных эффектов, которые самоочевидны:
- Gaussian Blur
- Outer Shadow
- Inner Shadow
- Outer Glow
- Inner Glow
- Outline
- 3D
- Bevel/Emboss
- Color Overlay (Наложение цветов)
- Gradient Overlay
Вы можете применить эффект к выбранной фигуре, просто отметив маленькое поле, расположенное перед ее меткой, что расширит его настройки, что позволит вам настроить его по мере необходимости.
Например, я могу быстро применить эффект Gaussian Blur к моему прямоугольнику и настроить его Radius либо с помощью горизонтального ползунка, либо введя пользовательское значение в поле ввода.
Как только требуемый эффект будет применен к объекту, панель Layers отобразит это, отобразив маленький значок fx рядом с формой. Эта функция может быть очень полезна при работе с несколькими объектами, так как вы можете легко определить, какой из них имеет примененный эффект, а какой нет.
Если вы обнаружите, что вам нужно улучшить эффект, вы можете легко сделать это, дважды щелкнув по значку fx, и откроется новое окно, в котором вы можете выполнить необходимые настройки. Конечно, вы можете сделать то же самое из панели Effects; все зависит от того, что у вас работает быстрее.
Если вам нужно, вы можете применить несколько эффектов к одному и тому же объекту, но не всегда ожидайте, что они будут хорошо смотреться вместе, особенно если вы не тратите время на настройку их параметров.
Вы можете применить один и тот же эффект к нескольким фигурам одновременно, просто выбрав их на панели Layers, а затем используя нужную визуальную обработку.
При этом вы должны знать, что если фигуры сгруппированы вместе, программное обеспечение всегда будет обрабатывать их как один более крупный объект, что даст вам немного другой результат, чем вы могли бы ожидать, поэтому всегда помните об этом.
Если вы хотите применить один и тот же эффект ко всему слою, вы можете легко сделать это, сначала выбрав его на панели Layers, а затем выбрав нужный эффект на панели Effects. Как мы видели на примере сгруппированных объектов, программное обеспечение будет обрабатывать фигуры, находящиеся на одном слое, как один более крупный, поэтому убедитесь, что вы думаете заранее, чтобы точно знать, чего вы хотите достичь.
Вы можете добиться того же результата, используя Layer Effects, открыв панель Layers и нажав небольшую кнопку «fx», которая в некоторых случаях может фактически дать вам несколько дополнительных возможностей для игры.
Эти два инструмента фактически связаны друг с другом, поскольку, если вы выберете один из эффектов панели Effects, вы увидите маленький значок шестеренки с правой стороны, который, если вы щелкните по нему, откроет окно Layer Effects.
6. Панель режимов наложения слоев
Последний инструмент, который я собираюсь показать вам, является частью панели Layers, и она дает вам возможность смешивать цвета разных форм или целых слоев друг с другом, чтобы создать интересный визуальный эффект.
Для каждой создаваемой фигуры, которая не сгруппирована или не является частью слоя, режим смешивания по умолчанию - Normal.
Как только вы начнете группировать или размещать фигуры в слоях, их смешение изменится на Passthrough, который сам по себе не обладает какими-либо особыми свойствами, поскольку он приобретает свойства группы или слоя.
Чтобы изменить режим наложения определенной фигуры, сначала необходимо выбрать его на панели Layers, а затем щелкнуть раскрывающийся список рядом с уровнем Opacity и навести курсор на 33 доступных Blend Modes, чтобы получить предварительный просмотр. , делая выбор, как только вы довольны результатом.
Как правило, вы всегда должны стремиться отрегулировать сочетание верхнего объекта, так как в противном случае вы не получите никаких видимых результатов.
Вы можете смешивать целые слои друг с другом, если каждый из них имеет свои собственные составляющие формы, поскольку они в значительной степени ведут себя как группы. Как и в случае с обычной формой, все, что вам нужно сделать, это выбрать верхний слой, который вы хотите отрегулировать, а затем просто выбрать режим смешивания, который выглядит хорошо.
Лично мне нравится использовать режимы наложения, чтобы настроить цветовую схему моей иллюстрации, создавая градиент с теми же значениями Width и Height, что и у моей монтажной области, которые я затем смешиваю с основными формами. Это может занять несколько попыток, но этот маленький трюк обычно дает быстрые и интересные результаты, которые могут выделить ваше искусство.
Это всё!
Итак, независимо от того, добавили ли вы инструменты в свой арсенал или нет, я надеюсь, что вам удалось выучить один или два новых трюка после прочтения этого углубленного материала.
Как всегда, если у вас есть какие-либо вопросы или предложения, не стесняйтесь размещать их в разделе комментариев, и я начну беседу с вами, как только смогу!
Расширьте свои дизайнерские навыки Affinity!
Только что закончили читать статью и почувствовали, что готовы принять новые знания Affinity?! Что ж, вам повезло, так как я взял на себя смелость составить этот небольшой список учебных пособий, которые должны подготовить вас в кратчайшие сроки!
От А до Я Affinity дизайнер
Переход от Adobe Illustrator к Affinity Designer
Как создать забавного персонажа из мороженого в Affinity Designer
Как создать иконку «Снова в школу» в Affinity Designer
Как создать порга из "Звездный войн" в Affinity Designer
Как создать игральную карту «Королева сердец» с дизайнером Affinity
Как создать персонажа Minecraft в Affinity Designer
Как создать Ловца снов в Affinity Designer
Как создать персонажа из виртуальной реальности в Affinity Designer
