Transcripts
1. Essentials of Affinity Publisher for Beginners - Overview: Hi, my name's Tim Wilson from Red Rocket studio. I'm a graphics instructor and a university lecture. I would allow us to help you to create amazing publications using Affinity Publisher. If you've been told worried that Affinity Publisher looks too complicated, or you've never even looked at it. You want to create your own amazing applications, or you just want to create a few graphics for social media, you're in the right place. I'll take you through it step-by-step, easily, small pieces at a time. And by the end, you'll be creating incredible graphics. For those of you who are using Adobe InDesign, you'll find that this course shows you exactly where to find the same functions and features. This course is designed for you in such a way that you first cover a series of lectures and then usually a project or two to work on. These projects allow you to put the knowledge you have learned in the lectures into real-world examples. From brochures to posters through to social media posts. You will have a body of work you'll be really proud of. I can't wait to help you to learn Affinity Publisher.
2. The Minor Differences Between Version 1 & Version 2: Before we get started
in the software, I'd like to talk a little bit about the
differences between Affinity Publisher one and
Affinity Publisher two. And before you start worrying, don't worry, there are
very, very similar. Now, you might be doing
this course using Affinity Publisher
one or publish it to the course itself was
recorded in Publisher one. But I'm going to show you
the differences now if you are in version two, now, I've got a document open
in Affinity Publisher one, you can tell at a
glance because it says Affinity Publisher at the top. I've got a second version
of Affinity Publisher here. This is Affinity
Publisher to I've got the same document open and you can tell it says
Affinity Publisher two at the top there. The main difference
that you visually see between the two
is the toolbar. If I move publisher to over a little bit so you can see publisher one
in the background, published two in the foreground. What they've done is
they've taken some of the tools and change
them and made them. Well, it looks slightly
nicer with some color. So e.g. the table
tool there, in one, It's black and white
into it's in color, it does the same thing. The type tool, once again has
changed ever so slightly, slightly different icon, you
can see the pens changed. The shapes, no longer
have the filename. They just have the line around
the outside going down. We've got the merge
data merge tool, and once again, they've changed the icon exactly the
same with the fill tool. They've changed
the icon in there. It's exactly the same
thing and you can see they sort of look the same. Now, the last thing over here
is the definitive publisher to has this Fill
and Stroke option, which is the same thing that
we have up the top here. Whereas in version one, you only have it at the top. You don't have another
version down there. If I move this down to that, you can see the
tops of these two, you'll see that they
look almost identical. Along the top, maybe some
slight color differences, but that rarely is it for those. The main look. Lastly, in here, if
I move them across, they have changed the
layers ever so slightly. Affinity Publisher one,
which is this one over here. You have a little arrow on the left in Affinity
Publisher to, there's a little arrow
that made it much smaller. And then they've put
a little icon over there to show the type
of layer that you're on. None of those things really make any difference to the workings. When you are working
in Affinity Publisher, you'll find that these
things are almost identical.
3. Getting Started with Affinity Designer: So for this first lecture, we're going to be looking at what Affinity Publisher actually does and how it works with the other affinity products. For example, design that and photo. And we can have a little bit of a look around the interface as well just to get you use tooth, that whole thing. Let's get going.
4. Getting the Know the Interface: So you've got your nice, shiny new version of Affinity Publisher in front view. And you have something which looks like this. Right in the middle is a splash screen. And the splash screen has well, it shows a few of the office. I'm in the middle. And there's also some samples on the right-hand side that you can play with so you can see how documents had been set up. We've got a few tutorials after that. Down here on the right-hand side, once you click in there to get to certain tutorials. And then at the bottom right-hand corner, we have got some of the social media options. Now. You can of course, just hide this if you find that it gets annoying. All you have to do is untick little button at the bottom left-hand corner. What I'm going to do though is I need to click on the View samples that you can see those. And I've got four samples in here. I will just choose one of those samples. Now you can see some of them are bullies, different sizes from 730 to 62 or 245 megabytes in there for the magazine. But I'm just going to open up this one here. And I'm going for that one because it's quite a small one, not a huge document. And that opens up the sample in affinity itself. So let's have a look around all of the panels and studios and what all the different tabs software companies call them different things. So first of all, in here, I've got my working area down here and this kind of shows me that the document. And then right at the top, I've got some permanent buttons which are there. And these are just helpful areas that I can click on. So for example, this little button here takes me to preview mode so I can see what document's going to look like when it's funny printed. And we've got things like alignments and all sorts of other options along the top will be looking at those in future lessons. Now, going just down a little bit over here and over to the left, we've got the toolbar itself. And you can see that's on the left-hand side. And then in here we've got pages is assets, the stock, and if he has some color swatches and strokes, but honestly, it doesn't matter what you've got there because those can be changed so I can pull the swatches out and I can move it and drop it in that side there. The thing about this is if you've done this and you've closed it down, how do you get all of these back again? Well, if you're coming from the Adobe world where everything is in the Window menu and you go into publisher, you might be surprised to find that they're not in their publisher or affinity keeps them in the View menu. So Adobe call them workspace and affinity column studios. So if I go down to the studio, you can see all of my panels are listed under the studio menu. Unfortunately, sometimes I tend to get confused and refer to Panels studios. So forgive me if that happens during the course. So a studio is a workspace and a panel is a panel. If you lose any panels, you can always find them in the studio. Sub-menu.
5. What Does Publisher Do: So what does published do? Will publish her is all about bringing together things like photographs and text and graphics and allowing you to put them together into a document. So within publish a weekend, do things which will be printed out. We can do multi-page documents, you can do one-page documents. And these documents can go either for commercial printing or for local printing, office printing. Or they could just be put into a PDF for you to email around. Not only that, we can also add interactivity if you're sending a PDF out, we can have interactive links in there. And this is something we'll be doing later on in the course. We can also do social media posts in here, bringing together multiple pictures and text and graphics into really cool-looking social media posts. And we're going to be doing all of these things throughout the course.
6. The Studio Panels Have Moved from the View Menu to the Window Menu in Version 2: When it comes to finding
your studios and panels in Affinity
Publisher one, we would go along
to the View menu. We go down to the studio. And all of the panels
are listed under the studio sub menu in
Affinity Publisher two. And I'll just go and get up. Affinity Publisher to all of your studios are listed
straight in the Window menu. Over here. You don't
no longer have to go to that sub
menu to find them. They're all still the
same panels in there. The last thing that
they've changed around in here is if you in
Affinity Publisher one, I'm so Affinity Publisher one. If you go to the document
menu and you go down to the Resources Manager over here to find all
of your resources. In Affinity Publisher two, you will get that get there
in a slightly different way. You'll actually go to
the Window menu and the resources manager will
be in the Window menu. It's the same with
the font manager. They've moved it
from the document to the Window menu in here, but it's still the same.
7. Tools Overview: So let's have a look at the toolbars. There are actually three different toolbars because the one at the top is called a toolbar. And these are things which don't change very much and you have buttons which are there all the time. You can see we've got the name of the file up the top over here, and a various other options that we'll be working our way through. Below that, this is also a toolbar and at the moment mine says Document Setup, spread setup and preferences. But this is a contextual toolbar. And it will change depending on what you click in, in the tools on the left. So if I go over here down to the pen tool for example, you will see this now changes to the pen options. Over here. If I go to one of the others, Let's try the cropping tool. And we had this other antennae for that particular one. Likewise, if I get out to the hand, is very limited options for that. Take one of these shapes over here. And once again, we've got a few more options for the shapes. So this does change all the time. The second thing is that the tools over here have got some extra options in them. You'll see that some of the tools like this little shape here has got a tiny little arrow on the right-hand side. And if I click the arrow, it will show me the extra tools in there. And you can see there's quite a lot of different shapes in there. Now you can either do it by clicking just on the little arrow or if you click Hold on that tool, that'll also bring that flyout, app, catalog ground those tools, and then come back and we'll take it even further.
8. Studio Link: So there are three exciting little buttons along the top of publisher. And at the moment I'm on the publisher button. So what did these to do over here? Well, when you're working on your document. And for example here I might be on this image and I want to do something to that image rather than actually having to go out to a separate piece of software like Affinity Photo. I can just click on this persona. That's what they call personas. So I click on the designer or the photo persona to go into those other piece of software. So I wanted to do something to the photograph. So I clicked on the photo persona and you can see it's still showing my whole document. But then I have all the tools and a lot of the studios which relate to photo. And I can just go backwards and forwards between these bits of software. Same if I wanted to do something using some of the graphics, I can just click on the designer persona over here. And once again, I've then got the designer tools and the designer studios that I can work from as well. Now, unfortunately, you don't get those personas. If you've only bought publisher, you have to actually buy the other bits of software as well. But to be honest, affinity is pretty cheap compared to some of the other big software companies. So once you've installed them, you'll find that you'll be able to use these if they didn't come up for any reason, make sure that you've got the latest update on those bits of software, right? Try them out if you've got them. Otherwise. Move on to the next lecture.
9. Introduction to Creating a Document: During this next set of lectures, we're going to be looking at creating a document and we'll go from absolute scratch. And we're going to also bring in some very simple pictures and some text. So the project to the end, it's going to be this. We're going to create a simple one-page brochure or newsletter, whatever you prefer from that. Let's get going.
10. Document Setup: So let's set up a new document from absolute scratch. Now, I can use the Affinity Publisher splash screen here and click on new document in there to get to the new document settings. Or if you don't see that and we'll just close this down, you can go to file and new right at the top. Now when you first open up this new document window, here, it can kind of look a little bit intimidating, but it's actually quite easy. Firstly, along the top we've got a number of different presets. You can see there's presets for print, press ready photography for the web devices. So things like iPads and iPhones, watches, even Kindles. And then some architectural shapes as well. So these are all just preset document sizes. But of course you don't have to go with one of the presets. Let's start off with print. So if I'm going to do something from print, what I would do is, first of all find the size that I wanted. But if it's not right, it doesn't matter. Let's go with A4. Click on A4. And then over here on the right-hand side, there is allowed option. Or if you can't see that these little arrows so you can show and hide the bits that you want. I'll just open up layout and pages. And because I've chosen a four, it's putting my page width and height in there. Now it's also put in the DPI. It's also known as PPI. This is pixels per inch or dots per inch. It's the resolution. And because we're going to go for print, we're going to keep that on 300. If you click in there, you can type in your own resolution. We can use the little slider to change it as well. We'll be talking about resolution later on in this course. The units I'm keeping that two millimeters and then the orientation, It's either going to be horizontal or vertical, landscape or portrait. Now when we start to bring pictures into InDesign, we can either bring those pictures in as the whole picture comes into the document. But the problem with that is if you've got hundreds of pictures in your document, your document is going to get very, very top-heavy, so to speak. There'll be so much stuff in your document, it'll slow down your computer and you might struggle to navigate between the pages. So that is called embedding. And it's great if you've got small documents, everything is in your document. The other way to work is to have linked files. And you can see here the image placement policy, preferred linked. And if you have preferred linked on, it means that your images are linked to external images. The downside is, of course, if you remove those images or throw them away, That's going to be a problem because they're not actually embedded in the document. We're going to start off by using embedded documents, which are good for smaller files. And down here we've got the number of pages. Now, I'm just going to start with a single page. Over here. We're going to be talking about Masters, uh, later on, so we'll ignore that one for now. And then over here we have some Facing pages as well. I'm going to switch set of when to explain that in a video very, very shortly. Now, although you can't see it, it is a Create button at the bottom of my screen. I'll just click on Create. And here is my document in there. Now, I'm going to stop at that point. If you'd like to have a bit of a go with that, try it out and just some basic settings in there. If you don't try to print one, try one of the, the web ones, then come back for the next lecture and we'll look at some more details in there.
11. Document Setup in Version 2: Now one of the other
differences between publisher to
publisher one is when you go and create
a new document in publish it to when you
go to File and New, you can see the new
document interface is slightly different. They've moved the big previews are presets over to the side, so then now listed down here. So you can still do them. You can go to one
of these presets here and I can go to print, press ready photo, the type of things that in the old
version we're across the top. And let's say e.g. I.
Went to print in here. Then you've got
horizontal and vertical or portrait and landscape
options over there. Down here, or more
of the options, these options you used to
get on the right-hand side. So you've got your
sizes in there. You can also change
the document units. Pages. Do you want Facing Pages switching on
or switched off? Color options, CMYK, RGB,
margins, and bleeds. All in this little
area over here. It's exactly as we've
looked at inversion. One way is we're
looking at inversion one about it's just done in
a slightly different way.
12. Multiple Pages: So how do we add some more pages? We could add pages when we created the document. But once you're in the document and you've started working, There's a few ways you can go about that. The first way is in the pages studio. Over here. You can go into the pages studio now if you can't see it, remember your studios are in the View menu under the studio and pages is in there. But I can then get one of these pages are master page and just drag the master page and drop it into the document. See if I zoom out now, I've actually got two pages in my document. Once again, I can drag and drop straight in there. I'm now got three pages in there. The other way to add pages is to go up to the menu. And in the document menu, I can then say add page, which will add a single page. Or I can say add pages. And that opens up a little window and says, okay, first of all, how many new pages do you want? And will this come before or after? And you choose the page at you wanted to be before, after. Now, although we haven't got to master pages yet. See you can also apply specific master page to the pages that you bring in. We'll get into that later. We'll just okay that. So as before, triad that both ways from the menu using add pages as well as in the master page studio by just dragging and dropping them into the little window there.
13. Single or Facing Pages: Let's have a look at another setting. I'm going to go to File and New again. And I'm still on my A4 page over on the right-hand side, over here. Under Pages, we've then got an option which says facing pages on or off or off one depends on which way you click it. So what are facing pages? Well, I've got some documents to show you here. This is the first one. If I'm creating a little document like this, this is just two sides, one side and the other. Creating this. I would create one side like that. And then I've created the second side, maybe is a page just below that one. And that would be with facing pages switched off. But of course, if I'm creating a booklet like this, so this book got quite a few pages in here. But sometimes when I'm creating in here, I would actually want to be creating across two pages like this. So the cover, all the pages inside and then the back page. Now, that's what facing pages are there when you create across two pages so that you can either put one picture over the two pages or you can just see how you design will look when it's printed out. Let me switch on Facing pages in here. And we're going to arrange them either horizontally or vertically. And we can start on the right or the left. I'm just going to keep it on the default settings for now and click on Create. Now at the moment is only one page in there. But let's have a look at what happens if I add in a few more. So if I was doing a full-page brochure, I just add in some pages maybe after the page that I'm on and I'm going to add in three pages over there. Now, looking in my master pages or the page's area over here, you can see that I've got one page, then I've got a double-page spread and I've got the back page. So that's like having the first page there, then the inner pages, and then the back page after that. If I zoom out here a little bit, you can see the way the pages are set up.
14. CMYK or RGB: Let's have a look at the next setting, which is the color modes. Now, there are two main color modes that we tend to use. One is RGB, which stands for red, green, and blue. You can see the little example on the right-hand side of the screen. The other one is CMYK, which stands for cyan, which is the bluish color, magenta, that pink, yellow, CMY. And K, K for black. Well, Most people seem to agree that it's because it was the key color. So CMYK also will see my beep get confused with the blue or black. But anyway, if we're doing something for screen use, all devices work with red, green, and blue. Almost all devices. So whether it's a television or a computer monitor, maybe it's a smart phone, tablet, a projector, a scanner, or a camera. They all work with red, green, and blue light. If there is no light at all, then it's black. But if you have a 100 percent of red, green, and blue, then it's white. So the next time you look at a document on your monitor and it's going to wipe page. It's because the monitors displaying a 100 percent of red, green, and blue light. Now when it comes to print, we usually print on white paper. And you can see in this example we've got a white background in there. And then all of the colors that we see are made up with a combination of cyan, magenta and yellow ink. Now there's also a black in here because although cyan, magenta and yellow will make up a, wasn't quite black butter. It's a very dark color. It be a waste of ink. If you're printing, doing a lot of text, for example, and you have to use cyan, magenta and yellow every time just create black text. So we also use black in there as well. So all of the millions of colors that you see on printed material are usually created using CMYK. All of the millions of colors that you see on screen or on any device are usually created using red, green, and blue. So how does this help us? Well, when we go in and we're creating a new document. And I'll go back to my A4. Down here is a color setting. If you don't see it, just click on the little arrows drop-down. And when you're creating your document, you can choose from RGB or CMYK of their, you'll see there are some other color options in there. We'll get into some of that sort of stuff later on, but we're not going to go heavily into, into those. If you want to find out more about RGB in the 16-bit rather than the 8-bit, 32-bit, all that sort of stuff. The best place to go for that is Affinity Photo. So anything that I'm going to be doing, which is going to be for screen use, purely for screen use without being printed. I can go in here and use RGB eight. If I'm doing something for print and it's going to go for commercial printing. Well, in that case, I would set up my setting to be CMYK. Further down. We then got a profile for the CMYK as well. This is how the colors are seen on your screen. There are a number of different profiles in there. I would say leave it on your default setting or better still talk to your printer about what is the best color profile for you. And just as a general, think about this. If you are, I'm in the UK. So if you're in this sort of side of the world, we tend to work with fogger 39 as the main profile. But a lot of people in the US tend to work with the US web coded swap, V2. But a long, long mouthful, that one. And once again, this is not a deal breaker. I'm over here, but it is important too with CMYK or RGB depending on what you're actually doing. The last thing is, if you happen to make a document in the wrong one, if you're in RGB and you created this documentary, Oh my goodness, I'm going to be sent this out to the printers, but I've done it in the wrong color format. Well, you can change it when it comes to PDF and hit at the end.
15. Document Bleed: Now let's have a look at the last two settings in here, which is margins makes perfect sense margins really and bleed. Not something that many people come across an issue in the work in the print world will margins, first of all. Now, with the margin, if I have facing pages switched off, then my margin settings in here, say left, right, top and bottom. So do we need margins? No, you don't. Margins are just there as a help as a guide to help you get your texts in the right position. It doesn't mean that anything else had the margins not going to print at all. It just means that you've got some guides there for your page and you can choose any size you like. In here. There's nothing right or wrong. So I'm going to put in 10 millimeters for my margins and I'll just click on the little link. So when I type in my 10 mil, Let's try that again. Now type my 10 mil in there. It sets it all the way round. So that's with facing pages switched off. Let's have a look at those margins. If I click on Create. Now, when you first go in, you'll see where the margins gone. You can't see them. There is a little button up here and it's got this thing which looks like a window wiper on it. If you click on that, it toggles you between your preview mode and you'll find a printed mode. So by toggling it off, you'll see that I can now see my margins in there S little blue line around the outside. But what about if I've got a double page spread? So a document like this, you see when you open up a document like this, what you might find is because it's quite thick, you might want a bigger margin in the middle and smaller margins on the end. Well, I'm going to cut your covered. Let's go back to File and New. And if I have facing pages switched on. Now, when I go down here again, you can see that instead of saying top, bottom, left, and right, it says inner and outer, and then top and bottom. Now what this means is that if I unlink them by clicking on that little link, I can put my inner margins back and make my inner margins much bigger than my outer margins. So I'm going to go with an inner margin of 20, but the outer margin of 10. Once again, When I click on credit, but I'm just thinking myself, small Pages. Click on Create. And now let's have a look at this. You can see over here on this spread, just click that little. You can see my inner margins are larger than my outer margins. The last thing here is to do with the actual area around the document, and this is called the bleed. Now, if I'm creating something and I'm creating a document like this, very, very simple, just two sides. But when I'm creating it, I would put a shape over here. So I've got this sort of gold color shaping in there. And I've got a picture which goes right way to the edge of the document over here. So we're building it. If I were to just put that shape right to the edge and the picture right to the edge. What can happen is when this gets printed and they don't print on individual pages like this very often, they usually printed on large rolls of paper. And then the guillotine cuts these up. Now if you imagine it up. And the guillotine was ever so slightly out, just a half millimeter out. What had happened is they'd be a bit of white paper on the age. They're saying over here, if the guillotine was out, there might be a little bit of white around there. So we actually make the printing area or the ink area bigger than the page. So when it's printed and the guillotine cuts, the guillotine cuts into it. And you don't have any white areas around the outside. So this little extra area around the outside that gets printed and cutoff is called the bleed. Now, you can have any size bleed that you like, but the industry standard is usually three millimeters. When I'm setting up a new document, I'm just going to go to File and New once again, I'll use my A4 document over here. And I'm going to go down to bleed and I'm going to put in three millimeters in there. It's linked, so it goes into all of them. And when I click on Create, you'll see now that there's a little extra line around the outside over there, that's the bleed line. And that means that when I'm bringing pictures in or graphics into there, I want the graphic to go to the edge of the bleed, not the edge of the document. So for example, over here, if I just had a rectangle like that, this is a gray rectangle. Instead of actually putting it to the edge of the document, I would actually extended. So it went to the edge of the bleed and that little bit would get cut off. And the same with the photograph. If you bring a photograph in, you want to photograph to go to the edge of the bleed, not the edge of the page. It does mean Java type it cutoff, but you can have to take that into account. Do have a look those settings. The bleed is very, very important when it comes to printing work. You'll find most printers will ask you to make sure that there is a oblique, usually three millimeters, occasionally five, have looked at.
16. Create Frame Text: Let's have a look at putting in some text. I'm going to start off with a new document. So I'm going to go to File and New. And I'm just going to choose something very simple, the A4. I only want one page just to show you what's happening and I'm going to switch off facing pages in there as well. The rest of the details don't matter. And I'm going to click on the Create button at the bottom. It's moved that up so that you can see it. There we go, Create. And I've now got my one page. Now, there are different ways of bringing in texts and creating different types of texts tools as well. But for now we're just going to keep it nice and simple. What I'm going to do is I'm going to go across to the T in a box. Now, this way, you can get a bit confused sometimes because as I said, there are two type tools. There's this one here which is the a, it's called Artistic Text. And we'll deal with that in a few lessons time. And this one over here, which is called frame text, and this is the one that we want. So I'm going to click on that. And I'm going to click and drag to make a textbox. And now you can see I can type. I'm not typing anything in particular or not that fast, but the archetypes straight into that box. If I want to move the type around, I use the black arrow tool. And I can then click in the type box and I can move it around. And I can also change the shape of that box and the type will just flow down like so. So when we have putting typing is to actually type it in yourself. I'm just going to select that. So I'm using the black arrow tool and I'm clicking and dragging around the entire box. You don't drag around the entire box selected. You have to drag around the entire box like so to select it and are pressed Delete or Backspace on the keyboard. Now, what I'm going to do now is I'm going to go and find some type in a word document and copy that. Or you can do it from a website and you can copy the text directly from a website, but I'm just going to get it from a word in here. And this is just a little bit of text. I've got Sergei to the two recent over here and little bit of text in here that I'm going to just copy. So I'm going to take this bit of text in here, copy that. So I'm using Command C or Control C. On a PC. Of course, you can go to the menu up here and choose Edit and Copy. This is of course in word, same thing on a website. And then I can use this text frame tool, click and drag to make a text box or text frame and paste straight in over there. Once again, using the black arrow tool, I can move this text around anywhere like you see, I can even leave it sticking out the side obstacle, read it, but you can do that if you want. You don't have to have it within the margins. The margins are just there as guides. So I can then go to the bottom and I can grab the corner and just change the size of that text frame. You'll notice there are two little dots in here. The inner one allows me to change it in anywhere like so disproportionately. If I go to the outer one, when I click and drag, it will actually scale it around proportionately. But look at that. It's also scaling the text. If I use the inner one is just changed the box, the text remains the same size. The outer ones scales the whole thing proportionately including. So I'm just going to stop at that point so you can have a bit of a go find some texts anyway copied from a website or wherever, and helps them texting and play with that for a little while until you feel comfortable with it.
17. Color, Size & Font: So now we've got our text in here. I'd like to change the typeface of Snow's the font and what's the color of the text. So in order to do that, I'm going to zoom in a bit. Now, if you're on a Mac, you can use Command and plus on the keyboard to zoom in. So Command and plus to zoom in, like so. If you're on a Mac, you can use command and a minus to zoom out. If you're on a PC, it's Control and plus to zoom in control and minus to zoom out. If you are on the black arrow tool, that's the one at the top. It's called the move tool. You can hold down the space bar and that will give you a hand and you can then just move your document around the canvas. So same R on Mac, same on a PC, space bar, and click and drag to move around. Now I've used the move tool, that little arrow at the top over here, and I've clicked on the type. And I can then change or scale the type up and down. But I want to actually affect the type itself. So first of all, the color, to change the color of my type, I'm going to go across now, I'm going to find the swatches. Now, if you can't see the swatches studio, go to the View menu, go down to studio and you'll find swatches is in there. It's about well, near the bottom actually. Now in here, it just shows me some black, black to white grays. But there's a little drop-down menu in here. You see where it says grays. If I click on that, I think got another one here called colors. So there's a whole bunch of colors in. Then I'm just scrolling with my mouse up and down. Or you can scroll on the side to get to more colors in there. You've got ingredients in there, we'll be looking at those later on. And then there's a whole bunch of other swatches that we can work from in here, as well as the standards with Pantone spot colors. We're going to just stick with colors for the moment. And you can see because that's selected, I can just click on any of these colors and it will change the color of the text really quickly. So scroll down a bit. I'm going to pick something a little bit more subtle in there that's brown color. So that's the way of changing the text. What about the size of the text rather than actually clicking and dragging on the little dot at the bottom. Well, if I go to my type tool and I click and drag on the text, then I can actually go in here to the little contextual toolbar. And you'll see over on the left-hand side I've got the typeface or font family. And I can go down and I can choose from the different font families in here, just scrolling around. I'll pick that one looks quite interesting. And then to the right of that, I can go into the size and I can change the size of the text over there. So I'll just pick something reasonably. Well with me large, I think for that. Over here, we'll just move along a little bit and rack and alignment text, left, right or center in there for all of them, justify, you can see the big gaps between a ie, between the words in it looks a little bit ugly. I'm going to go back to left aligned. Now, obviously there's lots more settings in there that we'll be getting into in the next section. But for the moment, just have a bit of a go with that. Remember your black arrow tool over here. You can click and you can change the colors in the swatches. And you can also use your type tool, click and drag to select type. And then at the top here you can change the individual words that you've selected for that. Have a go with that.
18. Add Photos from Stock: Let's try bringing in some pictures. And this, once again, a few ways of bringing in pictures. But I want to start off by having a look at the pictures which are included in affinity itself. And we need to get rid of my text. I'm going to click with the selection tool or the Move tool shall I say, to select the bit of text and then press Delete or Backspace on the keyboard. Now, to get some pictures, I'm actually going to go over to the stock studio. And I can see it on the left-hand side there. You might find that you need to go to the View menu and find it that way through the studios. In then once again, we've got stock. Three costs the way down. Now, these are different stock libraries. These are royalty-free stock libraries in the studio. And there are three of them. We've got Unsplash, Pexels and Pixabay. And the way they work is that you can use these royalty-free images in your documents, and it's really easy to just search for what you want. So over here, if I click this little window and what I'm going to do is choose a subject and find some pictures on that particular subject. So I'm going to go with waves. Spell it right. And then, and press Enter. And it will now show me lots and lots of images of waves. So I can just scroll down to find the sort of thing that I'm after. And it has rather, rather nice, I'm going to click on that. I think that's when I'll choose. Now what I want to do is I want to put a little picture frame in here. And down here we've got some frames. So I'm going to use the picture frame tool. I've just clicked on it once and I'm going to click and drag where I want my frame to go. So now I can go along and get this picture from stock and just drag and drop it into that picture frame. So back to the move tool at the top and I can move the whole thing around in that frame. I can also go down to the bottom. You'll see this little slider in there. And I can slide it around to make my picture bigger or smaller in the frame. I can move the picture inside the frame once again using that Move tool. And I can even at the top, rotate the picture around inside that frame. So what happens if I grab the corners over here? Well, that changes or adjust the frame size without the picture in the middle. If I go to the bottom one, over here, the second dot out, like the text, this adjusts the frame and the picture inside me. Try that with a, another picture over here. I'm going to just select this picture and press the backspace key. So once again, I choose a frame. Let's go to the circular one this time. I'm going to go and get the picture that I want and drag and drop it straight in there. Sometimes they take a moment to appear and you can see it because I'm on the move tool, the black arrow at the top. I can then go along here. And if I click outside of those four little arrows, I can move the whole thing around. If I go to the little arrows themselves, I can click and then drag the picture anywhere like inside that picture frame. If I go to this little semicircle, I can click and drag to rotate the picture around in the frame. And lastly at the bottom, I can scale the picture up or down inside the frame. If you use the dots around the outside of the frame, that will scale not the picture, but the frame. If you go to the very outer dot, this will scale both the picture and the frame. So do spend a little bit of time experimenting with those and grabbing any of these items. In here. You can always move things around and you come across all sorts of little dots. For example, it's one at the top that I haven't mentioned yet. This actually allows you to rotate. Once again, this is rotating the frame and the picture was that just rotates the picture inside the frame. It's all pretty self-explanatory once you start experimenting with those dots, but take some time, have bit of a go with those. And then we'll have a look at another way of bringing pictures in rather than using the stock libraries and why you trying out the stock libraries. Don't forget you can have a go with any of those three in there. Pick a subject that you enjoy.
19. Add Your Own Photos: Well, what about if you want to bring in your own pictures rather than using them from the picture library. Well, once again, I'm going to go and get a frame. I'm going to click and drag my frame and to the picture. And then we can place the image in here. Now, I'm going to go into the tools and you'll see there's a little picture tool in here. It's called The Place Image tool. If I click on that, it then opens up a window and says, where's the pictures that you want? What I'm going to go and find the picture on my system. And I've got a lovely picture of a cat over here. So I'm just going to open that and you'll see it'll just drop straight into that picture window. And then it's exactly the same as if you were using them from the picture library. I can rotate everything around including the picture frame and the frame inside it. Or I can go and move it and I can rotate it or scale it as I did before. Try it out.
20. Create Simple Shapes: So finally, let's have a look at shapes. If I go over to the tools and underneath the Pen tool, we've got some shapes. Now, I mentioned earlier on in the lectures that if you go to the little corner, you can click on the corner and it will drop down and show you a number of different shapes in here. And we'll be creating our own custom ones later on. But for now, I'm really just interested in the rectangles. I'm going to choose the Rectangle. And I can click and drag to drag in the shape. Once again, I go up to my move tool and I can rotate it from the top. I can also scale it down. Like so. If you want to change the color, just go over to your swatches. Remember if you don't see your swatches, go to your view and find that the swatches Studio. You can either use the swatches here and just pick the color that you want. And this color is for the fill the inner color in here. If you want to change the color around the outside, you need to click on the stroke. That's this little option here that brings the stroke to the front. And then you can then change the color of the stroke over there. You'll notice up at the top we've got the same sort of things. In here. It says Fill and Stroke. And I can then just adjust the stroke width in here as well. So I just changed the width and make that a lot wider. So once again, you can just go and take a shape. Here. Let's get to a circle over there. It's just remembered my last settings. I can go over here to my swatches and I can change the color of the stroke around the outside. And I can then click on the fill and I can change the color of the fill. If you go up to the top to the contextual tuba. You can then also adjust the width of that stroke. If you don't want a stroke, you can choose a nun in there. I'm just going to go back to a bit of a stroke on there. So we've also got the fill over here. And once again, you can click on the fill. You can get your swatches that way as well. There's half a dozen ways of getting to everything in Publisher. So give it a go, have a play with some basic shapes like that, and then come back. And we're going to do a project and we're going to put together some pictures and text and shapes and make an interesting single-page newsletter. Try it out.
21. Newsletter Project: Set Up the Document : So for this project, we're going to make a single page brochure and we're going to start from absolute scratch. So what I'm going to do is I'm going to set up the document in this video. Now because this is going to be for print, I'm going to go to File and New. And I'm going to say this isn't a full documents. So in the print options along the top in the presets, I'm going to click on a four. And then on the right-hand side, I've got my page width and height, all setup. I'm going to go and I'm going to go with vertical or portrait orientation. Um, because this is just a one document document, I'm going to one-page document. I'm going to say prefer Embedded are all the pictures will be embedded in the document so we don't have to worry about them afterwards. I want one page in here facing pages. I'm going to switch off because we don't need facing pages. We've only got the one page moving down that color. Now, this document is for printing. So I'm going to use CMYK slash 8-bit or eight in there. And the color profile, as we talked about earlier, since I'm gonna keep it on the default, but because I'm in the UK, I'm using fogger 39. Or if you are in the States, you could use the US webs coated swap. But once again, that's not so important. Data margins. Now the margins I'm going to make my margins are lot smaller. I'm going to go with 10 millimeters all the way round. And you find that if you link them altogether, when you change them over here, they'll all change at the same time. But because I've linked to an unlinked when I do them manually very quickly over here, there we go, 10, 10, 10. And then we get down to the bleed and we want to put in a bleed because this is going to be footprint. So I'm going to choose three millimeters from my bleed. And because they're linked 3 all around, we're going to click on Create. And there I've got my page or ready to go. Don't forget if you've made a mess with all the studios around 10, you've pulled them about. You can always go to the View menu and go down to studio. And right at the very bottom is the reset Studio. So you can just reset your studios if they are all over the place. Get on with that. And in the next video, you'll see how we can start to add some columns.
22. Newsletter Project: Set Up Columns: Let's add some columns into the document. And I would like to have three columns. The columns are there purely as guides to help you out. Now, before I start to add in my columns, I'm just going to make sure that this little preview option is switched off so I can actually see the bleed and the margin around the outside. And then we need to go to the View menu. And I'm going to also make sure that I'm showing the column guides. If that is switched off, you be able to see the column guide. So make sure that that is switched on. Then I'm going to go to View and I'm going to go down all the way down here to the guides manager. And this allows you to manage guides and put in guides and grids. Now what I want to do is I want to go over to the column guides here. And I'm going to then put in a few columns and I can just slide it out. And you can see as I go to 23 columns, I've now got three columns on that page. You can view these columns either as filled as I've got all these outlines, if you prefer them. With an outline look, I'm going to go with filled because I quite like that. If you find that, you know, you've got a very pink page anyway, you can always change the color of the fill in here to something entirely different. If it helps. Once again, you can also do rows in here. So if I go down to the rows, I can then change the number of rows to as many as I like. I think I will actually go with them. Well, four rows over there. The gutter is the distances between all columns. So once again, I can just change to make them bigger or smaller. So I'm going to keep that about 10 millimeters as well picks my margin is 10 millimeters. I have Tim and meets all round. If you find that you can actually get them right in there, just go in and you can type directly into that little window over there. So I'm just going to put in my ten millimeters. Stretching into that. You can see you can change your margin size in here as well, and you can change the color of the margins if it's not quite, quite right. I'm just going to say Close. And there is my margins. Now, the moment you click this button here, they will just disappear. The columns, the margins and the bleeds. So keep an eye on that if you can't see them. And finally, don't forget, you need to show those column guides there or UNC them. Get some columns going.
23. Newsletter Project: Add Graphics: So firstly, if you have got your columns up and you realize you've made a mistake, you can always go back to the view menu, back to the guides manager and you can make any changes that you like in here. I'm going to change my gases because, well, because I can let's click on Close over there. So we're going to start off by putting down at the graphics onto this document. So I'm going to use in the toolbar, the little rectangle tool. And what I'm going to do is I'm going to click and drag a rectangle in here of one of the columns to about halfway between those two columns in there. And you notice this is the important thing to have gone right away through to my bleed, not the edge of the page. We are going to go right away to the bleed. And then in my swatches, I can then go in here and just choose a color for it. If you prefer. Colors. By all means, go into your color area here and pick colors from there. So I'm going to have a shape down that side, and I'm going to have another shape on this side as well. So once again, I'm starting right away from my bleed. I'm going to go through about halfway on there. You can always move these things around just using the Move tool. And I can move it up and down as I like. And I pull this in or out if I decide to change my mind and I wanted to be a bit smaller, like so I think I'm gonna go with smaller this time. So somewhere over there. Now, although you can sort of see just about the columns coming through there, the moment that you click on the preview button that shows you how to look in the final printed version. And you'll notice that the columns just disappear from your final printed version. Do it once again, put in some shapes if you want to follow me along with this just to a big shape on one side, a small shape on the other side. And then next week we're going to be bringing some pictures into this.
24. Newsletter Project: Enhance with Photos: So let's start to put some pictures in. Now, what my subject is that I've got here from mine is going to be about black and white images and black, my photography. But you can do your subject foot whatever you like. And we're just going to be putting in two pictures on this particular newsletter. So to put the picture in, what I'm going to do is I'm going to go along to the frame. And we'd use the picture frame, a rectangle tool. I'm going to draw a rectangle and we'll start from the bottom, going back to sort of halfway through those two columns in there. So why am I actually going halfway through the columns? Well, because I want to have the text covering one column in there. If it's not quite the right size, remember, you can just always move it around them positive outside, pull it down to two there. Now if my picture, I'm going to go and find the image. And what I'm going to do is drag and drop it straight into that picture window. I can go down to the bottom if I need to, make it more. We're zoomed in or zoom out. And remember, you can always move it around inside that area. So I'm looking to see how it would work. And actually that's working really nicely in there. Once again, I'll press on a little preview mode button to see how it's going to look on the final result. And that's looking pretty good. Let me do another one now. So I want another landscape picture. So I'm going to take, once again, going over to the picture frame tool. When it take that tool and I'm going to click and drag another frame in here. You see how it snaps to the other shape. Don't worry too much about getting that right. I'm going to put that across there. And then same again, I'm going to go and find another image. What I'm doing is I'm just looking for striking images. I've searched for black and white in here and I'm looking for something interesting. And if you can't find it in the initial one, go to one of the other stock library. So I'll try Unsplash as one, see if I can get anything in here that will fit into, into my subject over there. So I won't spend too long. I'm just going to go and find something very quickly in here. I will use this one and drag and drop it into there. And it was once I've dropped it in there, I'm going to then just move it up a little bit. Ipad so I get a bit more of the building shape in there. And don't forget, you can always fiddle around with all of these settings. I can even rotate it a little bit if it needed to be moved about. Right. I'm happy with that. I'll just check in to see what it looks like in preview mode. That's looking great or black and white. I'm happy with that. Have a bit of a go. Find a subject that is close to your heart, you something that you love, and bringing two pictures in there. And then we'll move on with some text after that.
25. Newsletter Project: Add Reader Friendly Text : Let's bring in some text. Now. I've got a bit of text in a Word document. If you don't have a Word document of texts, you can copy text from anywhere really with a website or an email or in anywhere on your machine. So I want to put some text in two places. I wanted to go over this black area here. And I also want some text down the middle in here. And then I'm going to put a title over the top and another sub subtitle Under that photograph. So let me start off by going along and I'm going to be using my frame tool. So this is the frame text tool. And I'm going to click and drag to put my text box in there you've seen, I've landed up to that column. And then I'm going to go along and find the text that I want to use. So we'll just go down here and find my, my bit of word text. And I'm just going to copy some of this text over there. So I'm just using the shortcut to copy it. Back into here again, make sure they're on the Type Tool and then paste straight in there. Make this look a little bit more interesting and maybe a little bit bigger and more readable as well. But let's get some more text in first of all. So once again, I'm going to go to my frame tool. I'm going to draw another frame. So I think I'll start my frame over here and click and draw down of them. I'm going to go and find some more text over here. So I will take the rest of this text in there. So let's just use that bit over there. I'll copy that. In fact, I'll copy that the title as well. Let's get that. Picked up. Copy that. And then I'm going to go in here and I'm going to paste, remember, you need to have your type tool selected so the little I-beams flashing in that text box. And then you can go along to paste using the shortcut Control or Command and V to paste. Or if you go on to the Edit menu, you'll find you can paste in there. Now my text is in here, but it's black. Black on a black background just doesn't work. So I'm going to use my move tool and click on my text. And then over here I'm just going to go and change the color. And on the fill color, I'm just going to choose white. And now you can see how my text just gets picked up in there. So let's go and format this a little bit. So I'm gonna start with this bit of text here. And I'm just going to double-click. Double-clicking takes me into the text tool and I can then select the text like so. And then I'm going to go and find my typefaces or my fonts. So I'm going to go along to the top and I want to choose something. I want to a fairly modern-looking bit of type for this. So I'm going to go and find something along the Helvetica, Arial, that type of line over here. So let's go and find where we've got a lot of those sum, Hs. And I'm going to go with helvetica new, which I think looks quite, quite nice and smart. And I'm then going to increase the size a little bit of Vienna. We're going to be looking at a lot more of these settings later on. So I'll just go 13 for that bit of text. Once again, for this text here, same thing, I'm going to select it all over. They're going change my typeface, which is Ariel at the moment. But I'm going to take that down once again and match it up with helvetica new. So let's go down to Helvetica. And now, and you can see it's actually picked up the bold areas there as well. So I don't need to worry about Bolding them up. But if you did this little bold button, you can choose bold and there. And I'm going to also just change the size. One I'm here as well because I did 13 points for the other one. And for this one. I'll also take that up to 13 points over there. Now there's a bit of text that's missing down here. And we're going to have to think about how we're going to deal with that. One of the possible options is I could move my type up a little bit, like so, and then pull the bottom down and to all that text came in. Well, that'll probably work okay for now. But I really did want my text aligned with that. Let's see if we, if we zoom in, if maybe I can align the text over there but have the title sitting over the top. I think that could probably work like so. Let's get unhappy with that little bit of texts there. Will press the windscreen wiper button to see how it's going to look. That's working pretty well.
26. Newsletter Project: Add Professional Titles : So what I'm going to do now is to put some more titles in. So I'm going to go along to the text tool. And once again, I will just click and drag and little text window or text frame in there. I'm going to type in black. Whoops, Let's try that again. Black and white. And I think it would actually look a bit more interesting if I use an ampersand rather than the and symbols are put in an end over there. And you can see I've just chosen a totally different color over here, so it looks a little bit more interesting. Don't forget, you can always go up to the top if the size is not quite right and we can make it a little bit larger in there. And you can change any of these areas or any of the words that you want. So in there I think I'm going to go in and I will just go back to my grays and I'll choose a black for the ampersand. But to make it just a bit more interesting. Now, what about the subtitle down here? We'll same thing once again, I'm going to use my type tool. I'm going to click and drag a. Let's try that one again. I'm going to use my text frame tool. And I'm going to click and drag a text frame in there, find some text which are copied from a word, and just paste that straight in. So I'm going to select that bit of text and do the same thing again with the, the type. I'm going to go down here. And when we do this later on, we will definitely be using styles to speed up this whole process rather than him to go and find the font every time. But for the moment as we haven't, I'm going to be using the long method around. So in there I think I will just take the size up a little bit like that. And to be honest, the Bold looks a little bit too much. We'll go with medium down there. So I think that's looking quite, quite good. I'm going to just press the little windscreen wiper, the Preview button over there. And while I think this is a bit too high up so I can actually move it around. You'll see it doesn't matter if that textbox goes over the picture. It's absolutely fine. And if you want to be a bit more accurate, just use the arrows on your, on your keyboard to move things around. So I think I'll place that right over there and I can even see what it looks like if I center it using that center button in there.
27. Newsletter Project: Save & Export: So it's looking pretty good at the moment. I'm not entirely happy with mine because I think the gold or copper color at the top could do with that of balancing down the bottom. So what I can do is I can take a shape and I'm going to use once again the rectangle. And I'm going to put little shape and right down the bottom over here. And that shape I'm going to just fill with, well copper. And I think that works. Let's have a little look here. If I preview it, I'm happy with that. But once you've done your document, you can still go back in and change any of the colors. As you like. Change the text, move the shapes around, replace the pictures if you wished. I'm going to go back to black for that little area. Now that we've got to this stage, Let's save it. So I'm going to go to File. I'm going to choose Save As. And I'm going to save this. I'm going to call it city scape. I'm just going to save it onto my desktop over them. And then I want to PDF it because I want to send a preview of this to a client to see if they like the look of it. I'm not sending to the printers yet. We will be getting onto how to do the whole printer thing later on in this course. But for the moment I just want to send it like this. So I'm going to get a file. I'm going to go down to Export. And in here we're going to choose PDF. You can see we can export as a number of different formats. Along the top, I'm choosing PDF. And in this drop-down preset, I'm just going to choose over here the footprint option. Now they are more settings. If you click the More button, you'll see there's tons of settings in there. We'll be getting into those later. But for now I'm just going to click on export. The last me over here. What do you want to call it? Well, I'm going to use the same name, cityscape in there, and I'll just click on save. And I've saved onto my desktop. So if I go to my desktop now, um, and I'll just show to you here. You can see I've got my pdf over there, and I've got my InDesign at my affinity file over here. So let's have a look at it now. And what it should be or what should show should I say? Is my document absolutely perfectly. And if I zoom right out, That's the document that I'd be sending to my client. Have a go with that. Try some variations on the theme. Just loads of pictures, lots of texts, experiment, make a number of different documents, and then come back for the next set of lectures. And taking affinity to the next level.
28. Introduction to Creating Professional Looking Text: Let's start getting into text now. And we're going to look at text while all way through Ready begin to look at paragraphs. We're going to look at characters. And we can do some really cool stuff with it. And you'll see the projects at the end are going to be these two. Over here. We're going to create banners for, well, for the Internet or advertising whatever you want to use them for. And we can do some really cool tech stuff with them, from getting texts, go round curves to putting pictures in text as well. Let's get going. Hello.
29. Text Frame Scaling and Hiding: Let's have a look at some more text details. What I'm going to do is I'm going to go over to the frame text tool. And I'm going to click and drag a frame like we did before. I'm going to just paste my text straight into that frame. So I've copied it from word already and pasting it straight in. Now I'm going to go up to the move tool. And as I said before, you can move your text around. You can also go along to the little arrow, sorry, the dot to the corner where you see your cursor becomes a double arrow and you can then pull the text around. Now, you'll notice that some of my text is disappearing as I'm pulling it around. But I know that not because I know what the text is, but because this little icon here shows me that some of the text is missing with this kind of red eye that is crossed out. So we're not seeing something. However, on your machine, you might actually still see that text. There is an option for that. So wasn't going to do is I'm going to go along and I'm going to find my text frame options. So to do that, It's a studio. I'm going to go up to the View menu, down to studio. And if I go down to me, and if I go down over here, I'll be able to find my options for the text frame. There they are down there. Now in my text frame, let's pull that in a little bit like that. You can see there's a little option here which says Hide overflow. If I untick that and now reflow the text, all of the texts will still be there. It doesn't matter how much I go up and down. So if you don't see it, go to Hide overflow. And that way, you can then switch it on and off. Sometimes you want to and sometimes you'll want it often depends on what you're doing. As we mentioned before, there is another little dot over here. And if I click on that, what it does is it scales both the text and the frame. So you can see how my text is getting smaller as my frame is getting smaller at the same time. Once again, just choose which of those you want to work for, work from. There's one last little trick that I like to show you with this. And that is if you hold down, now, if, if you're on a PC hold down Control, if you're on a Mac hold down command. And when you do that and you click on that inner square, you can see it actually scales to the middle and outwards there. If you don't have that controller command held down, then when you scale, it scales to the opposite edge, so it keeps that one still was doing it Like this one goes to the middle. Once again, sometimes one way, sometimes the other. It depends on what you're trying to achieve. Have a go with that.
30. Fill, Stroke & Inset: So let's have a look at what else we can do with the text frame. Well, in the Text Frame Options under the general setting and instantly if you can't see these details, just click on the little arrows so you can show and hide the various parts of that. I'm in the general setting the moment we've got the fill option. So I'm going to make sure that using the Move tool, I have clicked on my text to select it. And then I can go into Fill and I can pick a fill color in here. Absolutely. Anything that I, I like really, I'm gonna go with something a little bit more interesting. I kind of like this greenish tint color over there. And then I can do the same thing with the line around the outside. So the line around the outside is called the stroke. If I click on the stroke, once again, I can choose a Colombian go with a darker color in there. And then I can go over here to the right-hand side and I can change the width of that stroke. Now unfortunate, you can see it's going over the text. We'll have a look at how we can get round that very, very shortly. But for the moment, I can go back to my colors, Jaeger, go back to my fill. And not only can I choose colors using this HSL color wheel, but we've also got swatches in here. And not only do you have the gray swatches, you have all sorts of different swatches in here for the Pantone ranges through two colors, two gradients to the whole lot. So I can just pick any of those options or I could choose none. That's this little one over here. If you want to pick a color that's elsewhere in your document, this little eyedropper over here and all you do is drag the eyedropper over the air you want to select or you want to choose the color from and let go. And you can see it's now picked that color in there. But I don't want to color, so I'm going with none in that. Now what about the problem of the text inside? Well, what we can do is we can inset the text, we can put it in from all the corners. And that's this little option over here. Now, my options are linked at the moment. So if I start to change the inset, you can see I can change six millimeters all the way around. Once again, I need, might need to do something about this because my textbox is missing some text in there, but we'll be looking at that very shortly how to deal with the missing text. So do try that out, check out the fill and the stroke options on there. Have a little bit of a look at the width. So if you click on the stroke weight or the stroke width in there, once again, you can choose different widths in here. You can also choose none if you don't want to stroke or you can have a dotted line, we'll get onto these ones later on. So I'm going to go the solid line and just make it a bit narrower. And then don't forget your left, top right, and bottom. Inset tried out.
31. Multi Columns & Balance: So let's have a look at changing the number of columns in a text frame. What I'm going to do is I'm going to go over to my move tool and just click on my text frame to select it. I've got my text frame options up. Remember that's a studio, so if you can't find it, have a look in your view menu. And in here we've got the general settings that we've just been into. I'm going to close them down and below that other columns, if you can't see them, just click on the little arrow to drop down. And it's as easy as choosing how many columns you want. Now, my columns seemed to be a little bit. Offset is a bigger one and a smaller one. If that happens, you'll find that you can actually change the gutters individually. The gutters are the distances between those columns. So I can just change these around. We can also change the width of the columns themselves. So once again, I can change the width of the column over there and the width of the column there. And if you make a mess like I have, just click on the little icon next to where it says width, and that will just reset it back for you. There's one more little trick that I've got to show you here. If you go to your type tool and you move between the columns or onto the gutter, you can pull that data around so you can manually move your text about, right? So don't forget the text, we'll just keep flowing. So if we go over to the bottom of this type box and put it around as the frames are getting bigger and smaller, the texture is just flowing from one area to the other. Now, the last thing before we stop at this section is that this text looks well. It doesn't really look quite right because I've got two longer columns in there. And I've got this one that's a bit shorter over here. In fact, I'll make them all the same width at the moment. So there we go to longer ones and a shorter one. What we can now do is we can also choose to balance the text in the columns, and that'll just make sure it all balances out. So when I start to pull this around, you can see it's trying to balance that text. So it looks a lot better than it did before. Pulls up a little bit. Let's go a bit further. Try it out.
32. Type in Pen Tool Shape: Let's have a look at how we can protect into other shapes. What I'm going to do is I'm going to put in a shape initially with some color. And then I'm going to put some text which is going to go up to that shape. I'll show you what I mean. So if I go along and I'm going to use a rectangle, I'm going to just draw a very large rectangle over them. I'm going to rotate it. The little handles sticking out here allows me to rotate it like so. And I'm going to move it down to the corner over there. So that's what at what I'd like. And if I just go into preview mode, you can see that's what my page is going to look like. And I'd like my text to kind of flow down but not go over that area there. So what I'm going to do is I'm going to use the Pen tool over here. Using the pen tool means writing, click and make my own shapes. So I'm going to do a shape there. Now the shape of the, and you can see as I'm moving this around, it too shows me where I am in conjunction with everything else. It's clicked down there. Now that I've got this shape, I can't put text straight into it. But what I can do is I can go along to the Layer menu. And I'm going to go down and I'm going to say Convert to Text Frame. Now it's become a text frame. And all I need to do is to paste my text straight into there. Now I see my text has remembered the last settings that I had when I had two columns. So I can go and change that now I can switch it back to one column if I wish, or I can change the number of columns in there. To be honest, it took probably built looks best without that column there. Although do be careful if you're doing something like this and you get the last words that tail off at the bottom, it can be annoying to read. The other thing is some of my text is actually missing in here. We'll have a look later at how we can deal with that. But do try it out. You'll see looks really cool when you go back to preview mode. And it is my texts looking great down that line. Try it out.
33. Type in Other Shapes: Of course, there's no reason why you can't use other shapes for text. If I go over to the shapes in here, and we've got so many different shapes that I can choose from. I will use an ellipse and when to draw my elliptical shape in there. Now you see my lips is come in with the swatches color, but they'll ignore that for the moment. I'm going to go up to the Layer menu and just convert to a text frame. So same again, I can just go in there with my, my type tool and paste my text right in there. What about these colors? Well, there's two ways that we can deal with them. Over here. I can go to the text frame. And if you don't see it, just open your general settings in there and the fill color, we can change the fill color of that background. We could make it white, or we could make it totally transparent. If you want to change your text color, then go over to your swatches over here, and you can just click and change the text color to anything that you like.
34. Frame Linking: So let's have a look at what else we can do with frames. And what I'd like to do with this is addressed the problem of when you've got more text than a text frame. So I'm going to bring in some text. Now we can do that in two ways. So far we've looked at copying the text. So we can just go to the File menu and pasted straight into our text frame. The other way we can do it is by placing a document. So I'm going to go once again to my Text Frame Tool, make a text frame. So and then instead of pasting my text in, I'm going to go to file and place. But two-thirds the way down. I'm going to choose the file. I've got this file document overheads from Word. It's a Doc X document called secret place in London. And I'm just going to click on Open. And you'll see now that my text just flows straight into the text frame. Now of course there is some text missing. And I can see that first of all, by this great big red arrow on the side here, that means that there is more text. So if I need to show that text, I can actually click on that little eye over there. But you see the text runs all the way off of my page. So that's not ideal. I could try moving this down and move the text will appear as I floated down. But the other way that we can do this is we can go to that little arrow, the red arrow over here. And you see as I hover over it, we get a little link. I'm going to click on that. Then down here, I can go in and I can click, and I can drag a second framing. So my text now flows from this one into that one. Of course, there's still a problem because there's still more texts than it is of this page. So what I'm going to do is I'm going to go over to my pages panel on the left here or pages Studio. I'm going to add a new page. Now there is a little add new page button in here. Next two pages. If I click on that, and then I'm going to just click OK to add one more page in. So here's my page there. And if I scroll up, so I'm just holding down the space bar so I can sort of scroll around using the hand towards a shortcut for that. Once again, I'm going to click once on that little arrow there. And I can go in here and I can then click and drag to put it in my third frame. Now, the great thing about these frames is they show you that I'm going from this one with a little arrow to that one and onto that one. What would happen though if I got rid of this text frame here? I'm just going to delete it. Will now my textural fro flow from that one into this one over here. And once again, you can see we've got more text then frame. I'll just pull it down until that disappears. So at anytime you can go in, you can adjust your frames hard. Just adjust this one to make it bigger. And you can see the text now flows back into that one over there. If you delete a frame, as long as there's at least one frame up, all of your texts will then be sitting in that frame over there. So do try it out, have a little bit of a play, get used to these text frames that are very, very useful and then come back for the next lecture. We'll take it on a step further.
35. Add Extra Frames: So if I've got some text in a frame alike how it got here. And I then decide that I would like to get my text go on to page two, as we've seen before, I can click on the little arrow ones. I can then scroll down to the next page. And I can click and drag my text in like so. And that's absolutely fine. I can move it around and get it exactly as I wanted. But then if I thought genome what, I really need a bit more text down the bottom here, so it flows from there into then into there. Well, what we can then do is if I go back to this little red dot and I click it once, I can then click and drag over here to make a new text frame. So you can see my text is now going to flow from the top into that one and into that one. And remember, you can always delete any of these texts frames as you go along. So I can just click on this one. Press Delete or Backspace on the keyboard. Now, if we have a long and we find our studio for the text frames and I'm going to go to the View menu. I'm going to go down to the studios and I'm going to find the text frame studio. And if I go to my columns here, you can see with this one selected, I can then also change the number of columns in there. If I then go from here down to there, you'll see the next frame that I create has got two columns in it, brac and still change them individually if I wish as well. Don't forget when you're working like this, you can always click on your little preview button to see how your final document is going to turn out. Once again. Give it a try.
36. Frame / Column Breaks: So let's have a look at something else. It'll help with laying out text using these frames. I've got some, some text in here. I've got a few pictures and I did the pictures exactly as we did before by just bringing them in from Unsplash. And so my text is here and you can see it's the same article. And I've just made some of these bits into headings by just selecting them and changing the size of the font in there. We're going to be getting into how we can do this in a lot more accuracy and better shortly. But for now, I've got the first part of my story here, which is a secret place in London. And then the first paragraph goes down there. Then I've got my second paragraph that says, what is a secret photographic place. And then down here, I've got the rest of that story. Then it goes into another paragraph here which is titled low-light. Another one, is it safe and a bonus? Not quite so secret place. And you can see this is how, what my layout, I want the different columns going on in here. Don't forget if you need to change the number of columns. Click on the one you want to change. Go to your studio and find your frame. Let's try that again. Text frame. And I'm going to change mine back to two over there. So how can I get this onto the next page? Well, you could do it manually by clicking and dragging up until it drops onto the next page. And that looks good. And if I go over here and I can drag that up to there, and that works. Okay. Then it goes to this one low-light. And then is it safe is down the bottom? That's a cat could try dragging this up. But in doing so, I'm then going to be changing the size of all the text. And then I might not get the text I wanted in there. And well, you can see this one's going to be more of a problem because the one that gone to the other side, I'd have to drag this down. And if I do that, some of the texts is missing. So there is a better way of working. And we get all this back to how it was a moment ago. And let's come back to this one here. So we can use what is called a frame break. And a frame break takes you text from that frame and pushes it onto the next frame. So if I go in here and I'm going to just click before what? Then I'm going to go up to my text menu, down to insert because I'm going to insert a special characters. It's called down to brakes. And I'm going to choose the frame break over there. And you can see what it's done now is it's just pushed my texts, even though it hasn't changed the size of the frame, It's pushed it onto the next page. I'll do the same here. I'll pick just in front of low. And once again it's text into insert, breaks, frame break, and it's pushed the text down there. You can see there's more of a gap in there. So same again with this one. I'll just click in front of years text, insert, breaks, frame break, and it pushes that across to the next frame. Now that's a problem because it's gone to the next frame down here. We'll do that. So what else could we try will have about text, insert breaks. Instead of using frame break, let's use the column break, so it pushes it on to the next column. So slight difference between those two A-frame break. We'll push to the next frame, a column break or push it to the next column. Sometimes you need one, sometimes the next. So this one here, what do I actually need? I want to push it onto that column there. So I'm going to go to once again text down to my insert breaks. And this is going to be a column break to push it onto that column in there. I've still got some more texts, but I will stop over there. Don't forget. As always, click on the little windscreen wiper to see how your documents looking. And that doesn't look too bad with the headings in there at the start of all of those columns. So once again, try that out with a bit of your own text.
37. Character Options & Move Horizontally: I've got some text in here, fairly plain text brought it in in the usual copy and paste way. And I am acting now still on the frame text tool. So I'm going to go and find my character Studio. And once again, it should appear on the right-hand side. But if you can't see it, because the View menu down to studios and you'll find a character is near the top. So first of all, let's have a look at some of the settings. Now in the character studio. I'm just going to pull it out a little bit here so that you can see it separately. And I'm going to select some text. Now when you're selecting texts, if you are on the frame text tool, you can double-click to select a word, triple-click to select a. Try that again. Triple click to select a line for clicks for a paragraph and five clicks for your entire story. Just keep clicking until you select what you want. So I'm going to just select this paragraph here so that you can see what I'm, what I'm doing. And then if we go to the Character panel, and in here, I've got all of my different typefaces or font families, as they're called. And as I'm flicking down, you can see it's just updating and showing me live the, or what it would look like when I've chosen the appropriate typeface. So I'm just going to go and pick one in here. A fairly normal or one people know, Harrier. If I then go down below that, I've got things like italic, regular and bold, italic and bold. I'm just going to stick with regular there. And to the left of that, we have got our font size. And once again, I can just go up and down here. I'm not hold down the mouse button. I'm just sort of moving up and down on the sizes. Let's go and make it a bit bigger in there. Now, with these sizes, you can also type in rather than in points, in millimeters or inches. I just typed in 22 millimeters. And you can see it converts it to points for me. So the great thing is you don't need to know how big points are when you're doing this. If I put in ten MM millimeters, pressed the return or enter key, you can see it gives me 28.3 points. Or of course you can just choose your points from in there. But just to give you an idea of how big points actually are, there are 72 points in an inch on a computer. Moving down a little bit. Over here, we've got the decoration option. And these are things like underlining and strikethrough line through the middle. And with both of these, you can have either single rows or double row. I'm going to zoom in a bit so that you can see what's happening here. So I will just go back here and zoom in a bit. Let's move down a little bit here. So underline, let's just switch that one. Backoff, strikethrough backoff. So for underlining, either a single row or a double row, and you can change the color in here as well. So we can go in and just have red underlines if we wish. And it's exactly the same with the strikethrough over here. Either one or two lines, our strike through and you can change the color. Below that. We've got something which says cell stroke. We'll come back to that later on. But if you do try it out at the moment, what you find is you actually get a line around the text. So if I just click on that, you'll see I get a stroke around the text like so. This is great for larger text. You probably wouldn't want to do it on tiny texts like this. So I'm just going to choose none. They're moving down. We've then got positioning and transform. So starting at the top, we have what is called kerning. Kerning is the distances between individual characters. So if I clicked between the two L's on the word alley there. And in here. As you can see, I can sort of change the distances between those two characters. Okay, set that back to 0 once again. If you want to change the distances between multiple characters, we select them like that. And then you go down below that to something called tracking. And tracking increases or decreases the distances between multiple characters. So for kerning you need to click and it's between those two characters. For tracking, you select the word or the paragraph or whatever it's going to be. And you can then change the distance between onto the characters in there.
38. Character Options & Move Vertically: So in the last video, we looked at moving text further apart or closer together. In this one we're going to be looking at moving text up and down. So once again, in the character studio, if I go in and I select this paragraph here, I'm going to go cross once again to positioning and transform. And just above where it says no break, there is an option for distances between all the lines of text and this is known as lending. In here you'll see that I can then change my leading and increase the leading. Or I can decrease the leading. That way. I'm going to just reset this leading to 16 points over there, so that gives us a decent gap between it. But with your reading, although there's no right or wrong, remember that the whole idea behind text is to make things as easy for your reader to read as possible. If they find a tiring, they'll stop reading. And you failed. Now, if you just want to move individual words up and down. So, uh, let's over here, take the word United Kingdom and I'm going to put a trademark TM. After that, upsets on the wrong line. Let's do it over here with secrets. I'm going to have secret. And then I want to have TM. After that. I'm going to take my team and just make it a bit smaller. And you instantly, there are other ways of doing this if you do want to make things smaller and go up, because superscript, subscript to make it go down, but I'm doing it manually now. So I've made that goes smaller. And then below that overhead, this is just above your reading, is something called baseline shift. All the texts sits on a baseline. So this allows us to shift the text, move it above or below the baseline. Once again, I'm going to go over here to baseline shift. And you can see then how can place that wherever I wanted. India. You can also type in your own number and you don't just have to use the numbers that they give you. You can go higher or lower than, than those. So I'm just going to go to eight points over there. So that's going to sit right at the very top. Now, moving down, we've also an option for language in here. And the language is to do with your spelling and your spellchecker. So while you're in here, just make sure you've set it to the language that you want the spell checker to work in. So I'm in the UK, so I'm setting mine or mindset to English, UK, united Kingdom.
39. Paragraph Options: Let's have a look at the paragraph options now. Once again, the paragraph is in your view menu, and I'm going to pull it out over here so it's easy for you to see. Just move it to the side a little bit. So if I just click in a paragraph here and I make some changes, it will affect the entire paragraph because it's the paragraph options. If you just click inside you something in the character options or the character studio, it only affects the characters that are selected. So that it's easy for you to see what I'm doing. I'm actually going to select the whole paragraph. Now, looking along here, along the top, these are pretty straight forward. The buttons left align, central line, right align, or both sides justified. So we can justify both sides. But you see it's the last line over here. It is aligned to the left. The next one is the same with all the lines, but the last line goes to the middle, this one over here, the last line goes to the right. And finally over here, we've got an option which justifies both sides, including the last line, but it spreads everything out. And you can see now to find it, you just don't want to read it like that. So just be careful of that one. Now, there's one more option, well, too, but they both do the same thing in reverse. You can get your type to align towards or away from the spine. And this is useful if you've got a booklet or a book like that and you want to align it one way so that it goes either both parts of tech go towards the spine or both go away from the spine. This would then work. So if you move your text from one-page onto another, it'll immediately flip over to go the other way. Below that, we have the styles now we're going to come to stars later on in this course, I'm going to show you how to work with Styles, make your own style Savior and styles, et cetera. Moving down. We then got this left indent. So I can actually just indented from the left over there. I then got indenting from the right. So we can indent the other way. This is probably more useful if you've got the justification on both sides. So I can go from the right over there. Below that we have the first-line indent. So I can just indent the first line like that. Now a lot of people like to use this when it comes to paragraphs, rather than having a gap between paragraphs, they just like to have an indent. So if I took all of these ones here and you can see I can then just indent the first line of each paragraph. This one here, that's a heading, so it shouldn't really be indented like that. Just get that back again. The other thing that we can do is we can get it to work the other way so we can have the first-line at the start and everything else indented. So same again, I'll select all my text. I'm going to indent all the text, but then I'm going to go the other way with the first line so I can get the start of every line to be back again. At the beginning. It's up to you what style you want to want to work from. Let's undo that. And now to the right of that, we've got two options, space before and space after paragraphs. So if I go in here and I selected all of my paragraphs, you can see when I use space before space after, both do pretty much the same thing. They seem to be doing exactly the same thing at the moment. But if I were to just select one paragraph over here, you can see that space before or space after will work slightly differently. So one, we'll put it afterwards and one will put it before. It just depends on what you want. Sometimes particularly the heading. You want to generate more space above it and less below it. So you can use either of those two. If you doing for the whole document like I was ready, then it doesn't matter to be honest. Now, we've got a number of other options in here that we will be looking into later as well. What I'm going to suggest that you try out is get a piece of text as I've got here, and just find any old text and have a go and actually trying to format it. So work your way through and use both the character options and the paragraph options. So in here I'm going to set up my paragraphs first. And maybe I'm going to just put some distance between the individual paragraphs I can see which is which maybe I might want to indent certain things as well. I'd also probably go in here and do some of the titles using the character options in there. And I'm just going to increase the size of that over there. And maybe I'll go down into my positioning and transform options and just change the distances between those characters to get a more cinematic type of look to the, to the title. But do have a go, try them out, make sure that you feel comfortable with them, and then come back for the next lesson and we'll start looking at some more options.
40. Spell Checker: Let's have a look at the spelling options. As I mentioned before, if you go to the character studio and go near the bottom, there's a language option. If you can't see it, just click on the little arrow next to language. And this allowed you to set up your spelling. In here. I'll just show you the various languages that are, are there. So there's quite a few different versions of English, as well as numerous other languages. Pick the one which is suitable for you. And then you'll notice that I've got a live correction going on at the moment. So if I go to the menu at the top, I'm going to go to the text menu. I'm going down near the bottom to spelling. You'll see that check spelling while typing is switched on. So it will be checking it and showing it in red or underlined in red if there's a problem. Like most things like word do already. But if you want to check your document afterwards, you can always go along to check spelling just above that. And what it's doing is it's just highlighting the appropriate words in here, so I will just check it. It's picked up. The fact that correct is not correct. We can also go along once again to text, spelling and spending options. And in here, when I go through the spelling, I can then odds picked up the word, what should have been arch. And I can then just in the same way as most packages do, change the words in here. So I'll say arch over them. And I'll click on Change to change it. It's now going over to correct an acronym, correct that. And once again, change that. I've done. We'll close that down. So fairly simple little spellchecker in here. Once again, try it out so you know where it is when you need it.
41. Using Bullets: Let's have a look at how we can highlight certain paragraphs. And the first and obvious thing is to use bullet points. So what I'm going to do with my bit of texture, I've got three paragraphs. And if you have a look at this little bar along the top here, bar changes depending on what you're doing. But you'll find there are two little buttons here. One is for bullet lists. And if I click on that, you can see immediately I just get bullet points. If I do that, we can see the bullet points in there. The second one is for a numbered lists. So once again, I can just click on that, click off of it and you can see my numbered list in there. And go back to bullet points for a moment. Now if you want to get further into bullet points, although we won't be going that far in this particular course. You can actually go along to the paragraph panel. And there is a whole section in here just to do with Bullets and Numbering. And we can choose it from bullets. And you can see you've got bullets in there plus various number options in there, right way through to alphabetical. And within here, we can also use stops and just change where the text is and where the bullet points are as well. Now we've also got some styles in there and we'll be looking at styles later on. So that's one bullet points. Let me stop there. I have a quick go with that. Come back and we'll look at another way we can get the paragraphs to be highlighted.
42. The "Initial Word": Let's look at another way where we can get our paragraphs to stand out. So for this, I'm going to look at using the initial words and highlighting the initial words of each paragraph. As you can see with my text over here, I have got the main words in there. At the top it says Waterloo and it says Banksy tunnel and then London down there. And if I come along to my paragraph, once again, I'm going to choose initial words that's underneath Drop Caps and hyphenation. And I'm going to enable it. Now you can see that some of my words have become bold. You'll find that this different styles that you can use his emphasis over there. But I'm going to use that strong. And it's a style that just makes it a bit bolder. But how did this no, to do Waterloo then begs the tunnel and in London, so one needed two words, has got two words. Well, when I zoom in to that, what you'll see is that some of those words here, this colon's after them. And if I select all the text once again and go back in here where we've got Andrew embedded. We've got the end characters. And these are the type of end characters that you might be using. Colons, exclamation marks, full stops, or a question mark. So it'll go up to that point in there and enable you to Bolden using this in combination with something like that where you have the bullet points as well, gives you a really nice looking result. I'll just turn it off. Look at that. We just have that initial word coming in. Very, very obviously. Once again, try it out.
43. Drop Caps: Another way to make paragraphs stand out is to use something called Drop Caps. And this is when the first letter goes down two or three lines. You can also choose how many letters you want to effect as well. So what I'm going to do is I'm going to put my cursor into the first paragraph. Go along to drop caps in the paragraph option. And I'm going to enable it. And you can see straight away the w just drops down. Now, I can then choose how many characters I want. I'm going to switch off auto. And in the characters I can then just keep going until I get the holiday word Waterloo in there. I think that looks really over the top. I'll just switch on auto again. And you can see it goes back to the single word. Below that. I can also change the distance of the text away from that and drop cap. So I can just push it over. Like that. It looks a bit strange way. We've got term more than one. I'm going to keep it along that line there. Now. I've just done there to one paragraph, but you could select all the paragraphs and do it at the same time. Once again, give it a go.
44. Hidden Characters: So let's have a little look at what's happening with some of these paragraphs. And to see a bit more about the paragraphs, I want to actually have a look at some special characters. I'm going to go to the text menu, and I'm going down to something which says show special characters. Now, you can see over here, there's this little returns symbol at the end of this paragraph. There's a return symbol at the end of that paragraph and return and end at the end of that one. Now, what about if I wanted to take this, the tunnel is now closed and put it on a new line. What if I did a return? You can see straight away there's a return paragraph there in this return paragraph option there. And because I've got that, if you go over to the right-hand side over here and have a look, the initial words switched on. Well, the first three letters are now still bold. So I'm going to undo that if I want to go to a new paragraph, but I don't want to bring in anything, whether it is initial words with its Drop Caps, whether it is a bullet point, we use what's called a soft return. Now, it's easiest to do on the keyboard because it's really simple to remember. Normally you'd press Return or Enter to do a return. But if you hold down the Shift key and then do a return, see that the text is now gone onto the new line. But it's a soft returns so it doesn't pick up any of those options, like bullet points are numbered points, et cetera. You can also see there's a little character over there which is different to the paragraph return. So this is showing that it's a soft return. So we won't get those unwanted features.
45. Frame Ruler & Tabs: So another way that we can indent the text with the first line or all of the text, is certainly to use the spacing option that we looked at earlier. But we can also do it by using the little text ruler. If I go to the View menu and I'm going to go down and say Show Text ruler. You'll see now that if I select something and I've just put my cursor in this paragraph. This paragraph here is a little ruler along the top. We can just pull it down a little bit as well, so you can see a bit better. Now with this ruler, there are some little triangles on the side here. If I go to this bottom triangle and pull it in, I can then indent my text manually. Otherwise, I've actually got to do it in the Spacing Options on the right-hand side in the paragraph studio. So I can just pull it around like so. I can also good my first line and move my first line like so. So this of course means that I can do it manually on one paragraph, on multiple paragraphs. At the same time. It's very similar to using the options in here. Likewise, I can do it from the right-hand side and pull in the right over there. But there is another use for this text ruler and this is to create tabs. So what I'd like to do with the bits at the top here, where we've got Photography words and design is I'm going to select those three paragraphs. Actually books have done returns after them. And I want to get the three names to line up. So I'm going to click on my tab ruler or my text ruler. And I'm just going to click over there. So one little click in there. And you can see we've kind of got this L shape that comes in. Now, if I then right-click on that, I can choose how I want that to a line L shape is kind of showing the alignment from left aligned, central line, right aligned, or aligned based on the decimal point. So if you've got a holiday numbers, you can make sure that no matter how big those numbers are, they all line up on the decimal place. And then we can also put in a leader like dots. So you have, in this case words dot-dot, dot-dot, Tim Wilson in there. So that's what I'm going to do. I'm going to choose the dots in there, the position where the position is, the one that is on the ruler. So now that I've done that, why doesn't it work? What I'm didn't have to do is I click in there and I press Tab on my keyboard. Same over here. I can go in and do tab in there. Tabernae to just tap up to that point with the dots all in place. If I were to right-click on that again and go in and change this to hyphens. You'll see only the one that's selected gets changed in the undo that if I wanted to do then all I need to select all of them. And then once again, I can right-click and choose anything I like. I'll just switch those off. But you can see very clearly now how it's doing, whichever these ones I choose. And I, once again, have a bit of a go with that. This is particularly useful. And when we come to doing things like the table of contents, you'll see how useful this is to get numbers on one side and the paragraphs or the headings on the other side.
46. Glyphs: I've got some drink prices down here and the first thing I want to do is to move them in a bit. So I'll use the feature that we looked at earlier. I'm going to work with these three over here. And I've got up the text ruler member. If you can't find it, you can go to the View menu and you'll find the text ruler is in there. Or if you see this bar along the top right on the right-hand side, the text router can be switched on and off in there. So what I'm going to do is just drag all of those across a little bit to there. But then what I'd like is to have the the prices kind of tabbed over a little bit. And I think I'd like them to go over to about here. So I'm going to click in there to put in a tab. Now, once again, I can right-click on that. And I would probably do this because it's a number using a decimal place. I know there's no decimal places online, but just in case we had four pounds, 36 or 15 pounds, 0 for I don't want to, based on a decimal place in there. And once again, I could have a leader in here. And well, I'm pretty much happy with what I've gotten in there. So let me go in and just do a tab. A tab and a tab over there. Now and I've got to this stage, depending on where I'm actually publishing this, I might want to put different numbers in there. You know, it could be an English pound, it could be European euros, it could be American dollars or Canadian dollar, Australia. There's just so many options in there. Now, my keyboard has got American pound, American dollars, and British pounds on it. But he doesn't have euros. So if I can't find that where I caught immediately sit on a keyboard, where can I get it from? Well, there's a whole studio devoted to just those sort of things. And it's in the View menu down in studios. And what it's called is glyphs. So we have the glyph browser. Glyphs are all of these characters do you see in here? So there's quite a lot of glyphs in here. And if I'm looking for something, as you can see, there's a whole lot to scroll through to find exactly what what I want. And of course, there is a slightly shorter way of doing that. Firstly, you can go down to the bottom and you could actually just type in exactly what you wanted. So you are there, we are. And it's brought me up the Euro in there. Or the other way of doing it. Not just get rid of that, is to go to the top, to the drop-down. And then we can go down and we can find all sorts of different things. So for example, I'm looking for financial symbols, something along that line. And by going through here, currency symbols, there we go. And all those different currency symbols are there. So I want to put a euro before that five. So I'm just going to go over there and double-click and it pops it straight in for me. Same again. Over here, double-click over there, and double-click. Now this of course is based on the typeface that you're in. So if I went up here and for example, maybe Waterloo was spelt with two little dots above the o. Who knows? I'm in libri there. What I could do is just show all of my symbols in here again. So let's go back to, whoops, let's come back to showing all of them once again. And then I could go down to the O's and you'll see over here there's an over there with two little dots. I can double-click it and replace it with two dots. On the top. You can always change to different symbols if you like. I'm going to go over here. And just after where it says London is safe, I'm going to go down, find a totally different typeface. And the one I'm going to do is I'm going to go and find something called web dings. So it's under the w's over there. There it is right past my screen. Web dings in there. And there's all sorts of weird and wonderful things in web dings over here. So I can go in and find certain bits. If you have a look that was Wingdings, my apologies, web dings is just above it. Uses all sorts of weird things have there from spiders through to no pirates, that's my favorite. I'll just double-click it and no pirates symbol in there. But there are some really useful ones in here. For example, the one I find it's really useful is this little one over here, and it is the disabled symbol. So, you know, if you're putting together a brochure and you need to show whether disabled parking is. There we go. You've got a symbol for it really quickly, for example, is also a parking symbol in there. All you need to do is to double-click until puppet straight in and you treat it like any other character. Because it is a character, I could select that and I can go and just change the color to something different. I've just made it red in there. And don't forget about those. The glyph browser is so useful for anything particularly foreign languages, currency symbols, et cetera.
47. Artistic Text: So what is Artistic Text? Well, if we go on to the a on the left-hand side, and I click with that and I'll just put in some text over here. The big difference is that artistic taste is just fully scalable. So it doesn't wrap like the normal text dice. If I go along and get my move tool and grab a corner, you can see I can just scale it out up and down. I can go to the bottom, pull it around, and grab any of these handles and just pull my text about. So compare that to the normal text or the frame text. Once again, if I click and drag a little frame in there, put in my Artistic Text, and if I grab the corner, it changes the frame. If I go to the very corner, I can actually change the text and the rest of the type in there for grabbed the bottom, you can see it just moves the frame around. It doesn't do any other changes. So for most of your text, you're going to find that the frame text is absolutely perfect. If you want to do something a little bit more exciting, maybe a big bit of text like we're going to be doing later on in this course for a social media post. Then the frame, then the Artistic Text is absolutely perfect. Give it a go. Teasing.
48. Text on a Path: Now let's have a look at getting text to follow a path. What I'm going to do is I'm going to draw a little shape. Now, I will use one of these frames over here. So I'm going to go to the picture frame ellipse. And I'm just going to click and drag and elliptical shape in there. Don't forget if you want to make sure that that shape is perfectly round. Hold down the Shift key. So I've got my round shape of them. I'm going to zoom in a little bit over here. So you zoom shortcut being either control and plus on a PC or Command and plus on the Mac. And I want to move down on my page a bit, so I'm going to hold down the Spacebar. There's the same on Mac and PC. And that gives me the little hand. So I can just pull the page around. I'm going to go over to my Artistic Text Tool and move onto the line. Now you'll notice when I move the cursor onto the line that t changes and instead of becoming the a, it goes to little t with a line underneath it. And I'm just going to click over there. So now I can put my text in. I can type straight in there, or I can just paste some text if I've got some text in here, so I'll just paste my text in. So I've got some text which is on the inside of the circle at the moment. How do I move it around? Well, on one side we've got the little green arrow and we've got the red arrow on the other side. And if I pull this one around here, you can see how it's moving my text about. Once again, if I take this one here and put it around there, the text moves. So how's this will working with? The green arrow is kind of like the left margin, the red arrow being the right margin. So if I go up here to my alignments and I click on left aligned, you can see the lines are to the left margin. That way the right-align align it to the other margin. And I had it centered sitting right between those two. And once again, I can just pull this around when you get into the right place over there and move this one to the right place there. And my text is perfectly in the middle. I can still select the text. Once again, I'm still on the Artistic Text tool and I can go in and change the size and let's make that quite a lot larger. Over there. Sometimes you'll find that if you've got text on parts, things get pushed together. There may be moved apart depending on how tight that path is, you might need to go and change some of the other settings in here. So I might go along to something like the reading or the, sorry, the tracking or the kerning and just change that. So here if I go to my tracking, you can just pull those characters slightly further apart. Like so until it looks correct. And we'll give that a go, come back and they're actually the next step over here of how we get things going the other side of the path. And we'll put it onto a different path this time.
49. Text on a Path Reversed: The next thing is how do we get this text to go on the outside of the path? Because it's all very well having done the inside like that. Well, there's a little button along the top is contextual toolbar area over here. This is where I went to left, center or right align my text. If I keep going along, there's a little button here called the reverse text path tool or option. If I click that, you'll see it will just reverse the part and put it around the outside. It's upside down on the wrong side. So how could we deal with that? Well, I could take the red one and just pull it around like so and the green one and pull it around like so until it gets onto into the right area for What I'd like. Now, there is another way of working with text as well. Because you can actually move things above or below on the line as you're working. Because if I wanted this right on that line, if I go along to my text options over here, and I'm going to go along and find something called the baseline shift that moves things above or below the baseline. So you can see over here, this is in the positioning and transform options in this type studio. If I go down here, three down, this will now allow me to move the text above or below the base line, the line that it's on. So I can just move it down over there and pop it right in the middle. Don't forget. We can also change the tracking that's just above that. So I could still go and push this further apart or closer together until the text looks good. Now, that's all very well for something like a circle. What about if I wanted to put this onto an open shape? Well, it's exactly the same. I'm going to use my pen over here now we haven't got to the pen yet. We'll be looking at Penn in detail later on in the course. But for now, I'm just going to show you, I'm going to click, I'm going to click and drag. I'm going to click, I'm going to click and drag. And I'm going to click over there. So we can make these sort of odder shapes like that. And you can just keep clicking and dragging as you like. So click, click and drag and that you could just keep clicking and dragging if you want weird, wonderful shapes like that. So if I want to put type on that path, It's exactly the same. I just go over here to my Artistic Text tool, click on the path, get the text in. I'll just paste that same piece of text in there. It's exactly the same. You can see we've got the green and the red arrows on either side. And I can then choose to move it around. As I need, left, right or center, aligned the text based on those little options. So I'm going to move it over to maybe the left-hand side over there. Do be careful though, if the curves are very tight, like I've got over here, you might end up getting some of the characters it a little bit too close together. So don't forget your options. In the type studio. Have a go with that.
50. Outline Text: Let's have a look at something called outline text. Outline text is when you take text which is editable and you convert it into graphical shapes. Now this has got so many different uses for it, and we'll be looking at some of these as we go along. But if you ever come across a printer and the printer say to you all, could you just make sure you outline your text first? This is what they're actually talking about. Now, if you find your text, you can't then edit the text afterwards. So be careful if you outline a lot of texts. That's it for your, for your text, you can't go and change the font or even change the spelling. Let's have a look. What I'm going to do now is I'm going to use my Artistic Text Tool. And I'm just going to click and drag the size that I want in here. And I'll just put in the word go. So that's Artistic Text and it's fully editable. At the moment. Let's zoom in a bit and we'll make it just a little bit smaller. Axon. So how does Artistic Text work? Well, if I click on the Type, I'm going to go along to the Layer menu. Sorry, I should have said, how does our plans work? Not artistic text. I'm going to go to the lemon. I'm going to go down, I'm going to convert that to curves. So by converting it into curves, which doing you change it from editable text into shapes. So at the moment, with these, these two, they are still, if I click on them, this will appear to be one shape in there. And that's because they're still grouped together. Now, to ungroup them, there is a ungroup button over here, or you can actually just double-click on one of them to get into the group. But I'm going to click on that ungroup button. And you can see now if I select one of them, it's on its own. So what can we do with this? Well, because it's a shape, you can treat it like any other shape. And once again shapes or something we'll get into later. But you see if I take my little Node Tool, That's the little arrow over there, it actually shows me all of the points that make up the shape. So I could go in, click on the little node and just manipulate the shape of that. Once again, I'm just going to click on that node, pull it in to adjust the shape. The other thing I could do is I could use this as a shape to put a picture in. I am going to go along to stop library. I find a picture. Let's have something like a tree. And I can just drag my tree and drop it inside that shape. Let's try that. Again. I've forgotten one thing. I'd loved his Africa this on purpose just to show you, but I didn't. I January just forgot. If I want to put a picture in there. I need to go along to the layers, and I need to convert that to a picture frame. It's still looks exactly the same, but now you'll see if I drag my picture in. There it is inside the shape, and I can still use the same picture options over here, zooming in, zooming out, and moving around or rotating it as it needs to go. So do try that that OUT. Have a bit of a go. Don't forget, you're using the the option to change your type from normal editable text into shapes. And once you've done that, you can then ungroup them. And once I've ungrouped, well, you can use the node tool. Or if you want to go further and put a picture in, you go along and you choose to get the picture and convert to a picture frame in there. Try it out, see how you get on.
51. Text Wrap on a Photo: I'm going to bring in some text and a picture and I want to show you how you can wrap your picture while your text around your picture. So first thing we had to do was to bring in some text. And what I've done is I've gone too high and some texts, I went to the web and I've looked for some time, which is out of copyright, so it's all free. And I found quite a few books. I was really surprised how much stuff was out of copyright. And I found this one by Agatha Christie called the man in the brown suit. And I've copied a little bit of text from that. So I'm going to go back to my text frame tool and draw in a text frame over here and just paste my text right in there. I might need to make it a little bit larger I think for this. So I'll just take that up to 16, 18. Try to over there. And then I want a picture for this document. I want a picture on the side. Now, I'm going to put my picture into a circle or semicircle as it'll end up being. So I'm going to use my picture frame tool, drawing the circle over here. And I'm going to have this sort of elliptical shape like that. And I'll use my move tool to just move right to the top over there. So that's where all my picture to go. And once again, I'm going to click on the frame. I'm going to go to my stock library and find something appropriate. Agatha Christie, it's gotta be detective. So let's have a look at the detectives in there. So I'm in Unsplash as always. And this kind of quite nice. So detective silhouette over here. So let's just drag and drop that one. Straight in. Rate will make it a little bit larger over there. And I think I will actually then move the personal loan. Now, the next thing is I want to go and get the type to go round the picture. And this is where a lot of people trip up. You need to make sure you select no picture, not your type. Although it's called Text wrapping, you actually apply it to the picture. So I've clicked on the picture itself. And along the top, this little bar along the top here, we've got an option. If you hover over it, it says Show Text Wrap settings. So I'm going to click on that there. These are the various wrapping settings that we have. So we have none, which is where it's set to at the moment. We have jump. Now, jump means that the text will stop at the top and continue underneath. So if I made that smaller like that and I chose Jump, you'll see my text just stops at the top. And then if my picture was further up, it would continue underneath. I'm just going to undo that. Again. I'm using a Mac, so it's Command Z to undo if you're on a PC, it's Control and Z to undo. If we did it as a square. Well, once again, if we just go around the square over here that the pictures in the next ones, the one I'm interested in, this is the tight option and that gets the text to wrap right up to the picture. There's some other ones here which do an edge inside, outside but leave an edge there. And we couldn't inside option over here. Now the type itself is very, very close to that picture. So I'm going to go down here to my distance from text and I'm going to increase that distance. And you can see nothing's happening at the moment because that is on the left. And I'm just going to link everything together and then do it again. So left, right, top and bottom, all linked. Now that I've got that, I can then move my picture rounds if I want to move it around, you'll see the type. We'll just reflow itself around the picture. And I'm kind of going for something which looks like, like that. Over there. Some myText is missing. You can tell because there's a big red square over there. So I might have to click over there and get it to the storage. Continue on the next page. But I'm not going to do that. I'm just going to switch on this little windscreen wiper over here. It's close that window down. Switch on the windscreen wipers and you can see that's how it would look when it's finished. And even here, I can still move it around a year. Actually. Perfect. Anyway, do try it out. Don't forget, It's this little button on the top left-hand side here it says show text grep settings. Most importantly, select the picture, not the text to apply text wrapping. Have a go.
52. Text Wrap Around Text: So we don't just have to use text wrapping on photographs. You can use on shapes as well. And it's used quite a lot to put in bits of text within other bits of text. Have a look. So what I'm going to do here is I'm going to take this little picture frame and I'm going to draw a picture frame in here. And I could do a circular one or in fact, just for a change, let's use the rectangular one works the same with, with both of them, to be honest. I'll draw a little frame over there. And once again, I'm going to go up to my frame settings, text wrap settings. And over here I'm going to choose a square. And you can see now how the text is wrapping around that square. Yes, you can see the cross through the middle. But if I were to click on the preview mode, you can see how it forces the text away. And I can go along and I can move that around to force my text away from that shape. Okay, so why might I want to use that? Well, maybe I want to put in a little quote inside. They're saying Agatha Christie or something like that. So I'm going to just close that down. Now. If I want to use text in here, have a look. If I were to go to my type tool or Text Frame Tool and I did some text. I'll just do a bit of text over here. Let's put in the word Agatha. Then I'm going to make it a bit larger. So let's go up to the size settings at the top here. And we'd like, sir, and I'll just pop that in and I'm going to move it up into the right position. And you can see when I move it up there, it just disappears. Now that's happening because the options that we've got on that shape are saying, push the text away. So how do we do that? Well, the easiest way is to actually go along and use your artistic text. Because if I click and do some Artistic Text here, Let's have the word Agatha. And in fact, I'm going to make it a bit smaller. Just so it fits in a bit like so. When I move that in there, no problem at all. It will quite happily sit in that area. And I can still adjust both of these. Maybe we want a bit more space on that right-hand side, like so. And you can see how good it looks when I click on the preview and you can have little quotes in there and things like that. And it anytime when you want to move it around, if you move both of the Artistic Text and the shape around, you can get that text to go with whatever you want inside your existing text like that. So once again, try that out and then come back. We're going to do a project using a lot of the text options.
53. Web Banner Project: Create Document & Add Titles: Let's create a little banner for a website. One of those that are vertical, ones that go down the side and we're going to use a lot of text and the picture in there for this particular project. So what I'm going to do is I'm going to start off by making the document at the right size. So I'm gonna go to File and New. And in my new document settings, I've gone across to the web option over here. Now with these presets, there's a lot of presets and you could just spend a lot of time trying to figure out which one you want. If we go down here, you'll see there's some social media, social media portrait. These are not always quite the correct size. Now what I'm going to do is I'm going to pick the one that I think it's vaguely closest to what I would like, which is social media portrait post. And then I'm going to go over to my settings over here to the page width and height. Now this is going to be quite a small banner which is going to go down the side of the page. So I'm going to make it 800 wide and it's going to be quite long. So I'm going to make it 1600 high. Now that's probably a much higher quality than I actually need, but I can just resize it. I've at least got the vertical horizontal format. Correct. Moving down over here, facing pages, we don't want facing pages. We just want the one page in there. The color format is going to be RGB because RGB is best for screen use. And being Webb band It's going to be screen use the color profile. Now, I'm using the sRGB color profile, that's standard RGB color profile. And I've generally, most people tend to think that this works best for most devices. There's a few issues. There are some people who disagree with other ones, but we're just gonna go with the sRGB profile. And then moving down, do want some margins. He had. Not really for this, we're going to just putting in a big bit of text in the middle. Bleeds, nosebleeds. It's not for print. You don't need a bleed. I'm going to click on Create. And now that I've got this page in here, and if I go up to my preview mode, but you can see it doesn't actually make any difference at all because there's no margins in there. The first thing I'm going to do is I'm going to start off by creating big bit of texts which is going to go to the top. And for this project, I would like to make something for a fictional company called sky-high jobs and they're having expo. So we're going to make this sky-high jobs banner. So I do want to do a very big S in the middle. We're going to put a picture inside that. So I'm going to start off by going to my artistic tool over here. And I'm going to click and drag the sort of size that I wanted a. Remember you can change it later. I'll put in capital S in there. And I'm going to select my S and go over here to the, to the fonts. Font family shall I say, I'm going to choose something very thick and big for this one. So I'm going to use Arial black, but you can use anything you like on your version of this. And I can then just move it around and scale it and get it to whatever size I like to scale it around a bit and I sort of put it into the middle. You see, when I move it to the middle, it just snaps and there's a little green line showing me that it's right in the middle. The red line at the bottom shows that it's actually sitting on the middle of the page and move that down a little bit and then go up again. There we go. So I know that it's sort of on the top half of the page, but you can place that wherever you like. It really doesn't matter. Then I want to bring in a sky photograph inside that S shape. So I'm going to go over to the layers. And I'm going to go down because we can't convert that to a picture frame until we convert it to curves. So I convert that curbs, then I can go to layer and convert to picture frame. So it's ready for my pictures. All I've gotta do is find a picture. Now, let's go with search for sky in stock libraries and just find something that I think would look really interesting against that, that background. Remember, you can change it later on. So I'm going to pick something over here is just take this guy here, drag and drop it in. And at this stage I could scale to round. Yeah, I think that's kind of working right in the middle. I'm going to stop there before I get my next bit of text in. So you can try this out. Get a letter in. There doesn't have to be an S, get a picture into the letter, and then come back for the second half and we'll put some text at the bottom and then save this out appropriately.
54. Web Banner Project: Text & Sample Color: So let's have a look at the next thing. I'd like to bring in some more texts, because this is all about an Expo, a show. So I'm going to go once again down to my Artistic Text. And I'm just going to click and drag to put in the text size. Once again, it doesn't matter what size it is, could be any size you like. So I'm going to put in the word expo over there. And with the Expo, I might decide to change the size, move it around a little bit over there. You can see as I'm moving it across, it tells me when I've got right up to the edge of the S as well. So I'm going to keep going like this. There we go. So those two line up perfectly. Now. Well, I've chosen a blue for my word expo. You can actually sample colors directly of the image and show you what I mean. If I took a different sky and dropped it in there, Let's take this one over here and drop it into, into that. And for my word expo, I'd like to sample some of these colors. So I'll just click on the word expo. And I'm going to go up here to the sample tool. Sample tool, if you click and drag, just allows you to move over the air that you want. I want to kind of pick this pink color in there. It hasn't actually changed the code, the word expo. But if I go up to that little pink dot which it's been sampled and click that. You can then see it picks up that color. So just a quick way to sample colors directly from the image. Let me do it again. I'll take this little eyedropper, drag it over here. I'm going to sample this medium blue. Let go and click on the little dot to pick it up. I'll bring in a bit more text in here as well. So let's once again, I'm going to go to where my text is. I'm lining it all up nicely in there. And let's have the word jobs, fair. And once again, I'm just going to take this in up to there. And then of course, I could sample some color. So I'm using the similar colors to what I've got on my picture. It's going to find a darkish pinky gray there. And pick it up. Oops. Just select that. Have picked up again from there. It's looking okay, ish, I think we need to add a little bit more work on this. But I think what I'd like to do is to just go back to my picture and just get that to separate from the background. And I'm going to do a bit of a drop shadow type of effect on here. Be careful with your drop shadows. They can look so tacky if you overdo them. I have I'm going to try it out. We can have a look and see how it looks. You can decide whether you wanted on or not, but do be very subtle with them. Now, to do the effects, I'm going to go to the View menu. I'm going to the studio. And we've got an effect studio. Over here. You can see mine's already open, but if yours isn't, this is the effect studio. So in the effects, we can go down. We've got so many different types of effects that we can put in. So I'm going to go to the, let's try the outer shadow over here. Now just click on the little arrow to drop down. Click the outer shadow. And I'm going to just increase the opacity over here. And you can see I've now got a drop shadow behind my S shaped. And you can put that drop shadow onto anything you like. And you can choose to offset it as much as you, as you like. And you can change the radius. You want to make it bigger or smaller. Now, I am going to keep it quite large, but I'm going to take my pasty write down so you can barely see it just enough to kind of almost separated from the background. But you'd never looked at it and go that's there's a drop shadow on there. It's just enough to pull it up, but it's entirely up to you how you would like to use that. Once again, try those out and then come back. And we will get this ready for, for putting onto the web by saving it out as a JPEG.
55. Web Banner Project: Save & Export as jpg: So as you can see, I've popped in a little bit more text on mine and just aligned everything to the center loop. If you want to align something to the center, when you move it around, just went through you see that little green line pop up and that way, you know that right in the middle. So I'll just keep going like that and you can see how all of these smart guides just appear. So I'm going to now save this. I'm going to go to File and Save As so this time I'm saving it as a editable versions. I can always come back to it. So over here I'll call this S Expo. With that, I'm just gonna saved on my desktop for the moment. I'll just click on Save. So that is my editable version or ready to go. But what about saving the South now, ready for the web? Well, at this stage, I might be told, Well, you know that one, that term valid that you're doing, could you make it 300 pixels wide? Now remember, I've started out making this, I think was the 1000 pixels or so. But the actual physical size, both width and height ratio was correct. So let me go and change this, but I'm not going to change it on this. I'm going to go to File and I'm going to export it out and then set the size there when I'm Jay pegging. So I'm gonna go to File and Export. Over here. I'm going to choose JPEG. Are There we go. You can see there's my original size. It was 800 by 600 over there. I'm going to keep that locked. And I'm going to change this to 300 over there. And now at the moment that says 300 by 1600, fine, just click in there, you'll see it's now goes to 600. So it still keeps that one-to-two ratio that I started off with. In the preset. Over here, we've got the different qualities. I'm going to keep this as the best quality. But if you're going to put this on your own website, for example, you might want to reduce the quality because it will reduce the file size. So taking it down to low quality, the quality is going to be really, really bad. But the boss asked me, tiny depends on which way you want to go. You can just do it that way or you can use this little slider in here. And the area that I'm taking is the whole document down that we don't have any options yet. And that's it. I can just click on export. But you would have noticed there's a little more button over here. If you go to more, you'll find, then you have more options in here. For example, the profile. And that's quite important too. And I feel, so I'm going to use the document profile ortho wanted change it because maybe the Web Development Department of toby that they want a different profile. But I'm going to keep it on the basic, the generic document profile that I was using. We close that over there and click on export, and that's it, that is now done. I've just got to export that as a JPEG. So it'll be Sx bot. And click on Save. Let's have a quick look and see how it looks in a browser. So I'm going to go to my desktop, which has a little bit messy right now. But if I go and find a browser window, and I'm going to just drop that S export JPEG into my browser window. There it is. That's what it looks like at its final size. Anyway, try that out. Use your own letters and characters and change the picture as you, as you need once you've set up, once it's very, very fast to then make multiple versions of this advert. Try it out.
56. Social Media Project: Create Your Document: Let's do something now for a social media post, and I'm going to use Instagram as the example. So I want to make a document the right size for Instagram now at the moment, and all these things change, I'm going to use a size of 1080 by 1080 as the optimal size for Instagram. But these things change all the time. So the best thing to do is just go into Google, search for resolutions for your preferred social media. And although I'm doing this for Instagram, you can do this for any particular social media platform you like. So I'm going to go over to the File menu and we introduce a new document. And over here in my documents, once again, it doesn't really matter which one of these you pick. The important thing is that during the website of things and over here in your page width, you go and put in whatever resolution you like. So I'm going to go with 1080 pixels. By 1080 pixels. Now, I'm going to go down over here facing pages is switched off at the moment. And we need to keep going down and making sure my color format is RGB slash eight. That's eight stands for eight bit. And the color profile is tons of them in here. But I'm going to be using the sRGB profile. Moving down margins. Well, I'm going to put in a small margin just because when I put some texts the bottom of what we're about to do, I want something here to help me guide me in there. So we're gonna put in the margin, and I'm going to put in 20 pixels in there. It doesn't matter. You can ignore the margin later on if you wish. The bleed. We don't need a bleed because this is for screen use. Let's click on Create. In there. Can't see my margins, and that's because I'm in Preview mode, so I just toggle that off and you can see this little margin in there. And that's going to keep me from going too close to the edge and just remind me that my texture be too near the edge would look awful. So the first thing I want to do is to bring in a picture. And I'm going to go along to my picture frames. I'm just going to use the rectangle frame in here. And I'm going to go right away to the age of one side of the page and the edge of the other. Now, this particular one that I'm doing here is going to be all about a weekend break at a company called solace and quiet. So Corners, whatever you like and you can do whatever subject you want. So what I'd like to have is a portrait of somebody feeling relaxed and confident. Add some text over the top of their head and maybe a bit of text at the bottom as well with this sort of brief explanation of what this post is about. So we've got to find a picture and it may stop libraries Once again, I'm going to search for portrait in here and, well, there's quite a few different ones which might, might work, but I'm looking for somebody who's kind of looking ready, relaxed, and happy. And that they've got that one looks absolutely perfect. I've gone for her also because there's a large area around the outside of her. Nothing too dark or too light because I want to protect around the outside. So I'll just drag and drop her right into this area. And you can see there's a lot of space all around her. In fact, I'd like a closer up of hers. I'm going to go down to the middle to zoom slider here and just zoom in a bit over that thing. I'm kind of looking for something, maybe more like that. Just go in over there. Right. So that looks like somebody whose chilling and having a weekend break. So the next I want to do is put some text over the top of her head. I'm going to do that by using, once again, one of these framed hills. I'm just going to click and drag a frame in there. I'm holding down the Shift key so that I can be sure that I'm getting a perfect circle. Remember you can change this later and we need to go to my artistic tool. Click on, on the line over there and put in my solace and quiet. And we're going to select that text. And I'm going to make it a bit bigger by going up here to my text sizes, my font sizes, I will just increase that. Maybe let's go a little bit smaller than that. You can type directly in here if the sizes that you want on there, I'm going to type in a 120 over there and see, I think that's just right. Now. You might find that your text is on the inside rather than on the outside. So don't forget the civil button at the top. If you click on that button, it will flick your text between inside and outside. I'm going to take the green slider and drag the green slider over to the left-hand side. And the red slider is going to go over to the right-hand side. And then I'll go up to my alignments. And I'm going to choose central line which will move it right the way to the middle. Now, this typeface that I'm using here doesn't look very solace and quiet. I want something a little bit more tedious word flowery, but that's kinda what I'm, what I'm after. So once again, going over to my Type Options and I'm going to go and find something in here that looks better. And you can see as I am going up and down here, I've getting more or different effects. And I can just keep going until I find something which seems to look the part there we go, That one there. This is called Beyond Mountains. So that seems to be the part. And then lastly, I'd like to sample the color from the image itself. So I'm going to go and get the sample tool and adjust, move over to try and find the color that I want to sample. Let's have a look and find maybe a dark red in there. And I'll click on the red. See what that looks like. Well, it doesn't look three, solace and quiet to me. So I'm going to select it again and try different color, maybe something from her hair in there, which might work a little bit more brown. Go a little bit better, a little bit to more relaxed and I can move that in other they're happy to go with with that. I will then fix mine while you're trying that out and just maybe tweak the text a little bit. Bring in a picture, put in some text over the top, any subject you like. And then come back and we'll do the bit at the bottom. I'm going to show you something new that we haven't obtained here. Try it out.
57. Social Media Project: Adding More Text: With my text, you can see the word solace is underlined are maybe that's a brand name. Who knows? Or maybe I really have misspelt it. If I have misspelled it, why I've made up a word. I can always change this because all I have to do is to double-click a few times to select the text. And I'm going to change that to solitude. And you can see how the texts will automatically keep itself in the center and keep moving around. Now, what about some more text at the bottom? Well, I'm going to pop some text in this time. I'm going to do it using the frame tool. So I'll go to the frame tool. I'm going to draw in the box over here for my text. And I'm just going to place or paste the text in I've copied from somewhere else. Now once again, I can select that text and I can go over here and choose colors from here. See no matter what color I chose black or white, something's always hidden. And then I'm going to go back to red, or I'm going to sample from her hair. I think let's try it. A darkish brown over there. Now that I've got the text in there, I want to put something underneath between the text and the picture, which will basically hide the picture and means that the text will show up really nicely. So I'm going to go along and I'm going to use one of these shapes. I'm going to use a rectangle. And I'm going to just put the rectangle over the bottom part of the picture, like so. Now here's the Courbet over here in the Tools. There's a little, it looks like a little wine glass, to be honest. A glass down the bottom there. He hi, click on that. This allows me to go to any shape and click and drag it to get things to fade in or fade out. And depend on the angle that you drag it at, whether it's up or down, down, up, etc. You can just get it to fade one way or the other. So I'm going to start from the bottom here. I'm going to drag up like that. You'll notice I'm not going further than the age of that shape because if you do, you tend to get a hard line. So I'm stopping before the end of that shape. There. I think that'll probably work. And then I can go to my text. I'm going to select the text. Now I'm having trouble selecting my text over here. So there's a few ways to go about it. One way is to just move the box out the way and then I can select it. The other way is I could have actually changed the stacking order with the box, or I could go to my layers and I could select all my layers, but we haven't got to that stage yet. So for the moment we'll do this the nice easy way, just move that box out of the way of selecting my text. And I'm going to go to the Layer menu, Arrange. And I'm going to say move to front, and you'll see that it'll move it in front of that white box. I'll move that white box back into the right position again. And just take the type of loops. Make sure I select the type again, take the time and just move it down a little bit. I'm going to center align the type so it's right in the middle of that box and pull it down to there. Don't forget with type, you can always go back again to your text options over here. And I'm going to just increase the tracking, which will just move those characters slightly further apart from each other, giving it that cinematic feel. Let's have a look at that over here. So click on the little windscreen wiper, the preview mode. And I'm happy with that, that's reasonably readable. Might want to move it down a little bit. I'm just using the arrows on the keyboard to move it down into the right position. And that's absolutely perfect. Of course then, like the last project, I can just save it out as a JPEG. So that is File and Export. To export it out as a JPEG or a PNG file. Don't forget to Save as well, like we did before. Try now, use your own pictures. Have fun.
58. PowerPoint Slide Project: Create a Text Wrap PP Slide: So let's do a setup for something that's PowerPoint. So what I'm going to do is I'm going to do a new document over here. And I'm going to go across to web for PowerPoint. I really do need to know what a resolution the PowerPoint presentation will be. But if you're not sure and could probably choose something like one of these HD options in here. So I'm going to go with just the HD plus over there. Remember if you save it out as a PNG later on, you can change it and you can resize it later. I'm going to go with that. And over here, I've got my page width, page height, moving down. I don't want any facing pages. I want my color to be RGB. And down the bottom here, the bleed, we don't want to bleed at all. So I'm going to click on Create. Now. I'd like to bring in a picture for the background and then put some text in here and a little graphic. So I'm going to start off by getting a frame. I'm going to put my frame across the whole of that page and then lead to go and find a picture. So what I'm doing here is something about a bit of fruit. I don't know. You can choose any subject you like. So I'm going to put in fruit in here. And let's do a search for fruit. And the one that I'm looking for actually is in Unsplash. So moving down here, if I keep going down for a while, finally come across this, I think it's a lime. I'm going to drag and drop it in over there. Now, I'd like to make my life a little bit bigger. So I'm going to go down to the zoom button at the bottom and increase the size. And I'm going to move the lime across to the side, like so. So I want to be able to put some text on this area here. And this leads us into the text things that we've been doing so far. Because I'm going to use my frame tool. Click in there, paste my text in. It's a bit on the small side, so I'm going to actually increase it. So I've got up to the top and just increase the size of that type. O quite a lot for the moment. Oh my goodness, what is happening there? Well, what's happened there is it's remembered some settings from previously. I'm going to go across to the character panel. And there's all sorts of things that are problems here. But the main one is going to be this leading. So I'm going to go into my letting in here. And what I want to do is just choose auto lending at looks so much better now, it's just resize this a bit, something along that line. Now, I would like to get my text to kind of flow around the edge of that line. So I'm going to rather than try and get the text guns picture here because, well, it's green that the types not really going to recognize the shape very well. So I'm going to go over here to my and circular frame. I'm going to draw a frame and I'm drawing it to roughly the size of that of that lime. You can be a bit more accurate and get it perfect to whatever size you want. And then on this frame, I'm then going to put my text wrap. So I'll click on the Text Wrap settings in here. And I can then choose tight and you can see how it's push the text out of the way, nothing around the line. It's actually getting around the shape that I've put on top of the line. That doesn't look too bad, but I will change the distance away from the line itself a little bit, give it a bit of space to breathe in there. Right? I'm happy with the way that it's looking so far. I want a bit more text in here. So I'm going to use my text Artistic Text tool. And let's have a few more words in here. I'm gonna move that down a little bit, like so. And you can see that I've put this text in, but it's not being affected by the text wrap because I did it as autistic text. Let's change the color on that and make it white. Direct looks a little bit improved. But I do want a splash of color in here somewhere because it's very green and white. And I'd like some red in here with some other sort of fruit. Let's just change the name of this instead of lines forever. Let's hold this fruit. And we'll just move that across a little bit back, sir. So I want to bring in a graphic rather than another photograph. And what we can do is we can try one of the other libraries. I'm going to go to Pixabay because Pixabay has got an option here for vector graphics. Vectors are, well, where you have a photograph which is made of pixels. Vectors are just made up of lines and colors. Now nothing has appeared in there. If I just switch it off and research again, fruit. There we go. There's lots and lots of vector pictures, Vector Graphics in here that I can go and choose from. Now, although there's some really interesting alliance and lemons, I'm going to choose something which compliments the colors really nicely. Maybe something along this line over here, the strawberry. And I can just drag and drop it straight in, not pop that near the bottom. Like so. Let's have a look at how this is going to look. So I'll go up to the little windscreen wiper, the preview mode, click on that and there's my bit of text. Finally, I want to save this out for PowerPoint. So what I'm going to do is I'm going to go to the File menu, do my Save As first. And it's called this one fruit. I'll just save it onto the desktop. And then I'm going to go to File and Export. Now we've got to really main options for PowerPoint. Jpegs is on one of them, but PNG is another option which works really nicely within PowerPoint itself. So over here I'm just going to choose PNG in there and click on Export. Right? It's called this fruit, that's absolutely fine. I'll just put it onto my desktop, which I seem to have lost area and click on Save writer that is done, have a bit of a go with that. Try taking it into PowerPoint or Apple Keynote if you've got that instead and have a look, see how it works for you. Give it a go, do something exciting.
59. Introduction to Working with Images: The next set of lectures is all about images. So what we're going to be doing is we are going to be looking at placing images, bringing them in how you deal with them, as well as what you can do by taking them into photo. We're not going to get into photo. That's an entirely separate cause. But we'll be looking at, well, everything that we can do within the Affinity Publisher. Don't forget the project and the project. We're going to put together a multi-page document. It could be a lack of little mini catalog. It could be a newsletter. You can do whatever subject you like, but it's going to look something like this over here. Obviously you can use your own pictures. I've just got examples, yada cameras. So I've used cameras in mind. You can do whatever you want in yours. But let's go through the list and the lessons first. And then you'll be able to put together something like this. And easily.
60. Resources Has Moved in Version 2: Now, for those of you
who are on version one, I'll be telling you
that you can go to the document menu
and you can go down, you can find your resources
manager down there. Now inversion to you won't
find it in the document menu. You have to go to the
Window menu and you'll find your Resource
Manager in there.
61. Linking & Embedding Images: So let's have a look at some images. And the first thing that I want to do is talk about the way that images are either imbedded, all linked. Now I've got two images on the screen here. And the one on the left-hand side is a linked image, and the one on the right-hand side is an embedded image. So what does this actually mean? Well, it means that the one on the right, the embedded image is part of this document. If I save this document, the image will be saved inside the document. The linked image on the left hand side means it's actually linked an external file. And I've actually got this file and I've linked it from my desktop. And there it is. Over day, you can see that's the file on the desktop. Now of course, that's I've got it on the desktop, but that could be anywhere. It could be on your machine, it could be on an external drive. Well, now you can see the problem is that's going to happen here. And that is that if you have something on an external drive and then you disconnected drive the images and no longer going to be linked and you're going to be a well lived with a few problems. Let me show you what can happen. I'm going to take this image here that I've got linked to that one. And if I were to bin it, you can see the first thing over here that appears is right in the software itself, it says linked resources changed. So it knows that it's actually been unlinked from that particular file. And what you're seeing is kind of a preview in here. So once again, this can be a problem, particularly for printing. I'm going to try and get that a file back again. And I've just used under my desktop to get it back and it's now linked again. But how else can you work with these linked files? Well, if I go along to the document menu, I'm going to go down to the resources manager. The resource manager allows you to worked with these linked files instantly if you're coming from the Adobe world and particularly InDesign that this is kind of like your links panel. So in here, I've then got two images. You can see the top one over here. This is the linked file, and it says that it's actually linked. The bottom is the embedded file. Now, could I embed this file if I wanted to? Yes, absolutely. I just selected click Embed and it's now embedded. It's now part of this document. I don't have to worry about it. Being outside. The downside though, is that if you've got a lot of images, let's say for example, you work on a 600 page catalog and each page has got ten pictures on it. That's a lot of information for your computer to process at one. So if you're flicking from page one to page two to page 10, you might find the software slows down a little bit. So just be aware of that. Now, if you've embedded files and you wanted to unburied and embed them. Yes, you can do that too. There's a little button over here and I'll do the same thing again, which just says make linked. So I can just make it linked once again, it links it to the outside file. If you have one that doesn't actually have an existing outside file, it'll just ask you to save it somewhere. Let's close this down again over here. Now, when you go and you create a new document, one of the options over here says image placement policy. Do you prefer your images to be embedded or do you prefer them to be linked? And this really depends on how you work. If you work on bigger documents or smaller documents. For smaller documents, I certainly prefer to use the embedded option in there. Finally, what about if we take something from the stock library? What happens to that? Well, let me get rid of those two and I'll show you. I'm going to go over here and I'm going to just make a little frame for my image. Let's go in and find something sunny outside today. I don't know what it is like where you are, but it's sunny here, so I'm going to just put in beach over there. And that's, that looks lovely. So let's just take this one and drop it straight in there. So is this embedded or is it linked to that link to the stock fabric? Let's have a look and I'll show you, if you go to the document and Resources Manager, you'll see that it's actually embedded into the document. So when you're taking stuff from stock, just bear that in mind. You're embedding it straight in. And as I said, I always use the policy of embedding rather than linked, but that's entirely up to you. Give it a go so you know where to find those things. Once again, document and resources manager. Try it out.
62. Size / Crop Images from Library: So let's take the images a little bit further. Now, when I was going to the stock library and I was finding images, I was dropping them into a frame. So over here, if I go along, I've got rectangular frames and I've got elliptical frames. And if I click and drag to make a frame, I can then just go along to the stock library. We'll go back to beach again. And I can then drag a picture and drop it straight in there. But can we do anything else with the ones from the stock library? Well, yes. If you just take your image, drag and drop it in, it will come in at its full size. You can see it's absolutely massive over there. So that's another way of bringing your images straight in. Now, if I want to resize it, I can just pull this down to resize that to whatever size I want it to be. And I'm just going to place it right in the middle of my page and I'm going to zoom in a bit over here. And at this stage, if I were to click at the top and drag down, you see it's squishing the image down. If I grab a corner, It's just re-scaling it to whatever size I want. We've got another little tool here that allows to crop the image really quickly because maybe I just want this to be a small square root at the top. Well, if I go down to the cropping tool, this is actually called the vector cropping tool. And you'll see now that I can just actually use this tool to very quickly crop the image, I'm going to get rid of those little bits on the side there and just move it in like that. I can still go back to my move tool over here, moved around and once again squish it or scale it around. So don't forget that little cropping tool down there. It's just a fast way of cropping your image. Once again, try it out.
63. Images in Shapes: So bringing pictures in from your hard drive. Or we do for that, is we got up to the File menu and we use place. And once again, if I were to place the image, click on open over here, I can then just click and drag to place it. Or if I just click it'll come in full size. Or if there's already an existing box which is ready for pictures, I can just click on that and get it to fill that shape. Let's get rid of that one. What about if I want to use other shapes? Well, if I go over here, I can use any of these shapes. Has a picture box. I'm going to go down and I'm going to use a little heart. So there's a hot tool over here. And I'm going to click and drag a heart out. Now, I want to put a picture in there. Now whether that picture comes from the stock library or if I use File and Place, still going to be the same problem. Have a look. I take this picture and I drag it in there, and then it comes in, but it covers my entire page. Let's get rid of that over there. And it would be exactly the same if I went to find them place. And it's because this is still just a shape. What we need to do is we need to go along and in the Layer menu, we say convert that shape to a picture frame. Once you've done that, you can now either use File and Place or you can go into your pictures here. And I'll use that sky once again. Just drag and drop it straight in there. And there we go. We've got the picture in a frame and have a little heart on that side and switch on the windscreen wipers to see it. But we are now. But there's so many bits you can do with this. You can take any shape you like and just converted into a picture frame. Once again, try it out.
64. Select Multiple Images by Dragging: Now, one of the things that you might, or you might not find annoying, and I do find it annoying is if I'm trying to select something, now, I can click on an object, whether it's a picture or text and selected, if I'm trying to select multiple items, I want to select this one. And that one. You can do it by holding down the Shift key and then selecting them both. Or you can click and drag across them and around the US have gone all the way around that one. But I'm touching these two here, which means I'll only select that one there. If I wanted to select just those top two, I'd have to go all the way around, both of them, linked driving compass them. And then they will both select. Now this is an option that can be changed in the settings. So I'm going to go over to preferences up the top, this little button here which says Preferences. Click on that. And in these main preferences, I'm going to click on the button that says select object when intersects with selection marquee. So I switch that on and in close this down. Now look at the difference. If I just click and drag, I'm touching those two objects, it will select both of them. And likewise, I can just go down, select those two. I can still use the shift click to select multiple items as well. So we can just touch them now and select them. So don't forget that if you go to the preferences, you can switch on and switch it off, use whichever works for you better. I suspect that if you're coming from the Adobe stable, you're going to find a switching this on is kind of more intuitive to you. Whichever you want.
65. Putting an Image into Multiple Shapes: If we using shapes like this little one here, and I pop a shape in there. And let's have another one going up with here, maybe wider, maybe one more. Why does still HE, if I want to put one picture in all three of those shapes, I don't mean three individual pictures. I mean one picture which goes across all three shapes. You'll see that you can't do it initially. Because if I select those shapes and then go and find the, the graphic that I want to use and drop it in. What it's going to do, it's going to drop it into whichever one I had dropped it onto. Now, I know that that's not going to happen because of these crosses through the middle. When you see those crosses in a shape, it means that that is one item. So how can we make these three shapes become a single item? Well, if I select them over there, and I'm going to go up to the Layer menu and to something called a geometry. Now, for those of you who come once again from the Adobe stable, you might know this as the Pathfinder options. And I'm just going to click on Add. Now that's added those three shapes together. I still need to go to the Layer menu and converted back to a picture frame. But now you can see we've got one big cross through the middle of it. So if I drop a picture in, doesn't matter where I drop it, it will see those three as one shape and put one picture in amongst all those. And this gives you quite a nice effect like that. Could be a whole lot of circles can be different shapes, but do, try out that geometry. So it's in the Layer menu, its geometry, and you add them together. We're going to be looking at this more later on when we start to work with shapes and add and subtract shapes around.
66. Adding Images into Text: Now can we do the same thing with text? Well, Absolutely. I'm going to go over to my Artistic Text Tool. And I'll just click and drag some text here. Let's put in the word skate. And so I can put a picture in. I like to make it a little bit bolder. So over here under arrow, I'm just going to go to bold, italic. Right? So now what, what do I do? Well, I can't just go and drop my picture in there. What I need to do is to first of all go to the Layer menu. And you can see I can convert it to curves. Now if I convert it to curves, then it just becomes curves. And what we've done before in the last project was we took one S-shape and we convert it into curves. And then we can go into layers. And well, we have to ungroup them first, so we just ungroup them all. And then we can select them and just go to Layers and convert them to a picture frame. And if I just make the fill color a little bit lighter, you can see that the cross through the middle and doesn't exist. If I tried to drop a picture in here, what it will do is it'll put it into whichever one of those I've actually selected. So same again, I need to select this. And I'm going to go along to the Layer menu geometry and just add them together. Now, if you can't see, if you still can't get them in, just go and convert a picture frame again. And this should be absolutely fine. Now, we'll just switch off that little windscreen map and you can see I've got a cross through the middle of those. So it's easy enough for me to take any image I like and just drop it straight onto there. And hopefully, there we go. It's popped straight in and just make it a little bit larger over there and drag it down a bit into the right position so we get the skater top of the skater's head. Anyway. Do try that out because you need to use a combination of the geometry, adding things together, as well as converting to a picture frame. And you're really looking to find that little cross through all of your items rather than on the individual letters themselves. If you can't see what you're doing, don't forget, you might need to actually click on little preview toggle over there. And I usually if I'm doing it, use a lighter color for the text. I can actually see the cross. You can't see it on black text terribly easily. Once again, tried out.
67. Use Photo Persona to Edit Image: I've got a new document and I've just put a bit of text in here, something about skateboarding and I'm going to bring in some, some skaters. And I've got some frames over here for my pictures. Certainly bring in a few pictures in here. So I'm just going to drop one over there. It's another one down here. Wherever slightly more action one over there. And lastly, I think another action one down here. And then the other thing that I'd like is a large black and white picture. On the left. I've got all the colors on the right-hand side. So let's go to the left-hand side. So I'm going to take this picture here. Now what I'm going to do is once again, I'm going to put in a frame. I'm going to drag and drop that picture in R. Now you can see she's missing hands. I'm just going to move it over a little bit in there that's ready what I want, I want That's looking pretty good. Let's have a look at preview mode. That's great. Except as I said, I want her to be in black and white. Now, to do that, if you have the other affinity packages, I Affinity Photo, it's really easy because all the three packages are linked together in different personas. So right at the top, I'm actually in Publisher at the moment obviously. But I've also got a link to Designer. Designer does a lot of the vector graphics. Then I could also go across to the photo persona, which is about editing photographs. Thing is, I don't need to leave designer to do this. This is really, one of the most amazing things about affinity, is all I have to do is to click on the picture that I want to affect. And I can then go across and click on the Affinity Photo Persona. Now as you can see, my tools and panels have changed a little bit, but are actually still in Publisher. Look at the top, I'm in Publisher, but I'm seeing the tools for photo. Now, in order to do this, you have to actually have bought the full versions of designer, photo and of course, publisher as well. But they're not that expensive. And to be honest, if you wait a while, they always have them on sale for half price. So it's useful to pick up even if you hardly need them. Anyway. What I'd like to do to the skater girl is to make her black and white. And I'm going to do that by going over to the right-hand side. You can see my panels on my studios have changed again. And the ones that I'm looking for are the layers panel. In the layers panel, I can see all of my different items in there. Now, I'm making sure that I've clicked on my skater. And I'm going to go down to this little black and white circle. It's a circle, half black, half white. And it's called adjustments. And if I click on that adjustments, while the second one down is called white balance off that we have HSL, we have recolor, and we have finally black and white. Click black and white. And you'll see that my image goes black and white. Now, looking at this little setting here, it kind of looks a bit weird because stick, hang. The image is black and white. Why don't need color sliders? Well, if you remember, her hair was orange. If I went to the reds over here, I could either choose to lighten or darken down oranges or reds. In the picture. I can go to the blues and maybe I could lighten the blues because she's wearing a lot of blue in there. So I can then just move these sliders around until I get something which looks really good. Quick tip here is, if you're doing this to somebody's face, watch out for that red one. If you push the slider too far one way, any red lips will become almost white, or he push it the other way, they'll go virtually black. Maybe that's something you want. Maybe you don't. But do be aware of that. The great thing is that this is non-destructive. You can see there is the black and white object on the layer and I can just switch it off and on if I want. So what I mean here, Let's have a look at this picture over here. So this one, well, to be fair, it looks a little bit too childlike. I want some more of a grunge field to this whole thing. And we've got this little go with rollerblades on. So I'm going to go down once again over here to the adjustments. Click on the adjustments. And I can go down, I can choose any of these adjustments that are in here. I'm going to choose white balance. And with the white balance slider, I'm going to push this over to the oranges and you can see how to give the sets of sati, older photograph very orangey look rather than this very clean look that we had before. You can do the same. You can go more towards the magentas or more towards the greens from that side. Now once I've done working or doing what I want to do in the, in the photo persona, I just click back onto the publisher persona and I'm back there. Once again, you can just work between those two persona's. Let's have a look and see how it looks now. Yeah, that's not looking too bad at all. I think I might even just go in and move the whole of her across a bit. So anyway, do try that out. Have a go to Photo Persona using any images you like and just adjusting them quickly.
68. 4 Pg Brochure Project: Make Cover Page: So let's have a go at a bit of a, a brochure. Now this could be a newsletter. You can use the same process for a newsletter or a brochure. Or in my case, it's going to be this little article. I want to do four pages and I want to prepare this so it can be emailed around. So it's going to be a PDF, but it's going to be an email to email a pdf. Let's have a look. I'm going to start off by going to File and New. Obviously, I'm going to use the print option up here because I want to use a four as my size. I'm going to go across to the right-hand side. I'm going to change the orientation to landscape. That's just the way that I like this to look. Particularly because if it's going to be viewed on a monitor or a laptop or something, it's going to be viewed in landscape mode. Moving down at my facing pages, I don't want any facing pages, but just above that, I've got four pages in there. Now. I'm going to be using four pages in my document. But for now, I'll just take that back to one. Going down. I have got color and it's set to RGB. If you were doing this footprints for commercial printing, you change that to CMYK. We're not so good. Likewise, if you're doing something for printing, you'd probably want to have a bleed in there. We're not. So we went let's click on Create. So my document is there and it's ready to go. I'll be adding some more pages as we go. For now. I'm just going to set up my first page that's going to be really ready. Circle a bit of text on their end to end a picture or stop, and then you can catch up to where I am. So while I'm doing this, also start thinking about subjects you'd like. Now. I need to bring in my initial picture, so I'm going to go to File and I'm going to place it to these images are ones that I've got on my drive. But you can either use your own images or something from the stock library to exactly the same. Before I place it though, I suppose I really should go down here and actually draw a picture frame for it. It'll just make life easier when I'm actually placing it. So I'm going to go to File. And down here to place. Now, I'm going to choose the image that I want. I've got quite a lot of them in here. I've just got to find where I left them. That would have been in the cameras folder. And I want to use this one in here, right? That has actually just gone perfectly into the right position. But remember if it's not right, you can use the little things over here to rotate it or move it around or scaled up and down, should you need. If you want to make sure that image doesn't move. When you are going to be putting your text and things on top. Go over to the Layer menu. And in here we can choose to lock it. So we just lock it down and it won't move at all. I'm going to bring in some large text in here. So I'm going to go over to my artistic type tool. I'm just going to click and drag. And I'm gonna put in the word vintage. I'm looking at vintage cameras here. So vintage in there, I'm going to select that. I'm going to change the color to very light gray or white. And it goes white in there. And I'm going to change the typeface to something which really looks at whole lot better for my vintage feel. So as I go down here, you can send just looking at the typefaces, just looking for something which would look really good. There we go. We've got that one over there, like the look of that. So there's my first bit of type in there. I also want to work cameras in their targeted bit of a difference between the old vintage type and the more sort of modern font I'm going to use, once again, a slightly more modern font. So once again, using the same tool. Over here, I'm going to click and drag lot smaller this time and put in the word cameras. And doing it all in lowercase because I think it might look interesting into place that just over there. Now, you can immediately see the problem in that I can't work in. Nobody can really read that properly. If it goes over black, it's fine. But when it goes over the white area, it's not very readable. So one of the little tricks that I use, if I have to put white text over something that seems to be a little bit white, is, I'll go long to my Effects. So I'm going to select both the vintage and the camera. I've just held down the Shift key and select both of them. And if you can't see the effects studio, go to the View menu and dad, your Studios, it's there. One I'm going to use is this little outer shadow over here. So I'll just click on the drop-down and click it. I put in an outer shadow. Now I'm going to go really over the top to start off with. So have been offset in there. We'll have a big radius. And you can see it's sort of just lifts the text from the background. The trouble is that it looks kind of tacky. So in the radius, I can actually adjust the radius to get either something very hard or a lot softer. And that's what I'm going for justice really such a soft look in the notes so that you look at it and you go, Wow, Would a really cool drop shadow. You just don't even want to know that it's there. But as you can see it, it just really beautifully lifts the text away from the white background and makes it a little bit more readable. If you found that it was too much. Once again, just go back and adjust the settings in there. So I'll stop at this point and have a little bit of a go set up one page. This is your main front page and it will go and put some more pages in after any subject you like, just make sure you can find about six or seven pictures around that subject.
69. 4 Pg Brochure Project: : Add Pages, Columns & Frames: So I hope your first page is looking really good. Don't forget you click on the little windscreen wiper to see how it's going to look in the final version. So I want to bring in another page in here. And a quick way to bring in another page is we can just get this little button up here that says Add pages. I could just add in another page. And in fact, I'm going to add in, well, three pages in there. We could have done this at the beginning, but I just wanted to show you that little button. And bear in mind that these are added from the master a page. Now we're not going to be doing anything marked with Master's in this tutorial. But in, later on in the course we're going to be dealing with masters. So just remember that. We'll click. Okay. So I've now got my three pages in there. So I can scroll on the, on the mouse that I've got here to scroll up and down. And on the second page, I now want to set up how the images again to look because I'd like to have page 23 looking very, very similar. So what I'm going to do is I'm going to go up to the View menu. I'm going to go down to the guides manager over here. And I need to add some columns in. I think I'm going to go with six columns in there. You can choose as many as you like. Now, we can change the gutter, that's the distance between them as well. If you prefer, you can always move that around. I'm just going to be using these to kind of get roughly where my text and pictures again to go, they don't have to be perfect. I'm going to click on Close. And so the next thing is to start making or bringing in where my pictures will go. So what I'm going to do is I'm going to go across to my frame tool. I'm going to join my first picture. And you can see now how I can just go to the middle of the page and the middle of the page that way. And this frame is now one-quarter of my page. So I want a picture on one side and then a picture on the other side in the opposite corner. So I'm going to use my move tool. Hold down the Alt. Now sometimes on your keyboard this might be called the Alt key. It might be called the option kids the same key. So Mac, PC thing mindsets both on if for some reason. So hold down the Alt or the Option key and just drag that over there. And you can see how we can then very quickly drag out copies of our shapes. Now just move that once again to the opposite corner, just snaps right into there. And I just realized I didn't go right to the middle of the document, so I might have to just resize this one. Again. My apologies. I thought I had there we go. That should be the middle. So same again. Hold down the Alt or the Option key, drag a copy out, and I'll just move that over to the edge there. Look at that, just snaps in perfectly. First, that was my stupidity. So I've got that from my pictures. Now, what about from my textbook? I just want a literal text frame over here and another one over there. Now, when you're looking at this, you might be looking at it thinking, you know what, written us happy with the way those guides are. Because in fact, I want my text to come out to about there. So what you can do is you can change your guides at anytime or columns for that matter. I'm going to go over to the view menu, down to the guides manager and where it says six columns in here. I can then go in and I can change that. So let's try five. I think five would actually work much better. And once again, I'll click on Close. You don't have to choose five. I'm just trying to show you all the options. You do whatever you want to do. Now, for the text, I'm going to be bringing some text over here. So I'm going to click and drag a text frame with my Text tool. And then I would like my story to kind of start there. And then I wanted to go over to this side over here. Now, that seems a bit strange because normally you'd read from one side to the other. So let's move it. We can move it down there. So my story would then start here. And then I wanted to go up to that side over there. Anyway, I'm going to click on this little arrow over here. And when you click it, it then allows you to draw another text frame which is linked to the first one, will once again I can just draw another text window. So now when I put my text in, my story will flow from that bottom one over to the right-hand side. Over there. You want to make yours look a little bit better, actually get your pictures the other way round to the Techstars at the top and if you want. And now that I've got those, I'm going to stop on this page over here. So half a bit of a go with that and try it out. And then we'll go and we'll do page 2, which will be very, very similar to this page.
70. 4 Pg Brochure Project: Add Linked Text: Now what I'd like to do is I'd like to take this layout onto my second page. Will be able to do this a lot more. Well, a lot better when we start working with master pages. But sometimes for a short document, you might just want the same look over two pages. So I'm going to select all of these items by clicking and dragging around them. And I'm going to go over to my Edit menu and just copy them. Or you can use your keyboard shortcut Control C or Command C to copy. And then I'll go down to my second page. I'm going to double click on page 3. It's actually my third page, but the second one for the text. And I'm going to paste in there. So I'm just going to go to Edit and Paste. And you can see how it's pasted if I zoom out exactly the same thing. The second page. Now, that's all very well, but let's say that we wanted something a bit different and we wanted to flip all those around. So instead of having to take the picture at the top and then the text, we wanted the other way. If I select all those items over there, we've got some little buttons along the top which allows us to flip things around. And I need to go to this one here that says Flip Horizontal. And when I click that, it flips it over. So it's now, well, it's the mirror of the one above it. But what about the text? Because the text we've got here is going to flow from there into that one. I wanted to flow from this one into that one. Then I wanted to go down to there and then flow to that one. But this just seems like it's entirely the wrong way around because it's kind of going from that to that. Not a problem. I'll click on this one. I'm going to go to the blue arrow, click it, go down here and click that. So it's now going to flow from there to there to this one. And from there I'm going to click on that blue arrow and get it to flow into there. So my story will now flow up, down and down. Let's bring in the story. So if you haven't got any text, just find some texts somewhere and copy it. I've got some texts in a Word document and I'm just going to copy this bit of text. This text should actually be in the download options for this particular course. If not, just copy some from the web somewhere, very often if I just want text, I will go to Wiki and copy something from, from Wikipedia. So I'm going to copy that bit of text in there. You can also just fill with editable text with placeholder text if you like. But I'm now going to start over here. So I'll use my type tool, click in there and paste my text in. And you can see how it's gone from there into their story goes down to there. Nothing's going into that one yet. But if I zoom in a bit here, I want to actually spread this out a bit, and this is something we did earlier. So starting here, I want to get this next paragraph to go onto that page there. So I'm going to click next to the word this, after the 1870s in front of the word this. And I'm going to go to the text menu. I'm going down to Insert and we're going to insert a break. Now if you remember from earlier in the course, we had two types of breaks. We could use. One Column Break, which takes you to your next column. The other one is a frame break, which takes you to the next frame. We don't have any columns as part of our texts frames here. So I'm just going to be using the frame break. So from there it pushes up to their same again, I can go down here and find my next paragraph, which I think is this one over. Not sure quite where's that? There it is. Although once again, click in there. I'm going to go to text down to insert breaks. And once again use the same frame break to push that to the second box down here. And watch me look what happens. The text has reversed itself because we use this little button here to flip everything around. If I click it here, you'll see it'll flip it and forget it straight. So now that's fixed. That little text problem that we had were probably have to do it down here as well when we get there. So once again, I want to get the last bit of text onto that, into that last column. So I'm going to click or last frame over there. I'm going to go to text down to my insert breaks. The next frame break. You can see it's reversed it. So I can just click to and reverse it again. Lastly, we need to put in some pictures. For now. This will be really fast. I'm just going to go to File and Place and find the images that I want to put in here. I think I'm going to use that one there. And if I were to select multiple pictures at the same time, at one and that one, click on Open and say, Well, that one's going to go there. That's going to go there. Let's see, Let's have this one here and that one there, and see how fast it is to fill up these frames. Let's have a look and see what it looks like so far. Without everything else in there. Not bad for a few minutes work anyway, I'll stop there. Have a bit of a go, get some of those frames going, watch that flipping and copy and paste. And if you're not sure, just run through this little tutorial again and use your own pictures and text.
71. Brochure Project: Photo Persona & Text: So did you notice the small problem? Look here. This picture down the bottom that I brought him is reversed. So once again, it's the same process. All you do is you click on the picture, go up here, and flip it. And I could do the same with this one because that'll be reversed as well. And we can flip that around. You can use that flipping for anything really, if you want to flip it, watch out if you've got text on there because it's kind of a giveaway rarely. The next thing that I'm noticing, this image here doesn't fit in with the feel of all the others. They are all the sort of very orangey old Aldi CPR kind of look. So what I'm going to do is I'm going to go over to my photo persona. Click on that. I'll click on the picture itself that I want to affect. And I'm going to go down here once again in the layers panel or they studio. Go down to the adjustments. And I'm going to go to the white balance, and I'm just going to push the white balance over towards the orange. And you can see we get much more of a sepia look from that. In fact, if I remove some of the red, which is taking me more over towards the more sort of CPO magenta side of things. To the magenta side of things. Let's close that. Go back. Once again. That's looking a whole lot better. Now we need to do something about our text because the text, although it's in the right place, I'd like to use some of those options that we've looked at earlier to make it look a whole lot better. Now, what I'm going to do is to select all of my text over here. Now, I've used a shortcut on the keyboard. I clicked to put my cursor in. And then I used, if you're on a Mac, it's Command and a, if you're on a PC, it's control and a, to just select all and select your whole story in there. I'm going to go and find my character studio. If you can't see it. View menu. You've heard me say this so many times. View menu and the studios in here. And I've got my different sizes. If your size is not correct, you can change it in their course. You can always change it in the top as well. We can also adjust the color of the text. And well, I think I'm gonna go maybe gray or because this is supposed to be a lot older, I might go over to the color studio over here and just add a bit of yellow, which makes us a slightly brownie color to my text. And you'll see when I deselected, it's looking gold. There. As far as the typeface goes. Once again, we would need to change and find something which is appropriate. Now I don't want to go as floral as I did initially, but I do want something which does not have quite as modern as the areal that I was using. So what else can we do? Well, I'm going to go over to the paragraph studio here. Once again, view, you know, the drill. And we have dropped caps and we have initial words. Maybe we could try them. Let's have a look at drop caps. So if I go to my drop caps, nine, able to drop caps. And I just want those drop caps to go down two lines. I've put in two in there. And you can see the first lines are double height. And then I could also go over to initial words, and I'll just enable that. And the style I'm going to use is going to be strong in there. So let's have a look. If I zoom right into that and go into preview mode. You can see we've got the drop caps in there. Maybe those initial words are a bit of overkill. But I did want to show them to you. Now, there isn't a little problem here with my Drop Caps. Look at that. It's very, very close. Some of them are really close to the edge in there. Just be careful with that because you might then decided you actually need in your drop caps to go in and change the distance away from the text. But just be careful though, because then it might make that first word quite difficult to read. Anyway, do have bit of a go with that. Try flipping things around if you need your pictures flipped. Go into photo. If you want to adjust the coloring on any of your photos, get your texts, find a color for it. Change the typeface, make it look a bit more interesting, and then come back and we'll do the last page. After that.
72. Brochure Project: Image Transparency: So onto our last page. Now in keeping with the sort of half and half of the page, I'm going to have the bottom 1.5 color and the top of white. And I'm going to put a picture on there. But what I want to do is to show you how you can get pictures with transparent backgrounds from the stock library. So I'm going to first of all, just draw shape in. And I'm going to put a shape in here. And I'm going to go up to about the halfway point. There we go. That looks perfect. And then I can choose colors. So if I sample the color, I can use this little eyedropper tool here and just drag it onto my document and go or maybe they're sort of brown color there. Click the little circle and that will just fill it with that color. Not so sure about that color. Let's try another dark, dark green in here. So I'm just holding down my mouse, moving over the color, looking for the color that I want. When I see it, let go and then click the little circle to bring to it. In fact, I'm going to go with that dark green that I've got there. Now what about bringing these pictures and how do I find them or how do we find them? First of all, if I just bring in a picture frame in there, when you search for something, if you're just searching for the name of the object, in this case camera, it will just show you cameras and some of them might have transparent background, some might not. So what I do is I put in camera and then transparent. And depending on your subject, you might get quite a few cutouts. You might not get that many at all. So there's quite a few that I've cut out here. The ones on the sort of gray backgrounds are cut out. Obviously those two aren't. And I like this old camera here, so I'm just going to drag and drop that in. And you'll see how it's been cut out from the background. And I think that actually looks quite good with the two together. So I've got the line through the middle and the pictures over the top. Now, what about bringing in some more text again? So I'm going to go up here to where it says vintage and cameras. I'm going to select both of those, copy those Control C or Command C to copy them. Go down to this page over here, Control or Command V to paste. And I'm going to make them a little bit smaller. Over here. Just place it where I think will look good. And I'm gonna just once again sample some color for that. Let's zoom in a bit over here. So I'll use the Eyedropper tool. And let's have a look at what colors we could possibly use. In yellow, it's a gold color, looks really good. I like that. But the drop shadow looks a pooling. So let's go back to the effects over here. And I can just switch off the outer shadow of there That's so much better now was looking really bad before. And once again, I could put a bit more text down here, maybe reverse some texts and popped it, pop it in there. Let's do that. So I'll just little bit over here. By Tim, whoops, can use for my name Tim Wilson. And make that a bit smaller. Make it white. So I'll just go once again back to my swatches and choose a white pop it in the bottom corner. I think we're pretty much done with this. Once again, I'll check it in my preview mode if everything's looking okay and we've done a spell check, we're happy with it. The next thing to do is to then save it out as a PDF. However, what we should have been doing all along, we already haven't spoken Beth much about it is saving as we go. So I'm going to go to File, Save As. And I'm going to save this as camera cameras. And I'll save it somewhere as an affinity file. Lastly file, we're going to go to Export. And I'm exporting this as a PDF document. Now because we're going to do this for screen use, 300 DPI. It's also sometimes known as PPI, is going to be quite high. It's going to give you quite a large file. A lot of people will talk about screen resolution being 72. And yes, it was 72 a long time ago. I would sort of go down towards us of a hundred and forty, four hundred and fifty dpi for an image like this, because otherwise, quality is not going to look so good. But you can experiment and see what works for you. So moving down over here, we've got the all pages which we're going to be using from that. And I'm just going to click on Export. Let's puppet some ways I'm putting onto my desktop. Saving that out. Just takes a moment or two to save. And finally, I can go to my desktop and find it there it is. It's in the showing up as a PDF in Acrobat, will just zoom out a bit. And you can see all of my pages a little bit larger this time. Over there, not looking too bad. I'm happy with that. Anyway. Try that out. Pf it, and send it to somebody who will go, wow, that looks really cool and have fun with it. And I'll see you in the next set of lectures.
73. Introduction to Color: Color in something we deal with all the time. But when you start to work with color, when it comes to print and web, you come up with all sorts of weird and wonderful words, particularly with print. We get things like CMYK or RGB for web views. And then you get other words, a black spot, colors and patterns. So in this next set of lectures, we're going to go through all of those and I'm going to show you exactly what they all do, how to work with them. And we're going to take it further. So we look at transparency, we're going to be looking at blends. And the end we're going to create for social media post. All slightly different, like these ones. Over here. Once again, you can use your own pictures, you own subject in there, that you'll be able to create something really quite cool.
74. CMYK & RGB: So onto one of my favorite parts of any design package that is color. So before we start looking into the color swatches and the color panels and the studios. I just like to talk about RGB and CMYK so that you can understand the differences between these two. There are two main color modes that we use. One is RGB, and that stands for red, green, and blue. The other one is CMYK, which stands for cyan, magenta, yellow, and K black. So let's start off with RGB. Rgb is the way that most devices work. So it doesn't matter whether it is a computer monitor or a television screen, or a digital camera or a smartwatch. Every color that you see on those screens is a combination of red, green, and blue light. So if you don't have any light, well, then it's black or as dark as the device will actually show that you've got outside in the sun. It can't usually looks a bit gray. But if you take red, green, and blue light and you mix them together at a 100 percent, that gives you pure white. And you can see on my example here on the right-hand side, we've got red, green, and blue light. Mix them together and you get pure white. If you don't have any light, you have black. So whenever we designing something for screen use, be it social media or a PowerPoint presentation that's going to go on screen or websites. We use RGB, RGB color mode, and we work with red, green, and blue. And those colors will give you all the millions of colors that you see. If you take a picture on your digital camera, the picture from the camera will have smart phone or whatever it might be, comes in as an RGB file. Now, if you're going out to commercial printing, most commercial printers usually print out using four inks. And these inks, they use our cyan, magenta, yellow, and black. So on the left-hand side you can see we've got a cyan which is kind of bluish color. Magenta is pink, yellow, yellow, and black over here, which is known as CMYK. Well, cyan, magenta and yellow CMY, that makes perfect sense. But what about the K? Well, a lot of people call it different opinions winds k. But can we seen as k is because it is the key color term, you might have your own idea of why it is K. Also see my B would be very confusing because you'd have RGB and that one's blue and black wouldn't make any sense. And so the, if you mix together your site magenta and yellow, you can make up all of the thousands of colors that you see on printed materials. If you don't have any ink, venule page is white, so we've got a white background over here. If you mix together cyan, magenta and yellow ink, you get that's not quite a good solid black, but it's a very, very dark, almost black color. So what you can see here is these two are opposites of each other. If you don't have any light in RGB, then it's black. In CMYK, if you don't have any ink, it's white. In RGB, if you mix together red, green, and blue, it's white. In CMYK, if you mixed together cyan, magenta, and yellow, it is black. So why do we also have a black color here? Well, a few reasons. First of all, we can actually make a more solid looking black for graphics using a blacking, especially if we mix it with the cyan, magenta and yellow as well. That's called a rich black. But the other reason is if you're doing printing and most printing has a lot of black in it because of text. You wouldn't want to have to print all your text using cyan, magenta and yellow. Because it can't be a bit of a waste of Incans in some ways. So we have a black ink over there, which works for text as well. So the short answer to RGB and CMYK, if you're doing something for printing, we tend to work with CMYK. If you're doing something for screen, we work with RGB. Finally, are there any differences between the colors? Well, unfortunately, you can't get as many bright, vivid colors in the green and the blue spectrum using CMYK as you can in RGB, you can see over here, this green is very bright, the blue is very bright. The red is quite bright as well. You just cannot mix up those colors using cyan, magenta and yellow. Because these are light and this is reflected In off of a page. So just be aware that CMYK colors, if you're comparing them to something on the screen, might look a little bit less saturated and bright. Of course, What do you think hub is, Tim, I have seen some printed stuff and it was seriously bright. Well, yes, you can use extra inks in your design as well. So these extra inks are called spot colors. So you might print with cyan, magenta, yellow, and black. And then your printable also use an extra spot color. And these can be very, very bright. You can have some sort of almost fluorescent colors. From that. The spot colors are very often known by the brand name as plantains. But Pantone is just a brand name for one type of spot color. But within the software that we've got here, we will be using some spot colors later, and those will be the Pentagon brand of spot. How did it make sense to you? If not, just watch this again, it is important to understand the differences between those two.
75. Color Panel: So let's start a new document. I'm going to go to file and new as usual. And with presets along here, I'm just going to go across to the print preset. And when you look down on the side here, you'll then see under the color option, if you can't see it, just click on the little arrow over there that we then got the color format. And this is where we can choose from RGB or CMYK in there. So if I'm doing something for print, I would normally go over to CMYK in them. And I'm going to just click on create. Now, this a number of different little studios and panels that we can use when we're working with color, as well as some tools. So let's start off with the color panel, color studio. If you can't see it up, I can actually just about C minor over there. Go to, as usual view down to the studio and you'll find it near the top. I'm just going to click on mine to bring it to the front. So the studio that we've got here, the color studio, has got a few different bits and pieces in it. You can make a shape so you can see exactly what I'm doing. So first of all, in the top corner, it says CMYK and I can choose to make colors up using RGB. Of there were RGB hex. If you haven't come across a hex, it's used by web design is quite a lot. The hex color system or the web safe colors as it was cold. So if I go to RGB, you can say I've got RGB sliders in there. If I go to RGB hex, once again, I've got the same thing, but I've got the hex number. So if you do need to make up a particular color, you could just type in the hex number in there. Moving down, we've got HSL. Hsl stands for hue, saturation and lightness. So the hue is the actual color over there. And then you've got the saturation, how much of that color? And over here, how dark it is. So I can go in there and choose a segment of lightness. And you can see with the saturation, I can go from Gray 32, fully saturated, full color in that. And then at the top, once again, I've got the hue, the color on the color spectrum. We then also have, as I said, CMYK in here. So you can actually make up your colors by dragging the CMYK sliders around. Or you can type in your percentages if you've got your percentages from maybe your brand guidelines. And if you haven't come across brand guidelines before, these are guidelines that companies give out, which are done by designers originally, so that you know what colors you can use in your publications for the company. And they usually come with CMYK values and you can just type those in there. We've got to add this over here, lab and lab. Once again, that's another way of describing colors, and it stands for likeness. And then your color spectrum is set into a and B in there. And finally, we've got the greyscale, which is just shades of gray in there. And you can just click in here if you want to pick colors from that area. But let's go back to CMYK in here. Because I'm going to just pick a color. Let's make this sort of a purple color. And I'm going to make a copy of that shape. Now, remember from before, when he wants to copy something, you hold down the Alt or the Option key. And some machines have got both of them on there. So we'll have one term will have the other. And you can just drag the shape around. And I'm going to do a different color for this shape over here. Now, if I'm on this shape and I've moved it on top of the purple one. The other option that I can do over here is I can change the opacity. So you will see that other one coming through in there. So if you change the opacity, it will adjust your color because it's lacking it up. And you will see both of those colors through at the same time. Now this is different To another option that we're going to come to shortly called tint, where you can actually make the whole color lighter as well. But for now, I'm just going to stop there. So you have a chance to try this out and have a look at these little options in here as the genome where you are and when you're making a new document. Is it going for print? If so, it's going to be CMYK is again for screen use. It's going to be RGB. And then check out these little options in there and then come back. We'll move on to the next area.
76. Color Panel, Tints & Transparency: Moving on with this little color area. If you go to the top right corner, there's a drop-down menu. And at the moment you can see I'm reviewing my colors using sliders, but I can view them in other ways as well. And this is particularly useful if you're choosing colors from RGB way these sliders don't always seem to help you out as much. So if I go to the top corner here, I can go to color wheel. And I can then see all my colors in this color wheels had gone around the outside over here to choose the hue. And then I can do the saturation and lightness in the middle. We've also got boxes over here. So that is the slider over there. And then I can do my saturation and brightness down here. So here along the top in there. And if I go down to tint, now, tint allows me to have a lighter version of the color. I mentioned this in the last lecture. So let's start again. I'll go back to sliders over here. And I've got this particular shade of red. And as I mentioned, if I were to change the opacity, it changes the transparency of that shape. But if I just want a lighter color, Let's move that over there. I'll click over here. If on this one I did a capacity to about 50 percent or so. And then on this one, I'm going to go up to the top corner and I'm going to go down to tint. And now I can actually change the tint of this one to about 50 percent in there. So you can see a very big difference here. This one knocks out what is underneath. This one is changing the opacity. If I remove this and they didn't seem to be that much different. But when you've got something underneath, definitely makes a big difference in there. And tins are particularly useful when you're using Pantone colors because you can use one ink and you can then have a number of tints of that same ink without having to have multiple inks for different shades of that color. So do check those out. The top right-hand corner there, you've got wheels. Slide is is the one that we started with boxes and then tint in there and check out the difference between a tint and capacity.
77. Using & Creating Swatches & Global: Now let's have a look at the next panel or studio, which is swatches. And this is where we can have a whole bunch of colors ready for us, or we can save our own colors. If you can't see the swatches panel up. As always, it's view and your studio and you'll find your swatches in there. Now when you first come in to Affinity Publisher, what you find is the colors you get in here are all gray, you think, okay, wherever they're hidden the colors, well, all you have to do is to click where it says grays. And if I go down a bit, I've then got tons of colors in there. You'll see we've also got gradients and we'll be looking at gradients in a lecture coming up. And I've got another custom one in here, which is just blew your turquoise graze in there. And I made that. And I will be showing you how to do that as well so you can save your own custom swatches. We then got some system swatches in here. And down the bottom, we've got all of our pan tone or a spot color swatches. Let's just go back to the color for the moment. And if I want to use a color, all I have to do is to click on the color and you'll see how it'll pop up into my fill color and it's gone. Just make a little shape over here. I'll just do a big old shape like that. And once again, I can then just click on these colors in here. But what about if I wanted to make my own bunch of colors? Well, what I'm going to do is I'm going to make a new swatch. So right at the top and the drop-down menu, I'm going to go in here and I'm actually going to make or add a new palette. Now there are three types of pallets over here. There's a system palette, like we had the apple palette and the other system pallets. But then you've got to add this. You got a document palette or an application palette. The document palette, if you make this pellet, the colors you add in there will only be for this particular document. When you go to a new document that they weren't exist. If you do an application palette, then that pellet will be available for all future documents as well. So it sits in there and whenever you needed, your colors are there. So things like your brand colors, I would put into an application palette because I want access to them at any particular time. But if I'm just working on a document and I'm looking for some weird and wonderful colors. Well, I do it as a document palette because I won't need those later. So let's do this as a document palette just for this document. So I'll say add document palette. Now in here, there aren't any colors in there. So let's go back to our colors and say, I want to make up a color. And I'm going to use the CMYK sliders. And I'll make up a specific color that I want to keep. And I'm going to go for a sort of a goldfish type of tint in there, particularly gold, certainly brown, ready? Let's pretend it's gold. And if I go over to my swatches now, you'll see next to where it says unnamed. There's a little button. If I click that button, it will add that color into the swatch just for this particular document. Now, it does say unnamed and well, harold don't like things to be called unnamed. So if you want to rename your swatches, you just go up to the top. And we can say Rename Palette. And over here, I'm going to call this golds. Whoops. Is that indeed their goals? Like okay, let me go and add some more colors in there so I can go in here and I can just do that. Mass not ready gold, but you get the idea back into here, and I can then add in another color. Let's do another one over here and make another color like so. And once again, back in the end, I can add in the color to that. Now, have a look at what happens when I go into a new document because the goals exists. Up here. It's a document palette. So if I do a new document and it's due this A4, and I'll go with print, I think over here. So I'll go with CMYK. Click on Create. And when I put it back in there, you'll see that the pole, the goals has just disappeared. If I did the palate as a application palette, it would have been there as well. Now, what else can we do with these colors? Or once you've made the color, if you go to the next button along over here, we can then also add the current color to the pellet as a global color. So what is the difference between this one here and that one there? Well, when you're working on a document, if you use a standard color, light, the ones that I've just created here, and you've got a whole number of them in your documents. So let's do a few of these in here and we'll just put one on the side there. Now, if I go and change this color over here, so we'd go on to add color. And I'm going to just double-click it and say, Well, what shall I change it to? I will change it to something from the colors. And I'll just choose a different color in there. And if I've changed that color now, you can see it changes this but it doesn't affect those shapes over there. Whereas if we've done something and reviews global colors, that's this one over here. So I've changed everything to global. If we change this global color, it will affect every instance of that color in the document. So every time it, it appears. So once again, if I double-click on this global color over here, and I chose green, even though they weren't selected, it's still changes them. And this can be very, very useful. So if you've got a long document and your client or colleague or whatever says, Oh, could you change that color to something that trauma whole document? If you've done this, the global, you just have to change the original and to update everything for you. So do try that out. And I went in something very quickly there to show you, if you double-click on one of these colors in the swatch, it opens up this area. So you can actually change it to a different color, either from the swatches or even by going to see my case sliders. And you can just adjust that color in the ready very quickly. Try it out, see how you get on.
78. Color Chords: Of course, in little document here. And what I've got is some gold along the top or some yellow along the top. And I want to make up some new colors in here that will work with this document. So I'm going to go over to my swatches over here and I'm going to make a new swatch. So I'm going to go down to Add swatch and it's going to be a document swatch I only wanted for this particular document. I'm going to rename it. So up the top here I'm going to choose rename. And I'm going to call this gold. And I want to add that color into my swatch so I click over there. But now I'm thinking what other colors would work well with this? And one of the ways that we can find colors is using publishes feature to find you things like complimentary colors and colors that just work well together. So I'm going to right-click on the gold in my swatch. I'm going to go down to create color code. Now, you might know this as harmonies as well. Other applications call them harmonies. And if I went into complimentary, you can see it just shows me the complimentary colors that Golden's brought in, those two colors, which are complimentary colors. So I'm going to go down here and I'm going to choose those two shapes now use that complimentary color in there. Now what about the colors over here? I think I'd like to use some tints or shades of that particular color. So once again, I can go in and I can right-click. I'll go to Create color-code. You can try to all of these at some point. And then I'm going to go down to tenths. And you can see it's giving me tints of that color all the way through. So I think I will take those two here. And I'm going to go to this tint in there. And those two. And I'll go with a much lighter tint. Over here. We just press the little pretty button to see how it works. And there we go. We've got from one color, we've let publisher figure out the other colors for us. Tried out it really, really useful.
79. Creating a Swatch from a Photo: Let's have a look at how we can use colors from a picture that I've got a picture over here, this interior. And I've got some shades of my gold in there, but I really would like to use colors directly from the picture itself. Now one weighs the of the ways that we can do that is we can go up in a swatches to the little eyedropper. And if you click on that and hold and drag, you can see how we can actually go in and we can pick a color directly from the photo itself zooms in. You can find the color that you like. And I'm just going to go and try and find a colored there that I like. I like that one. I let go of the mouse and here's the Color Piano. It hasn't applied it to anything yet. You actually need to click on that. And there it becomes your fill color. So if I want to, then I can obviously add that into my swatch over there. I could go and change the colors, like so. But there's a slightly shorter way of doing this. If you go in your toolbar to the eyedropper tool or the color picker tool as they as they call it, when at the urban area that I want to pick from. So I want to pick that green. I could once again just click and that does the same thing, but it also does the fill. But if you want to be even faster with this, when you go over the air that you want to choose from. Hold down. Now if you're on a Mac, it's command. If you're on a PC, it's Control. And just click the area and you'll see it'll automatically just put it in your swatches for you. So the other way that we can actually get colors from a picture is by allowing the software to find those colors automatically for us. And it does beautiful themes of colors. Show you how that works. So in here, and if I just, I picked one of those colors and right-clicked. If I go down to create color codes, we've got the various color sets in here. And this gives you, as we've seen before, sets of colors from an existing color. If I went to the top right-hand corner. Now I can actually go down and I can choose from other panels of colors. So what I'm going do is I'm going to go down and I'm going to create a palette, a whole palette by itself from an image. So when you do that, it says where's your image will use select the image and I'm going to go and find the image that I want to use. I'll use that same one, the same image that I've got in my document. Click Open, takes a moment to bring it in, and it brings it in with a certain number of colors. It's brought him with five colors in there. But I could then actually increased the number of colors over here. Let's try 14 and we'll preview that and see what colors we get from that. That's quite a nice lot of colors that it's taken from there. I click Create. And you can see it's made us a whole new palette in here called well, it's the name of the photograph that I, that I used. But that way I've got all of these colors in here. And I can then just start to maybe pick some of those colors for my document, knowing that they all work beautifully with the photograph itself. Let's pick that one there. This one here, I think, and old last, last one. Over there, we'll use a darker one. And right at the top it's a medium dark, dark color. And those colors all work together well because they're based on the colors from the photograph. So do try that out. You go up to the top here and you choose to actually create a palette from an image. Really useful one.
80. Spot Color: Now what about if you need to add a spot color? Well, if you go up to the swatches and I'm going to go to the top right-hand side. Over there. I'm going to add a global color because a swatch is a global color because if you use it in one place, it'll be the same throughout the document, wherever you've used that color, if you change the swatch itself that are the color, it will change throughout the document. So I'm going to say add a global color. And in here, I can then go through my Pantone libraries. We've got a CMYK coated or uncoated. It's kind of glass and Matt, if you like. Let's go to coated over there and I'm going to pick the color that I need for my global color. So let's go to a dark color there. So I've got this particular color that I've chosen in here you can see it's pentagon, E85 hyphen 16. See? What I need to then do is to switch on spot. At the bottom. We'll click OK. And I've now got that as a spot color. You can see the global. If you have a global, the corner of that little, a spot where that little swatch lost, lost by memory there for a second. The little corner of the swatch is cutoff. The little dot on the right-hand side signifies that it's also a spot color. So when this goes to the printers, when we're printing something out, you need to make sure that you tell the printers that you are going to be using a spot color, they should be able to pick it up. So if this goes to the printers now, I really wouldn't print this document because there's no bleed on it. But if I was and I went to File and I'm going to export it for the printers. I just choose Export in there. And we'll be using a PDF. And in the presets, I'm going to choose one of these, one of these presets in here. I'll choose the PDF X4 of their popular one for printing. If I go into more settings in here and need to make sure that it says honest spot colors that is switched on in there. So just close that once again and then I can export it out. As I said, I wouldn't do that for this particular document because well, there's no bleed or or anything else. It's not actually been setup that try it out on yours.
81. Using the Gradient Tool: Let's have a little look at gradients. And there's a few bits, two gradients, you can create your own custom gradients. You can use the gradient tool for simple gradients. And there's also a gradient which allows you to work with transparency. Let's start off with a simple gradient tool. What I'm going to do is I'm going to go and just get a little shape up over here to show you how it works. So I take a shape like that. And then I'm going to go over to it's kinda black, a bright little tool on the left-hand side. Click on that. And all you do is you click and you drag. You'll see there are two colors. Me, the one at the top and on the bottom. If I click on the top one, I can then go into my swatches and I could choose some colors for the swatch. Actually, let me choose from the, from this set here. So I can choose a dark color there and then go to this bottom one. And once again, I can pick a different color for that. And I can move this around. So I can always put it about like so. There is a middle point between these two colors and there it is there. And I can click and drag Apple click and drag down to move the middle point of the gradient around. About if I wanted a different color in there. Well, I just go to the line, click on the line, it puts in a point. And I'll go over here and choose a different color. And I can instill, move that around within the gradient area. Really nice, quick way of creating very effective gradients. Try that out and then come back and we'll take it on further and have a look at some of the options that we can do with that as well.
82. Gradient Options in Tools: Now once you've got your gradient up, and I'm still on the subtle gradient tool. I'm going to click in it. And this interactive toolbar on the top changes its context sensitive. So as you change tools, your changes as well. If I go along here, I can see a little mini version of this gradient. Next to that is the type of gradient and I'm on a linear gradient at the moment. So if I were to click on the drop-down, you'll see I could choose things like an elliptical gradient in there. And with the elliptical gradient, I can adjust this ellipse. And once again, I can still change my colors. On that gradient. There's all sorts of different types of gradients in here. Let's go with this conical gradient over here. And once again, you can see how the color starts on one side and spins around to the other side. And we can change any of those colors, or even adding more colors if we wish, and get a light color on that side. And I'll do another one over here, which is going to be a darker green. So do once again, try that out. And then we'll move onto the next step, which will be putting in some transparency.
83. Gradient Transparency on Photos: Let's go and add another gradient in here. So I'm going to make a little gradient luxor. And you can see it's just remembered my last settings because it was up in the recent settings. Over here. If I click on a solid color Texas back to the normal colors again. What I'm going to do now is I'm going to another shape over that. And I'm going to put a gradient on there. So I'll go back to our gradient tool. I'm going to click and drag. And let's have a really bright gradient this time, I'm going to go to my colors and really go over the top with yellow over there. And at the bottom we're going to have some, some blue. Now, if I wanted to get transparency into that gradient, There's a few ways we can go about it. We can actually just click on one of those sides. And in the capacity here I can change the opacity. So if I just reduce the opacity down, you can see how we can get rid of, of the yellow. This is still a slight bit of yellow left over if you do want to create gradients like this, I'd suggest having the same color on both sides. However, there's also another tool we can use instead. So once again, if I get a shape in like that and I'm just going to fill it with a solid color. If we go below the gradient tool, you've got the transparency tool. And this work the same way you just click and drag and it just goes from solid through to total transparency. And over here I can then just start pull it around. And I can move the middle points either one way or the other way. You can also go in here into something a lack instead of linear radial gradient. So it'll go from the middle outwards. There. There's also a button over here to just flip them around so I can go the other way. Let's try that again. Pull it up to that side. If I go to the other tool in here, this reverses the gradient so I can get the color from the edge going into the middle. Now, think of this as maybe putting it over a shape or a picture. So if I went in here into my stock and I'm just going to go and find a very quick photograph here. And let's find a, a cat. That's great. And we'll take one of these pictures of this cat here. I'm just going to drag it in. And oh, it's a bit on the large side, so I might have to scale that down quite a lot. And then we're going to take a shape and put the shape over the top. So let's just make that shape black. And then I can use this Gradient tool to start from the middle and drag outwards. But of course I don't want the linear, I want the radial gradient. And of course it's the wrong way around. So I'm going to click this button. And there we go. Four, make that shape a little bit larger so it kind of covers the cat. You can get the idea where I'm going. Once again, try it out, see how you get on. Experiment with this little tool here where you can actually do it, not just on shapes but on pictures as well. So if I wanted to picture to fade out exactly the same thing, I could use a radial gradient and get my picture to fade from a 100 percent up to 0. And if we just click off of that and go to the preview, you'll see that's the sort of effect. And I've got from my picture, have a good go and try it out. You know how they work now.
84. Saving Your Gradient: So let's have a look at how to save the gradients. Because if you go to the swatches, you'll find in here there's also some gradients. So infinitely in to create a gradient. And I'm just going to click over here and I'm going to use the same technique that I did before. Going down to the little gradient tool, clicking and dragging upwards, maybe making one side yellow and one side blue. If I want to save the gradient, well, I just go on to this icon. Click. And my gradient has been saved. Well, actually no, it hasn't. If you look at that, that's just hello. So how would we go about that? Well, once again, if I click on the shape and now save it, you'll see it's actually saved the gradient. So just watch out for that. If you're on this little tool here and you've clicked, and you've got one of these sides selected, That's what you'd actually be saving. So just make sure that you click off of it so the whole thing is selected and then you can save the fill in their separately. It's an easy mistake to make. And if you've done it, you think, Why 12, I save a gradient? That's why. Once again, give it a go.
85. Color Overlay and Blends: Let's have a look at another way that we can work with color. I've brought into photographs over here so that you can see my two cats. And I've got those from the stock library, and I've put a color over the top of them. Now one of the things that we can do in the swatches is we can change the capacities that you can see. If I go to that color and change the opacity and see a bit of that photograph coming through. But the other thing that we can do is we can change the way that the top object relates to the bottom object. And by that I mean, when you put something over the top, it doesn't just go semi-transparent. It will mix the colors together. And these unknowns blend modes. And we do that using the layers panel. If you can't see the layers panel, it's you in the usual place, view studio and you'll find that they liaise studio in there. So as you can see in my layers, I've got the two cats and on top of them I've got this blue shape. And then right up here, it says normal. So what I'm going to do, and I'm going to pull this out. So it's easier for you to see over there and we'll take that up to there. I'm going to go where it says normal clicking there. And these are all the different modes that we have. Now this absolutely tons of mode. And to be honest, by the time you've got through the first five of them, you can remember the first one, but there are grouped together. So when I go into the modes and it's great because they show live what's happening. These initial ones over here, which are really useful, are ways of darkening down the images. Then the ones after that, or ways that will lighten up the image. Then we've got more contrasty mixes, some different ones here. So these, for example, and take depending on the image with its dark or light and make it go negative or positive, you get some really cool results from, from those. And down here to things like colors and hues and saturations. And there's some other options down here with glows and erase. But let's have a little look at what are some of the useful ones. The one that I use a lot is color. If I go down to color, It's near the bottom. And what it does is it just colorizes my image up. So very, very quickly, I can go in there and colorize the picture and you'll see if I change the color now, those images have been colorized to whatever color I choose. In there. All it's doing is it's keeping the blacks, black and white. White, and all the rest of the colors is changing to tints of the top color. What about if I went to black or white? Well, that's really interesting because black and white both do the same thing. They both remove all the color and make the image a black and white. This is a nice quick GET method to make something go black and white. So we've also got some other options. Over here. I'm just going to go back to a color. And instead of color mode, which as I said, is a brilliant one. Some of these ones are really nice as well. Multiply. What multiply does is it takes your image and the top color then becomes the lightest color on the photograph. Seems strange or no. But once you try it out, you can't get used to the fact that whatever was the lightest parts on this picture down here of this little white kitchen. Whatever is the lightest part in there becomes blue. And then it kind of shows up some of the darker parts through that. Now the opposite of that, the opposite of multiply, is actually screen whereby the darkest part of the image becomes your top color. So where this was almost black, it's now become the blue of the overlay. The thing is when you do these two pictures like I've just done, you end up seeing, well, I can see some of the color coming through. And maybe it's not something that you particularly want. You might just want to lighten up the picture like we did with colorized. So the trick that I use here is to use two shapes. This bottom shape here, I will make white and I will go to Color, which makes it black and white. Then I will make a copy of this shapes. I've just held down the Alt key, a copy of this shape. And let's just make that copy go back to normal again. I'll just pop that one over the top. So the top shape now, I'm going to pick a color. And then you'll see when I go down to multiply that 108th, which is the black and white one, gets rid of any color. And so we don't have color coming through here. It's just a darker version of that image. If I went to screen. Once again, this is a lightened version of that picture. Have a look. What happens if I remove that color one from the black might want from underneath, you can see some of the color coming through there. You put it back on again. You don't. I know it's a very subtle thing, but it can be very annoying if you're trying to just have, use a screen or a darken on an image and you've got that color coming through. So it's a little workaround trick. Try it out. These are so great, these modes, and there's so many of them, There's no right or wrong. Just have a look through, see what works for you. Go in and go, wow, that looks really cool. I like that effect. All right, perfect. We're going to use this technique for our project later on, but just have a bit of a play for the moment.
86. Stroke Color: Everything that we've been doing so far with the color has been on the fills. But you can choose to put things onto strokes as well. If you look in your swatches panel, you'll find right at the top there's an option for a fill and a stroke. If I click on the fill, you see it changes the fill. If I click on the stroke, it brings the stroke to the front and I can then change the stroke color as well. So if I do have a little shape and let's go and make a shape here. What have we used? We haven't used that star for a bit. You can see I can either choose the color for the stroke or choose the color for the fill. If we don't want a fill, you can choose a nun in there. That's the little red line. I'll put my fill back. If I don't want a stroke, I can choose none for my stroke. Let's get that back again. But we've got more options for filling in stroking as well. We go along to the top over here. I'm just going to select that and maybe zoom in a little bit. So along the top, we've got the fill color. In there. We then got the stroke. And in here, if I click on this line, it drops down to some more options for the stroke. Now we'll be looking at a lot more of these options at a later lecture. But for now, you can see very quickly I can just change the stroke weight or width. In there. I'm gonna go with quite a, quite a thick or heavy weight for my stroke. And let's go back to the swatches in here. Because if I'm on a stroke, not only can I use the standard colors, but I can also actually apply a gradient. So what happens if I go into my gradient tool over here? Well, now when I click and drag, you see it just wants to make the fill a gradient. But keep an eye on this area all the time because it always changes. Instead of fill, if I go to stroke, now I'm changing the gradient on my stroke. So I could do a stroke like that. And then if I didn't want the middle, but I can go back up to here and say I don't want any fill on there. And that just gives me the gradient directly on the stroke. More of the stroke later on. But do check that out so you know where to change things along the top here. And also this little area, where are you on the fill or the stroke? Do you want solid color or do you want none on either of those to try it out? Come back. It's the project next.
87. Social Media Post Project 1: City Blend: For this project, we're going to create a set of images for social media. And I'm going to use Instagram. But you could do this for any particular social media platform you like, just getting the appropriate sizes. So I'm going to start off by going up to File and making a new document. And I'm going to go over to the web. Now, in the web here, I want to just pick one of these and it honestly doesn't matter which one I choose. I've only clicked on one of them. So it'll automatically just give me pixels in here. Now for Instagram, at the moment, the size is 1080 pixels square. For a perfect square size. Obviously, you can make your images other sizes and get Instagram to resize it for you. But if you want absolute, perfect images, you may as well do it at the right size. Now, I've got my sizes in there. I'm going to go down over here and I'm going to put in four pages. So each one of these pages is going to be a separate Instagram post, and then we'll save them out as individual jpegs for Instagram. Later on. I don't want any facing pages will be dealing with facing pages later on. But I do want to make sure that my color format is RGB, and that's RGB 8, which is RGB eight bit. After that we've got the color profile, and I'm going to choose sRGB for my color profile. It's kind of the default base color profile. So I can be sure that it will work on almost every browser. And that way the images I'm creating should look pretty much the same. Dependent, doesn't matter what platform you're on. We don't need a transparent background. We'll just leave it as white in here. And down to the blue. Do we need a bleed? No. Because we are creating something for screen. We don't need to have that. It'll be cutoff, which is the bleed. So once I've done that, I'm going to click on Create to get my document. And you can see I've got my four pages up over here. Now before I go any further, I don't want to lose this by mistake in case the worst happens in pressures. So I'm going to go to File, Save As, and I'm going to save my document out some way that I can find it are called Insta. From there I'm putting mine on my desktop and you can place it wherever you like. Let's click on Save. Now I'm going to go and find some images to go in my document. I'm going to have a different image on a lot of the pages. So in my case, I'm thinking about something like the city. And I want to do Instagram posts on the city and welcome to the city, or come back to the city or my city, the city at night, that sort of sort of thing. So I'm going to go over to the stock Library and I'm going to start searching for some images. So over here I'll get rid of the cat and I'll just put in City in their presenter. And I can then go to Unsplash and find some images that will work for me. So we're just going to start off with this first post at the moment. So I'm going to find something which I think will work really well. So I'm going to go down here and find, I'm looking for something long and tall and thin that I wanted to use. And well, I kind of actually like this one over here. So let me go and make a shape and I'll put the shape over the over the page and we'll drag that picture straight in there. Now, I'm going to keep this very nice and clean. And I'm going to just move that across. Like so. I'm going to put it to about halfway I think. And you'll see that I can then still move my image around inside that. So there we go. We've got the first part in there to really nice and clean. If I need, I can even move it further across at it. And with that, get the rest of them conquer the rest of the building in. So I'll just leave it over there. So what I'd like to do is I'd like to have some text which says, you know, my city along the top. And then over here, some more details, but I want some color in here. And this is where the whole color things going to come in because I've got a black and white picture. So I'm going to take a shape and I'm just going to use this rectangle. And we didn't draw in a shape over here. And this is where we're going to have some text as well in a moment. So I've got my first one. I'm going to go and choose the color that I want to be using. So I'm good to go down to my talk, graze over here and pick the color that I'm going to use. Now that I'm in here, I'm thinking, you know what, I really, really need a secondary color in there. So what would work? Well, if you remember, we can right-click on the color. I can go down to create color code. And I can say, show me the complimentary color, which is actually the sort of brownie color. I don't really like that. Let's try it again. I'm going to go down to create a coat color. And let's try one of these other ones here, like the triangle. Cut it up, That's better. Now that's the sort of color that I'm after. So I'm going to just make a copy of this shape, hold down the Alt key, copy it up there, make this one a bit smaller. And this one is going to be that color there. But I'm going to select that. And I'm going to go over to my layers. If you can't sue lays up, it's in the Window menu. The next one that we live in, it's in the View menu. Studio. Find your layers in here. And I'm going to change them from normal to color mode. So you can see it's very subtle. It's just bring the color through over there. Now you can obviously change the size of the picture in the background, make it as big or as small as you, as you like. Just experiment with something that works for you. I'm going to go over it and get my Artistic Text tool. I'm going to click and drag to put Artistic Text in. Let's make that quite big. And I'll put in a city. And in fact, I think I'd like to be in capitals. It's quite bold. It's very square business. So now that I've got that, will select the type. And I'm going to go along to my Character panel. In here. You can pick any particular typeface you like. I'm looking for something which is a very bold and large. But you can see my fill color is black. I don't have a stroke. I'm going to click on the stroke. I'm going to choose a color, probably something similar to what I've got at the bottom. I might pick that color there. And then I will go to my fill and choose none. That's going to give me this really nice outline. So I can still remember, change the stroke. I'll click on Stroke panel here. And I can then just adjust the stroke to whatever I like. Let's move that into the middle over here. In fact, it's still doesn't have that bold feeding that I'm after. So I'm going to select the text, go down to the character panel once again. And down here, I'm going to go and I'm going to use tracking because tracking will just move those characters further apart. So it gives me more of a cinematic feel to the word that's moved that up to there. Perfect. Now for the text in here, I'm going to be using the Frame Text tool. I'm just going to click and drag like that for the moment. I haven't got my text prepared yet. I'm just going to fill this with a bit of filler text. So I'm going to go to the text menu. I'm going to go down and insert filler text that just puts in some texts for me. So there's kind of a place holder. And I'm going to select all that text. I'm going to make my text white. So once again, up to my swatches, I will just pick white in there. I might make the text larger crystal bit on the small side. Over here, we can have a play with the settings that the type settings. And I'm just going to move it into that area. Have there. Now that type is much, much too small to go on social media, just know he's going to be able to read that on their on their phone. So I'm going to just make it a bit larger by grabbing the edge and pulling that out. And it's put us in a bit. You can see how flexible this text is now, I can pull it out of the possibly just about readable on a phone. Remember, I'm going to be replacing this with my own text later on. So you can either use the Text Frame Tool to put text in like that. You can use, particularly if you don't have much texts, the Artistic Text. And that way you can just click and drag. And then just put in whatever text you want in there. And I will select that. I'm going to go to the stroke and I'm going to make that white. Let's pop this in the middle. All of that stroke is much, much too large. We'll just take that down a bit. Something more sensible. And same again, good your settings for the character and you can make some changes in their eye. So I'm going to go once again to my tracking and just increase my tracking quite a lot, right? I'm reasonably happy with that. Still needs a bit of tweaking around, but I'm going to stop over there. So that's my first one done. And you can just sit and play with these and do whatever you want with them. Always go back to the picture. You can increase the picture size. You can move the picture around if you need. And I think I will actually do that. Just have a little bit of a play with this and moved around plum, happy with it. Try it out. And then with the first image, and then come back and then we'll do the next three after that.
88. Social Media Post Project 2: Transparent Gradient: As you can see, I've made a few changes to mine and I've put in another line over here, so I just took a copy of that line, made it slightly, slightly small. I used the old key to copy it and change the color. And in fact, I've changed my overlay. So initially I had his color mode or multiply contrapuntal, which when I've gone for screen because I think it looks better that way. I've changed my texts around a little bit and I've also, instead of actually having a transparent middle to my text, because our starting to lose out the details. When I pulled the building up, I actually made the fill white. But, you know, you might have done something entirely different. You don't have to do cities, do whatever subject is close to your heart. Let's have a look at another one. And so the next one that we're going to build up already built to show you. Is this one over here. Once again, we've got some text in there. We've got a picture in the background. We've got some type over here, but there's a few things that you need to be aware of. Let me rebuild this. I'm going to delete one of God and we need to start rebuilding. So this is on my second page. So I went along, I have found that picture and I've just put in a rectangle, drag the picture in because this is kind of a night shot that I highlight. And the blue is lovely in here. I really do like it, but unfortunately doesn't work with my brand turquoise that I've got and gold in there. Just the head, they just start to close, clash a little bit like that. So Frank, any further, I want to make the picture bigger, so I'm going to go down to the little slider at the bottom, just slideUp to increase the size of the picture that I've go to the middle, click and move it down because I want it to be on the right-hand side over there. Now to make the picture the same colors, my brand color, I'm going to use a shape, put the shape over the top. And I filled it with my brand green that I've got here. And then I'm going to go into my layers over to my modes. And we're going to find color mode that's right down here by the bottom. And you can see that's what it gives me that sort of interesting color on my city. The next thing I want to do though, is I wanted to put the word city up here, but I'm just worried that because there's some very light areas, white areas here, the word city will get lost. So I'm going to put another shape over the top. Over there. It doesn't matter that it's slightly bigger than the, than the shape itself. You can always resize it if you wish. And then I'm going to use the transparency tool and just click and drag across. There. You can see you can choose how far you want that solid area to be. So this is just covering up those lighter areas. But it's still within my same brand, turquoise. So it looks for right. If you've got a multi-colored picture there, you can always use black or white or something like that, whatever all sharp your, your text. So rather than putting the text again, I'm just going to go up to my text over here, hold down the Alt key and then click and drag my text across. And then I'm going to pull that down a bit. I want to rotate it around 90 degrees. I'm going to click on this little rotation item, drag it around, but I'm going to hold down the Shift key. And that means it'll sort of snap to 90 degrees. Let's pop that over there. The other thing that I did was I wanted the My from here, this is a separate Artistic Text options or hold down the Alt key, then I click and drag it across that you can't see it because it was blue on blue or tacos on turquoise. So I made it white. So it's easier to see. Then once again, move that into the right position wherever I wanted to go. We need to get a type along the top here. So same again, I would just take this type point is reinventing the wheel all the time. Males would just use what you've got. Hold down the Alt key, drag that down. And this will say something else. Let's have the best coffee shop in the city. Their hand, because this is text which is in a frame. I can just pull this in and it'll just drop it down onto the next line. And don't forget, you can always use your options down here. Go to my paragraph option and I can write a line that if I wanted the text, go over to that side. But once again, there's nothing right or wrong here. Just play around with it until the whole thing looks good. The last thing that I did on online, you probably didn't know even notice it because it was very subtle. But I wanted to bring some of that gold across. So I held down the old key. Try that again. I selected the gold first, held down the old key and just drag that down. And you can see it doesn't look very gold because it's got the, the screen on it. And I'm going to take that screen off. I'm going to go back to normal. And I'm just going to pop it in very, very subtly down the bottom as a little line of color. In there. It's very subtle, but it just lifts that the graphic up. Don't forget, File and Save. You don't lose your work at all. And you can experiment with these. So have a go different pictures or different texts. But do try some of those overlays.
89. Social Media Post Project 3: Multi-Image Overlay: As you can see, I've been hard at work yet creating another one for you. So let's have a look at how I got this one, this four pictures in the background and some very dark overlays on that. So I'm going to once again just delete it. And what it did was I started off by using some shapes. And I'm going to just click and drag and I want to go a quarter of the way through my document. Now you can see as I'm going over here, it's showing me when I'm getting to various positions. So I can see the halfway mark with I can see the halfway mark up that way. So these smart guides just show me exactly where I am on the document. Remember my document is 1080 by 1080 pixels for Instagram. And you can see now I've got to halfway and the little numbers there say 540 by 540. So I know that I'm exactly halfway. And what I'm going to do is I'm going to then make a copy of that. So I'm going to hold down the Alt key and copy this across. And fortunate I can't see what I'm doing. So I'm going to make sure that the preview is switched off. So when I do this or hold down the Alt key and I can click and drag and I can see exactly what I'm doing in here. So spatial, that's right in the correct position. And I'll do it again. Select those two. Hold down the Alt key and just drag those down as well. So I'm just getting them. So I've got four shapes in there. Now I can go in and pop my pictures in. So I'm going to drop the coffee beans into one side over there. I just did a search for coffee in here. What else did I want? I wanted a cup on one side and a cup on the other side. And then lastly the word coffee in the top there. And that was just a search on Unsplash for, for those. Now, they actually look really nice in color. But remember, I'm interested in bringing through the words that I want. So the pictures are going to be secondary. If I were to then go in and put a shape over the top and I just drag the shape in with my branded gold. Now I want this to go dark, so I'm going to go over to my layers. And in my layers I'm going to change this to Multiply. You can see it's dark and everything gone, but some of the colors still coming through. The blue from the behind the coffee neon sign is coming through and some of the coffee's themselves. It just doesn't look that nice. So what I did was I just change this back to normal again. I changed this one to white. Over there. Let's make sure I'm on the Fill, not on the stroke. That's an easy mistake to make. So I go to the fill, I change that to white, and then I went down and I found color. So that makes it black and white. Then I went and did another shape again. So the fastest way by the way, is just to copy that existing shape. So make sure that it's easy to miss. Hold down, alter first and then click and drag. And that one is then going to be my goldfish color. Now, I want this to be dark. You can see because it's got its color at the moment. They're all just colored up. But I'm going to go up and I'm going to use Multiply. And you can now see how it's gotten rid of all the color from the background of the coffee and it's made it really nice and dark. So it's a good, interesting background to start off with. These are great ways of just doing background. So with its PowerPoint that you're creating background for or a brochure. And you just want pictures in the background, but barely visible with a big text in front. When you start looking around at brochures, now you're gonna see so much of this on colors on brochures and covers. A document where you have a dark picture with the brand color and white text or something like that on top. Okay, so all I've got to do now is to hold down the Alt key and bringing my text. Oh dear, I've selected the whole thing. It's just select this one here. Hold down the Alt key. It's confident wrong angles. I'm going to move to the little circle, that little dot by it and just drag it round. But hold down Shift key so it will snap to my correct angle. I'm going to place it down at the bottom there. And I think I'm going to change that to, excuse me, to gold as well. It doesn't look so good with that green around the outside. So I will select it and just get rid of the turquoise as well. So we'll say none for the turquoise. I was also needed the mine in there. So it's same again. I'm just going to hold down the Alt key, make a copy of my bring that in. It's still a bit too bright. The thing that I'm interested in here is affected. This little coffee shop is got fresh beans. So I'll go to the My once again, up to my swatches. I don't want a stroke on then I'm going to change the fill to the green. Let's bring in some more text as well. So I'm just gonna make a copy of that hole down, hold down the Alt key and make a copy of this over here. And I will just scale it up a little bit and I'm going to change it to a fresh beings needs to be in white so it's easily visible. So I'll change that to white. And I'm also going to go to the Character panel and just change the typeface into something a little bit more friendly. Because the city is very, very much like the city at all. Perfectly vertical. But I want the wording to be, Yeah, Come in, have a nice cup of coffee with us. Friendly. So I'm going to choose something over here called beyond the mountains, just a few spaces over there until my beans fits perfectly in there. And let's move that across into the middle. If you need to scale it down. Just scale it down from the end. Remember this is autistic texts or you can just grab corners and skeleton around. Don't forget to save. As you're going along. Have a go with that one.
90. Social Media Post Project 4: Gradient Blend: So onto our last project here, what I've got is a picture, some text at the top, and then a gradient over the middle. Now I'm not going to recreate this from scratch because it's pretty obvious what I've done. I've got the picture there. I've then got a shape like this, and the shapes got a gradient. And the gradient is then using color mode in here. And I've just put some text over the top of it. One of the things that I did do to my texts, I don't know whether you remember from quite a few lectures ago was I went in and I added a bit, a very subtle little drop shadow there just to kind of separate the text from the background. You can barely see it. It's a tiny little bit around the text. But if you want to do that, you can go to your effects, the effects, and you can then just switch on the outer glow in there, or sorry, the outer shadow shall I say. And we can then change that. You'll see a phi, which increased. The offset of that. You can see with that shadow is it's not too bad because the background is so dark that I can actually go quite heavy with this shadow and it's still just separates the text beautifully from the background. Now the great thing about doing these is that you can certainly just change the colors as you're going along to any color that you like once you've used that overlay color. But it's the same with a gradient. So I could take a gradient of ya'll get my gradient tool and I'm just going to click and drag from one side to the other. And then I can build up the gradient and see how it looks. So if I started over here and it's to a rainbow effect on there, so it's up some red. And I can then just keep going in here. But if orange, yellow, green, indigo, blue over there, and violet over there. So you can see how easy that is. And then if it's not right, I can just add, didn't mean to do that. I'm using either Command Z or Control Z to undo to bring up with your Mac or PC, I can then just move those items around a little bit to get more of the appropriate colors coming through. If I really don't like a specific color, just click on there and go and choose a different color in here and see if that works any better. So there it is. I've got my four totally different images ready for Instagram. Do a last one in there and then come back. And we will save these out as jpegs ready to go on social media.
91. Social Media Post Projects: Save As jpg: Let's have a look at now sexiness out for social media. And I'm going to actually, although I've saved it, just click on Save again. I'm going to go down and use export. So export it. I'm exporting a JPEG file. In here. The sizes are correct, but you could of course change that if the sizes weren't, weren't correct. I'm going to keep the quality, the preset quality at best quality. And down here I'm going to check that I'm actually exporting all the pages. If you just want to expel, export one, you can just choose one page and put the page number in there. Once we need to go over to more and make sure that my embedded ICC profile is switched on. If it's not, you can actually choose a different profile or find the profile in there. Let's close that and I'm going to click Export. And I will call this G. I'm putting on my desktop and I'm going to save out. So that's now done. Let's have a look at the files that it's saved. And you can see here, I've got all of those files or JPEG files. A plus my original investor in affinity file. So if you're on a Mac, you can just press on the space bar to see a picture like that. If you're on a PC and that doesn't work and you want to preview them. What are very often do is I'll go into a browser window and you can then just drag and drop things into the browser window so I can take something like that and drop it into my browser. I can see there's a small mistake. Might've gone fix that. I probably didn't get the edge or the image right to the edge, or maybe even the overlay to the edge over there. So it's always good to, things are like this, once again, will have looked at that that one seems to be absolutely fine. This one? Yep, that's great. And finally that one is okay. So it's just that one that I'll need to go in and recheck again. And then once again I can export that backup, just export that one by itself. I don't have to go through the whole process of exporting all of them. Export them. Put on your favorite social media platform and do tons more of them and just enjoy using it.
92. Thank You!: I hope it goes well for you all the best. Create some awesome stuff.
Tim Wilson, Adobe Certified Instructor and Expert
