- Overview
- Transcript
7.1 Effects and Styles
In this lesson, learn what Effects and Styles are in Affinity Designer, how they differ, how they can be created, and how they can be transferred from one shape to another.
1.Introduction1 lesson, 00:58
1.1Affinity Designer Quick Start00:58
2.Vector Persona7 lessons, 26:52
2.1Creating Curves02:43
2.2Adding, Deleting and Connecting Nodes05:02
2.3Node Types and Pen Drawing Modes05:07
2.4Using the Corner Tool03:15
2.5How to “Power Duplicate”02:49
2.6Real-Time Embedded Object Editing04:11
2.7Painting With Vectors03:45
3.Interface7 lessons, 23:54
3.1Transforming Objects03:32
3.2Split-Screen View With Slider02:17
3.3Understanding the Layers Panel07:04
3.4Using the Guides Manager02:51
3.5Tip: Rearranging Studio Panels02:11
3.6How to Set Up Grids03:22
3.7How to Set Up Snapping02:37
4.Color, Fill and Stroke7 lessons, 26:03
4.1Working With Fills04:57
4.2Working With Strokes03:10
4.3Color Selection and Copy Paste Hexcodes03:31
4.4Extracting Color Palettes02:17
4.5Generating Color Chords03:45
4.6Define and Edit Gradients05:02
4.7Using the Transparency Tool03:21
5.Pixel Persona2 lessons, 07:49
5.1Pixel Persona and Pixel Brushes04:16
5.2Pixel Tool03:33
6.Interactions Between Shapes2 lessons, 12:20
6.1Using Boolean Functions04:37
6.2Masking and Clipping07:43
7.Effects, Styles, Pressure and Velocity2 lessons, 10:49
7.1Effects and Styles04:42
7.2Velocity, Pen Pressure and Manual Simulation06:07
8.Exporting1 lesson, 05:24
8.1Exporting, Export Persona, Continuous Export05:24
9.Conclusion1 lesson, 00:33
9.1Wrapping Up00:33
10. Bonus Lessons5 lessons, 47:14
10.1Typography18:52
10.2Artboards08:09
10.3Constraints06:49
10.4Symbols06:28
10.5Assets Panel06:56
7.1 Effects and Styles
Hi. Welcome back to Affinity Designer Quick Start. In this lesson, we're going to learn how to use effects and styles in Affinity Designer. If you take a look over in your panels, you'll see that you have an effects panel, and you also have a styles panel. So, the effects panel, allows you to add all kinds of effects to your layers, your groups, your shapes, any item that shows up in your panel. So you have things like shadows, glows, beveling, all the types of things that you might be familiar with from a program like Photoshop. Now we also have a styles panel. Styles can include effects, so they can include drop shadows and things like that but they also include films and they include strike stuff. So we'll just reset our studio panels. And then we'll have a look at some examples of how styles and effects work. So I will just grab a rectangle and draw down. We'll give it a fill color. And let's give it a little bit of noise. We'll give it a stroke. And we'll change the color of that stroke around a little bit. Give that some noise also. So now we've just given fill and stroke styles to this shape. Now let's apply some effects. You can apply effects via the effects panel. So just drag this out. Now the way to apply effects by this panel is to choose the effect that you want and check its box. So we'll plot out a shadow. And then you can work with the settings that you have available here to tweak how the effects looks. Now these settings are actually a limited subset of all the settings that you have available for each effect. So if you want to have access to all the settings, hit this little gear icon. And now you'll have access to extra tools that you didn't have access to via the effects panel. So, we'll increase the opacity of the shadow, give it a larger radius, and just move it around a little bit so we could see it. Okay, so now we have fill, stroke and a layer effect applied to our shape here. Now all of those things comprise the shape's style. And if we want, we can take that style and we can apply it to other shapes that we use in our design. So if we draw out another shape. So that already has the fill that we applied. But just to illustrate things a little bit more clearly. Just change that back. All right, now if I want to apply the style that I have from this shape onto this shape, I can do it very easily by selecting the shape. Pressing Cmd+C to copy. Selecting the new shape. And then pressing Cmd+Shift+V. And I can paste the entire style onto that shape. So it's a very easy way to duplicate styles from one shape onto another as you're going through in preparing your design. Now, if there is a style that you think you're going to be using a lot. Then you might want to save that style up, so it will show up as an option in your styles panel. And to do that select an object that has the style that you want, and then over in the styles panel, hit the little drop down and choose add style from selection. And there's the style that we just created. And you can rename that style by right-clicking on it and renaming it to anything that you need. And from that point on, you'll be able to add that style to any other shape just by clicking on the style that you've created in your styles panel. So just to recap styles include your fill, your stroke and any layer effects. You can copy styles from one shape to another with Cmd+C and then Shift+Cmd+V. You can save styles out into the styles panel. And you can add effects to any item that shows up in your layer panel via the effects panel. In the next lesson you're gonna learn how to set up Affinity Designer to work with your graphics tablet, if you use a graphics tablet. And if you don't, we're gonna learn how you can still achieve similar types of effects using velocity controllers and also manually simulating pen pressure. I'll see you there.