Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  • Overview
  • Transcript

1.2 Getting to Know the CC Libraries in Adobe Photoshop

Let's get to know what the CC Libraries are, and how we can use this cool feature for a more streamlined workflow.

Related Links

1.Getting to Know the CC Libraries in Adobe Photoshop
2 lessons, 09:56

Free Lesson

Getting to Know the CC Libraries in Adobe Photoshop

1.2 Getting to Know the CC Libraries in Adobe Photoshop

[MUSIC] Let's discuss a little bit about what CC Libraries are and what they're intended to do. Essentially, the Creative Cloud Libraries are a library that exists in the creative cloud. That may seem rather obvious from the very name of it, but it's not necessarily intuitive as to actually what this accomplishes. At it's most very basic level, essentially, the CC Libraries allows you to share file assets between Photoshop documents, and that includes multiple documents within Photoshop. So within various Photoshop documents, and Adobe Illustrator. Likewise, that means within various Adobe Illustrator files. So it doesn't necessarily mean that Photoshop must only share with Illustrator, Illustrator must only share with Photoshop. It can share with itself too. But primarily it creates a very easy way for a graphics artist or an illustrator to share files. To have a library of project files that can be used for multiple Photoshop files and multiple Illustrator files all in one single place. It should also be noted that not only can the CC Libraries cross applications but they can even cross platforms. So Photoshop and Illustrator don't even need to be running on the same machine for this to work. In fact the CC Libraries can cross all sorts of devices. It's not only good on your desktop versions, but also works on your laptop or your mobile versions, such as tablets and smartphones. Or even share the project assets with other team members, or possibly even show mock ups to a client, all using the Creative Cloud Libraries. So let's take a look at how these libraries actually work in Photoshop. Now I'm running Photoshop CC 2015. This is the version that was updated in the fall of 2015. In the libraries is a panel right over here, in the Essentials work space that's right below Color and below Layers. If you're not seeing Libraries in your panel lineup you can activate it by going to the Window>Libraries. I should point out, in order for this feature to work you need to be online and logged into your Creative Cloud account. You can verify that you're logged in by going to the Help menu. And if you see a Sign Out option with your email following that Sign Out it does mean that you are logged in. So, let's say we're developing some branding for a fictional coffee break shop. We start with a very simple letter mark here with the name of the coffee shop and a couple of colors. Let's start working from here. First of all, I like the way these colors work well together. So we can begin establishing our color scheme by using these colors and adding them to our library. Before we can do that though we need to add a new library. So with the Libraries panel open, I'll use the drop down menu to Create a New Library. And this will be the Coffee Break. Click the Create button. Now I use the color picker tool to make sure that the color is this coffee brown color. And in the Libraries panel, I get this little splotch down here, where we can add the foreground color. Let's use the eye dropper tool to add these other two colors in here too. I've got these zebra stripes in the back. We'll add first that darker of the two, using the same method, and then the lighter as well. Now what's great about this is I never have to click Save within the Libraries panel. It automatically updates the Creative Cloud Library without my interaction. Now I've spent a little bit of time developing this letter mark. And this is nothing more than just a series of text layers with a couple of lines in here. I've got them all grouped together into its own, what I'm calling a NameMark. So layers that have graphics on it can be added individually to the library or they can be added as groups. And that's this little icon here on the far left, which just reads, Add Graphic. Just for illustration, I'm going to grab the ellipse, which sits behind the coffee break words and just add that. So you can see it adds this as an ellipse. And it has a little icon over here showing it's created in Adobe Photoshop. I don't necessarily need the ellipse, I just wanted to show you how it gets added. So I'm gonna hit the Delete button to pull that out. The same thing can be done with the NameMark, even though this is a group of graphics. I can gab the entire group, I could use that some button that I used before, or I can just drag it directly over into the Libraries panel. You'll see that the library automatically updates for me. At this point, I've established a couple of different assets within my library. But I think I want to draw out maybe a coffee cup icon or shape that goes behind this, instead of just having this ellipse. So I'm gonna switch over to illustrator now and start working from there. I'm over here in Adobe Illustrator now, and I've got this rather simplistic coffee cup icon sketched out. And if I go over here to my Libraries panel, I can open that up and I can see Coffee Break as one of the libraries that's available. I can make sure that I'm using that same brown for the coffee cup in my illustration. And I can even take these other lighter brown tones and add these to the library as well. Doing it the same way just by clicking that add fill color. But more importantly, I can take the entire coffee cup illustration and add that as an asset within the library. And the artwork gets added down here underneath the graphics. What's particularly helpful about this, is because the transition in-between Illustrator and Photoshop has never really been all that intuitive, or that easy, but CC Libraries makes it better than it's ever been. Because now as we come back over here into Photoshop, we look in our library and we've got this Illustrator artwork. Let's drop this in here instead of this ellipse. So I'm going to delete the ellipse that's behind that Coffee Break name and just drag the artwork in from the library. It brings it in as a smart object, which I can then scale up and deposit where I need it to be. Then I can take that name mark and put it down inside this cup. I will scale it down a little bit, too. You'll notice that on the artwork one layer, this is the coffee cup, that we get the little cloud icon. What that means is that this is a graphic element that came from the library. I've gone ahead and worked up a little bit more by way of graphic treatments to use for this fictional Coffee Break shop. And I haven't added any more to the library yet, because I wanted to show you a couple other potential elements that you can add. I've got this Grand Opening text up here. If I click on that, you can see the font that's being used, the size of it, and even the style. And we can add the character style to the library. Also if we look at the stars that are being used as a graphics element here it's got a couple of layer styles attached to it. That's an inner shadow and a color overlay. Those also can be included in the library with the add layer styles. While we're also exploring different elements that can be added to the library, I've got several photos available here that I might wanna use in some of the other treatments. Simply having them open and being on the background layer means that we can add them by using the Add Graphic button. Now if we haven't named these layers, they are gonna come in, each as saying background, we'll need to rename them within our library. But once I've got them named in here they're much easier to find. And it's a much simpler way of keeping track of the different assets you're going to use as opposed to digging through your files and looking for a particular stock image that you want to add to a composition. Simply having it within your library here is much easier. Next, let's talk about using these graphic within the library on a new design. So let's say I'm developing a new Facebook cover for this coffee shop, and I'm working with a design here that I got from a template. And I wanted to make sure it fits with the look and feel of the graphics I was previously developing. I can use the libraries to easily do this. Let's start with those background stripes. First of all, it's this light color stripes that I have on the rectangle one. Let's go ahead and make sure those are the light color that was previously defined in the library and then we'll take the second stripes and make it the alternate color. From there let's place in our coffee cup logo right here in the middle. So go and we'll find that illustrator file, that Artwork1, and just drag it right in, and position it in there. Now I've got these decorative stars in here again, but notice that there's no style on them. Let's find those. I can even grab all four of those at the same time, and apply that graphics style just by clicking on that layer style that's saved within the library. Then I notice that there's a good spot over here to put our name mark. You'll find that from the library, too, and just drag that right in. Position it as we need to as well. I notice that the colors are not working so well on that light background. There's a couple of different options you can do here. One of easiest ways is just to add layer style to the NameMark that we pulled in. First of all, let's make sure our layer style is one of our colors that's previously defined. I'm gonna select this very dark brown. And add a layer style to this. And we'll just use the color overlay and make sure that we click on that brown color chip. And so that we know that's the exact brown color that we need. Now let's add in some of our photos to these bubbles here. Notice how convenient it is that we don't need to go outside of Photoshop or even outside of the file in order to find these. We have them already implemented in the library, and they're very easy to put in. Just drag them directly in, deposit them right here on the canvas. In this case, I'm going to clip it to that one shape that I was looking at previously. That's by holding down the Alt or the Option key and getting this new cursor as you mouse in between the two layers. And click it there to make sure it gets clipped to the circle. Now I notice it's too big so I'll move it around a little bit and hit Control or Command t, so I can scale it again, until I get a positioning that I want. And I'll do the same thing for that second shape as well. So ultimately the CC Libraries are great feature for speeding up your own personal workflow and managing assets both among multiple applications, multiple members on your team, multiple files or just as an easy way of keeping track of your own graphic assets. This have been Kirk Nelson with Tuts+. Thanks for watching.

Back to the top