The Essentials of Affinity Designer V2 | Tim Wilson | Skillshare
Search

Playback Speed


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

The Essentials of Affinity Designer V2

teacher avatar Tim Wilson, Adobe Certified Instructor and Expert

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

    • 1.

      Introduction to the Course

      1:52

    • 2.

      The Best Way to Learn

      1:17

    • 3.

      Introduction to the Interface

      0:17

    • 4.

      The Interface

      3:16

    • 5.

      New Document

      3:43

    • 6.

      Introduction to Working with Shapes

      0:25

    • 7.

      Basic Shapes

      4:36

    • 8.

      Selecting & Transforming Separately

      2:40

    • 9.

      Customizing the Shapes

      2:25

    • 10.

      Moving the Nodes

      2:40

    • 11.

      Duplicating the Shapes

      1:25

    • 12.

      Corner Tool

      0:55

    • 13.

      Boolean Operations

      2:03

    • 14.

      Shape Builder Tool

      1:27

    • 15.

      Introduction to Project: Creating Icons & Logos

      0:32

    • 16.

      Create a Character

      4:24

    • 17.

      Make Earphones

      3:18

    • 18.

      Make Hard Hat

      2:36

    • 19.

      Make Stop Hand

      4:51

    • 20.

      Add Text and Save

      2:58

    • 21.

      Project 2: Truck Logo

      4:53

    • 22.

      Project 3: Text Logo

      1:57

    • 23.

      Introduction to Color

      0:22

    • 24.

      Fill & Stroke

      3:32

    • 25.

      Color Panels

      2:14

    • 26.

      Swatches

      4:23

    • 27.

      Gradients

      1:26

    • 28.

      Gradient Stops

      0:57

    • 29.

      Save Gradients

      1:52

    • 30.

      Introduction to Project: Create a Business Card with Gradients

      0:32

    • 31.

      Set Up Document

      1:14

    • 32.

      Hills with Gradients

      4:38

    • 33.

      Sky & Sun

      3:36

    • 34.

      Adjust Your Colors

      3:11

    • 35.

      Add Your Text

      2:49

    • 36.

      Export as Print Ready PDF

      2:47

    • 37.

      Introduction to Using the Drawing Tools

      0:20

    • 38.

      The Pen Tool

      1:38

    • 39.

      Draw a Fish

      2:02

    • 40.

      Bezier Curves

      3:01

    • 41.

      Smooth or Sharp Nodes

      1:57

    • 42.

      Split & Join Nodes

      1:38

    • 43.

      The Pencil and Pencil Smoothing

      4:36

    • 44.

      The Vector Brush Tool

      1:45

    • 45.

      Introduction to Project: Poster for a Classical Recital

      0:23

    • 46.

      Create Document and Place Image to Trace

      3:08

    • 47.

      Draw the Violin Body

      4:11

    • 48.

      Draw Bottom With the Pen

      1:58

    • 49.

      Draw the F Holes

      5:00

    • 50.

      Draw a Peg and Copy & Flip

      1:48

    • 51.

      Do the Head and Neck

      2:26

    • 52.

      Save and Color

      5:46

    • 53.

      Add a Gradient and Background

      4:32

    • 54.

      Add the Text

      3:00

    • 55.

      Export as pdf and jpg

      2:22

    • 56.

      Introducing Layers

      0:24

    • 57.

      What are Layers

      2:42

    • 58.

      Adjustment Layers

      3:47

    • 59.

      Adjustment Layers on a Photo

      6:21

    • 60.

      Add Some Effects fx

      2:50

    • 61.

      Project: Create a Social Media Document

      0:26

    • 62.

      FP1 Project Social Media Post Blend Images

      4:50

    • 63.

      Add Gradient Map to Unify Color

      1:59

    • 64.

      FP3 Project Social Media Post Text Effect on Layer

      5:12

    • 65.

      Make a Logo

      7:19

    • 66.

      Save & Export

      2:01

    • 67.

      Introduction to Adding Text

      0:30

    • 68.

      Frame Text Versus Artistic Text

      3:10

    • 69.

      Fonts

      2:44

    • 70.

      Preset Character & Paragraph Styles

      1:26

    • 71.

      Character & Paragraph

      2:45

    • 72.

      Vertical Alignment of Text

      0:52

    • 73.

      Bullet & Number Points

      0:40

    • 74.

      Leading & Typography Options Caps

      2:24

    • 75.

      Outline Text or Convert to Curves

      2:56

    • 76.

      Introduction to Project: Create an Advert

      0:44

    • 77.

      New Document and Make Shape

      5:16

    • 78.

      Bullets & Duplicates

      4:04

    • 79.

      Add Some Gradients

      8:53

    • 80.

      Add a Photo into your Text and an FX

      5:28

    • 81.

      Background Photo & Export

      2:39

    • 82.

      Introduction to the Pixel Persona

      0:25

    • 83.

      Vector Versus Pixels

      2:52

    • 84.

      Paint with Pixel Brushes

      4:04

    • 85.

      Colorize

      5:14

    • 86.

      Paint on Vector Shape

      3:40

    • 87.

      Selection Tools

      3:18

    • 88.

      Introduction to Create a Complex Logo

      0:29

    • 89.

      Create Leaf

      6:41

    • 90.

      Color & Texture

      3:15

    • 91.

      Duplicate the Leaves and Transform

      2:36

    • 92.

      Add the Text and Change Characters

      4:41

    • 93.

      Draw the Birds

      9:58

    • 94.

      Create a Hand Drawn Brush Line

      4:09

    • 95.

      Well Done on Completing the Course

      0:20

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

803

Students

19

Projects

About This Class

Hi - I'm Tim

I'm a senior trainer, and designer at Red Rocket Studio, and a university lecturer working in and around London.

Welcome to my Affinity Designer V2 for Beginners

Affinity Designer is one of the best design pieces of software around and a strong (and more affordable) contender for Adobe Illustrator.

It allows you to create beautiful logos, infographics, patterns, icons and other digital vector work with stunning color. This modern vector graphic creation software package works primarily in vector form but also allows for a pixel function including working with photographic images and pixel brushes to add gorgeous textures to your artwork.

It has an easy-to-use interface to help you work in a fast and intuitive way.

The course includes the following:

  • An overview for those new to the software

  • How to draw your own shapes and manipulate them using the Pen, Pencil and Geometry tools

  • How to create infographics, logos and icons

  • Learn how to create eye-catching and amazing digital vector artwork

  • Understand color including RGB / CMYK, Spot as well as working with Gradients

  • How to create designs for use in print, packaging, advertising, social media, websites and mobile graphics

  • Understand the pixel persona

  • Work with bitmap brushes and masks

  • Learn to design magazine and brochure covers

Affinity Designer has everything you need to create the perfect vector graphics – whether it's for commercial printing, home printing, web or social media projects.

Music by Bensound - License code: K0GMA2G7SYIGWLYM

Meet Your Teacher

Teacher Profile Image

Tim Wilson

Adobe Certified Instructor and Expert

Top Teacher

Hi - I'm Tim, a partner at Red Rocket Studio with my wife Ally where I train graphic design software and create video training content.

My clients have included BBC, Sky, Ford, Virgin, Barclays, Disney, British Airways, the NHS and The Times as well as smaller start-up companies.

After studying photography in my original hometown of Durban, South Africa, I started out as a professional commercial photographer before I settled in the UK where I became a Forensic photographer for Scotland Yard, London Metropolitan Police. I then became an Adobe Certified Expert and Instructor and have also been a University Lecturer for Graphic Design and Photography honour degree students in Essex.

Even when not working, you can find me doing my own illustrations and designs using a ... See full profile

Level: Beginner

Class Ratings

Expectations Met?
    Exceeded!
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

Transcripts

1. Introduction to the Course: Hi, my name is Tim Wilson. I'm a graphics instructor and designer. I've trained for companies like Disney, admin, the NHS, BBC, and numerous others. And I would love to help you to learn Affinity Designer. Maybe you've looked at designer and thought it looks too complicated. Or maybe you've been using Illustrator. Possibly you've been wanting to create amazing artwork, or maybe you just want to do something really simple. What ever the case, you've come to the right place. Let me take you through the software step-by-step. We're going to do it in bite-sized portions. By the end, you won't realize how much you've learned and how easy it was. Along the way. This course is specially made for designer version two. You don't have to have any knowledge. I'll take you through everything step-by-step. You'd be really surprised with how fast you learn. After half an hour, you'll be creating these professional looking icons and logos. So the first thing we'll do is we'll start off with some simple shapes, will then move on to more advanced vector shapes. Have a look at this. These are some of the amazing projects you'll work through with me and we'll be doing it step by step together. I can't wait to help you to learn Affinity Designer. So start right now. 2. The Best Way to Learn: Now before we get going with the course, there's a few things I want to talk about. First of all, the images that we're going to be using. Now a lot of the stuff we're going to be creating from scratch, but we will use a few images in some of the projects and tutorials. Now, there are some images in with your course resources. But if you wish to use your own images, that's absolutely fine. Or if you want to go onto the web and find some images, I use a website called unsplash.com, which do royalty-free images. The second thing is I've found the best way to follow this course is if you watch what I'm doing first on the video, and then at the end of the video, stop and try it out yourself. And if you're not sure, go back and watch the video again. If some of the videos are slightly longer, feel free to stop in the middle and try it out, and then continue and then try that out as well. So the whole course will be in bite-size portions and you'll be able to just watch a bit and do it. Don't forget if you have any questions, put them in the questions area, and I will try and get back to you as soon as I possibly can. Let's get started right now. 3. Introduction to the Interface: In this section we're going to look at the interface and I'm gonna show you what all those tools and the studios and panels where to find them ready. And then we're going to put together a very simple little document. 4. The Interface: So when you first open up designer to, you get this new document window that appears. Now we're going to be looking at all the options in here later. But for now, I'm going to click on Create and just bring in the default setting. So I've got a document in front of me. Now let's have a look at the interface. On the left-hand side, you have the tools. And you'll notice that your tools, well, they're in color, but some of them have got a little icon on the bottom right-hand side. If you click on those tools, you'll find that you can see other tools in there as well. E.g. if I go down to this shape over here, and I can then click and hold on that. And I can see all the other shapes or all the other tools in there at the same time. So you've got the tools on the left-hand side. And on the right-hand side we have these studio panels. Now. The studio panel, you can see at the moment is the color studio. But this swatches and strokes and appearances, so many different ones. All of these studio panels can be accessed by going to the Window menu. And you'll find that all listed down here. So if I say, oh, go and find the text character panel, you can just go down here to text and find the character in there. And if I go and choose it, you'll see it'll bring it up. Now these panels can be moved around so I can click on the name and drag them out. Like so, drag that one out in there. I can even go and pull some of them down. You'll find that some of them are a bit shorter and we can move them around, pull them out as we need. Now of course you can see I've made a total mess of my panels. So I'm going to go to the Window menu. I'm going to go down to the studio. And at the bottom it says reset studio, and that'll just reset all of my panels back to the default setting so you can't miss them up too much. We've got more options along the top. Over here. These options change depending on what tool urine. So as you go to various tools, you'll find that the options they do change. Finally, there's a shortcut. Now I'm not going to bombard you with too many shortcuts, but there's one that you might come across. And with that shortcut, if you press it, you will find that all of your panels and your tools just disappear. The shortcut is tab, you'll find it will hide all of your tools, toolbars, and the options as well as your studios. And you just press Tab to bring it back again. The great thing about this is if you want to show somebody something you're working on, you can just hide them very quickly, especially if you've pulled out some panels, you've got things in the way. You can just get rid of them and see your artwork without anything around it. Try those out, and then come back and we'll move on to the next section. 5. New Document: I'd like to close down this document, so I'm going to go up to the File menu, and I'm going to choose Close in there. I want to make a new document, so I'm going to go to File and New. And that opens up this new document window. Now, what we have on the very left-hand side over here are some different buttons. And you'll see this is the New Document button that I'm on. If you click on open, this will actually allow you to open up existing documents. I'm just going to cancel that. We've got recent documents in there. So anything you've been working on recently, there are templates in there and samples over here. So you can go in and open some of these samples and have a look at how they've been created. But we're going to be creating things from scratch. So we're going to go to new option. And just next to that, we have got a number of different preset sizes in here that you can choose from. You can see from the bottom we've got architectural sizes, devices over there, things like iPads, iPhones, etc. above that we've got some web options, photo options, press ready, and then some prints at the very top. Now we'll talk more about these in detail later. But the thing is that if you choose one of them, all it does is sets some of these settings up for you. So e.g. because I've chosen A4 over here, it's set up my A4 page for me. Now, not only do we have the loud options here, you will find this color options in their margins, bleeds, and scale. Now we're going to look through a lot of those throughout the course. But for now, I'm going to say there's two areas I'd like you to look at. One is using one of the print settings, either from print or preset or sorry, I'll press ready. Or going down and having a look at something like Web. Because the big difference you'll notice between the web and the printing options are that the print comes up in millimeters and the web comes up in pixels. The second thing that you'll notice is to do with the color mode, and you'll see it over here. We're gonna be talking about RGB and CMYK color later. But you'll see at the moment, if I'm on the web, it goes over to RGB. Whereas if I go up to one of the press ready options, it goes over to CMYK on the side there. So CMYK generally footprint and RGB is for screen use. But we'll get into those in more detail. It doesn't matter which one you pick. Just have a little bit of a look so you get to understand them. Secondly, the little button at the top over here allows you to flip between portrait and landscape on any of those sizes. If you don't like working with what they give you, you can always change it in here. If you have gone along to web. And you thought, I don't want pixels, by all means, change it in there. Anything that you prefer to work in, have a little bit of a look at those settings. Then click Create to open the document. And you can of course go down to File and close to get rid of it. 6. Introduction to Working with Shapes: In this section we're going to be looking at shapes. I'm going to start off with some simple ones, squares and circles. But I'm going to show you how you can customize them. With those customer shapes. You can build so many different logos. The project at the end is actually going to be about creating icons and logos, just using those little shapes. So let's get started. 7. Basic Shapes: I'm going to go and create a new document now. So I'm going to go to the File menu and new at the top. And this opens up my new document window. Now I'm going to be in the new option on the left-hand side. And that gives me all the different presets. And to start off with, I'm going to look at the print presets over here. And I'm just going to pick A4. Now, if you do use a different size, it doesn't matter for this example. I'm also going to make sure that I'm in landscape rather than portrait over there. It will just mean that my page will fit onto my screen a little bit better. I'm going to go down to create in here. Now, what I want to do is to start making some shapes, and this is where things start to get exciting. I'm going to go down in my tools on the left-hand side until I get to these little shapes down here, you can see this a cropping tool. Then we've got this rectangle, then an ellipse. And then over here there's a lot of different shapes and we'll be looking at some of those now to change them in a little while. But I'm just going to start off with the basic shape here. Now, I'm going to click drag, to drag out the shape. And you can see it comes in, it looks at very boring. It's a light gray over there. So next thing is, how do we change the color? Well, if you can't see the color area over here on the right, you can find it in the Window menu and a color there. And I'm going to go in here and just choose the color that I want from the outside. And then you can choose the shade of that color by clicking in the little triangle. Now, if this doesn't change, what you're seeing there, it could be that either the shape isn't selected, it needs to be selected over there. Or you might be on what is called the stroke. That's this one here, which is the line around the outside. So the stroke allows change the color. You can see as I'm clicking around, it's not doing anything to my fill color. So make sure you're on the fill and you can then pick a color from in there. Now, if your item is not selected, use the selection tool, that's the one right at the top. It's called the Move tool. And you can just click it to select it. Now, using the Move tool gives us quite a few options. Firstly, I can change the size of the shape by click on a corner and dragging it around. I can move the shape around. And I can rotate it by going to this little lollipop stick and clicking and dragging to rotate the item around. Now, when you're doing these, if you want to undo what you've done. And I'm just going to rotate this a few times. If you are on a Mac, you can use command and Z to undo. If you're a PC, it's Control and Z to undo. And you can see I can just keep undoing all the way. Now, the next thing with the move tool is if you drag a corner and you hold down the Shift key on the keyboard, when you scale, it will scale proportionately. Likewise, if you go to rotate and you hold down the Shift key, it'll actually move in small increments. So it's going in 15 degree increments. At the moment. I'm going to get rid of that one. So I'm going to press Delete or Backspace on the keyboard to remove it. Let me do that again. This time I will use an ellipse. So I'm going to go to the ellipse in there, click and drag. And if I'm dragging the shape and our hold down the Shift key, I will get a perfect circle. It's exactly the same with the rectangle. If you hold down the Shift key while you're doing that, you get a perfect square. Using my Move tool. Now, it's exactly the same thing. I can scale it up. If I hold down the Shift key, I can scale it proportionately and I can rotate it around. Not that you're going to notice much difference because it's a circle. If you wish to try some of the other shapes. By all means, go down here and pick a shape. And you can just click and drag to create your shape. Using the Move tool. Once again, we can move it around, we can scale it, hold down the Shift key, and scale it proportionately. Do have a bit of a play with that. And then come back and I'll show you how we can make these a little bit more exciting. 8. Selecting & Transforming Separately: Let's look at selecting shapes. I'm going to go over n. I'm going to draw a little shape in over there. And a second one here. I'm just keeping clicking and dragging to make my multiple shapes. And let's have some ellipses as well. So we'll have a little ellipse there. I'll just change the color to something else for these. Now, when you go over to the Move tool and you select shapes, you have to actually surround the shape to select it. If you go and click drag, you'll see if I click here, drag halfway over the rectangle. It doesn't select it. Now, if you come from the Adobe background, you're going to find that's a bit strange because with Adobe you just click and drag over half of them. It is something you can change in the settings if you wish. But the idea is that you click and surround the whole area to select it. So here e.g. if I click and drag over that one, even I've touched the others, it will only select this one in here. You can, of course also click to select items. And if you want to select multiple items, you can hold down the Shift key to select multiple items at the same time. Now, I'm going to select all of my items over here. And then I can do exactly what I did before. I've got to rotate option in there. I've got a scale option over here and I can move them across together. But there's an interesting option that we have in here. I'm going to go to the very top to the options for the tool that I'm in. And because I'm in the move tool, these are the options for the move tool. And there's some buttons here. And I want to look at this little button over here. And you can see as I move my cursor over it, it says Transform objects separately. If I switch that on, now you see only one of my shapes has become selected. And if I rotate just this shape here, it would affect all the others and they will also all rotate exactly the same. It's the same. If I scale it, they will all scale at the same time. So rather than actually doing them all at once as one big shape, this does them all as individuals. So if I switch that off, we go back again. And e.g. if I scaled them, they're all scale across. If I rotate them, they all rotate as one group. So do watch that little button there. Sometimes you want it switched on, sometimes you wanted switched off. It just depends on what you want to achieve from the artwork. Try that one out. 9. Customizing the Shapes: I've gotten rid of my last shapes by deleting them, either using backspace or delete once they're selected. And I'm going to go over to these shapes in here. Now all of these shapes have got their own options. So let me start with the rounded rectangle tool. By the way, don't worry, I'm not gonna go through every single tool here, just point out a few of them and the options. So the rounded rectangle allows me to click and drag to make the shape. Once again, we can change these colors exactly as we did before. I'm going to use quite a light color so that you can see this clearly. You'll see there's a little red dot. Now, I'm still in this particular tool. I haven't gone back to the move tool. And with a dot, I can click on the data. I can actually change or adjust the corners on that shape. Let me get my selection tool or my move tool again. Sorry, sometimes I call it selection, sometimes we call it move. It's the same tool. I'm going to delete that shape. Let's choose a different one. I'm going to go down to this star tool. Once again, I'm going to click and drag. And now you'll see this three little red dots. So let's start off with a one at the top. Now if I go to the one at the top and click, you'll see what it does is it allows me to change the corners and round them off. If I go to this one over here, once again, I can click and drag to round off the bottoms. And lastly, I can pull them in and pull them out. Over there. Every tool has got different options and it's just worth having a play with them to see exactly what they do. Let's have a look at one last one over here with quite a few options, and that's the cog. I'll click and drag my coke out. And first of all, starting from the middle, I can change the middle of the COG. I can go over here and I can adjust that in a tooth. I can go to this tooth here. I can change the angle of the tooth. In here, we can pull it around. And lastly, in here, we can adjust the bottom angle. So if you can't see those little red dots, it could be because you are on the move tool. You have to be in this tool down here in order to see them. 10. Moving the Nodes: I'm going to take one of these shapes here, just a simple little rectangle. And when we go up to the move tool and I click on the edge, it will scale the whole thing around as you've seen so far. But what I want to do is I want to actually select these individual points so I can move them without scaling the whole of the shape. To do that, what we need to do is to go up to the top. And these once again, are the options for the shape that I'm on. I'm going to go to convert to curves and you see it converts it into, well, little nodes around the outside is often known as points. Now that I've done that, I can go to my node tool, which is this one here. And I can then select individual nodes. You can see I've clicked on that one, It's become blue. And I can then drag it around independently. Same over here, I'll click and drag. I can select any of these. In fact, I can click and drag over multiple ones and move them together at the same time. So what happens if you go to the line? What if you click on the line and you can pull the line out. And we get little handles. These are called Bezier curves. And we've got little handles there which enabled us to control the curve itself. Now I'm going to be going more into the handles and working with the handles when we look at the pen tool later on. Let me get rid of these so I'm going to go back to my main Move tool. And once again you can see I can select it and I can scale it. I'm going to delete it. And then I'm going to use one of these custom shapes. So let me go down and find a custom shape that I want to try out. I'll use this PIE tool. I'm going to click and drag. Now, I want to select it individually. So at the moment, these little pies, well, the little dots shall I say, just to allow you to adjust the pie itself. But if I convert that to curves at the top, then I can use my node tool and I can select the individual points and move them around independently. Then we'll work with any of these tools here. So if you want to use the node tool, just select the shape first and then go up and convert to curves in this area along the top. Try it out. 11. Duplicating the Shapes: When it comes to making copies of objects, There's a number of ways we can do it. First of all, you can just copy and paste. I've got one shape here. And on the Mac, if I use Command C to copy it, and Command and V to paste, it will give me a second copy like that. I'll get rid of that. On the PC, it's Control and C to copy, control, V to paste. And once again, we get the copy. You'll also find the same thing as in the Edit menu over there. You've got copy and paste. But there's a slightly shorter way of working. If I've selected this shape, I can use on the Mac, it's Command and J, and a PC it's Control and J. And what that does is copies and pastes in one movement. You can see I've now got two of them like that. That's Command J or Control J. Lastly, we can also drag to make a copy. And on the Mac I'm going to hold down command. So I'm just holding down the command key and I just click and drag that object. Once again, I'm using my move tool over here. On the PC, it's Control and drag the object along like so. Try those out. 12. Corner Tool: What I'm going to do now is I'm going to take one of these little shapes. I'm using the double arrow, but you can do it with any of them. And I'm going to click and drag, click and drag my shape in there. Now I'd like to change some of these corners. So I'm going to go down to the corner tool, and that's about five tools down from the top. You can see I can then select the shapes that I want to adjust. And if I go to one of those corner tools, I can just pull it out to round off the corner. Let me do that again for you. So I'm going to use the corner tool. I'm going to select this shape up here. And then I can just click and drag to round it off. Once again, same thing here. Choose that shape or node and drag it around like that. 13. Boolean Operations: Let's look at creating some other shapes using what are called operations, are Boolean operations. This allows us to unite multiple shapes or subtract one shape from another. I want to start off with a little rectangle like this. And then I'm going to go and get an ellipse. And I'm going to put the ellipse on the right-hand side. Now I'm using the Move tool to select them both. So I'm going to click and drag over both of them so they're both selected. Then we've got a number of buttons along the top. Over here. The first button you'll see when I click it allows me to add them both together. So this becomes one new shape. Now I'm going to undo this. So I'm using either Control Z or Command Z to undo it. So I get back to my two original shapes. Let's change the color on that one over there. So I'm gonna do it again now with two different colors. And you'll see that it then picks up the color of the underneath object. Let's undo that. The second thing that we can do, and I'm going to select them both, is subtract one from the other. So if I go along to the second button there, this is my Subtract option and it will cut out one shape from the other shape. And do that with them both selected once again, I'm going to go to the third one. This just leaves the intersected area. Undo that, select them both again. This one subtracts the intersected area. And the last one divides the whole two shapes into multiple objects. So if I click on this one here, you'll see it's become multiple objects that's separate, that separate, and that is separate. Try that out and then we'll use this in a logo or a little graphical icon that will create. 14. Shape Builder Tool: In version two of designer, they've added in another tool which is really good. It's called the shape builder tool. It's down here and it works in a very similar way to the way that these tools up here work. What you do is you select your shapes. And then I will go across to my shape builder. But before I do anything on the image itself, I'm going up to the actions over here. If I click on Plus. Now when I move over this, first of all, I get these diagonal blue lines. And I can just click and drag over the areas that I want to add together or unite together. Let's undo that. If I go to the subtract option and then I move over, you get the red horizontal, red diagonal lines. And I can just click and drag to subtract the areas that I want to remove. The last one allows me to make a copy of a shape which is overlapping. So e.g. here, if I want to keep that, I can click it. And what is done. It's given me this as a separate shape. You'll see if I go to my move tool now and just move that out. That's now separate shape. And these two are still my existing two ellipses. Once again, do try that out. See how you get on. 15. Introduction to Project: Creating Icons & Logos: It's project time. Will love projects. Now, for this project, what we are going to be doing is we are going to be making some icons. And we're going to use the basic shapes that I've shown you already. And we're going to create three little, well, they're not that simple, but they look amazing and they're not gonna be that hard. Once I show you how to do it, we then need to create two more logos. One which will be a text logo, and one where we're going to make a little track. So let's jump right in. 16. Create a Character: Now we're on to my favorite part. That's the projects. For this particular project, we're going to make three little icons. So we're going to go into the new document. I've clicked on the New button over here and I'm just going to go down and I'm going to find the web area. Now. In the web area, I'm just going to pick a size that I want to use. I'm going to use this ten ATP, which in pixel terms is 1,920 by 1080. This is often known as HD format as well. You can do it a different size if you like. Remember, this is vector, so it's absolutely fully scalable. I'm going to click, click Create. And we're going to start off by creating a circle to make a little character. I'm going to use a circle here. And I'm going to click and drag. Now I'm holding down the Shift key, so I get a perfect circle. And this is going to be the body. The top half of this is the body. Now, I want you to notice that as I'm moving over this shape, you see I get a green line going up and I get a red line going across. What I've got is in the View menu, I have got my snapping switched on. If you go to View and snapping, you'll see this and enables snapping which you can switch on and switch off. Now, I've switched that on so that when I start to move things around, it's a lot easier and I can see when things are lined up and I'd suggest that you do that as well. I'll just close that down. Once again, as I'm moving across it, you'd be able to see the areas that it's snapping to. Now. I'd like to have this is the body, the top of the body. So I want to get rid of the bottom. So I'm going to take another shape, just a regular shape, a regular rectangle like that and put it over. You can see when I get to halfway because they're little line appears automatically. I'm going to use my move tool, select both of those shapes. And then right at the top, I'm going to go up and we're going to use this Boolean operation to just not link them together. I click that by mistake. The second one, I'm going to subtract the front from the back. So that's the body. And then we're going to have a little head over here. Now, before I do the head, I also want to remove parts of the body for where the neck we'll go. I'm going to take an ellipse. I'm going to draw an ellipse and I'm using the Shift key once again to draw my ellipse. I'm making a reasonably large, we're going to pop that in. You can see when it gets to the bottom over there. And I'm going to put that in something like like that. Now I'm going to select both of those shapes. And what I want to do now is to subtract one from the other. So same as before. I'm going to go up to the subtract option to get rid of it. Lastly, we want the heading here. This is just the starch by the way. So I'm going to do a little head, once again holding down the Shift key to do the head size, I think something like that. And I'm then going to move it into the right position. Over there. You can see they're all lined up. Now that I've got my items all as they should be, I'm going to select them both. I'm going to go into my color and I'm just going to change the color of the fill to something a little bit more obvious. I'm going to stop there so you can try it the same thing and just get yourself a simple little character like that. Don't forget to go to the View menu. Go down to snapping and switch on or enable all the snapping in there. And then use two circles to create this little character. And then we're going to give some ear defenders were going to give it hard hats. We're going to give it a hand as well in the next lessons. So create that one first. 17. Make Earphones: What I'd like to do now is to do some ear defenders for this character. So this could be the type of icon that you get on a building site. You've got to wear ear defenders or in industry. Or of course it could be headphones. It's up to you. I'm going to do them by using the Ellipse, creating a little ellipse. And I'm going to cut this ellipse in half now. So once again, I'll use the rectangle, drag it until I get to the halfway point. You can see how it goes green now. And then I'm going to use the Move tool to select both of them. And exactly the same thing. Just go to my boolean operations and subtract the front object from the back. Now that's going to go on this side over here you can see once again, I'm moving it around, getting into the right position with the red line. I want another one on this side, so I'm going to hold down. Now, if you are on a Mac, it's going to be command. If you're on a PC, it's Control. And just drag that over. And when I'm dragging it over, you can actually see that it's going to the right position, but I just need to make sure it's quite correct. In there. I want to rotate this one, so I'm going to move up to the little lollipop looking thing, start to rotate it, but I'm going to hold down the Shift key so it will rotate. Then 15 degree increments. I know that's exactly vertical. The last thing to do is to put the band that goes over the top of the earphones or ear defenders. And I'm going to do that by using another circle or ellipse. Now, I could redraw a new one, or I could just take this one. Hold down on if you're on a Mac, it's command. If you're on a PC, it is control. And just make a copy of that very quickly. And I'm going to scale it up. Once again, I'm holding down the Shift key to control that scaling. So what I'm looking to do is to make something which is just about the right size. So this is gonna be sort of going into the ear defenders. I'm looking to see that the ear defenders stick out the side. Now I'm going to take this and I'm going to hold down command again and make another copy down here. Select both of those copies and subtract the front from the back, which will leave me this arc shape. And that's going to be the band that goes over the top. I'll just move it into the right position. So now this one, the band and the two-year phones, if I select them. And we can do that by just clicking and dragging over them. But don't drag entirely over the head. Otherwise you'll select that as well. I can use my Boolean operations to unite those into one piece. Ryan, my characters all done in there. If you'd like to have a little bit of a go with that, doing some ear defenders or earphones. Try that out. 18. Make Hard Hat: Now let's do another little character. So I'm going to select this one and move it over to the side. And then I'm going to select the character, its head and body. Without the earphones. I'm going to make a copy of that. So I'm going to use Command J or Control J, which copies it and I can move it over. I could have done it using just Command or Control and dragging it as well. I just wanted to do something slightly different. So this time we're going to have a hard hat on here. So same thing again. I'm going to make a copy of the head to make the hat. So I'm just going to hold down Command or Control and drag it out. I'm going to make it a little bit bigger. So I'm going to hold down the Shift key. While I do this, I'll get a perfect scaling or proportional scaling, shall I say. Then I want to cut off some of this to make a hat. So I'm going to use a rectangle, click and drag until that gets halfway because I think that's where the head should go. Select. Both of those was my move tool and cut off one from the other. So that'll be the hard hat which will kind of go over there. Now, the hardhead really needs a little rim around the outside or on edge over here. We're going to use a different shape for this. I'm going to use this trapezoid shape. I'm just going to click and drag out something like that. You can always change it. I'm going to select it and move it into the right position. Once again, I'm just making sure that I'm lining everything up with those quick line functions. Select both of those. And then I can, I can unite them together, add them together, and I've got the little hard hat. Now, although it'll go on there. Look okay. I think I'd actually like to have a bit of a white line in here. So I'm going to subtract sum of the head of this character. I think I'll go down to there. I'm going to select both the rectangle and the head and subtracted. And now I can move my hat into the right position, checking that it's all lined up. Once again, try that one out, see how you get on. 19. Make Stop Hand: Our last character is going to be holding up his hand as if it's saying stop. So I'm going to select the character once again from here. I'm going to hold down my command or Control and drag it across to that side. And then I need to make the hand. Now I don't have much room to work there. So in fact, I'm going to move this up and excuse me, and design my hand over here, just giving myself a little bit more room. Now, I want to zoom in a little bit on this. So I'm going to use a shortcut for that. Now, on the Mac, it is Command. And plus on the main keyboard, not on the number pad, but on the main keyboard. And command minus to zoom out. On the PC, it's Control and plus to zoom in control and minus to zoom out. And I want to move this whole page across a little bit. So the shortcut is on the Mac and PC is to hold down the space bar that gives you the hand. And then you can just drag it around to where you want it to go. When you release the space bar, goes back to your Move tool or whichever tool you happen to be in. So I'm going to make my hand down. I'm going to use some little simple shapes for that. I'm going to go with a rounded rectangle. And this is going to be the fingers. So I'm going to make the first finger like that. I will zoom in a little bit more. So Command and plus or Control and plus to zoom in. And I'm going to go to the edge over here, pull that into rounded off a little bit. It's gonna be obviously very stylized. And these are my fingers. So I'm going to make a few copies of those are hold down the Command or Control key and drag a copy across. Now I want to do that again. Now watch this. If I do Command and J, it will do it again, but we'll also copy it. Command and J. Once again, this is known as power duplication in Affinity Designer. So once you've done one with the movement, just use Command or Control and J to repeat that process. Let's make this little fingers smaller. That's the ring finger, bigger one here. And the index, I think could be in-between those two. Now, I want the hand to be at the bottom here. So I'm going to use my rectangle, drawing the hand part. This is the palm of the hand in there. And same again, just go to the corner and click and drag to round it off just a little bit. In there. We just made sure I can get to it there. We are. Just having a few problems as selecting it and need to make sure that I'm actually on the correct tool. Now, I've made a very silly mistake in there. I've actually used the wrong tool. I use this one here. And I meant to round the corners this one. But that's no problem. I can always go and I can use my round corner or corner tool. And this will allow me to select the corners and then round them off a little bit like that. So even if you haven't used that one, you can still get to it that way. By the way, That was a genuine mistake. I wasn't doing one of those. I've made a mistake. Look at this. This is how you fix the things. I really did make that mistake. So lastly, I want a thumb. So I'm going to go and get one of the fingers. Hold down the Command or Control key, make a copy of that. This is going to be a little bit thicker, maybe a bit smaller. And that's going to be my thumb. Over there. Let's zoom right out. Now I'm going to select all of those. Just move it down. Let's get this one back to where it should be. I'm going to take this hand and just pop it next to the character so it's holding up his hand. To stop. Try that out. Use some of those shapes to make a little hand or any other shape you wish. 20. Add Text and Save: I'm going to move my characters a little bit further apart. I'm going to select that one. Move it there. Pop this one over little bit further into the middle. And this one can move in a little bit to there. I do want a bit of text below them. Now we haven't looked at texts yet in the course. But what we're gonna do now is we're going to go down in the toolbar to the type tools. And there are two texts tools here. One is called the Artistic Text, and one is called the frame text. And we'd be looking at the differences between those later. I'm going to use the Artistic Text. And this just allows me to, and drag. And you can see it drags out a little a that's showing me the size of the character. Then I can type straight in. So I'm going to put in stop. Now using my move tool. I can then move that into the right position. Over there, grab a corner and scale it up until it is the same width as the body. Do that again for these ones here. So I'm going to go over to the Artistic Text tool. I'm going to click and drag to make something roughly the right size. Hard hat. Back to the move tool. And I'm going to do the same thing in there. Just kept my text to go directly in line with the body. We've got one last one over here. Now, what you can do is you can take an existing piece of text, hold down Control or Command, make a copy of it. You can then just double-click to select it. And then you can change that to anything you like. I'm going to put in Protect hearing. And same again. I can then just move it into the right position. And I'm going to scale it up a little bit like so. That gives us our three characters. Now we want to save this because we might want to come back and add some more to it. So we're going to go to File, we're going to go down to Save As. And we're going to be saving this. Well, I'm saving mine on my desktop, but you can save it wherever you want. So I'm going to call mine icons. And what we're saving here are the editable versions of these characters. Click on Save. And that's done. You can close it down once you're finished and you've still got those editable versions, they have to work on later. 21. Project 2: Truck Logo: Let's do a little logo now. What I'm going to do is do a small truck with the words speedy delivery underneath it. And we're going to do that by creating basic shapes and then using the Boolean functions to put them together. I'm just going to get a rectangle like so. Drag out my rectangle. Now you can choose any color that you want from India. I'm going to do mine, has a gray. Then I'm going to go up to the tool which allows me to change the corners. It's called the corner tool. I'm going to click on this corner here and just drag inwards to round that off. Now this is the back of the truck here. But because I want the whole thing to look like it's speedy deliveries, I'm also going to go to the Node Tool and I'm going to get the back of the truck and I'm going to pull it right down. So it becomes a point. So it's almost like this truck is an arrow, but going in the opposite direction. Now, the front of the truck or the cab of the truck, I'm going to do in a very similar way. I'm going to use the rectangle. And I'm just going to start down here and draw the cab in. Like so. Once again, I want to round off some of its, I want to repeat that shape on the cab. So I'm going to use my corner tool, go up there and click and drag that down as well. So got that same sort of shape repeating itself twice. The next thing we're going to do is we're going to put some areas in for the wheels. So I'm going to use an ellipse. I'm going to hold down the trie that sentence again. I'm going to hold down the Shift key and draw in my little shape. And that's where the size for the wheels. And I'm going to take that, I'm going to put one over here. Now because I want to reuse this a few times. I'm going to hold down the Alt key and make a copy. Now, that's still got two shapes in there. So if I do that, you can see there are two shapes. So I'm going to get rid of the one. We can use the Boolean functions at the top. Or we can go along and we can use the shape builder tool. And if I went to subtract, and I can then drag the bit that I wanted to subtract. Now, I've still overhear got a, another shape exactly the same size. And if I click and drag over there it is down there. And we're going to have two wheels at the back, So one there and one there. So same again, I'm going to select all of those shapes. I'm going to use the Shape Builder. Make sure I'm on the subtract right at the top there. And then I can just subtract those and subtract that. Now, let's put in some wheels. So this will be nice and easy. I'm just going to get the elliptical tool. Draw in the wheel. I want something like that. I'm going to make those black. And as before, we will move them into the right position. I'm using the arrows on my keyboard to just move it around. It's absolutely spot on its hold down the command or the Control key and make a copy of these and their command and control again, to make another copy in their neck sort of gives us this arrow type of track. So finally, I'm going to put in some text. I'm going to do that by going down to the text tool and use the Artistic Text tool. Click and drag. And let's call this speed. Spell it correctly. Speedy delivery. And I can then take this. In fact, I'm not 100% convinced about those wheels being black, so I might decide to make them all the same color. I'm going to scale it down. Now I'm holding down the Shift key. So when I scale it, it's proportional. And then I can pop it onto my word delivery. In there. Have a bit of a go with that. That's just a very simple little track, but you can do all sorts of shapes using those Boolean functions, cars and animals and whatever you like, just using the basic shapes that we've got in here to try it out. 22. Project 3: Text Logo: I'm going to go to File New and just do a new document any size. It really doesn't matter. Now what I'd like to do is to take a little shape and I'm going to use the rectangle in here. So for this project, what I want to do is I want to mix together a shape and some text using the Boolean features. So I'll give that some color in here. Let's just choose a quick color and I'm going to use the text. So I'm going down near the bottom to the Artistic Text tool. Remember you click and hold on those to bring out the other tools. Make sure you're on the artistic tool. You can then just click and drag to the size that you want your text to be. So I'm gonna go with something like that. I'm just going to put in the word groovy. Now I'm going to select the text. And right at the top here I'm going to change the type to something a little bit well, thicker maybe in here I could try something like bold, that might work. I think I'll go with that. Now. I'm going to make my text well, slightly larger or slightly smaller, shall I say? It kinda fits over there. And I want to move the text up slightly. So I'm using the up arrow on the keyboard to just very, very gently move it up. Now I'm going to select both of those. And then I'm going right way up to the top, to the Boolean features. And I'm going to go along and I'm going to use the fourth option alone. This is called XOR x. And I'm going to click on that and you'll see what it does is it knocks out the overlapping areas. So now I can change that to any color that I like. And I've got a really interesting looking logo very, very quickly. Tried out with some text and use different shapes with it as well. 23. Introduction to Color: In this section we're going to be looking at color. So we'll start off by looking at color with fill and stroke, and I'll once again explain exactly what that is. Then we're going to be going into our swatches and we're gonna be looking at flat color. We'll also be looking at gradients and we'd be creating something amazing. Gradients. Anyway. Let's jump straight into that. 24. Fill & Stroke: Let's have a look at the fill and the stroke. So up here in the color area, we have got a stroke that's the little outer circle and a fill, which is the inner circle over here. And you can see it's replicated down the bottom with the outer circle, the inner circle. So if I've made a shape like that, at the moment the inner circle is selected, the inner circle there. I'm changing the fill color. If I click on the outer circle over here and you can see it's replicated over there. Now what I'll be doing is I'll be changing the stroke or the line around the outside. Now the stroke itself is very, very thin, very narrow at the moment, so you can't actually see it. So I'm going to go over to my Stroke panel in this studio here. So I'm going to go over to stroke there and increase the stroke width. And you can see how it just increases my stroke. I'll go back to color. And then when I'm changing that, you can see how it's affecting the stroke. It's exactly the same down here. So if I wanted to maybe change the colors in here and I wanted to actually have the pink fill and the red around the outside. What I can do, I think just click on that little double arrow there and you can see it just flips it around. And we've got the same thing here. So we can just flip those around to change the fill and the stroke separately. Now I'm going to make another shape in here over the top of that one. And once again, I can go in here, change the fill and stroke. But what I'd like to do now is to change the opacity. And you can see how I can change the opacity of the fill. If I click on the stroke, I can then change the opacity of the stroke. So we can affect the opacity of either the fill or the stroke independently. Now if you don't want any fill or stroke. So I'm going to go to my fill for the moment. You'll see if I made it white. Well, it's made it white, but Section knocked out the shape in the background. Let's just go back again to a color. Whereas if I clicked on this little circle with a line through it, this is kind of none. It makes it totally transparent. I could do the same. Let's give it a color with stroke as well. So I go to the stroke and I could choose none if I didn't want a stroke on there. Now let's just make sure I can click on that. There we go. So you can actually have both none fulfill stroke and this makes it invisible object. We'll deal with those at a later stage. But they can be quite useful because initially when you look at them, you think, why do I want that? Now, as I said, we can get to these on either of these areas. But you can also go up here to the top where it says Fill in there, there's a fill or stroke as well as a option for the size of the stroke. So in here I could choose the stroke color and I can go in here and I can adjust the fill. These are just shortcuts to get to the same areas that we're looking at over here. Try those out a bit of a play with them, get to know them a little bit. And then we'll take it on to the next area. 25. Color Panels: Now the little colored area here that we're using to control the color can be viewed in different ways. You'll see if I go up to the top to the civil. It's called a burger menu. Click on that. We've got a wheel, we've got sliders. So we can use the sliders to adjust the color boxes in here. So once again, I can use this little box down here for the lightness as well as the saturation. And I can change the hue. The hue is the color on the color spectrum up here. Even that I can change. So instead of having the hue is the slider, I can have the saturation is the slider. So I can go from fully saturated to gray. Or once again, the lightness. So going from white, right the way through to black and all shades of lightness in there. Now we've also got a tint option here so you can take it any color you like and just tinted to lighten it up. Now this is different to opacity. If you use the opacity, the shape will become transparent. Whereas if you use tint, it just tends to that color so you get a lighter version of that color. Now, you might have tried this already, but if you go down to the left-hand side, to the bottom of the toolbar and double-click on the fill or the stroke. It opens up another of these color choosing areas. And it's very similar where we've got all the different styles of color choice in here, from RGB sliders to HSL. I quite like these, which is hue saturation and luminance or luminosity through to CMYK sliders, hue, lightness, and saturation. There's just so many ways to choose color. You don't have to use them all. Just pick the one that you like. Lastly, up the top here, there's a little shortcut to the same color wheel that we have over here. So I can just click on those to jump into the color wheel. 26. Swatches: Let's have a look at the swatches where we can store colors or use existing colors. I'm going to go over to the swatches. And if you can't see this panel, don't forget, you can always go to the Window menu and all of your panels are listed in here. I'm in the colors panel at the moment and I can just pick colors by clicking on them. And you can see it changes my fill color. If I'm on the stroke. Once again, it will change the stroke color. But there are other swatches in here too. If I click where it says colors, you can see there's gradients, is grays. Over there. We've got some system colors as well. And then down here we've got our spot colors, which are the pen tone brand of colors. And if I went to one of those and just chose it, I just choose this CMYK one. You can see we've got lots and lots of CMYK or Pantone colors. Now I'm going to go back to the top, to the colors area. And if I now go up to the drop-down menu, what you'll find is we can actually add our own custom palettes in. But there are two types of palettes. The one is the document palette. Now, if I add this palette in and it's asked me to name it, and I'm just gonna give it my name. So I'm just going to call it Tim's colors. And click. Okay, I've now got a blank panel or blank palette in there. If I want to add a color. So I particularly like they're green. I can just go across here and click to add that color to my palette. Let me just go here and choose that purple that I had. I can add this in and go back to my colors. I can make up some other colors in here. Back to my swatch added in. This particular palette that I've created is only available in this document. You'll see if I go and make a new document. In here, let's click on Create. That palette has disappeared. If I go back to my previous document, the one that I made the palette in, you can see it exists in the top. So a document palette is only there for that particular document. But what about if I wanted to have this permanently for every single document? These could be e.g. my brand colors. Well, what we do is we go to the top and we do an application palette. Now with an application palette, I'm going to call this my purple range. You can see the little icon is slightly different. So I'm going to add that purple there. And I'm going to do another purple. Let's add that one in. And a last one. Over there. If I click in that drop-down menu, you will see it's now got those system pallets or the, the base palettes that we have. Plus it's now got a new one called the purple range. If I go into a new document again, purple range will still be there. So you can always add in your own palettes into Designer. If you want to get rid of your palettes, you can go up or if you found that you misspelled them, you won't change the name. You can go up here and you've got some more palette options so I can rename the palate if I've misspelled it. So I'm just going to call this P range. Click. Okay. And then in here, we can also duplicate palettes and we can delete palettes as well. So I'm just going to delete the one that I'm in, which is P range, and get rid of it. Try that out, have a bit of a go, make yourself an application palette. Try some document palettes, and if you have got your brand colors, you can always add them into your application palette while you're doing it. 27. Gradients: Let's have a look at creating a gradient. What I'm going to do is I'm going to get a simple shape up. You can use any shape you like. Then I'm going to go along and I'm going to find that the tool for the gradient. Now in the toolbar, it's, well, it's almost halfway down. It's this little one over here. And if I hover over it, you can see it's called the fill tool. I'm going to click on that. And then all I do is on my shape. Click and drag. And you'll see that we've got these little stops either end. If I click on one of them, I can then go and choose a color. For that side. I'm going to click on this side here. Once again, pick a different color. Now I can always go along and I can the gradient around. So I'm still using that filter over here to move it around. If I go back to my move tool, you'll see that that little slider in the middle has disappeared. So of course, if I want to edit it again, I just go along to the fill tool again and I can then pick that up and move it around. Now, not only can we move the stops around, we've also got a halfway point. So if I wanted more pink or more blue, I can just drag that midway point between them. Try that out, and then we'll make it a little bit more complicated. 28. Gradient Stops: Now, not only can we have the two stops on there, you can add in there more stops by just going to the line and clicking it. And then once again, I can just choose a color to go in there. Let's add another color over here. And I can add as many of these in as I like. And I can still go back between them and move the mid points around. I can move the color stops around as well. So we can just drag this wherever we want. Now, if you want to delete one, you can just choose the stop and press Delete or Backspace on your keyboard to get rid of that color. If I go to this one here and delete it, you'll see it's just shortened. My gradient up to the last stop point. Once again, have a go with that. 29. Save Gradients: I've created this green to yellow gradient and I wanted to actually save it. Now, I'm going to go along in my Swatches. I'm going to save it in the gradient area, but you can save it into any swatch. You don't specifically have to put it into the gradients swatch. So mine goes from yellow, green. Now you'll see that I've clicked on that green stop. So my main color that I've got up here is green. If I clicked on the yellow, my main color is yellow. If I were to go down here and click on the little Add to Swatches button. What it will do is it would add in the solid color rather than the gradient. So to add the gradient in, you need to use your move tool. So you select your object with the Move tool. Now you can see that it's actually showing the Fill having a gradient on it. And if I were to click on there, I can then add the gradient in there. Let me do another one over here very quickly. So with a different shape. Let's start off with a circle like that. Go to my fill tool. I'm going to go and change this to purple. And this side over here, I'm going to make that pink. So I'll just go into my colors and choose a pink for that. It's got something a bit brighter. And then to add this in, I go into my gradients or wherever I want to save it. Make sure I go back to my move tool and then I can just add that gradient straight in. You can also get rid of gradients in here by right-clicking or any fill for that matter. And just choosing delete fill to get rid of it. 30. Introduction to Project: Create a Business Card with Gradients: Project time again. I love the projects, but I think you know that by now. For this project we're going to create a business card. However, you don't have to do this as a business card if you want to make into a poster or you want to make a social media post, that is absolutely fine. But we're going to use a lot of gradients for this. And we're going to create something which will look amazing. Have a look at this. It looks so cool, right, doesn't it? Okay, so let's just get going. 31. Set Up Document: Now onto one of my favorite areas, the project again, what are we going to do is we're going to create a little business card. And we're going to start by going to File and New to create a new document. And you can see in this area here in the left-hand side. And I've gone into the press ready part. There is already a business card size. You might find that after told your printers, are they actually want a different size. But in here, I've got my page size for width and height. And we can of course change that if we need. Now, one of the things you'll need to make sure that you've got for this printing is a bleed and we've set the bleed to the industry standard. In fact, I'd say we've set it. It's already been said because we're impressed, ready in here. We're also in CMYK mode, which is cyan, magenta, yellow, and black, which are the inks that the printers will be using. I'm going to click on Create. So this is the first part of the project. So if you'd like to set up your page like this as a business card, will then start to do a graphic for it. 32. Hills with Gradients: Now, don't forget when you are creating your graphic. If you've got any ink that's going to go to the edge of the page, make sure it goes to the edge of the bleed, not the page itself. And that way, you can be sure that when the guillotine cuts this paper up, you won't have any funny little white areas where it's maybe missed a bit. So what we're gonna do is we're going to start off by making a graphic. I want to do a field with a sunrise. So this business card is about a business called Sunrise products or something that I'm going to go down and I'm going to use a shape in here. And the shape I'm going to start off with, here's the PIE tool shape. So I'm going to draw out my Pi. Now I want to make sure that it's a perfect circle. So I hold down the Shift key whilst drawing it out. I can always scale it up later on. And I'm going to go in and I'm going to click and drag one of those little circles to make a quarter of a circle. Like so. Now I've got that, I'm going to go back to my move tool and just move it around. I'm going to make it a lot bigger. So I'm going to just scale it up. And once again, when you're scaling things, make sure you hold down the Shift key to scale proportionately. So I'd like this to be pretty large. I think something maybe along that line then you can see I've put that graphic right the way up to the edge of the bleed, not the edge of the page. Now what I'm going to do is I'm going to add a gradient because this is a hill and it's going to be a son which is going to be coming up through the hill. Fact I might even move that down a little bit like so. So to make my gradient, I'm going to be using the fill tool as we've looked at in this lessons so far. And I'm going to click and drag on there. Now, I want to find some colors from my hills and I'd like the hill to go from brown, earthy brown to a yellowish color. So I'm going to go over to my color areas. I've clicked on the bottom stop and I'm going to pick the brown color that I want in here. Or I could go to my swatches and I could choose the color from there. So maybe I'd start off with a brown like that. In fact, I'm going to go to the colors here, and I'm going to just drag that around to find the exact color that I like to use. I think something like that, quite a darkish brown. And then I'll go to the other stop over here. And once again, maybe choose a different color. Maybe something a little bit more yellow. So I'm looking into Earth and soil, that type of thing. Now that I've done that, I want another one of these to go the opposite direction over here. So one of the easiest ways to do it is to hold down. Now, if you're on a Mac, it's the Command key. On a PC, it's Control and just click and drag that shape out. Of course that shape is the wrong way round. But if you go to the top, you'll find that you can actually flip things around. And I'm going to use this little option here to just flip that shape over and I can drag it back again into the right position. You can see when I'm dragging this across, how that little red line appears along the top here to show me that I've got it absolutely in line with the other one. I'd like something like that. Now because it's a bit too similar. I think I'd like to actually change one of the gradients. I might go to this one here, go back to my fill tool and just adjust the gradient, like so. And onto this one here, let's adjust that one a little bit as well. Now of course, I might want to be using this gradient later on. So I'm going to select the shape, go to my swatches, and I'm going to put that gradient into my Gradients swatch over here. So all I need to do is while I'm on the gradient, click on the little plus there, and I've added into my gradient so I can always use it at a later stage. Have a little bit of a go with that. Create two hills. They could be brown, black minor, or you could do them in shades of green. It's entirely up to you. 33. Sky & Sun: Let's put in the sun and the sky. So I'm going to use a circle. I'm going to hold down the Shift key to get a perfect circle for my son. And I want a bit of a gradient on that as well. So once again, I will use my gradient tool, my fill tool, click and drag down the sun like so. Go to the top, pick the color that I want. I want this to be subtle. I'm going for an orange, orangey red color for the sun. So it's going to be sort of like that. Then maybe the other side will be a different shade but slightly, slightly similar. So if we can do more yellow in there. Now, my son is above the hills, so I want to move it behind the hills. So I'm going to make sure it's selected and I'm going to go along to the Layer menu. And I'm going to go down to arrange. I'm going to say send it to the back rather than move back one that'll move it only one object backwards. If I say move to the back, it will move it to the back of all the objects. There it is. I still moved around in there. I'm going to just line that up right in the middle. Like so. I want to do the sky now. So similar, I'm going to use a rectangle and I'm going to draw in the rectangle all the way up to the bleed. Let's move that across AC. So once again, I'm going to go to the layer down to arrange and move it to the back. Now of course, I need some different colors for my sky. So I'm going to make sure I go down to the gradient tool. I think the top, I'm going to maybe try something more bluish, purple and then the bottom, we'll have a light color like so, and maybe even a white. You can just play around with your colors and see what you get and create something which looks interesting. And if I move these around, I get something more purple or blue. Depending on what I want. There we go. That's a little bit brighter. Now that I'm happy with that. I also don't want this area of the business card to be pure white. So I'm going to make a shape to go over there. It's not going to be a gradient, just going to be a flat color. So I'm going to put in a shape like that up to there and go and choose my flat color and I'm going to choose black to go in there. I want to lock all these objects so they don't move around when I start to put in some text. So using my move tool, I'm going to make sure that I select all of them. So dragging over all of them so everything is selected. Then we can go to the Layer menu and find Lochner lock is about halfway down. You'll see we've got a lock there and you've got unlock as well. So I'm going to choose Lock and those all locked so I can't move them by mistake. So have a little go upload some colors, get some gradients going on, make your shapes in here, and then we'll put in some text and export it out shortly. 34. Adjust Your Colors: I'm ready to put my texting. But looking at these colors, I don't really like them. And that's the great thing about vectors. We can always go and change the colors and the sizes later on. So what I'm going to do is I'm going to go along and I'm going to unlock everything. So I'll go to layer and choose to unlock all. And then I can start to move these things around. So if I wanted my son a little bit lower, maybe I'll do something like that because I want more text above the top. I'm going to go along to my hills. And I think they'd probably look better in green, to be honest. So I've already saved some green gradients earlier on when I was demonstrating the gradients to you. And I could try those out and see how they looked. So let's have that one over there. And I don't like the angle that it's at. So I will use my gradient tool and just drag it the other way. So let's drag it down like that. And the same with this one over here. So I'm going to select it and choose a different gradient. And different, I mean, the same as the other one. They're exactly the same thing. I'll use the fill tool and just get the light part I think at the top, maybe something like that. And then my sky looks a little bit too bright up there. So I might change that and use this of the brown gradient as a starting point. I can still go in there and click down here and maybe change that to something else. Maybe we'll go for a brighter, brighter orange near the sun. And the top. I'm going to move that around to another exciting color. So let's go with purple. As you can see, I'm just playing with the colors. And when I'm happy with that, I can stop and lock it up again. Now, we can also move some of these shapes around so I could select those shapes in here. Now you'll see that I'm having trouble selecting the hills because when I drag over them like that, in fact, they're much bigger than where I'm dragging. To select them, I would click on one, hold down the Shift key, and then select the multiples like that. And I can move them down. And I'll do the same with the sky and just drag this guy down as well. When you happy playing with all of these bits and pieces. You can then read lock them again. I'm going to try making it further up. And once again, move my sky up as well. When you're happy with them, select everything. So once again, you can just drag across, if you can't select all the bits and pieces, hold down the Shift key to select as well, and then go to layer and lock it out, make some changes to your colors. 35. Add Your Text: Let's add in some text. Now. I'm going to go down near the bottom to the Artistic Text tool. I'm just going to click and drag to get the text correct. So I think I'm gonna go to the size or like that. We can always change it later on. And this is going to be Sunrise products. So I'll just do a return sunrise product. And of course, I can always select that, go up to the top and choose a different typeface. If I don't like the one that I've got there. I think for this, I need something which is quite delicate. Like that. We can adjust the text size-wise by grabbing a corner and scaling it up or down. I think I'm going to go with something like that, which I'll place over there. Now, I'd like this to be white rather than the black text. With the text selected. I'm going to go up to the color and choose white in there. Now for the text on the side, which would be my name, address, contact details, et cetera, for this colorful business card, I do the same thing again, use the type tool, click and drag to put the text in. You can see it's remembered that I'm on white over there, which is really useful. I'll put in my name over there. And of course I could do a return. I'm Nir London, UK. Let's have a telephone there, and that'll just be 123456. So I'm going to select that bit of text in there with a phone number up to the top and just change the size using the point sizes over here, something like that. And I'll move that into the right position wherever I want that to be. Let's pop it right at the top. Be careful putting things right way to the edge of there because the guillotine is going to cut off that extra bit over there of the bleed. So make sure that you give it plenty of room. I'm going to place it in the middle of that black area. If I had a logo, maybe I'd put it in over here as well. You don't have to place the name there. If you want to put it in there, that's absolutely fine. Maybe make it a bit smaller like that. And you can then bring in a logo that you could place into there as well. It's entirely up to you. You do what you want with this. Add some text in. 36. Export as Print Ready PDF: Let's save this document out. I'm going to go to File and choose Save as. And I'm just going to give it a name, so I'm going to call it B card. I'm saving it wherever I can find it later on in, so in my case it's the desktop. Now, I want to export this out as a PDF for the printers. So I'm going to go to File, I'm going down to Export. And in here we can choose how we want to export it. Now, you might find that yours comes up and it shows the PNG to start off with. Or you might find a jpeg. Is there. These are great, especially if you're going to be sending this to a client to have a look at it, you could just send them a PNG file or a JPEG to check out. But we're going to be using the PDF option over here, which is what the printers will want. Now there's a few bits that we need to make sure that we use in here. And that is down over here in the advanced settings. Now of course, if you can't see them, just click on the little arrow next to the word to open them up. And I'm going to go down to near the bottom. Actually. What I want to do is I want to make sure that I'm actually sending the bleed and the printers marks with this document. And I'm going to say include printers marks over here. So I'll switch that on. You can see now how it's actually showing my document as it will be in the PDF with all the printers marks around there. But I also need to make sure that I include the bleeds or switch on include bleed. And you can see now that my document is slightly bigger than the cropped area, there's a little cropping marks in there. Now, once I've done that, I can export this out. So I'll click on Export. And of course I can save it wherever I like. I'm just going to choose Save in there. It's going to have a quick look at that. I'll just go onto my desktop. Over here. There is my business card PDF. I'm going to double-click. I'm going to open it up. In Acrobat. You can see all of my marks, printers marks are all there. It's ready to go to the printer. Try that out, save it out. Exported as a PDF file. If you don't want this to go for, for commercial printing, you don't have to switch on those printers marks or even the bleed and you could just save it out directly. Have a go. 37. Introduction to Using the Drawing Tools: One of the most amazing tools in designer or the drawing tools. And there are a number of different drawing tools. We've got the pen tool, the pencil tool, amongst others, need to be taking you through those. So you will be able to create your own custom shapes by the end of this section. 38. The Pen Tool: Let's have a look at creating our own shapes. I'm going to be using the pen tool and that's on the left in the toolbar, and it is the little pen. Before I actually start making my shape, I want to go over to my color area. And I'm going to be using a stroke. But I don't want to fill for this. It'll just make life easier. So I'm going to click the little None button so I just have a stroke no fill. Now what I can do is I can just click point-to-point to make my shape. Now when I get to the end, I don't have to finish it off if I don't want to, I can leave a shape open like that and even fill it. You'll see I can choose a color to fill it. But let's get rid of that. Or I can actually finish the shape off. Now, if I want to adjust the shape, then I would go down. And if I were to use the Move tool, I can move the shape around. I can rotate it and I can scale it as you've seen before. If I go down here, three tools down to the node tool, then I can select the individual nodes I'm just clicking and dragging over node is selected. I can move them around wherever I want them to go. Now, you can just click and drag and make your shape pretty roughly and then move the nodes into whatever position you like. We can also click and drag on the lines between the nodes to make curves out of them. 39. Draw a Fish: So let's create a little shape. I'm going to use the pen tool. And I'm going to start over here. I'm going to create a fish shape. I'll click once. And then I want my fish to kind of go round like that. So I'm going to go up to the point where the top fin goes and click. So I just get a straight line and then to the top of the fin, bottom of the fin and down towards the tail. I know it looks nothing like a fish at the moment, but bear with me. And then I'm going to do the tail at the end. And then the bottom of the fish, once again with a bit of a thin there and back to the front. Now that I've got the basic robo fish, I'm going to go and use the node tool. And I can then go to these lines and I can pull this line out to get the head of the fish. Like so the body of the fish, I'll do the rest of that as well. So I'm just clicking on the line and dragging. So I can drag out to there. Now you can still move these points around if they're not quite in the right place. For the tail, I'm gonna pull it in. Now, have a look at where I'm actually dragging from. If I drag from the middle, I get that nice perfect semicircle. If I drag from the top, it will put it in from the top. But you can see how it's actually overlapping the other line in there and same with the bottom if I drag it from there. So you just drag it from wherever you want. Now exactly the same. I can go to these bits here and just pull them out. Maybe can get the tail to go round like that. Round like that. And the same with these fins or pull that one out and this one in a little bit, this one's going to come in and that one is going to come out. So do have a bit of a go with that. Try a fish, try any shape you like rarely, but experiment with those with that Pen tool and the node tool. 40. Bezier Curves: Let's get rid of this fish, so I'm going to select it and press Backspace. Now. Doing that meant that we actually had to go round the fish twice. So what you can do instead is you can click and you can click and drag to make curves as you actually drawing them. And you can see here I can just keep clicking and dragging to make curves all the way round. It's just click and drag. Click and drag over there. And if I just click, then I won't get any handles. And when I click again, it will make a corner point like that. Click and drag makes a handle. But if you just click, you go back to straight points. I'm going to remove that. So let's get rid of all of this and delete it. So going back to my pen, I want to draw the fish. So I'm going to start at the front again. And I'm going to go halfway up. It's, I suppose is its head rarely. And then click and drag to get a bit of a curve going on. And then I'll click and drag, Sorry, I'll click over here. So I get Click, click and drag, click. And then for the top fin, click and drag, and click, click and drag and click. We're getting extra points in here. By doing this, it's not a problem, gives you more control. Click and drag and click. Same again. You can get so fed up with me saying click and drag and click cell stopped doing that. Once I've done this and I've finished it, I can then go round and use my node tool to just adjust some of these points. If I wanted. Using the Node tool, I can then either move the points around themselves or I can go to the curves and I can adjust the curve using the handles. Over here. You'll notice that my handles affect one side or the other. And when I twist them, they both twist together. So we get this really good very smooth curve here. These by the way, are known as Bezier curves. So it was named after Dr. Bezier, whoever he or she might have been who invented the math behind it. So do try that out. It's Click, click and drag. And you can see there's another handle up there. So the next time I click, I will get a curve going on there. If I just click like that, There's no handles. So you just get a straight line, click and drag. There's a line coming out of that handle coming out. So if I go over here, click once for my next node. It will just follow that line around. Have a go with that, try practicing. It takes a bit of getting used to. But once you've mastered it, you'll be so fast. 41. Smooth or Sharp Nodes: I'm going to draw a little shape over here. This isn't anything in particular, just a few points to make an odd shape. Now, the other thing that I can do is rather than actually using my Node tool and pulling on the lines themselves, I can go and I can select individual nodes. And then if I go up to the top, you'll see there's a convert option. So the first one converts curves into straight lines are sharp edges. If I go along here to the second one, this will convert the node into a curve. You'll see if I click on it, I get the two handles and then I can adjust those handles and pull them around as I need. If I went to this one over here and clicked on that, I can then get rid of that handle. So this is now a sharp curve. There's no handles coming out. Now if you're wondering about this last one here, this allows you to take a point or node like this and make it into what's called a smart curve. And what that does is it just makes that curve really go from one side to the other in a nice, smooth way. If you clicked on that one again, it wouldn't have done anything at all. In fact, I will just undo that and show you I can click on this. Nothing will happen. So this just takes your curves and smooths them out as much as as you like. You can still go and grab the handles and pull them around. If you wish. Try those three little buttons out, particularly these first two here, are very useful because you can then just to smooth out anything that you like or get a sharp corner from any smooth object. 42. Split & Join Nodes: I've got four little lines in here. And once again, going back to my node tool, if I were to click, you can see that the last node here is red, and it's got a little lines sticking out of the little red lines sticking out of it. Now, especially if you come from something like Adobe Illustrator, you won't be used to what this is. This shows me the direction that this part is going in. And this will become more useful later on when you need to know about the direction of the path. But for now it just shows that it started here. And this is the end of the path. If you don't want to see that little red line, maybe it's getting in the way or you just don't like it. You can go up to the top where it says Show orientation and switch it off. It will still show red at the end of the path, though. Now, the other thing that we can do with shapes like this is we can use some of the different actions that we have in the top. This one over here, which allows us to just close a curve. So if I clicked on that, you'll see it'll just close from the end and point to the start point like that very quickly. We have other ones in here where we can actually split nodes. So if I were to select this node here and go up, I can actually break that node. Click over there. And you can now see I've got that as a split node or the path has been split. 43. The Pencil and Pencil Smoothing: Now we're going to go down to the pencil tool that's just below the pen tool. If you click and hold, you'll find is a pencil tool and a vector brush tool. We'll start with the Pencil tool. Now. Up to top, we've got the Stroke option, and we've got, we've got the width. I'm just going to make mine a little bit thicker in there and ready. This is just a free hand way of drawing. It does make a line which has got nodes on it. So you can still adjust it. You can use your node tool and you can click on those nodes, pull them around, and change the Bezier curves exactly as if you've made it with the pen. But when it comes to drawing, we've got a few more tricks that we can use. The first one is with the pencil. If you switch on sculpt mode, then you can draw things in small increments. Let me show you what I mean. If I was drawing a fish and I drew the top, it like that. And then I let go. And then I drew the fin appear. You can see each one of these sections is a separate object. I know it doesn't look very good yet, but bear with me. And you can see each one of those is separate. But if you switch on Sculpt Mode, you can do those and they'll all become one shape. So we'll switch on sculpt. And same again. I can just draw my start, my fish there. I've let go, go back, click on the Start, and draw the next bit. And once again click and drag to draw the next bit. Click and drag to draw the next bit. This is now all one shape. If I click on it, you'll see it's all one shape, like so. The next thing that we can do, and I really like this is the stabilizers. Now, I'm going to switch on the stabilizer. And there are two stabilizing options that we have. Now I'm going to start with rope mode. So when you're drawing In rope mode, It's like you have a little rope. You see the red line there. And as I'm clicking and drawing, it's pulling the line along the rope, which actually smooths it out quite a lot. When you let go, it just becomes a normal Bezier curve. Now we can actually change the length of that rope. If I go in here, I can make it quite long. So this time when I'm doing, I've got a very long rope which was smooth things out quite a lot. Let's get rid of that. That's the 11 option that we've got. The other one is called Window mode. Now, when I draw with this, you'll see it looks like the rope. But look at the length if I'm going really slowly, it's very, very close to the pencil. If I go fast, it becomes much longer. So instead of a rope, it's almost like an elastic band that you're drawing with. Those two personally, I find this one is more controllable because of the length, but it's entirely up to you in the way that you work. So I'm going to take my length down a bit because I think that was far too much. And I can draw the fish again. So I'll just go up here and draw a nice smooth line for the start of the fish from here. Oops, missed that. Now I'm going to undo. So I'm using Command or Control and Z to undo. Back to here, click and drag to make the top fin. And this is all one line. Now, it would be if I start in the right place, I'm going to have to use Control or Command Z. And just make sure I'm on top of that shape. There we go. I can keep going round. I won't do the entire fish this way. As you can tell, not be as accurate as I could be. There we go. I'm just gonna do the top half of the fish there and up and down. It's great for free hand work. I probably wouldn't use it to draw a fish like this. But if I was doing something, particularly if I was using a graphics tablet, the pencil tool is absolutely amazing. So do try that pencil out. Watch for your sculpt. Your sculpt. Make sure that if you start from where you finished, it will keep it as one line. And also switching on the stabilizer and do experiment with both stabilizes. As I said, I prefer the rope because I can adjust the length for exactly what I need. Try them out. 44. The Vector Brush Tool: The last tool that we're going to look at in this section is going to be the vector brush tool and sin with the pencil tool. When you first start out, you might find that it's actually seems very similar in that it also creates a line. There's also a stabilizer at the top. But where this two comes into its own is that we can use it to paint directly with the brushes. Now you'll see if you go onto your brushes panel. There's a whole lot of different brushes in here. And in fact, if you click in this little drop-down, you'll find we've got so many different types of brushes, inks, markers, engraving. Just choose the one you want. Click on the brush that you want to use, and you can click and draw or paint with that brush. Once again, we can change the color and we can use a different color in there. Now to change the width of the brush, go up to the top and I can just take that down. And once again, I can paint with that brush. So try those out. Have a bit of a go with the brushes. If you go to the brushes panel, look at the dropdown, pick a different brush in here, experiment with the different brushes that we have. And as I said, you can always go to the width and adjust the width. Here. What these are creating is vector shapes. So we can always, once we've created the shape, go to the Node Tool and you can click on these shapes and adjust them with the nodes. Try that out and see how you get on. Have some fun with it. 45. Introduction to Project: Poster for a Classical Recital: Let's use the pen tool and the pencil tool to create a poster. This poster is going to be amazing. It's going to be well customized, ready. So rather than using the circles and squares that we did earlier, we're going to be using the pen and the other tools to create these customized shapes for this violin poster. 46. Create Document and Place Image to Trace: Onto another project again. And this time, what we're going to do is we're going to create a poster which could be printed on a home printer or in one of those shops that do printing for you. So this is not mainstream commercial printing. I'm going to go to File and New, and I'm going to create a new A3 document. We can, I'm just using the print option with A3 and I've set this to being portrait rather than a landscape. We don't really need a bleed for this because the printers that will probably use don't print edge to edge. But if you wish, you could go in and put a bleeding if you thought it could be printed out commercially. We're also using RGB because a lot of photographic style printers will work with red, green, and blue, and convert them to CMYK for you anyway. However, if you thought you wanted to, you could go along to color and you could change from RGB to CMYK. In there. I'm going to click on Create. And this is where we're going to create our poster. Now we're going to be doing this poster for a classical recital. We're going to be creating a violin shape. And then we're gonna put some text on the side. So we're going to use an image for this. Now, if you don't like violence and you want to do another musical instrument, absolutely fine. But if you look in your resources for this course, you'll find that I'm included an image for you of a violin. As I said, if you want to find your own, no problem. So I'm going to go along in the toolbar halfway down to this little it looks like a photo and this is the Place Image Tool. It opens it up, find the image of the violin, the term that I've provided, and order. Whichever one you want to use. Click open and you can then just click and drag that straight in to your document. Now we're going to redraw this so it doesn't matter exactly where it is. But what is important is we're going to lock it in position and began to fade it out ready so that we can only just see it when we trace it using the pen tool. I'm going to go across to the Layers panel. As always, if you can't see that, go to the Window menu and you'll find layers is halfway down. And in here I'm going to change the opacity so I can lighten it up so I can barely see the details. And then I'm going to click on the little padlock over there to lock it. Now that's the same as going up to the Layer menu and just saying lock in there. It'll do the same thing. Once you've got that ready, we'll come back and we'll then start to redraw these parts. Doesn't matter where it is. We're going to be moving it after we've drawn it anyway. 47. Draw the Violin Body: Now we're going to do this violin in various parts. I'm going to start off with the body of the violin. And then after that we'll do the neck and all of the details. I'm going to zoom in. I'm using Command and plus because I'm on a, on a Mac, or you can use Control and plus, if you're on a PC to zoom into the image, we'll zoom in and I'm just going to move it around a little bit as well. Remember, you can always hold down the space bar to get the hand tool to move things around. Then I'm going to use the pen. Now, you can do this how ever you wish. But I'm going to do this by just clicking points around the edge of the violin and then reshaping after that. So I'm going to start at the top here. And I'm going to go and do a point there. And a point there, another point down here. And I'm just going round this whole shape in a slightly robotic way. Not too many points. You don't want to make your life too difficult. So another one over there, and the last one back to there. And now we can use our Node tool to adjust these points. So I could start off with this point here. And I could make it into a curve by using this little button to smooth it out. And you can see now how I can actually drag these handles around to smooth out that curve. So I've got, I'm looking at this curve here, getting that right. I'm going to ignore that one for now. I'm going to click on this one and do the same thing. Once again, I can then pull that out. We don't have to get this exact in the shape of the violin. We're looking for something which is what gives the effect or the impression of a violin. Same again, over here, I'm going to select this point. Click that button to round it off and pull this out. And you can see I'm gonna go around the whole violin like this. So that one there. And same again, we'll kind of get that one looking. Okay. I'm going to click on this one and also choose the same thing to make sure that it's smooth on there and you'll find, you then might have to go back and adjust some of your handles. Now, if you prefer to actually go round the violin, clicking and dragging, as I've shown you. That is absolutely fine. Last one over here, I'm sorry, not last one. Next one. Once again, same thing. Click and drag that out. And this one here. Same again. Like so. Now what I really could do with is another little note in here. We could do that really easily with the node tool. All I've gotta do is go to the line and click it and you'll see how it will put in an extra node for me. Now, I can pull that node around to get it to roughly match where I want to go and I can grab the handles and adjusted. Then we do the same thing on this side here I'm going to click to put in a node, move it in a little bit, and adjust the handles in their same over here I'm going to click to put in the node, pull it in, adjust my handles. I can move that around until I get it in the right position. And lastly, this one here, one click on there. Then I can pull it in and move the handles around. Any of these points. I can go in and move around at any stage. Now let's just have a quick look at what this would look like. If I'm on the fill. I can choose a fill color. And you can see that's how my violin shape will look. I'm actually going to get rid of that fill again. So I just have a stroke. Try this out and get up to this stage. And then we'll start adding some more details. 48. Draw Bottom With the Pen: Before I go any further, I'm just going to go to the Layer menu and lock that shape that I've done. So I contacted by mistake. Let's do this bottom section down here, I'm going to zoom in again, once again Command and plus or Control and plus to zoom in. Use my space bar to get the hand and move up to make that area a bit bigger. Now we're going to draw this using the pen tool, but we're going to be doing it a little bit manually. I'm going to click, click. Then I'm going to go into this section here and I'm going to click and drag to make a curve up to the top. And click. I'm going to click and drag to get a curve here. And then click Sam again vector there. Click and drag to get a curve. Click in there and one-click at the end. As always, you don't have to get it right because you can always use your mood, your mode, you will Node tool and just pull it around as you want it to look. I'm just going to click on that and just line up those two little handles until those nodes look a bit better. As you can see, I haven't been to accurate about getting the exact shape of the violin in there. I could move them around at this stage here, but we're going for more, something more stylized. Anyway. Do try that. If you have real problems with that click and drag, then you can do it with the click method, just doing click point-to-point and then moving the lines with the node tool. But do try the click drag method first just so that you can practice it. 49. Draw the F Holes: As always, lock your shape. I'm going to select it and choose layer and lock. Let's move up a little bit over here. Now. This one is really easy to do. We are just going to, well, actually use a shape. So I'm just going to take a little shape down here, rounded rectangle. And I'm going to draw in a little rounded rectangle over there. Once again, keeping in with the whole stylization procedure. I'm going to go in and lock that down. Now, these EF holds over here will be a little bit more challenging. But you've done the outside of the violin, so you shouldn't have too many problems. The great news is you don't have to do both of them will do one and then we'll flip it across to do the second. But we're also going to cheat just a little bit. I'm going to start off with my pen tool. And over here I'm going to use the click method over there. So I'm going to click and then click, click, click, click. You'll notice that I'm not actually doing the circles. I'm just kinda doing these bits here. As you can see, my shape is nothing like that f whole. But as always, it doesn't matter because I can go in here and I can start to pull these around into the right shape. It's almost like you're sculpting the shape here. I can go there. That goes there. This one maybe moves up a little bit to there. And that one, I'm going to pull in up to here. Same with that one over there. Now, this looks a bit strange. There's a kind of a funny kink there. I'm going to use this tool to click and straighten it out. So once you're going around these shapes and you've pulled them out into something which looks vaguely okay, using all the little options that we've looked at so far. What we can then do is actually use circles to do the ends and then we're gonna put them together. So I've just finished these ones off. Happy with that. Then going to take the circular tool or the elliptical tool over here. And I'm going to draw an ellipse. Now, I'm going to zoom in a bit. To do this. Make a little ellipse over here. I'm holding down the Shift key to make it perfect circle. I'm going to pop that one over there. I'm going to select both of those shapes. This one. And I'll hold down the Shift key and select that shape. Then I'll just use the Boolean operations, the ad, to unite them together into one shape. Down the bottom. Exactly the same thing. But before I do that, I'm going to move one of these little points, one of these nodes up to there. That's it looks about right? I will then make my next ellipse, holding down the Shift key for a perfect circle, move it into the right position. Over there, you can see I'm not too worried about getting this perfect. I'm going to select both of those shapes. So select one and then shift, select the other, and then use the Boolean to unite them together. No good. Another shape over here. Once again, I could do the same thing. With that. I could find a little shapes in here which vaguely looks similar. The shape in, select them both, that one and this one, and use the Boolean to unite them together. Now, if I'm happy with that shape, as I said, it doesn't have to be perfect. I can then make a copy of it really easily. I don't need to do that by holding down the Command key on the Mac or the Control key on the PC and copying it. And now I want to flip this over. So we've got to flip option right at the top. I can click on that to flip it. And I'm going to move it into the right position. Over there. As before, I'm going to select those shapes that I've created. And I'm going to go up and lock them down. So that's layer and lock. Have a go. They don't have to be perfect, especially if things are symmetrical, then perfection doesn't matter. It's still looks right. Try it out. 50. Draw a Peg and Copy & Flip: Now we're going to do the little keys over here. You'll notice that I'm doing things from the back first terms of building up the process, starting with what as the objects that will be at the back. We're not going to be accurate with these. Just get a rough shape. I'll use the pen tool for this. Click, click, click. Right now that looks more like an arrow. But I'm going to use my node tool to select this point here, make it into a smooth point, and put it out until it roughly matches that shape. These ones can still be moved into the right position over there. That's all that I'm going to do with that one. And then I'm going to make copies of them. So I'm going to hold down the command or the Control key and just copy that one up to there. I'm going to select both of these. I'm going to hold down the command key and copy both of them across. And then I'm going to go up to the top here. I'm going to flip them and then move them up into the right position over there. Now, one of them's not quite in the right positions, so I'm going to have to just select this one individually and move it across until it is. I keep saying you don't have to get them right Just roughly where you want. Them. Have a go with doing the pegs. 51. Do the Head and Neck: Now the last bits are pretty easy to do. Rarely, we're going to use the pen and I'm just going to go across like this. Over to there. I'm going to go up to here. As you can see, not overly accurately, using my node tool to move things in the right position. This little shape. Once again, that can be done in the same way. I'm going to go in with a pen and just draw a little shape over here. Now as you can see, I made a bit of a mistake there so I can use my node tool and just click over there and pull that back in. If I want another node that we just click with the node tool. And I can then make that into a corner as well to match the other side. So I'm going to select both of these and unite them to make them into one shape. I've got an extra little note there that I didn't want. So I'm going to zoom in there, use my node tool. Go to that point there, and I'm just going to click on it. And then I want to delete it so I can press backspace to delete it. Likewise, over here I can click on this one, press Backspace or Delete on the keyboard to remove it. And we'll just pull that out a little bit. Like so. Now I'm going to select both of those shapes and use my operations to unite them into one shape together. So we're almost there really. All I've gotta do Is the strings. But we'll color this up first before we get into the strings. Have a go, finish that off. Don't be too careful about it. We're going for a look rather than perfection. 52. Save and Color: Now we're going to put in some strings. So I'm going to use the pen tool. I'm going to go down, I'm going to start down here. But look what happens when I go there. If I zoom in a bit, you'll see that this pen is snapping to various parts. So it'll snap to the middle. Um, it'll snap over there, it snaps to the side there. It won't allow me to place them wherever I want. So I'm going to go up to the top, to the options appear. To me. I'm going to switch off, enables snapping. Now you can see I can quite happily, let's get rid of that. Quite happily placed my point anywhere I want. So I'm going to have a point there, a point there, and then just move up and maybe a point over here. I'm going to de-select that and then do the others as well. So this won't take too long. Another one there, point on there and appointed at the top. Let's go down here. Once again, you need to de-select all you end up with a line going all the way back. So we're just de-selected. There are other ways to de-select as well. We can look at those later on. But for now, we're just going to use the move tool to deselect skin. Over there, click back to the pen. And last one over here from their ups and only missed it up to that and up to the top. In there. If you want, you can put in a few more details and putting some of the strings going into men touching the pegs as well. But I'm going to leave it very, very simple for now. Now before I actually put in any more detail in this, what we really should do is we should save this just in case. I'm going to go along to File. And I'm going to choose Save As. However, before I choose my Save As, I'm going to also save the history with the document. And what this does is it saves the history of what I've been doing in case I need to close the document down, open up again, and then actually go back and undo. If you don't save the history with the document, if you open it a second time or you or you close it and open it again, you'll find that you can't use your undo further than you've actually what you've done since you've opened it, if that makes sense. Now, I'm going to just go to Save history with document. And in here just says enable save with history means that anybody can send that you send this document to see everything that you've done. So yes, I'm going to click Okay on that. Now. I'm going to go to File, Save As, and I'm going to just call it my violin, which is fine. I'm putting it on my desktop. You can save it wherever you want on your machine. And I'm going to click on Save in there. Now that we've saved it, let's go and unlock anything that we've got logged in here, except for the background picture. So I'm going to move over to the layers now. I'll pull my layers out so that you can see them. If I pull this down, I've got quite a few layers in here or objects, shall I say. Right at the bottom, we've got the graphic. Now. The graphic we don't actually need anymore. So I'm going to delete it, go to the little bin, click on the bin and get rid of it. And then we've got all the rest of the shapes here. Now you can see there are actually locked. So if I go along and click on the little padlock, I can unlock all of these shapes really quickly. And what if, once I've done that, what I want to do is to be able to just select them and recolor them. So I'm going to click on this object over here, which is the guitar, the violin body. I'm going to go to my swatches and I'm going to pick a color. Now, you can use any colors you like. I'm going to go with some kind of quite groovy colors. So I'll use that sort of purply pink over there. I can then just work my way through the various parts, adjusting the colors as well. I'm going to just select all those little keys over there. And I think I'll make them quite a dark color, maybe even black. That looks alright. Once again, the same with the F holes over here. I'm going to hold down the Shift key to select both of them. And they're going to be black as well. And finally to the tail piece. Once again, I'll make that black. And then the strings, I want to select the strings, I'm going to zoom in a bit. Over here. I'm going to click on one, hold down the Shift key, and then select the other three. And although they're black, the moment you can see in my swatches over here, I've got them as black. I'd actually like to increase the width on them as well. So what I'm gonna do is I'm going to move over to the stroke panel. And I can then just increase the width over here. So we can just adjust that as well. If they look a little bit too harsh. Try different color in here. Maybe I'll try something else and see how that works. We're going gray. Play around with your colors. You can always adjust them later on. But don't forget, save, save, save. 53. Add a Gradient and Background: As you noticed, I've changed my colors a little bit in here. And in fact, I want to take it one step further. I really want my violin to be really bright and vivid because this my post is going to be called classical groove. And so it's got to be really bright and vivid. But you can do yours however you like. But I am going to actually click on the body of the violin. And I'm going to use my gradient tool. Just click and drag a gradient in here. Now, I think that's going from light to dark. I'd like to go the other way around. Remember, you can always move this any way you like. And if you want to change the colors, just click on the little stops and you can pick any color that you want in here. So something along that line, I think from going from purple into the pink, looks really funky on mine. So I'm quite happy with that. So once you've updated your colors, we're then going to look at actually laying out the document. So what I'd like to do is I'd like to move this, but I'm going to actually group this together. I'm going to go along to the Layer menu and just choose to group it. And that way the whole thing is grouped. You can see I can just click anywhere on it and move it all around. And if I de-selected, it's easy to move about. If you need to ungroup something, all you have to do is go to layer and ungroup. And that will ungroup the whole thing. So before our group ID, I want do want to make a copy of the body of the violin. I'm going to hold down command or control dependent with your Mac or PC to copy it. And then I'm going to select the violin. Didn't quite get that one. I'll shift select that to select it. And I'm going to group that together. So I'm going to go to once again, layer and group. So this is all grouped together. And you can see in my layers over here, I've got the body of the violin and a group for the whole violin there. I'm just going to move it to the side for now. And this is going to be my background. So I'm going to zoom out. I'm using Command and minus on the Mac or Control and minus to zoom out on the PC. I'm going to grab a corner and I'm going to scale this write-up. I'm holding down the Shift key so that when I'm scaling, I guess scaling proportionately. You'll find that if you hold down the, now once again, on a Mac it's Command. On a PC, it's Control. You can scale from the middle outwards. And I'm just looking to do something like this where I can actually get the shape of the violin. So it's just about in there. Let's just take that down a little bit like that. So it gives us a background, which is sort of a violin type of shape. Now that I've got that, I'm going to lighten this up. So I'm just going to go and choose a solid color again. And I could either change the opacity to make it really light, or I could actually just choose a lighter version of that color in here. So I'm going to go with a lighter version. Can always change it later on I'm going to experiment and see what color would work the best. And I'm gonna go with more of a purple. Now. Where is my violin? And I know that I put on the side, but if you're not sure, you can just click on the group in there. It'll show you where it is and I can then move it back in. You can see though it's behind the violin body. So I can just drag the violin body underneath that group, not into it, but actually underneath it. To change the stacking order, we're going to take the violin, I'm going to rotate it around. I'm going to make it a bit bigger. Once again, I'm dragging out the whole of that group in there. So maybe something along that line there. Anyway, have a goes to make yourself a background. Change the colors, put on gradients if you want, you can always go back and play with the colors and see what you can get for your background. I'll have a go with mine while you try yours now, come up with an interesting background color. 54. Add the Text: As you can see, I've gone for a very vivid background of purple in there. I'll zoom into that a little bit. And I'm now going to put in some text. Before I do that, I'm just going to lock that group so I can't move it by mistake. I'll click on the padlock there. I'll go to the curve and I'll lock that as well. I'm going to pop in my text down here. So I'm using, as we did before, the Artistic Text tool. And I can just click and drag to get the size roughly correct. So I'm going to just put in my type classic call groove. You can do any type, type you like. We can select the text and then we can go in and choose a different typeface. And as you go up and down, you can see the various typefaces in there. Now, obviously mine is, well, it's quite a funky old poster. So I want an appropriately wacky type of typeface. So that one looks interesting. Although to be perfectly honest, the one that was on to start off with was quite nice as well because although it's a bit wacky, it's also got that art deco feel to it, which my poster might have a little bit of that feel about it. You can then go and change the colors as well. I'm just going to go with white. I'm keeping my color palette fairly plain. My color palette is the purple and the pink really with a bit of white and black on there. And I can move that around into the right position. I think we'll center that over there as well. And then down here, we can put in the date of this concept. So I'll do the same thing again with my text. Just click and drag a little bit here, put in the details that I want. Now, mine is going to be quite large. You'll see I'll have to scale it down shortly, but this will be Thursday. Right? This is pretty big. So to select all my text, you can use either control or Command a to select all of your text. You can go to the top and you can change the size in here. And I'm just going to pick something roughly about the right size. And I'm going to go with a much more plain typeface as well. So I've got those wacky one there. This one will be a bit plane. I can move that into the right position. Down there. You put in any details that you want for yours. Have a go get some more groovy colors going in. Or if you want to keep it more subtle and really classical, use some classical colors and then pop in your text after you've scaled this up, try that out, and then we'll come and we'll export it in the next lesson. 55. Export as pdf and jpg: Now we're going to export this so we can send it to the local print shop who will just print it on the laser printer or to somebody in the office who's going to print it on their printer as well. So I'm going to go to File, and I'm going to go down to Export about three-quarters of the way down. And in here, we can choose how we want to save it out. So if I'm sending it to somebody else in the office, they might just ask me for a PDF or JPEG file or even a PNG. I'm going to do a PDF file over here. And in the preset options in there, I'm just going to say PDF for print over there. And we'll just click on Export. I could choose where I want it. And I'm putting mine on the desktop because well, I can save that. Once again, I'm going to go to File. I'm going to go down to export. I'll export this also as a JPEG file. Now with a JPEG file, do what your quality. Try not to take it too far down. I like to keep mine really quite high over here. I know it makes the file bigger, but you might end up getting funny little weird details. If you take the quality too low. And once again, I'll just export that. I'm going to put it onto my desktop again. Let's just okay that those are done. Orange to go. Don't forget before you close it down to do just a normal Save in there. So you've then got the fully editable document that you can use it anytime. You can always go in. Remember, you've got a group in here. You can ungroup it. You can click into the group and work with any individual part, change the colors, or make changes that you need. Have a go, have fun with it, and try other shapes as well. Violins are nice and easy. They've got lots of curves in them, but they haven't those guitars or trumpets. So pianos for that matter, lots of repetition in there though, with the keys. Anyway. What if you do have lots of fun? 56. Introducing Layers: In most graphic design software, you'll find one word runs through all of them, and that's layers. In designer, we've got a number of different types of layers. We have got pixel layers, we've got vector layers, we've got adjustment layers. I'm going to take you through one of those so you know exactly what they are, exactly what they do, and how useful they can be for you. 57. What are Layers: Let's have a look at layers. Believe it or not, So far, we haven't actually worked with layers. I know we've been into the Layers panel, but we've just been working with objects. Now, let me show you. I'm going to go and get some shapes, so I will take a star. Let's give it some color over here. And let's have two more different shapes in there. Maybe a crescent change the color of that, and one more cloud in there. So these are all just objects and they happen to show up in the layers panel. So how do we get a layer and what is a layer? With? A Layer allows you to have multiple objects inside itself. You can almost think of it like a drawer in a cupboard where you have a number of different drawers and each drawer has got different objects inside it. So I'm going to go down and I'm going to make a layer down here. I'm going to click on the new layer or Add Layer button. And that's by the bin, two over not one of the dots on That's a pixel layer. So I'm just going to do the new layer button. And I've now got my new layer. It's called layer one. All I need to do now is to drag these objects into that layer. And you can see we can just drag and drop them in there. Those objects are now inside the layer. And I can then click on the little drop-down button to see the objects in they're very similar in a lot of ways to grouping. If I'm on my layer and I decide to add more objects, well, I can go along and I could use the pen tool and I can draw a quick little shape in there. And you can see that has in, has become part of that layer that's inside that layer over there. So think of layers, not like individual objects, but they're more like folders where you can have a lot of objects inside them. If you come from the Photoshop type of background or even the photo background, you'll see that all of your layers there are individual objects that they are the same thing, but in here it's different. Layer is more like a folder where you can put your objects inside. Try that out and have a little bit of a look. Maybe make a layer and pop a few little shapes in just to get a feel for them. 58. Adjustment Layers: Now we have a different type of layer because we've got various options down here. This is called an adjustment layer. Adjustment layers allow you to change certain things, particularly about the color. If I click on this little circle, it's sort of half black and half white and go down. You can see these are all the different things that we can adjust. So e.g. if I wanted to make this document or one that we've just done in the project. Black and white. I can choose black and white in here. And once again, I've got some options. I will just adjust the options to make maybe the blues slightly darker and the pinks darker as well. I kind of like what I've got in then I can close that down. So here is my adjustment layer, and it's affecting all of the objects below itself. These are groups, by the way, there's a group of the violin is a group for the background. If I moved that black and white adjustment layer below the text, below the group, not into the group, but below the group. You can see it's only affecting the very background. So it's only affecting what is below itself, not what is above itself. If I were to drag it back up again, once again, it's affecting absolutely everything. But what about if I wanted to only affect this group over here? Well, if I were to take that group, I'm just going to make a new layer. And I'm going to put that group into that layer. So I'm just going to drag it into the layer. You can see the whole thing has gone blue, not below or above, but right onto it. So now this is actually a, a layer. Inside that layer is a group. And in the group or the objects. I'm just going to move that back down again. So I'm moving the layer back down to where it was. So if I took my black and white and I dropped it inside that layer. Now look what's happened. You see the black and white adjustment layers in that layer. And it's only affecting the violin over there, which is in that layer. The background, this curve is not in that layer, so it doesn't get affected by the adjustment layer. Adjustment layers only affect what is inside the layer they are in. Or if they're not in a layer. And we can move it right to the top. It will affect everything, whether it's inner layer or it isn't. It gets a little bit confusing, I know. But try it out. And what I'm going to suggest is that you actually open up the last project that you've done and have a little bit of a play with something from the adjustment layers. I find that, that the black and white is particularly useful because it's very obvious to see what it's affecting and what it isn't. But if you want to try some of the others, by all means do so. There's a whole lot of different things that you can use. I'm going to actually suggest that you try doing a bit of a re-color on things. You can click on re-color and you can get some really wacky results from that and see what you can do with those. Once again, that's in the layer. If I drag it above the layer, it's going to affect everything in my document and I can just re-color that two different shades of that. Don't forget if you want to get rid of it. You can just take that adjustment layer and drag it into the bin at the bottom. 59. Adjustment Layers on a Photo: I've got a document up over here and what I'd like to do is to actually make it landscape. Now rather than closing it down and open up again, I can go to the documents setup, that's this little area over here, and click on that. And in here I can switch portrait of, so it'll become a landscape. You can see, you can actually change the sizes in here. You can go along to the color mode. You can go from RGB to CMYK or gray scale. You can work with the bleed as well. But I'm going to just click okay, and that gives me a landscape page. What I'd like to do though now is to actually bring in a photo that I might want to use on my document and then have a look at the adjustment layers on that. So what I'm going to do, rather than actually going in and using the tool we used before to find the picture. I'm going to go to the Window menu. I'm going to show the stock library. Now, there are two stock libraries that we have with designer. One is Pexels and one is Pixabay. They're both much of a merchant is rarely, the other one is Unsplash. But you can't get to that within designer, you have to go to a website for that. But these are royalty free libraries. And all you need to do is to click in here and type in what you want. So I'm going to put in buildings and press Return. And it shows me a holler. Buildings, by the way, the first time you do this, a little window will appear over here and you've got to kind of say okay to the terms and conditions. Now I want to find one to start off with, and we're going to have a look at something like this with these building blocks. I'm going to just drag that onto my page. Then you can say, I've got this very colorful picture in here. Now. I want to use an adjustment layer on that, and I want to use a black and white adjustment layer. So if I go to my adjustments and I'm going to choose a black and white. The first thing you can see is that it hasn't actually put it above it. It's actually put it almost inside that shape. If I click over here, you can see I've got the black and white adjustment right in that shape over there. So just be aware of that. We're going to be getting into why these things do what they do later on. In here. I can then adjust the various colors now, the black and white adjustment layer, if I just switch it off, I can see the colors straight away. So just, um, and, well, it stops it from showing up that effect. And I can see over here there's some red and some red and some red there. Well, using the black and white, I could either lighten those reds or I could darken down those reds. I can do the same with any of these colors here, lightening or darkening the areas on the picture depending on the effect that I want from it. Remember that's not set in stone. You can still deleted. Let me do that again with a different picture. So once again, I'm going to go and pick a picture over here. Let's go with tau bridge. Just drag that into my document and I'll move it across in a instantly minor coming in in the document there because I'm working on an A3. If you're on a smaller document, you're going to find that these pictures might be really big and you might have to scale them down. So I'm going to go in and I'm going to go and add a black and white. Now, look at the difference here. This black and white is coming above that picture. Why has that happened? Why didn't go into the picture like the last one? Well, that's because I was sneaky. I did something without actually telling you what I was doing. You see the first time that I did it, I clicked on that particular image. And then when I added this in, it added into that picture. So it becomes almost part of that picture. When I did it the second time, I clicked off of the picture so it wasn't selected. And then when I added, added in, it came in as a separate object above it. So same again over here I can go to the blues, I could darken down the blues to darken down the sky. Let's go to the reds and see if there's any. Yeah, we can lighten that up a little bit, lighten up some of these yellows. Maybe darken it down a little bit actually. And the pinks, what is there in pink, that'll work quite nicely. So we can then add them in. And we can do that on pictures as well. And any of these adjustments can be done on an image. I'm just going to go into another option over here. I'm going to choose the gradient map. Now you can see how it's actually mapping my colors in there. It's gone really, really strange. But of course, I can click on these colors and change them. So this color here, I'm going to make that pink. And this one here, I'm going to make that red. And we can then adjust these to affect the different parts of the image. If you want to get rid of them, you just click the little Delete button there. So I've now just got pink going through two blue in there. If you want to change it around, just click Reverse and that'll give you the opposite area. You can use this gradient map to create all sorts of weird and wonderful effects on an image. I'm going to go with a green, lime green over they're going to pink. But I'm going to just reverse that. So it's the other way around. Remember, you can experiment with this if you don't like it. Well, you can either click on that little link there. I can click on the black and white. Not doing that much to be honest. Or I can benefit as well. Have a little play with some adjustment layers on a photograph and see how you get on. 60. Add Some Effects fx: I've got another picture here, and I'm going to click it. So it's selected in there. This time next to the adjustment layers. I'm going to go over to the Effects, That's the effects in there. I can add an effect to the object. So over here, I've got various effects. I can add an outline to 3D in a glow. By the way, that's not true 3D. It's a simple 3D effect. I've gone to outer shadow. Now what I want to do is I want to actually be able to see that and see what's happening. The first thing I'll need is to actually not just click the word outer shadow, but click the little tick next to it. And now you can see it will show up in here. I still can't see the shadow. But if I go and change some of these settings and I'm going to go to the offset and you can see I can sort of offset that shadow. There it is over there. Intensity. I can change that to adjust it. I can change the radius to soften it out quite a lot as well. I think we'll just take the intensity down a bit. And lastly, I've got the opacity so I can have a very subtle shadow in there. I'm going to move the offset back just a little bit. When I click on Close, I've now gotten effect on here. You can just about see that very, very subtle drop shadow behind the picture. If you're going to use drop shadows, please be really delicate with them. They can look very over-the-top, very, very quickly. So you'll notice now that on my object, you'll notice I haven't said in my layer, my object in the layers panel. That's this little effects on there. If I click on that, it'll fx. It takes me back into the layer effect window. So I can then add more or switch the one off that I didn't want. Let's go over to 3D. Click on the little tick and you can sort of get an idea from this, what it's actually doing. If I change the radius, it's just putting vague 3D effect onto that shape. So it looks like it's got a bit of depth and the light is coming from that side. And you can adjust it in here as to where you want your light to come from, as well as various other settings which I'm not going to go through because otherwise we'll be here all day just playing with the settings inside here. Trials are lots of these. Remember, you can switch them on, you can switch them off. I'm going to go to outline this time. I'm going to change the radius over there and just put a color around the outside of my photo. Click on clothes. Dried out. 61. Project: Create a Social Media Document: It's social media project time. And what we're going to do now is we're going to create a post for a made-up band. Now we're gonna be using text and pictures and all sorts of things in here. And I'm going to call mine the band. I know it's not very creative, but you've come up with your own name for your made-up banned. Anyway. Without any further ado, let's get started. 62. FP1 Project Social Media Post Blend Images: Before we start this project, I'm going to go to the Window menu Studio, and I'm going to say reset studio to just clean up all of these panels, which are all over the show. Now that I've got that I'm going to go to File and New this program, this program, this project, we're going to be creating a social media post for a band. And I've got some pictures that I'll be sharing with you. But I'm going to be using the social media square area and that's in the web. So this will give me a square which is 1080, 1080 pixels. And over here you'll notice that it's already RGB, so we don't need to worry about the color. But if you did, you could click on Color and check and change it in there. I am, by the way, while I'm in this area using a color profile, which is SRGB. Now, sRGB is one of the lowest common denominator if you like. Color profiles, which will work on most browsers, if you choose one of the others, you might not be so sure that it would look exactly the same on somebody else's browser to how it's looking on your machine. Let's click on Create. Now we're going to bring in some pictures. Now the pictures that I've supplied for you are in with your resources. And I've just got two pictures of guitarists. Of course, you can use any image you like if you want to go and search for your own pictures, that's absolutely fine. But I'm going to go over here to my place Image Tool. And I'm going to find the first one. Click on open and bring it in. So I'm going to just click and drag across to get that picture in. And I'm going to have a quite big over there. I'm going to move it around until I've got the guitarist on the right-hand side of my page of my document. Like so you can move it around later if you don't get it right. I'm now going to go and bring in the second picture. But before I do that, over here, you can see I've just got my picture. I would actually like to start working in layers for this. And you'll see why later. I'm going to go and add a layer. And I'm going to call this layer guitarists. You can call yours whatever your subject is. I'm going to drag my guitarist into that layer. So you can see he's now in that layer there. While I'm in there. I'm also going to lock that guitarists down. So I'm going to just click on the lock to lock the guitarist, not the layer. If you're on the layer and you lock it, you will lock your entire layer. But I'm just locking the object which is inside that layer. Let me bring in my next picture. So I'm going to go once again down to my place. Image tool. Choose the second guitar, click Okay, or open and click and drag that one in as well. So that's over the top. And you can see because I was on that layer, it's automatic coming inside the layer. Now what I want to do is I want to use a tool to actually blend these two pictures together. And there's a lovely tool overheads underneath the Gradient Tool. And this is the transparency tool. If I click the transparency tool, I can then click and drag to make things transparent. You can see if I go up, down left, right, It's going from solid through to transparency. I'll just go to the edge of the picture. If you go too far, you'll see that you'll get a really hard edge in there. I'll just make sure I stopped before that edge. Like so I can move the middle around as well if I want more of the guitar or less of the guitar or the guitarist hand july say in there. Now that I've got those two in, I will make sure that they are both locked. So I will actually lock the layer over there. So they both locked and they can't be moved around yet. Try that out, make a new document, bring into pictures and blend one into the other one lag. So don't worry about the color, whether they're weird, weird, a wonderful, We're going to actually colorize them up ourselves. Do make sure though, that they are in a layer. 63. Add Gradient Map to Unify Color: What I'd like to do now is to add an adjustment layer to unify these two with similar colors. Now, the adjustment layer is actually going to go inside this layer here. So I might have to unlock it. So if you have locked it, you can unlock it. I'm sorry, I got you to do that earlier, but I want you to get into the habit of just locking things as you go. So I'm going to go down to the adjustment layers. And I'm going to use the one that I mentioned earlier on in the lessons, which is going to be the gradient map. It comes in with these horrific colors. I'm going to get rid of the middle one and delete that. And I want to use two shades of blue for my gradient map. Over here, I'm going to click on the left-hand side. I'm going to go and choose quite a darkish blue in there. Then I'm going to go to the other side. And I'm going to choose a lighter blue, not of the same blue. I'm going to go for more of a greeny blue in there. And you can see a hacking then gets an interesting effect like that. So although it's a bluish image, is actually made up of a greeny blue. And on this side here, a darker, more, more ready blue, or more purply blue. You can do anything you like. You're really but I quite like the look of that. I remember you can always reverse it if you want it the other way round. Although using light for shadows and dark fur highlights gives you a negative effect. I don't want that. I just wanted to unify those two together. Remember, if you move these down, they will not affect the objects which are on top of them. So make sure your gradient map adjustment layer is above both of those, but still within your layer. Have a go with that. 64. FP3 Project Social Media Post Text Effect on Layer: Now this time I really am going to lock this down properly. So I'll just lock it, close it up. I'm going to go and add a new layer. I'm going to double-click this one and this one's going to be called main text. In this layer, I'm going to put in my texts or I'll use the little Artistic Text tool. Click and drag the text and put in the name of the band, which I'm gonna call banned. Not very creative, but hey, there we go. I think I'm making a little bit bigger. In fact, I'm going to select it. Now you'll notice that I've very quickly selected that by just clicking a few times on it until it selects. So I'm going to go and find a typeface which is all Arial Black. That's absolutely perfect for this. I just want to be big and bold and loud. Pretty much like the band is. Let me move that in and maybe scale it down. Just a little bit. Like so. I'd like this bit of texts to be the same color as the blue that I've got down here. So I'm going to use in the color area, the little eyedropper and just drag that onto the page. Move it around to where I want to pick the color from and release. Now you can see that still selected. So if I now go and click on that little icon there, it will choose that color for me. Let me just do that again. So I'll just move the little eyedropper over to the color that I want to select. So let's go with this color over here, and once again, click it in there. Now you can't see the text very clearly in here. So I'm going to go into the effects area and I'm going to add an effect layer. But before I do that, I'm just going to cancel it for now. Am I going to do this on the text or am I going to do it on the layer? Well, I'm going to do it on the layer and you'll see why in a moment. So if I do it on the layer, I'm going to go and add my effect. I'm going to use an outline. And I think for my outline, I'm just going to choose white there and maybe make it a little bit thicker than it is at the moment. Here we go, just a nice thin key line around the outside. But then if I thought, you know what, it will look really interesting if I had another key line around there as well. Remember this one is on the outside. So if I added and I can do that by going to our planned clicking on the plus, add another key line in there. I'm going to put this one on the inside. I'll change the color to something else. And maybe I'll even sampler color directly from the images over there. Click on that. Now you can see I've got two key lines, one on the inside and one on the outside. And I can adjust them independently so I can make this one thicker or thinner. If I wanted. You could put in a third one in there. You could do that on the center over there as well if you if you wished. So I won't I'm going to leave it with two. Now that I'm happy with that, I will close this down. So why did I do that on the layer? Well, because I've got the word banned in there. And there could be a second word that went in here as well, which would be live. So what I'd like to do is to I would like to have the the live band in there. So I'm going to put in some text and watch what happens now. I'm still in that same layer. And I'm going to click and drag over here and put in the live. You can see straight away, if you have a effect on a layer, anything that's in that layer gets that effect applied to it. Whereas if I actually put it onto the text itself, it wouldn't be applied to it. Now, maybe I don't want that. So if I were to drag the text, the live over here above that layer. Now it won't have that applied. Fact. I'm going to put it down there because it's gonna be a bit more subtle. Underneath. Let's do something like that. We can barely see it, but I can change the color. Should I wish, by very simply just adjusting it in here. You can of course, also adjust the opacity so I could get some of the background picture coming through. If I wanted. Try that out, Have bit of a play with that, do a second layer in there. Remember this last bit of text I've got is not a layer, it's just an object which is sitting there and that is absolutely fine, dried out. 65. Make a Logo: I like a bit more text in here. And I really think that I should put that bit of text the live, by the way, you'll see I changed it a little bit, made it a little bit less in your face. I wanted to put this all into its own layer. So I'm going to once again go down here, add a layer. I'm going to call this secondary texts or subtext. And uptake the Live and put that into there. It just cleans this up rather nicely. Now, I need a bit more text in here, so same again, using the same tool, I'm going to click and drag here. And I'm one more night. And Wembley Stadium, London. You can see it's pretty large. As always. I'm going to just take it down a little bit and pop that on a new line. This text is a bit too heavy and you'll see it's picked up the same way to the same transparency that I had before. So I'm going to take the opacity right up. I've just realized I've spelled something wrong there. So I'm going to go in for a more slightly delicate typeface and just change my spelling in there. I think that's okay for that little section. But lastly down here, I want to do a little logo for the promoters of the bands. So I want to make a little very simplistic guitar and then I can put the promoters name inside that. So I'm going to same as always, go into my layers and make a new layer for that. By the way, you'll see that my one more night at Wembley is not actually in the correct layer, so I might need to just drag it and drop it into that layer. I'm going to lock these other layers down. So this one's going to be locked, that one's going to be locked there. And I'm going to add a new layer up here. Double-click and call this logo. Now, we're going to make a very simple little shape just using some of the basic shapes we've got. I'm going to start off with an ellipse, and I'm going to draw an ellipse. Now remember, you don't have to get this right size-wise the first time you can draw it as big or as small as you want. I'm actually going to zoom in. So I'm using Command and plus or Control and plus dependent with your Mac or PC. To zoom in a bit, I'm going to start off by creating the end of the guitar like that. And then I'm going to make a copy of that shape. So I'll go to my move tool, hold down Command on the Mac, Control on a PC and just drag a copy over. I want to make this one smaller. So I'm going to grab a corner and I'm going to scale it. But when I'm scaling it, I'm going to hold down Command on the Mac, Control on a PC. So it scales to the middle. And if you hold down shift to constrain the proportions at the same time as well. So that's pretty okay. I'm using the arrow keys on my keyboard to just move it down a little bit. I'm going to select these two shapes. And up here, use my boolean options to just add them together into one. Of course I want this to look more like an electric guitar. So I'm going to just do a cutout over here. Once again using a circle. Make a little circle, like so. And I'm going to move that across the guitar, select both of those, and subtract one from the other to get that shape. Now I need the neck of the guitar and the head of the guitar here. They're going to be very simply, just little simple shapes like that. Now, that's not too bad, although it's not quite in the middle. I'm going to move it down a bit like so look at that. You can see how two lines itself up. Select those, add them together. Let's do the head of the guitar. Now for the head, I'm going to go down to one of these shapes over here. And I'm going to use this trapezoid tool to make a shape like that. That's going to be the head of the guitar. Then I'm going to rotate it around so I can go over here and just rotate it around. If you hold down the Shift key, you can then rotate it in smaller increments. I'm going to use my move tool to move it across into there. Something like that. Once again, select both of these and unite them together with 1 billion operations. That's it for my shape. And then I can just come in and put in my promotors name in here. So I will do exactly that. I'm going to use my Artistic Text tool, click and drag. And this will be Tim promos. I'll select all the text. I'm going to choose the color, or I can sample the color from that, from that. In fact, this is probably a logo which has got its own brand colors. So let's pick a totally different color in there. I'm gonna move that into the right position and scale it down over there. So we've got some sort of interesting logo. Let's take that whole thing and scale it down. It's gonna be small in the corner. You can make yours a bit more interesting than mine. In fact, I don't even like what I've done with this word. So I'm going to just put it over two lines in there because it didn't it didn't seem quite right. We go slightly better, but of course, it can be larger as well. You could just spend so long just fiddling with these little bits and pieces until you feel happy with them. But I'm going to stop right there. Remember, if you've got a shape like this, you can always get a U-shape. I did mine in white, but you can always use the color directly from the image and color it up with that. Or you can use your own custom color and go really wild with that. Fact that looks a whole lot better than it did before. Let's use white text on that. Have a go with that. And then we'll save this out. 66. Save & Export: Once you've finished your document and then you suddenly realize that you've made a spelling mistake. You can see over here where I've typed in Wembley. It's kind of come up with a little red line underneath. And I've realized this should be an e in there. Well, first of all, I can't select it because it is locked. I know that's pretty obvious, but if I went in here, I can then unlock it. But I'm going to open this up and I'm going to double-click on the text because if I double-click in here, it just makes it full screen size. And it's much easier to edit. I can double-click on the word, and then I can click between the L and the Y and put in my E in there. So once we've done that and you've just checked and made sure that all your spelling is correct and you've got everything where you wanted, then we can save this out. Well, in fact, we should have saved it as we've gone along, but I'm going to go to File and Save As. And in here, I'm going to say the band. I'm going to just click on, Click to say that this is saving an editable version with all the layers intact. And then I'm going to go to File and I'm going to choose Export. We're going to be exporting this as a JPEG file. And then in here you can choose your quality. Once again, I'm keeping it quiet high. I don't want to lose any inequality on that picture. And click Export. Once again, give it a name and save that out. And it's done. Enjoyed. Create some different versions of this. Use your layers to make sure that everything is in good, neat orders. And you can lock things down as you go along so you can't make any mistakes unintentionally while you're working. Most importantly, just have fun with it. 67. Introduction to Adding Text: Text is such a large part of any design package and affinity designer is no exception. There are two main types of texts that we have in Affinity Designer. We have frame text and we have autistic text. And I'm going to show you the differences between those and why you want to use one. Why you'd want to use the other. Then we'll go and we'll delve into a lot of the options to do with typography and text. 68. Frame Text Versus Artistic Text: Now there are two types of texts that we have in Affinity Designer. There is, if you have a look down here, Artistic Text and frame text. Now we've used the text or the Artistic Text tool quite a lot so far. And to use it, all you do is you click and you drag to get the size correct. And then type straight in. This is great for certain things like headings, large bits of texts that you need in a graphic. But it's not so good when you've got a lot of texts to put in. Now, what I'm going to do is just de-select that. So I'll go back to my Move tool and click to de-select. Then I'm going to go down and I'm going to use the frame text tool. With a frame text. If I just scroll up a little bit here, what I'm going to do is I'm going to click and drag to make a frame. Now I'm going to paste my text in there. So I've just got some text which is in word over here. And I'm going to select the text, copy it. I'm using Command C or Control C on a PC, Command Z on the Mac to copy it. Go back in here again, make sure I've clicked inside that frame and then use paste. Now you can use Command V or Control V to paste, or you can go to Edit and Paste that way as well. Now the difference between these two is that if I change the frame size with this bit of text is in, this is Artistic Text. You'll see the text will scale at the same time. We've done this numerous times. But what about this bit of text here? Well, if I go down to the inner box there, you can see there's a box over here. And then there's also a little dot right on the outside of the box. So if I go to the one that's on the inside, when I click and drag, it will change the frame and the text will automatically flow within that frame. If I go to the outer one, then when I scale it, it will scale the text and the box at the same time. Now, we can actually make this box a lot smaller and you'll see that it cuts the text off. Now yours might not do that. And that's because there's a little eye over here. If I click on the eye, it will show the extra text which is outside the box. I can click on that I to hide the text outside the box. I just pull this around to make it any particular shape that I like for that box. So do have a look at the differences between these two. Remember this one when you grab a corner, it automatically scales the texts and the frame. This one, the inner corner, will scale the frame, but not the text. The outer dot at the bottom right-hand corner will scale both the frame and the text. Try it out so you can see the difference yourself. 69. Fonts: Let's have a look at some of the type options. I'm going to click on this bit of type. And what I want to do is select some of the text. So if I were to just double-click now you'll see I'm on the move tool at the moment. But if I double-click, it changes me over to the Type tool, the frame text tool. And I can then just double-click on words to select them. If I do three clicks, I can select a line. I can do a paragraph with four clicks. And if you do five clicks, you can select the entire story. Just basically keep clicking until you select what you want. I've got all my text selected in here. And I can go right away to the top, to the character options. Now starting at the top here, we have got our type faces. These are also known as fonts or font families. You can just scroll down and you can actually see any selected text will automatically change. I'm just going to select a little bit of texts there. After that, we then have the style now that could be bold or italic or bold italic, different typefaces have different styles in there. I'll just choose regular for now. After that, we have our sizes. So the sizes are in points. If you're not sure how big points are, e.g. you're doing a big banner and maybe you wanted your texts, the main text on the banner, to be 2 " high? Well, there are 72 points in an inch, so 2 " would actually be 144 in there. Most text for reading generally tends to be between the tin and the 12th point mark. Over here we've got some quick ways of doing bold, italic and underline. And then we get to the color. So I can click over there and I can change the color of my text. You'll see if I click off, it is now pink. I'm going to select all the text again. So I'll just keep clicking until I pick it all up. Do have a look at these options here. Just select your text. And the same applies to text which has done as Artistic Text. And then we'll have a look at what these rules, the rest of the options in here do. Don't forget, you just keep clicking until you select the one that you want to effect. And you can then make your changes up here. 70. Preset Character & Paragraph Styles: This area here is to do with styles, and we've got two types of stars. We've got the character style over here and the paragraph style. Now I'm just going to show you some of the pre-made styles in there. But on the level two course, we actually go in and we make our own styles. Let me show you how this works. These character styles affect either the word or whatever happens to be selected. So if I were to select this word here, I can go into the character style and I could choose emphasis, strong or strong emphasis on there. Or I could select a number of words and do exactly the same thing affected in here. And I'll just go with strong for that. The paragraph style, on the other hand, affects the entire paragraph. So if I were to select this paragraph here now you'll notice I'm not actually going in and clicking and dragging. All I've done is I've put my cursor in there. So now it knows that I'm in that paragraph. And if I choose one of these paragraphs, you can see we've got headers, this table body option as well. So a paragraph style affects an entire paragraph, whereas a character style effect whatever happens to be selected. Once again, have a quick look at those. 71. Character & Paragraph: Now next to the character option, There's a little a over here. And if you click on that, this brings up the character panel. And these are all different things that you can do to type. Once again, we get further into a lot of these details on level two course. But for now, you can see that a lot of the things in here are exactly the same as you've got up the top here. So if I select some text within this character option, I can change the typeface. I can change the style. I'm going to go bold. For that. I can change the color in here as well. There's another one, which is the little paragraph symbol. And this gives you more options for paragraphs. So you'll notice that the paragraph options there are the same as the ones that we get along the top. We've also got things in here, unlike the ability to indent text. So I can just push text in from one side based on a paragraph. You don't have to select the whole paragraph as long as you've clicked in there. You can do that paragraph. I've just clicked in this paragraph here. Once again, I can just adjust that paragraph. But moving along, we've then got the options over here for alignment. Now I'm going to undo what I did with the indents. I'm going to use Command Z on the Mac or Control Z on a PC to undo. And you'll see if I'm in this paragraph here. Now I don't have to do this. In fact, I can just click and put my cursor in here, but so that you can see it easily. I've just selected all the text. I can then have left, center or right alignment. Or I could have full justification. And with full justification, you can either choose to have the last line, this one here, aligned to the left, center, or to the right, or justified. All. You'll see if I choose justified left. It aligns everything up on both sides, but this last line here is aligned over to the left. Let me do it on this one here to show you. So same again, in their Wrong one, sorry. Over there. Justified Center. It's justified to both sides. And the last one is in the center, same with the right and then justify it all. Does all of the lines. You can see it makes a horrible mess of certain texts. So this last line over there, I could never get away with that. It just looks so bad having that spread all the way out. 72. Vertical Alignment of Text: Now the next little button allows us to align the text to the top, to the middle or the bottom of the box that the text is in all the frames the text is in. Now this doesn't seem to be terribly useful at the moment if I just sent her that vertically. But when we've actually got text inside a frame and you've got a color on the frame. And maybe it's a quoted, you want to go in the middle. This is very, very useful and it's something we'll get into later. You can see I can align the text top, center, or bottom. And I can also align the text. So it justifies all the way across. So it'll just spread my text out right the way through from top to bottom of that frame. It's just pull this up a little bit like that and you can see the text will just spread itself all the way across. 73. Bullet & Number Points: I've got a little bit of texture. In fact, it's just three sentences and I've just done returns between them. So there's this one here which is paragraph. It's trying to select that again. This one here which is another paragraph, and that one there's a paragraph as well. I'll just select them. I'm going to go up here and we have got bullet points. And once again, the bullet points will appear for each particular paragraph or number of points in there. Really nice, easy one. Once again, there's more things that we can do with those bullet points, but not quite at the moment. 74. Leading & Typography Options Caps: Let's have a look at the last little buttons along the top here. This one is to do with the distances between the various lines of texts in a paragraph. And it's known as letting. You can see over here, I've got 12 point text and my lettering is set to 14.6. If I click in there and I go to 14, you can see it's about the same in there. I can then increase the leading, the gap between the lines, or I can decrease it. In fact, I can keep going till it's virtually on top of one another or move it to make it really large. Not sure of what size to go for. I would actually just go up to the top and choose the default in there. You want to be a little bit more accurate about it. The standard loading is usually the size of your typeface plus 20 per cent. So if you've got ten point text than the standard letting would be 12 points. 12 point text would be 14.4. But you don't have to worry too much about that. The default there is pretty good. The last one that we have in here is the topography options. And if you click in there, there's a lot of different options can change how your textbooks. So what I'm going to do is first of all, hide the irrelevant features. I always like to switch that on because you don't need a lot of the things that are in there. We're not going to look at all of these, but I do want to go down to the capitals. So in here, if I were to just move that across a little bit there, I could say I want everything in caps or just normal. Now you can see nothing's appears to be happening because I really do need to select some text in there. So I'm just going to select that. But if text, once again in here, I can go all caps to make everything capitals. Over here. I can go with small caps, which is quite nice feature it gives you a big capital in it. Everything else is smaller. Do the same with that one over there. So I'm going to go to small caps. And you can see how that's working. Really nice. For titles. We can have all small caps as well. 75. Outline Text or Convert to Curves: The last option we're going to look at is not one of the options along the top, but it's actually in the menu. And it's under the Layer menu. When you have some texts like this, the text is fully editable, which is great. But it does mean that if you go into the document, you have to have that font or that typeface on your system. Now sometimes when you send stuff to printers, they'll say, could you make sure that you outline all your text? So what does that mean, outlining text? Well, it means they want you to convert your text from editable text into vector shapes. That way it doesn't matter whether they have the font on their system or not. So how do we go about doing that? Well, you select the text and you go along to a layer. And you just choose convert to curves. You can see it still looks exactly the same, but this is no longer editable text. I could do the same down here if I selected this and went to layer, convert to curves, it is still, well, it looks, it looks exactly the same, but it's no longer editable text. So if you're going to do this, I would suggest that you make sure you save a copy of your document with editable text first. So what else can we use this for? Well, one of the nice things for this is that we can then actually change the hour or customize the fonts themselves. This one's about savings. So I want to actually go right in. And you can see if I click on the S, It puts all those little nodes in there as we looked at nodes earlier in the course. This is what it is. It's just a shape made out of the nodes. So it means that I can actually go in and I can pull this up and I'm going to pull it so I get something which kind of closely resembles a sale. Maybe. Let's try that out. Okay, it's not a great sale, just looks like something which is really strange. But you get the general idea. Sometimes this can be really interesting because you can select individual points like that. I can take those two points there and I can maybe pull them down a little bit like that or this one here. Let's select those two and pull that down as well. And you can just adjust your characters as you want them to be. Do try it out. It's very useful when you're asked for outline text. It's destructive that you don't have the original editable text anymore. And lastly, it allows you to change the type so you can edit it yourself with nodes. 76. Introduction to Project: Create an Advert: It's Texts Project time. So during this project, we're going to create an advert for a yoga business. Now, if you don't like yogurt, you can use any other subject that you like. But what we're gonna be doing is we are going to be creating three sets of texts. So this is going to be like a subscription that this particular company has and will create one of those sections. And then we'll reproduce it twice more. And on those copies will change the text. Now this is not just going to be about texts. We're also going to be adding in gradients and a picture in the background as well. So let's just jump straight in and get started. 77. New Document and Make Shape: We're going to do a new document for this project. And depending on whether you want to create this ad for either print or for the web. You can choose what you like in here. Remember if you're doing it for something that is going to go for printing, commercial printing, you probably want to go with press ready and make sure you have some bleeds in there. If you're doing it for the web, you can choose one of these over here. Now, I'm going to go with the print version. I said you can choose whichever would be more likely for you to do. I'm going to just make this A4. It's going to be landscape. And down here I'm going to just check on my color to make sure that that is set to CMYK. Now we have a color profile. And in here this is set to US web coded swap. Now that's the most popular profile in the states. If I was doing this and I was like, I am near London in the UK, I would probably use for gra, over here we've got a couple of different photographers. But the thing is, if you're not sure, speak to your printers about it, I'm going to make sure when I go to bleed that I've got a three millimeter bleed in there and I'm going to click on Create. Now. I can't see my margins. So I'm going to go to the View menu and just make sure that I can see my margins in there. It'll just help me with my design a little bit. I'm going to go to the View menu and we can do things like show grid, if that helps you to design using a grid. And we've also got Show rulers in there as well. And from the rulers you can actually drag down, you see I just click in the ruler and drag, you can drag down more guides onto your document. Now I want to get rid of those. I'm just going to use if you're on a Mac Command, Z, if you're on a PC Control and Z to undo those. And I'm actually going to go and switch off the grid in there. Once you've set up your page and that's a nice easy thing. We've done it so many times before. We're going to design the first one of our shapes that we're going to be putting the text in. I'm going to use a little rectangle. I'm just going to click and drag to make my rectangles. I'll just choose the rectangle tool, click and drag to make the rectangle shape. I'm going to have three of these in here, so that's what I'm going for size-wise. And then I also want to round off the corners on this shape. I'm going to go along here to the various tools that we have. And one of them is a corner tool for rounding the corners. And you can see if I hover over it, it says Corner tool. And then I can just go onto my corners and round them off. I can do these one at a time like that. Or I could do them by selecting them altogether, to select them all together. Use your corner tool and just click and drag over all of them. And then you can click on one of them and pull them in to round them off. Like so. Now, this is quite boring, having a little shape like this, I want to make it slightly more interesting. So I'm going to add a little bit extra to this. I'm going to take another rectangle and put this rectangle over the top. So I'm just going to click and drag another one in, like so. Now I need to make sure that these two things are lined up perfectly. So I'm going to take this shape here and drag it until I get to the middle. And you can now see that that's lined up like so if I take the top one and drag it along, there we go, it's lined up with the bottom one. I'm going to overlap them ever so slightly. I'll just use my arrows on the keyboard to move that one down. And I'm going to select them both. And then use my boolean options, appear to add them together. So I just click on the Add option, like so. Now I still want to keep that rounded corner look going on here. So once again, I can use this tool and I'm going to select those two at the top. Try that again, select those two at the top and round them off. Like so, so quite a lot in there. And then I could actually select these ones here and round them off. I quite like that corner point in there. Anyway, have a go make a shape. It doesn't have to look like mine. You can use other shapes in there as well if you like, you can cut bits out. So e.g. you could go along and use a different shape and I'll just use a circle, like so. And I could put that maybe at the bottom over there. And then maybe once again, select those two shapes and maybe cut one from the other to achieve an interesting look like that. I'm going to undo that because I like that simple shape that I've got. Have a go with that. 78. Bullets & Duplicates: Now I want the three of these little shapes. So before I go any further, I'm going to make sure that I put this one right in the middle of my page. I'm going to move it until I see that green line coming up here. If you don't see that line there, these auto lines can be gotten from the view menu. And you can just go in and make sure that you've got things like snapping switched on. We also looked at it up here where you can enable snapping in there. And there's quite a few options that we can snap too. I've made sure that that's right in the middle. And now what I'm going to do is I'm going to make two copies, one on either side. So I'm going to hold down on the Mac, it's Command on a PC, it's Control. And just click and drag this across. While I'm dragging it, I want to make sure that I'm dragging it absolutely in line with the other one. Now I can do that by seeing the little red lines when they come up. Or I can actually hold down the Shift key at the same time. And that'll ensure that it moves perfectly in line with the other one. Will do this again. So I'm going to go back to here. Hold down Command or Control, start dragging it, hold down the Shift key and move along into the right position. All right, So because this was centered, if I put those two to the margins, everything will work now so that I don't move them by mistake. We haven't finished with them yet. We have to change the color. But for the moment, I'm going to go over to my layers and I'm just going to lock them down. So I can select one layer, hold down, Shift, and then select multiple layers in there. And then click the little padlock at the top to lock them all down. Of course you can do them one at a time. Now we're going to be bringing some text. And so I've just got a little bit of text. I wrote in Word. You can do your own text for this because it's not very complicated. But I'm going to use the text as a frame, frame text. I'm just going to drag in my frame and paste the text in that I copied. So as you can see, it's very simple. You can do your own in here with whatever topic you're using. I'm using yoga life as my topic. Now, the first thing I want to do is to select the text in there and go along the top because these are going to be bullet points. So I want to use the bullet point tool to make them into bullet points. Then going to go across to the left-hand side and change the size because they're quite large the moment and I'd like them to be a lot smaller, something like 14 or 15 on mine. But you choose what you want to use the Move tool and move this across to here. Let's just move that back again today. So that's going to be down there somewhere. We just neaten this up by putting that around. Now that I've got that, I want to have the same thing on these as well, but obviously these are different. How do we call them different levels of the, the course that you can buy for this particular yoga course. So what I'm going to be doing is this one's going to have all of the things that you get with that level and we're going to have less with that unless with that. So I'll just hold down command once again and drag that in. Hold down command again and drag it into there. This way. Now I can actually go in and for this level, we just get the newsletter and a goody bag in there. Where is this level here? They also get a yoga mat and a consultation. Let's get rid of that one in so they're all lined up, they're all looking exactly the same. You can still of course move them around. Should you need, but have a go make some copies of that shape that you've got and get some text in there. 79. Add Some Gradients: As you can see, I've put in some more figures in here, just these are the different plans that we've got. A little bit of text over here which says, basic plan for a stress-free life. Now before I copy that across to the other sides, because I'm going to have a free plan and I'm going to have the Pro plan. I want to just sort this out and we'll get, get the font looking quite good. Now I'm going to go up to the options over here and I'm going to use the Character Style. And I'm just going to choose a strong emphasis. So basically it's making it bold and italic. I could have done the same thing by choosing bold and italic over there. And then I'm going to copy it across. So once again, hold down Command or Control and Shift. And you can do a copy. And the same again, I could do one on this side as well. I'm going to change the names on this. So this is going to be the Pro plan. This one is going to be the free plan. Now we've got all our texting. We really need to start looking at some color in here for the shapes behind the texts because they look a bit bland. Well they look extremely boring. So what I'm going to do is we're going to open up a picture and we're going to use the colors from a picture. I'm going to go over here to my place Image tool. And it is part of the course, you'll have this picture. But if you don't, you can go and find any image that you like. So I'm using a picture that came from Unsplash, and it is this one over here. I'll just click and drag to drag it out. Like so. I've chosen this because it's got some really nice soft colors in it. As I said, you can use any image you want, but you will find this in with the course resources. So now that I've got the picture in there, I want to sample some colors. I'm going to go up here. And I've got my color, and I've got my swatches area. Now, I'm going to go in and I'm actually going to make a new swatch specifically for this particular job. And it's going to be a swatch just for this documents, I'm going to say add document palette. So it'll only be for this document and give it a name. And I'll call this yoga. Click. Okay, and now when I start sampling these colors, I can just put them into my yoga palette for this particular I'm document. Now I'm going to be using this little sampling area here. Now, if you click it and it thinks you want to make that picture black and white, just use your command or Control Z to undo. I'm going to make sure that I've de-select it first before I go to that little sample tool. So now I can take my sample tool and I can drag it onto the image. So I'm going to go and find a nice darkish turquoise color. I click it to choose it, and then I can add it in to my swatch. I want that blue there, but I also want a lighter version of it. So I'm going to go over to my colors. And you can see it's still remembering that color in there. I can then choose maybe a lighter version of that. In the swatches. I could then add that one into my swatch as well. Let's do a different color in here now. I'm going to use the eyedropper. I'm going to go and sample one of these sort of so many pinks over there. I'll click on it up here to bring it to the front. I'm going to add it in. But in fact I want to make it darker first, so I'm going to go to color. I'm just going to darken it down in here. I'm going to go to the back to the swatches and I can then add that in over there. I've still got the original, so I could click on that and then add that in as well. So you can see what I'm doing here. I'm having a dark version lite version, dark version of light version. And let's go with something else. In here, find another color that we can use for the third one. So I'm just going to have a look around and see what I've got in here. That's very similar to the orange, that's similar to the blues over here. I think maybe some pinkish gray color there. So same again, I'm going to just click on that to bring it in so I can go here, then choose a darker version of that color. Once again, back to my swatches. Add that in, and then add in the other one for the lighter version. So there's all my colors ready to go. Now, I'm not going to get rid of this picture. I'm going to put it to the side only because we're going to be using it in a while to do the heading. But let me now go and make the backgrounds the right color. And we're going to be using gradients on them. Now at the moment, they are all locked down. I'm going to go down here again. I'm just going to choose to unlock them by clicking on that little padlock at the top. So let me start off with this one. Over here. We're going to be, as I said, using a gradient. So I'm going to go to my fill tool. And with the fill tool we can then just click and drag to make a gradient. So this one here is going to have that color, which is going to be the dark blue. And this color here is going to be the light blue. And as you can see, I can just move it around, but I can also choose, instead of it being a linear gradient, I could choose to have it as a radial gradient. So this time it'll go from this bit in the middle. And I'll just pull this in so you can see it to that bit out there. I'd like it the other way round. And we've got some more buttons in here. And this little button here just rotates it around a bit. This one here will actually flip the colors. So now I've got the dark area on the outside. I think I'm going to have that right at the top over there and then take the dark but down to there. Now, if you find that the colors are still a little bit too bright, you can always go over to your colors and you could just adjust them in here so I can go with something a little bit more subtle. I think like that. It looks a little bit better. I don't get to move on and do the next one as well. So I'll click on the shape. Go back to my swatches. I'm going to be using the same thing again over here to click and drag, choose the colors that you want there. So just get your colors in like so. Remember we're doing this as a radial gradient. And if it's the wrong way round, you can always flip it. It's this one just moves it around. That's the second button there is the one that you want, which is reverse. I'm going to move that down to here. And this one's going to go up there somewhere. Like so. Then we get the last one done as well. So click on the shape, use the fill tool. Click and drag with your fill tool. Choose the colors that you want. Another color up here. And don't forget, you can always use the radio. Now, this one is not working at all color wise, that the outside is nice, but this color in here doesn't work. So I'm going to click it. And I'm going to go to my colors. And I'm just going to add a bit more color to it, but maybe lighten it up a little bit so it fits in with the rest of those different plans. Lastly, in here, for the moment, I'm going to go through my text. And I'm going to make my text white at the, just the bit at the top with the prices in it. Have a go, get your colors going like that. Once you've done that, go to file and choose save as and give it a save called anything you like. And save it wherever you want to save it. I'm saving mine onto my desktop, but it's entirely up to you where you want to save it just in case your machine crashes and you lose the whole thing. Have a go. 80. Add a Photo into your Text and an FX: Let's put a title across the top. I'm going to select all of these areas. And I'm going to move them down a little bit like so. And then my title is going to go in there. So I'm going to go over to my text. I'm going to be using the Artistic Text tool. I can click and drag it to the right size. And I'm going to put in the text. Now, my text has disappeared. And why is that? Well, it's because it's white because I change this text to white, so just remember that. So I'm going to have to select it and I can choose the color that I want it. I'm going to do it as black. Now. I've actually missed type that, so let me go and do that again. Absolutely perfect. I can then still re-size this by grabbing a corner of it and putting it out a bit. I think these need to be moved down just a little bit more. If you find that there are two big, you don't have enough space, you could of course re-size them in there. But I think that's gonna be about right for me. I'm going to select the text and change the font. So I'm just going to go and choose something else, which is in keeping with the field that I'm going for. Now, you can see my text over here is what's called sans serif or sans-serif. It doesn't have any of the curly bits in it. It's very easy to read and it's quick for the user to look through and go, oh yes, That's the plan that I want. But for the title itself, I want something a little bit more delicate. So maybe a script might work, or maybe something with a few serifs, like I've got over here. And I can then choose. If I had a version, a bold version of that. I'm going to go back again and just pick something else which has got a little bit more. Well, delicacy to it. That's a little bit over the top. Let's go with that one there. What I'd like to do now is I'd like to put this photo that I've used inside the text. So I'm going to move it up a little bit too. I want to have the where the wave is hitting the sand. I want this bit here to go inside the text. So in here, what we have is the text up there and the picture over there. If I were to drag the picture onto the text and drop it, you will see now the pictures inside that text. So I'm going to undo that. Be careful when you drop it. If you drag and drop it underneath or above, you might just move it above it. You drag it until you see the, the text highlighted totally. And then you can let it go. You can then still click on that little drop-down arrow. You can get to the picture. So you can move the picture around if it wasn't quite in the right position. So maybe mine wasn't quite right in there. Maybe a little bit more more sea there. You can also click on the text over here and you can adjust the text if you need. I'm going to maybe make mine a little bit bigger. So now that we've got that in, I'm thinking it would be quite nice if I had a very, very subtle shadow underneath my text. So I'm going to click on the text. I'm going to go to Effect that little fx at the bottom. And I'm going to choose an outer shadow. I'll just switch it on. And we can then move these settings over here to get the shadow to show up. You can change the intensity, you can change the radius. In there. The thing is whatever you do, keep it very, very subtle. So I'm going to move that down. So we just get a very subtle little shadow underneath it. And I'll click on Close. Now what I'd like to do is to take this drop shadow and applied to these shapes here. So if I select the text, it's got the shadow on it, the effect, and go to Edit and Copy. I can then go along to these shapes here I'm selecting the shape, by the way, not the text on it. And I'm going to go to Edit and Paste FX. And you can see it's just putting that very simple, very subtle shadow behind my shape to just lifted off the page. You don't have to do this. It's just a style. I'm going to select those two there. I'm going to go to Edit and Paste effects. So you can paste effects, you can paste styles, you can paste objects in there. Try that out and get your picture inside your text. Don't forget, you can always go to the picture if it's not in the right place and move it around until you get what you like. I think I might even choose something like that. 81. Background Photo & Export: I'm going to bring in the same picture again to make an interesting background. So once again, I'll go to the same tool, choose that same picture, and drag it across. Now remember if you're doing this for print, you will need to drag it so it covers not just the page, but the bleed around the outside as well. If you're doing anything for web, that doesn't apply. Now what I'd like to do is I'd like to change the blend mode of this picture. It's right at the top. I'm going to go from normal down to Multiply. And you can see with the multiply, I can actually see the details coming through underneath. Then with multiply, I'm also going to go to my opacity and just reduce my pasty write down what I'm looking for here is just something very subtle in the background. This is a very delicate advert. We've got very gentle colors in there and I want a gentle picture in the background while I'm here. I've also used the horizon line to create a section between the price and the plan name and the contents over there. So it is very, very subtle in there. Just pop that back. Once you've done that, don't forget file and save. If you're saving this out for web, you can go to file and use export. You can export it in here as a JPEG or a PNG file. If you're saving something out for something like PowerPoint, I'd recommend using PNGs because what it'll do is it'll make that background transparent for your semi-transparent. If we're doing something for print, then we're probably going to want to use the PDF option in here. With a PDF option. Just make sure you go through all the options and switch on anything that the printers need, particularly the include bleed and possibly include the printers marks in there as well. Once you've done that, click on export from there. So I'll just export that out. I'm going to put mine onto my desktop. After you've done that, have a little bit, look, open it up and see what it looks like. So I'm just opening mine. That's my printed version. Ready for the printers. 82. Introduction to the Pixel Persona: So far, everything that we've been doing in design has been about the vectors. What I'd like to do now is to take you into the pixel area. Pixels are the tiny little dots that make up things like photographs. And we're going to be using pixels to paint on vector shapes, stranger know, but it looks really, really good. So let's get started. 83. Vector Versus Pixels: Before we start looking at the next persona, which is the pixel persona. So this one is the design persona, that one is the pixel persona. Let's have a look at the differences between vectors, vector and pixel images. So when we're working in the designer persona, it's predominantly vector that we're working with was when we work in the pixel persona, it's predominantly pixels. On the left, I've got a little shape which was made in the designer persona, and it is a vector shape. If I click on it, you can see I can move it around. Over there. You can see it in the layer. It's called an ellipse in there. If I go to the pixel persona, I created this one in the pixel persona. Once again, I can click on it and you can see it's called pixels. Now, look at the layers over here, next to on the left of the red dots in the pixel persona layer. I've got little dots there, so that's a pixel layer, whereas this is a shape or a vector layer. So what does this actually mean in principle? Well, really it's to do with scaling. If I start to scale these objects, that's when you're going to see the difference because a vector is made of lines and fills, which all mathematical. Whereas pixels are made of little dots or pixels on the screen which has got an individual color. Each pixel has gotten individual color. So let's see what happens if I scale the vector and I'll just zoom out a bit and I'm going to scale this up quite large. So I'm gonna go really big like that. Place it over there. And we'll do the same with a pixel. As you can see, I can scale it up, place it over there, put next to that one and put it out a bit. So roughly matches in there. And then we're going to have a look at the difference. When I zoom in, you can see when you scale something, which is Pixels, you'll actually get the pixels. Well, they can actually look really poor and slightly out of focus potentially, because it's trying to scale up little dots. When you scale up a vector, it's just redrawing the line for you. So it will always be absolutely sharp. If you are doing line work like this, you'll find that the vector gives you the better option. But if you're doing textures, as we will do later on, you're going to find that the pixel will be easier to work with. Photos e.g. are going to be pixels, whereas most logos tend to be vectors. I know that's a sweeping statement, but that's generally what they are. 84. Paint with Pixel Brushes: At the moment, we are in the design persona. So you can see the tools that I've got here are all my usual design tools that we've been looking at so far. If I go over to the pixel persona, the tools automatically change to pixel tools. Now when you look at the right-hand side here, not that much seems to change. A few little bits do move ever so slightly, but it's generally pretty much the same. So let's bring in a picture and then we will see what we can do in the persona of the pixels. I'm going to go down to my place or Place Image tool, shall I say? I'm going to find a picture. Now, once again, I've added this picture into your course so you'll be able to get to it. But if you want to use your own pictures, that's absolutely fine. I'm going to use this one's tiger picture in here. You can do any image you like for this, I'm going to click and drag my picture in. The picture itself is made up of pixels. If we zoomed right into it, you could see individual pixels that are in there. You'd never get that with a vector. I'm going to now go across to my pixel persona. And what I can do is I can actually paint on this picture with pixels. I'm going to go into the tools. I'm going to go and find the paintbrush. Now with a paintbrush, we have different sizes and you can see if I go to the width up here, I can change that width to any size I like. I can get quite large brush in there. The color that I'm going to be painting with is this color up here. So we can just pick a color to paint with. Moving along a little bit, there are a number of options for this tool. But for now I'm going to leave it on the default. I will however, go across to my layers and I'm going to paint on a new layer, not directly on the image itself, but on a new layer. So I'm going to make a new pixel layer before we've used these standard layers. But this is going to be the pixel that's the one next to the bin. So now when I'm painting, you can see it will paint anywhere on that area. And I'm painting with pixels. If I go to my brushes over here, I can change from the standard brushes from hard brushes to soft brushes. In there. There's quite a few other brushes that we have in here as well. If I click e.g. I. Go down to the dry media and you can see we've got more textures that we can paint with. Now once again, I'm going to go to my size. I'm going to make it a whole lot bigger. Maybe not quite that big. So you can see the texture. When I'm painting with that. We're not gonna go through every single one of these. Just want to point out a few of them that I like. I particularly like this sprays and splatters effects in here where you can just put great big dots around items. I find it quite useful for doing textures on things. Change your color in here. Once again, you can just paint with the new color. If you just want a standard brush, go back to the basics. And you can pick one of these standard brushes in there. Have a little bit of a go and experiment with that. I know it's a bit mad just going through the brushes like this and just having a good old play. But it gets you to have a feel for the brush. You can see exactly what that brush is going to work like when we start putting it onto the image itself. 85. Colorize: I'm going to remove this pixel layer, so I'm just going to take it and drop it into the bin at the bottom of the Layers panel. Now, if you notice on this picture there's a little icon next to the photo on the left hand side. And that means that this is an image layer. So if we want to paint on the image directly, we need to go to the Layer menu and just choose to rasterize that picture. Now watch what happens when I choose Rasterize. It changes the little icon there. So this is now a raster pixel layer. You'll find that if you try and paint onto the picture directly while it's still, haven't done it, while it's still an image layer. Over there, the assistant will actually rasterize it for you. Occassionally, that doesn't happen. It just doesn't allow you to paint directly onto that layer. So just be careful with that. If it weren't allowed to paint on the layer, just rasterize it yourself by going to Layer and Rasterize. Now I'm going to just undo that over there Because what I want to do is I want to paint on my tiger. So I'm going to zoom in. I'm using Command and plus on the Mac Control and plus on the PC. And we'll just move him around a little bit like that. Over there. I'd like to change the color of the eyes of the tiger. I'm going to go and find a different color, and let's go with a blue over here. Now, straight away, I can actually tell that I'm on an image rather than a raster layer because when I've chosen my color, there is no fill, no stroke, there's just a line through it. So before I paint, I'm going to go to Layer and rasterize. Once I've done that, you can see now it gives me the color and the color inside the brush. When you're painting, if you want to change the color of something, if you just paint directly on that layer, You're not going to fool anybody with that. It looks awful. I'm going to undo that. So I'm using Command or Control Z or a quite a lot now. I do want to also switch off wet edges because then I get an better solid color in there. Now I'm going to go to my brushes and I'm going to choose a soft brush over here that's quite large. It's go to something smaller. And once again, you can see now if I paint, well, it's better, but it's still not right. So how can we change the color on something without getting that awful effect? Well, it's to do with the blend mode. If I go to my blend modes, you will see when I click there a lot of different blend modes. Now these blend modes work with brushes. They also work was blending one layer over another. And you'll find the last project we did. We used a bit of a blend. We used the multiply to blend two layers or photo onto a background layer. The one I'm interested in though, is actually right down here and it's called Color. And when you choose color, if you paint now, what it does, it changes the color of the pixels. So it doesn't affect the lightness and darkness. So when I'm changing the color here, I can then just paint those pixels in blue. And okay, I'm sure that's not going to fool anybody, but it's certainly looks a lot better than it looked before. Let me just paint a little bit on his coat. I think I'll paint in this ear over here so that you can see the effect. So we'll just zoom in a bit like so. I want a slightly bigger brush. I'm just going to take the flow up. We talk about these, a lot of these settings in the level two course. I think maybe just a little bit smaller with that brush. Like so. I'm going to find a different color. So let's give them a pink ear. And you can see now as I'm painting, it's only affecting the color. It's not affecting the light or the dark pixels in there. Let's give another pink here on this side over there. So even though I'm going over those white and those dark areas, then not becoming pink nose and make that pink as well. And you can see if I started to paint over here. I'm just colorizing him up with those pixels. Try that out. Just a standard soft brush. And in the blend mode, It's color. Now, do be careful because this color dodge, this lighter color, this darker color, There's all sorts of colors in here. The one you want is just colored by itself. It's near the bottom in there. And that will just colorize up the pixels. And you'll see I can go over his eye as well in there. Try it out. 86. Paint on Vector Shape: Now we can also paint on vector shapes. I'm going to go and get an ellipse over here. I'm going to click and drag to make an elliptical shape. I'm holding down my shift key to get a perfect circle. What I'd like to do is I'd like to texture this shape up. So I'm going to go over to my pixel persona. And I'm going to add a pixel layer down here. I'm going to just add in a pixel layer so I can paint onto that layer there. And then I want to get a brush. So I'm going to use a paintbrush. I'm going to make this brush really big. But in fact, instead of just being a normal brush, I'm going to use a texture brush. So I'm going to go over to brushes. In my basic brushes, I'm going to click on that and I'm going to go down and find the spray and textures or spread splatters, shall I say. I'm going to find a texture in here. I will use this one in there. And you can see if I click and paint, That's the texture that I get. You can see I'm kind of going for that sort of orange orange skin type of approach. And I'm going to take my color and just make it maybe a little bit darker. Now, when I paint over my orange there, I can then just change the colors. We can get a few different colors going in here. I know it doesn't look good yet, but bear with me. Feel a little lighter oranges in there. Let's get some really light ones going in there. So I've painted on this layer here. What I want to do is I want this layer to only show on the shape. So I drag it. We've done this with pictures and text before. I'm going to drop it onto the lips right over there. And you can see now how to just linked to that layer. Let me do that again. I'm going to shade this a little bit as well. So I'm going to do another one. You can see it's automatically because that was selected come inside that ellipse shape. So it will automatically be a mask to that shape. And this time I'm going to go to my brushes. I'm going to go back to my standard brushes. I just find my basic brushes. I'm going to get a soft brush, but make it really big. If you want to make your brush bigger or smaller, there is a shortcut and that is the square brackets. The right square bracket will make it bigger. The left square bracket will make it smaller. So I'm going to make mine a whole lot bigger. I'm going to choose a darker orange. And I'm just going to shade that area over there. Then I'm going to choose a much lighter orange. And maybe just with a slightly smaller brush shaded up, up there. Now you see my layers that that's on a separate layer. If I were to drag my pixel layer above the other pixel layer, I can then get the texture coming in above or below. The other one. You can move these layers around or the objects around jealousy inside the shape. Depending on what stacking order you want. You can also go along to them and you can change the opacity. So over here I can just adjust the opacity of my texture. If it's a bit too much, I can go to my shading and I can adjust the shading in there as well. If I've overdone it. 87. Selection Tools: Let's bring the picture. So I'm going to go and get that picture of a tiger again. So we'll find that one. I'm going to click and drag my target in. And I'm going to go across to my pixel persona. What I'd like to do is I would like to get the target to be half in color and half in black and white. So to do that, I'm going to use one of the selection tools. There's a number of different selection tools here. And I'm going to choose this rectangular selection. And I'm just going to click and drag to make a selection. I've let go too soon. So what I want to do is I want to add to the selection. So if I click over here and start to add, you can see it just gets rid of the first selection. So if you want to add to a selection, you go up to the little buttons along the top, and I can choose to add to that selection. So now it'll allow me to add onto my existing selection. Or you can subtract from a selection by clicking and dragging over the area one to subtract. Or finally, you can intersect and keep just the overlapping areas. If you want to de-select, you use a select and deselect up the top. I'm going to do that again. I'm just going to go to a new selection. And I'm going to click and drag my new selection in there. Now, this part is selected and this part isn't. So if I go along to my layers and I'm going to go down to the adjustment layers. I'm going to choose black and white. You can see immediately it only affects the part that is selected. So in here, I'm going to take the reds down a little bit, I think. And the yellows up from this black and white, and maybe the greens and the blues, down to darken down the background a little bit. I'll close it down. And then I'm going to go along and de-select. So I'll choose, select and deselect that would de-select that selection. But before I do that, what about if I wanted to actually select the opposite area? Well, I could go to select an action, actually choose to invert the pixel selection. So now it's the opposite areas that selected. Let me show you if I went in here and chose, well, let's say hue, saturation and luminosity. And in there I was to choose to increase the saturation. It would work on the opposite area there. So I could increase the brightness or the saturation, shall I say? On that side. I'm going to now go to select and actually choose to de-select it in there. Have a bit of a go with that, with some pictures. Use some of these selection tools in here and try using some more of the adjustments in here. Black and whites, a great one because you can see exactly what you're doing really obviously. After you've finished this, we're going to then be starting on the last project. It's going to be a big project and we're going to be using some of the pixel persona in that project as well. So enjoy this last section. 88. Introduction to Create a Complex Logo: It's project time again. And this time we're going to make this amazing logo. As you can see, there's birds and as leaves. And if you don't like birds and leaves, if you can feel free to do other things. Anyway. Once we've created this, we're going to take it into the pixel area, the pixel persona. And we're going to use some of the brushes to paint texture into it as well. So let's get started. 89. Create Leaf: For this project, we're going to create a graphic which could be used, well, all over there showed could be sized up. So it could be used on a poster. It could be taken down for the web. It can be used on business cards or wherever. So we're going to design it using predominantly vectors, will be using a little bit of pixels in there. But there'll be so minimal that even if it is sized up, people wouldn't be able to tell that it is actually pixels. Now I'm going to go to file and new document as per usual. And I'm going to be creating this using CMYK. Now, that way it can be used for both RGB and CMYK uses. And it will still look alright and look exactly the same. If I did it for RGB, you might find that you use to brighter colors and when you change them over to CMYK, it looks a little bit duller. So I'm going to go with CMYK. I don't need full press ready options in there. I can use this print option in here, and I'll go with a four. And then just go to my Color and change this to CMYK in here. Once I've got that, I'm going to click on Create. You'll notice I haven't actually bothered with a bleeder tool. It really doesn't need it. We just looked at the graphic because the graphical be taken from here and used in other ways, not printed directly. I'm going to click on Create. Now. We're going to put in some text and we're going to have some jungle type of leaves around. So I'm going to start off with the jungle leaves. First of all, I'm going to redraw one. Now to do that, I'm going to use an image which I've got and it's been provided for you. I'm going to click and find it. And it's called the, I can get mine up. It's called this plant image here. Now, if you want to use another image, absolutely fine. Don't forget, you could actually go to the Window menu. You can go down to your stomach and you could do a search for leaves on there if you thought you could find a better life than than that. I'm just going to hide that stock for now. Now what I do want to do is to lock this down and reduce the opacity. So it's a bit lighter, bit easier for me to redraw. And I'm just going to lock it in there. Now I'm going to be redrawing and you can use whatever tool you prefer. I'll just zoom in a little bit like that. If you want to use your pen tool and start working around this, That's absolutely fine. You can click and drag and make your curves as you want them to be. Clicking in there. Clicking and dragging like this. You can see it's pretty fast for me to do that. Or I'll get rid of that. If you wish, you could actually go along and you could use your pencil tool. And this will be less accurate. But remember it's a leaf, it doesn't have to be that perfect. Now, if you are going to use your pencil, then I would suggest going up here and switching on sculpt mode. That way if you're drawing a line and you let go, you can continue going from that point. Just a bit too far they're deleting. And then over here, I'd also switch on stabilize. Now, how much you stabilize will really depend on how you actually drawing and how smooth your hand is. So if you do a lot of stabilizing in here, I'm just going to push this up. You can see it will smooth it out really nicely, but it gets quite difficult sometimes to actually control that. And then back here again round because it's like dragging a pencil and end of a piece of string. It does really make it nice and smooth, but you might find problems with it. This is entirely up to you. If you are using the pencil, I would suggest going with a much shorter bit of stabilizing. And that'll be a lot easier to work with. Like so. As I said, you don't have to be accurate with this. You just get it roughly, correct? I'm going to do mine using the pen tool, just clicking over here and then clicking and dragging around like that. But if click and drag there, click, I'm not going to do this whole thing. And while you're watching, I'm going to just do a little bit of it and then I will speed the rest up so you can see it. Every happen. So let me just do this very fast now. Once I've finished, I'm going to use a tool to subtract some of those little holes in the leaves that are typical of this type of plant. Here we go. So I want a shape over there to subtract from this one. And I'm going to use a little ellipse over here. So I'll just draw an ellipse. I'm going to rotate it into the right position and place it over there. I don't want to more now, I will just make a copy of that one, make it a lot smaller. So that one's going to go roughly here. And I'll hold down the Alt key and make another one in there. If you think it looks interesting, you can add some more elsewhere in the leaf. In fact, I'll do that. I will make a copy of this one. Remember to copy, you're holding down either control or Command, depending with your Mac or PC. And I'll put another one over here somewhere as well. Now, if I go and fill my leaf with a color, any color at all, I can then select all of those shapes and cut out. And you can see at the moment that's how they are. Cut those front ones out from the back one using the Boolean operations at the top. There we go. I've got my leaf. I'm just going to give it a bit of green in there. I can go back and I can delete or get rid of the plant. Have a go, make yourself a leaf. If you want to make two or three different shapes of leaves from different plants. Absolutely fine, fantastic. And in fact, use the pen or the pencil tool, which ever one works best for you and make some holes in them as well. And then come back and we'll go on to the next step. 90. Color & Texture: Hopefully leaves are looking good. What I'm going to do now is to put some shading on my leaf. So I'm going to do it by going into the pixel persona. And I'm going to make a pixel layer over here. And I'm going to use a paintbrush and just paint onto that leaf. Now, I will use the same sort of green that I've got there, but I'm going to just darken it down a little bit and maybe make my brush a bit bigger. Remember the shortcut for making your brush bigger and smaller is the square brackets on the keyboard. So I can then just paint over here to darken down the edge of the leaf a little bit. I hope this is dark enough. We'll find out shortly. And then drag that object in the layers panel onto the leaf. There we go. You can see we've got a little bit of darkening coming in. Now. I'm also going to put in some light areas here. And I might actually, because it's lighter, maybe go towards the warmer side of the spectrum to lighten it up. And let's have lightness going on in the leaf. Over there. It's a leaf. You can lighten and darken as you like. I'd also like some texture. So same again, using the paintbrush, I'm going to go over to the brushes panel, but I'm going to go down. There is a texture option in here that's got some interesting textures in. And really it's just a matter of playing to see what you can get, but just experiment with one, try it out and see what you can do. E.g. here I'm just going to paint on that. You can see there's a little bit of texture now on my leaf It's very, very minor. But I'm going to undo that because I don't like that texture really. I like to use the spray and splatter options in here. I think they're great. I'm going to go and find some spray options. Once again, much bigger brush in there. You can see as I move over how it shows me those splatters. And I think I'll make those a little bit darker there. So we're just splatter a few bits around on my leaf to get that sort of slightly mottled effect, change color as you go. So you can get some different splatters in there. Maybe a few darker bits along the top, like so. Then when you go back to your layers, you can click on that. And if you wish, you can either hide all of those effects in there or you can reduce them using the opacity. When they're depending on entirely upon what you, what you want. I'm reasonably happy with my leaf, so I'm going to leave mine, uh, like that, but do have a bit of a go. We are in the pixel persona and you can be painting on a pixel layer. And then on your pixel layer, don't forget you just, if it's like that, you just drag it and drop it on top of your leaf. So when you leave goes blue, drop it on there and we'll put it inside that object. Have a go. 91. Duplicate the Leaves and Transform: I'd like to make some new leaves now, and I'm just going to use copies of these leaves and change them. I'll be going back to the designer mode. And I'm going to zoom out a little bit. And then I want to copy this leaf. So I made sure that I'm on the leaf, not on the texture object. So I'm on the leaf itself. And then I'm just going to copy it by holding down Command or Control and just dragging a copy, changing the size a little bit, maybe rotating it around a bit there. And I can even then change the color on that. So I'm on the leaf, so I can adjust the color in here. On the leaf itself, not on the pixel layer. So this is my first leaf. Hold down the Command or Control, make another copy. Now, I've made a small mistake there. I'm going to undo it. You can see I was actually on the texture when I copied it. So it's just copied the texture. So let me go back again, make sure I'm on my leaf. Once again, hold down Command or Control and drag a copy in there. Pull that up. If you wish. You could still go in and make other changes to it as well. So I can even change the opacity on that leaf to make it slightly transparent and see a few of those bits of the leaf behind it. So some leaves, I'll have that semi-transparent look to them. This one I think I will just adjust the color and make it slightly browner. Let's have one more. Hold down the Command or Control. And I'm gonna do this leaf here. Make a copy of that. I'm going to make that one a lot larger and pull it around a bit. And that's going to go underneath the other ones. I'll just drag it all the way underneath down to there. If I drag and drop it on top of it, it would actually pop it inside that leaf, which once again gives us an interesting texture as well. Let's undo that. And I'm going to lighten this one up because it's bit on the dark side. So it's entirely up to you what you'd like to do with those leaves, just get a few of them going. We want this have jungle look. And then we're going to be putting those onto our text. 92. Add the Text and Change Characters: I'm going to put some text in here now. So what I'm gonna do is I'm going to use the Artistic Text tool. So just make sure that you select that one. I'm going to click and drag to get the first letter. A reasonable size. I'm just going to type in the word jungle. Now. I'm going to select that and make it a bit smaller using the settings in here. So we'll just get it to a reasonable size. So I can see what I'm doing. And then we need to go and find a jungle typeface. It's up to you to just go through this and decide what you would like to use. I'm going to use something very, very simple because the, the leaves themselves are quite, quite wild. So I've got the word jungle in there. But I want the j to be a lot bigger, so I'm going to select that and increase the size of the j. Let me move that across and I can grab a corner now and just scale the whole thing up. Now, don't hold down the Shift key when you're scaling text because if you do, you can actually miss scale it. So something like that. I'd like to change the color of the text to some sort of green similar to what I've got. And then I'm going to be scaling down the leaves to go on there. I'm going to select all the leaves. I'm selecting that one right way down to this one here. I'm just using the Shift key to select them all. I'm going to go to the Layer menu and choose to group them. And that group's them all together. So if I select one, they'll all Select. And now I can just scale them down to the size I want them, something like that. So that's going to go on top of the j. This J is actually not tall enough. Now, the way that I'm going to do it is I'm going to go to the text menu. Sorry, let's try that sentence again. I'm going to go to the Layer menu, and I'm going to say convert to curves because now all of these characters are just curve. And you can see I can select them with my Node tool. And I can select those points there. I can just pull them upwards like that. I'm holding down the Shift key as well. So we can make that a lot taller. And I think the L as well, I'm going to select that, select those two points with my Node tool and pull them up a little bit as well. That's a jungle tree type of log. Now of course these can be moved across. They do need to go on top of my layers if I pull my layers panel out so you can see them, I can then just drag them up, not onto that group but just above it. So I'll have all of those sitting on my J. I might make them a little bit bigger as well. You can move them around, you can angle them, whatever works for you. Have a go get your text in there and get your jungle look going on, on top of the j. Once you've done that, you can then go into the leaves and you can ungroup them. So why am I in grouping them? Well, I actually want to use one of these leaves. I'm going to actually use a copy of it. So I'm going to hold down command or control and to just copy that leaf. Now, just be careful when I select it, make sure I select the correct thing, not the, not the texture inside. Hold down command or control and make a copy of that. And that's going to go across over here. So we're going to have another leaf on top of the L in there. At any point, you can still go and move these things around. If you look at anything, actually that leaf just doesn't look, looks so good. No problem. You can move it out of the way. And I generally tend to leave things on the outside. If I don't want them. You can still hold down the Control or Command and making more copies of the items as you need. Anyway, habit of fun with that. And then we'll put some, some jungle birds into there as well. 93. Draw the Birds: You can see I've put in a little bit more text over there. I've just lined it up with the UN G. So by just scaling it up and get it to just the right size in there. This whole thing though looks very, very green. I know it's a jungle, but we need some color to complemented. So what I'd like to do is I like to put into little jungle birds. And I've gone and I've found some images that we can use or an image we can use. And once again, this is in with your course images. And I'm going to go and find it. It's called Bird in there. And I'll click and drag. All right, so this is the little bird that I want to use. The green and the red or the pink sharp really nicely because they are almost opposite each other. If you look on the color spectrum, you've got greens down here and you've got ready pinks up there, so they're complimentary colors. I'm going to find those colors from the bird. Let's zoom right into the little bird over here. Instantly when you zoom in, you might notice that some of your leaves have got black lines around the outside. And that's a stroke. You can go in and you can just remove the stroke to get rid of them really easily. So I need to do to mother leaves as well. So here's my bird and I want to sample some of these colors. So I'm going to do what I've done before. In the Swatches. I'm going to make a new swatch. I don't want to add to my existing swatches. I'm going to make a new swatch in here, which is going to be a document swatch. And I'll just call it jungle. Click. Okay. And then I can start to add in those colors. So I'm going to sample the red from the bird over here. And I'm going to then added in by clicking on the little plus in there. Don't forget, you can either use it fill or stroke to do this. Once again, I'm going to find another color over here, maybe a bit more of a pink. Click on that, bring that in as well. This dark gray black color. Let's sample that one and add that one in. And something from the leg I think as well. Might need to sample that. We can still lighten and darken these as we go and have more of a brownish color. You can see all the pixels in here that I'm going to, once again, we'll add that in like so. Now I need to draw this. So we can use the pen or we can use the pencil. I'm just going to lock it before I do. And I might even go in and reduce the opacity. So it's easy to see now, I've just done this on entirely the wrong layer. So this is where it's a great idea to lock things. Let me show you the problem and what I've actually done. I've changed the color of my word planters in there without meaning to. Now that was a genuine mistake. I wasn't didn't realize it was selected when I clicked on it. I'm just going to change that back to the green that I was using. And the opacity back to 100 per cent in here as well. That's better. Lets me make sure that I'm on the correct layer this time. I'm going to lock it so it doesn't move. And I'm going to go to the opacity and reduce the opacity right down. Let's zoom into the bird. Now to draw it either pen or pencil, whatever works for you. I'm going to use the pencil this time. So up the top here, I'm going to go to my stroke and I'm going to add a stroke color. We can change this. It doesn't matter. Then when I'm drawing the shape, I start from the back most object, which in this case is the head end, this part of the body around here. That's sort of what I see is the back. I mean, we could actually say that this leg is technically the back, but I'm just going to use the body for the moment. So using the pencil tool, I've got my stroke color on there. I'm on sculpt mode. So if I stop and I can continue on with my line and my stabilizing is quite low. I'll zoom in a bit more. So I'll start over here and you can see I'm going right into the wing. I'm just going to pull this up. This is going to be quite small and we are stylizing it, so it doesn't have to be perfect. Let's go down here. I think I'll go all the way along, right up to there and back again. So there's my first first one in there and we'll just finish off that line there. Then I want to do the, the next thing on, which is probably going to be this little tail. So I will draw that tail. Then maybe the beak, maybe their beaks. The next thing over there. So let's go all the way down and back again. Not accurate, stylized. And then this area here, which is the, the, the wing of the bird will go all the way around like that. Then I can draw the legs. So I'm just going to get them roughly right over there. You're going to see these atoll on the final result. So this doesn't matter too much. That'll go to there. And the last leg because it's quite thin at the top, isn't it? The one claw. Another 1 ft, I suppose. As you can see, it's not terribly accurate, but that's fine. Now I'm going to start to color these up. So I think taking the two legs over here, I'm going to just sort of give them a pinkish color. Now, I'm going to make sure that I'm actually unfilled not on stroke. So I can click on that little double arrow to flip those around. I don't actually like that as pink. I think they should be a darker color. So I'm going to go to my colors here and just choose a darker shade, maybe sort of more towards the gray spectrum. But the bird itself, that can definitely be red over there. Maybe the tail is red. But of course, once again, that's a little bit too dark red. Let's lighten up a bit. And this little feather area can be pink. The beak. Now the beak should be the same colors that I think. So I'm gonna make sure I select that. There's that color. I'm going to add it to my swatch. Then I can go to the beak and I can choose that color quickly. I'm going to select all of these items and remove the stroke from them. So over to the stroke and choose none for the stroke. I've forgotten the I have an eye over to a little circle. Now, where's the I go? Well, if I go back to my layers over here and just hide this layer, I can see where the eye goes and it goes up roughly about there. Let's make that a little circle and make that black. So there's my bird. I'm going to get rid of the picture, the photo from the background. So this is it here. I'm going to press on the bin and delete it. And I'm going to group it together. So select all of the bird, go up to the Layer menu and choose Group. And then we can just scale this down. I'm going to have a little bird sitting over there. And then we'll do another one up the top. So hold down the Alt key, hold down the Command key or Control to make a copy. Now, I've just copied the wing rather than the whole bird. Just make sure I select all of it. You can see it's selected in there with a group not on the individual object. And then hold down command or control to copy it. And this one, I'll actually scale up just a little bit like that and pop it in there somewhere. Maybe conserve, sit right at the top like that. Now they look too similar. So I think this one here needs to be flipped around. If you go to the top, you'll find this a Flip option and you can just get things to point the other way. If you flipped it. I also sometimes like to rotate it a bit so it doesn't look quite so perfect. So do have a bit of a go with that. Get you your bird or any other animal you want. You can do a snake's of going around the j or around the L if you wished, just to get a bit of different color in there. And then we'll come, we'll put the final underline and save out in a moment. 94. Create a Hand Drawn Brush Line: As you can see, I've adjusted my leaves a little bit. I just got rid of the big one. I thought it didn't look quite so good in there. You can do what ever you like to be honest with those. But I'd also like a bit more color. And what I want to do is I want to have almost like a hand drawn line underneath it. I'm going to use the pencil tool to draw this line. So I'm going to go along to the pencil over to the top. I'm going to choose stabilized, but I'm going to increase the smoothness for this line quite a lot. So when I draw it and I'm going to start from here and draw along. You can see how it's pulling it along really nice and smoothly. And remember, you can always continue on if you have got your sculpt switched on. Right? So I've got a nice smooth line that goes up and goes round where the jeers. But I want it to look almost like it's hand-drawn or just put on with a quick paintbrush. And to do that, I'm going to go over to my brushes. Now that I've created that. And I can choose some of these brushes in here and you can see I can just click on the brush to apply that to it. Now, I'm in the oils brush over here and that is just, that's actually looking really lovely. This one here, that's not bad, but I liked that thick one. First, you can pick any you like, have a look through the brushes and see what you get. But of course, I want that to be a very similar color to the birds. So it reflects the color of the bird. And I wanted to reflect that red. So I'll click over there. And that then gives us the red line underneath. I'm going to select all of those items, just move them into the correct position. Now, I've tried to do that and the planter word doesn't move. And that's because it's locked. I'm going to unlock it in there, make sure that nothing else is locked. And I can then move all of this into the middle of my document. Don't forget to save File, Save As. And I'll call this planters jungle or P jungle. And I'm going to save it onto my desktop. So that's an editable file that I can always reuse at a later stage. Once you've finished doing your logo or your graphic like this, try some other options. Why not go in and have a go and see if you could put some texture onto the text. So e.g. here, if I go to the word jungle over there, there it is in the group. Maybe I could actually use the pencil or the vector brush and draw a line through the text. And then if I took that and I put that inside that group, it'll go into the group. But if I took it and I put it inside a character, and I'm just going to go down to the j. You can see I can get it to just go on that particular character there. Let me take it up to the planters. So over here I'm going to go to the word planters, which is where is it There it is over there. So I'm going to drag that up. Not dropping into, into any item but onto planters. And you can see how to actually go into plant is now the reason it goes in there rather than just on a single characters because we actually took these characters and we broke them apart. We use layer and we use convert to curves to make them non editable text. But you can experiment with different things masked into different shapes. I'm going to get rid of that one now. Anyway, I hope you enjoyed that and try out some different variations on that. 95. Well Done on Completing the Course: Well done. You've made it to the end of the beginner's course, you should be very proud of yourself. I'm sure you've created some amazing things so far. Now, on to the next level, there is a level two cores, and that'll take your skills all the way up. I'll see you in the next one.