Hi there. This video is all about CC Libraries, or at least the beginnings of them. We're gonna take the image that we made, we're gonna add it to our new library. You can see it there, but we're also gonna show you how to use libraries to kind of add things like logos that are vector character styles, brand correct colors. We're gonna flick between Photoshop and Illustrator. It's gonna be awesome.
Let's get started. Alright, so we're working with the file that we've started. In the last video, we're gonna make sure we can see our libraries panel. If you can't go to window, come down here to libraries and if there's no tick, just click on libraries and it will appear. Mine is already here. By default, you're given one library to start with.
It's called My Library. We're gonna create a new one for all the work that we're gonna be doing. So we're gonna click on the word my library, drop this down and down the bottom here, there's one called Create New Library. Now we're gonna give it the name of the client that we're working with. The client is, uh, is a business that I run called Instructor hq. I'm a co-founder.
At least let's click create. So that's gonna be all the assets that we're going to use for this client and we can dump lots of cool stuff into here. You'll see in my libraries, I've got lots of other ones here for other projects and other clients that I do work for, loads of them. But we've got this one here and there's nothing in this library yet. First thing we're gonna do is go to the Move tool, which is the first tool in your toolbar. Click hold and drag, drag, drag drag, drag, drag.
Holding it down, holding the mouse down. Okay, and just letting it go in here and magically, okay, it's brought in my image. It's even taken the name from the lay here called Hawaii. Now let's look at the perks for using libraries. So we're in Photoshop. Now I'm gonna switch out to Illustrator.
I've got it open here. So open up Illustrator. If you don't have Illustrator, just watch my one within Illustrator here. We're gonna go to file, gonna go to Open, and we're gonna find on my desktop, my exercise files. And in here there's one called poster.ai. Let's click open.
Alright, what might happen in your version, it's probably definitely gonna happen in your version, it's not happened in mine, is it's gonna say, Hey, I'm missing a font. And you're gonna get a window that says, would you like to sync these fonts with type kit? You say, yes, please sync away. For that to happen, you need an active Creative Cloud license. But it all should be pretty easy. But mine's already done.
First thing to do is just to kind of zoom out, it's quite zoomed in here. So we're gonna get a view and we're gonna go to a fit up board in window so we can see the whole art board plus this little poster that I've mocked up here. Before we move on, let's jump to our Layers panel along the top. And I just wanna make sure we're working on the background layer. You know it's selected by when it goes blue. So just click the word background and go back to our libraries panel.
So the cool thing is libraries appear in all of the Adobe applications. So it doesn't matter if it's Illustrator or After Effects or xd, they're all in there. All we need to do is switch to it. So there it is there. Okay? And there's my lovely Hawaii.
To add it to this document, I'm gonna click hold and just drag it out. I'm gonna click once kind of anywhere and then resize it by dragging any of these corners. The difference in Illustrator though is you have to hold, shift down to lock the height and width, the complete opposite of the new Photoshop. Anyway, so I'm holding Shift, dragging it out. I'm just making sure it covers the background. I'm not that worried.
I'm gonna kind of line it up like this. Make sure I cover the whole white background. When you're ready, go to properties. Okay, just click on the properties tab and then go to Arrange and Go to Send to back. Then go to Select Deselect and be amazed by the interconnectivity of CC Libraries. Now, you might have used CC libraries already and you might be a little underwhelmed by that, but the further we get through this course, the more exciting libraries become.
Yes, they do get exciting. In my mind, they do. Anyway, dragging it over. That's what I want do. Now I'm gonna deselect again. Now, one of the cool things we can do here is often as a design, I'm working a bit of an illustrator or a bit an InDesign, a bit in Photoshop, a bit of the video products, you're everywhere, right?
So, so I end up with assets all over the place. I should have a central place for them all, and that's where the libraries come in to play. So I'm still an illustrator here, and what I can do is I can say, actually this logo here that I'm using in this uh, poster, I actually wanna add it to the library and it's the same as Photoshop. Okay? So I've got my first tool here, the selection tool. I'm clicking, holding and dragging it until it just appears in my libraries.
Cool, huh? There's uh, the long version here. I drag this one up There is the logo stacked version. Okay? If I had other kind of icons or graphics, I could drag it in there so I can keep using it on different projects. Next thing I wanna do is I've got some brand colors that have been mapped out in this poster.
So that green there and that blue are actually the corporate colors that we're using. So I can add those to the library as well. So first of all, click on the green text. Start here using that same tool. And what you can do is you're gonna use those little um plus buttons. A little heidi button down here.
Really useful. So make sure you're on your libraries. Click on the little plus and you can see here, I don't want the graphic. Okay, starts here. You might want the graphic. I just want the fill color of that graphic.
And there it is. The green, you can see there, it's bring in my instructor HQ light green. I'm gonna do the same thing for this blue box here. If I zoom in on it. So command plus or control plus on a pc, make sure you're not clicked on a text. Click on the actual blue box here.
And the same thing. I'm gonna go here. My fill color, I'm gonna add it. There might be spot colors, might be brand color swatches that you've got. Now we've done this in Illustrator. You can do this in any of the programs.
Say you've got an InDesign document with all the right logos and the right colors all mixed in. Just do the exact same thing there. Last thing we're gonna do is this font here. We've spent a bit of time, well I did okay making sure it was against the right brand specs. Okay? It's the right font, it's the right size, it's the right color.
So I wanna save some time and I wanna turn it into a character style. So you can do it by selecting the text just with my black arrow and down here, little plus button. You've got different options. When you've got text selected, you can see here I'm gonna turn everything off except character style, click add. And now I've got a lovely character style that I can use. I'm gonna double click the word new character style and call this my like uh, I hq.
Just abbreviation. I use body copy, I'll call it Body Text. Awesome. So you can see Easily how we can like start adding colors and fonts and images to either internal projects or various clients. If you're working in a studio, you might have lots of different clients. Instead of having that kind of annoying network drive that has all this stuff a bit mixed up and hard to find, you can use a CC library.
Later on I'll show you how to share libraries with other colleagues. But for the moment, we've got some stuff in here. It's time to move on to the next video where we start looking at upwards.