- Overview
- Transcript
4.3 Color Selection and Copy Paste Hexcodes
Affinity Designer has a range of color selection tools, and at first you may not know exactly where to go to use them, or how to copy and paste hexcodes into and around in your design. Learn how to find the color pickers you want, and how to set hexcodes, in this lesson.
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
4.3 Color Selection and Copy Paste Hexcodes
Hi, welcome back to Affinity Designer Quick Start. In the last couple of videos we went over the tools that you can use to edit fills and strokes. And in this video we're going to take a closer look at how you can select the colors that you want to use when you're working with those tools. So for color selection we have the context menu areas that we worked with before for fill and stroke. And we also have the color studio panel and by default you're gonna get this HSL color wheel in color selection for any of these. But you do have the option to choose from several other types of color pickers. But they're categorized slightly differently, whether you're looking at one of the context menus or whether you're looking at the color panel. And one of the reasons that this difference in set up is good to know about is if you're wanting to copy a color code. So, for example, say you have a hex code that you have chosen from a color palette that you already have defined and you wanna paste it into your design. If you want to paste in a hex code through the context menu, you'll need to go up here and choose RGB Hex Sliders. And you can see all the different color selectors that we have up here as well. And then here you'll get your hex code that you can work with. Now if you're using the color studio panel, first you'll need to choose the Sliders category, and then from this dropdown list you can choose RGB Hex. So once again, all of the different colored pickers that you can work with can be picked from this dropdown list, if you're working with the context menu. But if you're working over here, first you'll need to decide whether you want a Wheel, a Slider, or Boxes for your color selection. So just put that back to the default. Now when you're working with this color selection panel, you can either choose the stroke by tapping on this little circle that is hollow in the middle. And then you'll be able to change the color of the stroke. Or to work on the fill, tap the filll. Whichever you are working on is going to be in front. If you're working with the fill it will be in front. If you're working with the stroke it will be in front. And then you can choose your color. Now if you want to use the color picker, you can click here and then drag. And then you'll be able to choose a color from anywhere on your screen. However you notice that just by choosing that color, it's not being applied right away. If I want to actually apply that color, I need to click that color picker one more time and it will then apply the color that I have chosen to whichever of these two is active. So the same thing applies if you're working up here. If you use the color picker, click and drag, choose a color. And it's not gonna apply right away. You need to click it again, and it will then apply that color that you have selected. So there's just a couple of little hints for working with the color selection tools in Affinity Designer. In the next lesson, we're going to learn how to extract an entire color palette from any file. It can be an Affinity Designer file. It can be an image. Anything you like. I'll see you there.