Bill Rosener: Also, Dr. Bill, welcome back in this video you learn some essential Photoshop skills as we take this image of Oklahoma on the left and convert it to the image on the right in particular, will be a kind of increasing the size, maybe doubling it. We're removing the contents. These directions inside northwest, northeast, etc. There we'll put a border on the outside. We'll add a little text little circle, and then we're gonna go ahead and make it transparent. So whatever background or color we have will shine through
Bill Rosener: around the rest of the map there. Okay, the very 1st step you'd want to do is come here to assignment 23 subdirectory press on Oklahoma. Gift. Right? Click on it and save the image.
Bill Rosener: Okay, next up I'm gonna do is I go ahead and open that image up in adobe, Photoshop. And I've already got the image opened here.
Bill Rosener: and I could see right away that this follows an index format. So a lot of operations are not allowed. When I'm finished I'm gonna go ahead and save it an index format, and I'm gonna save it as a gift file to make it transparent, but momentarily I'm gonna convert it here from image mode to RGB color. Now I can create layout layers, etc. there.
Bill Rosener: Well, the 1st step we wanted to do was increase the size of this image. To do that, I'm gonna come right up here to image, and I'm gonna go to image size
Bill Rosener: and make sure constraint. Proportion is turned on that way will not increase
Bill Rosener: the width. The height will automatically be proportionally resized there, and I'll press. Okay.
Bill Rosener: okay. So now we've got this. Now, I want to get that map of Oklahoma on its own layer, and what you might be tempted to do is kind of come in here and start selecting stuff. But it's much easier in this case. I'm gonna go ahead. And so I've got the magic wand. I've got my tolerance at 10,
Bill Rosener: and that's doing a really good job here, so I can see if I press.
Bill Rosener: So if my tolerance. Let me just go ahead and show you. If my tolerance was saying 0, then I'm not getting really close here.
Bill Rosener: So I'm gonna go ahead and increase the tolerance to 10.
Bill Rosener: I'm not just gonna press here on the white now it is selected is the white. But that's not what I want to select. I want to select the opposite of that. So I'm just simply come up here and go select inverse.
Bill Rosener: Now, I've kind of all got the map.
Bill Rosener: Now I'm gonna go ahead and press on the create new layer. Icon create a new layer, blank layer.
Bill Rosener: And right now my foreground color is black, but background is white. Let's go ahead and just use the same color. So I'm gonna use the eyedropper. I'm just gonna position it right in here someplace and click.
Bill Rosener: So now my foreground color is blue.
Bill Rosener: and I always use the all backspace to fill. But let me show you the non keyboard shortcut. I'm gonna come up here to edit, fill foreground color and press. Okay.
Bill Rosener: now, at this point, I'm actually gonna go ahead and turn that border off because anyone you can see anytime. You see that checkerboard pattern. That means we're gonna have a transparent image. So if I put this on a website with a color that color will shine through around the perimeter here of the semi share.
Bill Rosener: I'm gonna go ahead and at this point
Bill Rosener: changes to the rectangle marquee and just press up here or hit the control d to deselect that.
Bill Rosener: Okay? At this point, let's go ahead and put a board around the outside. I'm just gonna right click on this.
Bill Rosener: I'm gonna go to a blending options again. I've got the top layer selected blending options.
Bill Rosener: I'm just going to press on stroke.
Bill Rosener: Then I'm gonna come right over here and press on stroke. So I 1st of all press the checkbox. Now, when I press here, I get the options, and you can go with a 1 or 2 or 3 whatever stroke you want. There.
Bill Rosener: I'll just go with the 2 and press. Okay.
Bill Rosener: okay, at this point we need to create a little circle. If we take a look at this little circle and add some text.
Bill Rosener: and to create the circle, you can just come up here and use
Bill Rosener: the elliptical marquee, and
Bill Rosener: if this is set to normal.
Bill Rosener: you can create whatever size circle you want. But if you know you have the exact size. Just go ahead and come up here. Choose fixed size. I've got mine at 15 by 15. Maybe I'll just kind of put it right over here.
Bill Rosener: and then I'm gonna go ahead and maybe I can put this on its own layer, so I'll press on the plus icon. So I've got a blank layer right now I'd be feeling it was blue. So I'm gonna go ahead and press on the default foreground background. Icon, and then let's come right up here and go edit fill
Bill Rosener: and foreground color. And okay.
Bill Rosener: now I'm gonna go ahead. And well, I'll hit control. D to deselect that
Bill Rosener: I'm gonna use the team.
Bill Rosener: And I'll just go ahead and type, or you can type any text you want here.
Bill Rosener: And I can use the move tool and reposition that, and that looks like a little large font size. But that's okay.
Bill Rosener: Okay. Anyway, the final step is going to be to save this as a gift file. So I want to make sure that when I upload it to a website, whatever colors on the background, sometimes I might have an image. It will shine through here.
Bill Rosener: To do that. I'm gonna come right up here to a file. I'm gonna go to a save a copy.
Bill Rosener: and we've done a lot with Png and Jpeg, but in this case I'm gonna save it as a gift file.
Bill Rosener: And I'm going to call this file
Bill Rosener: assignment 23 dot gift.
Bill Rosener: And I'm going to be working in this director here at Temp. So I'm going to go ahead and save it
Bill Rosener: and hit. Okay?
Bill Rosener: And if I was to take a look at my directory right there, I now have this file. Oklahoma dot gift actually over here. Assignment 23. That gift, anyway, I've got a temp file right here and let me just show you the contents of that. And it's just gonna say image source assignment 23 gift. And I've just I'll place this within a did tag. But I've got a color green here.
Bill Rosener: So if I come back here and refresh this. That map should now be there, and I can see how the green shines through
Bill Rosener: if I came along and came right up here
Bill Rosener: and change this to a pink.
Bill Rosener: I go ahead and save this.
Bill Rosener: Come right back here to my browser and hit refresh. Sure enough, since I made that a transparent image.
Bill Rosener: And again, how do I do that? I was with this checkerboard anytime. You see that checkerboard and you save it as a gift image. It's going to retain that transparency and what it server in the background will shine through. Well, hopefully, in this video you learned. So don't you don't have to worry about this last step here of
Bill Rosener: creating an HTML file. All you need to do is I go ahead and save
Bill Rosener: like I did here. I saved this as assignment 23, and then go ahead and upload that.
Bill Rosener: But hopefully, in this video, you learned how to take an image, increase the size of it. And then quickly, I found the inverse able to fill that added border and some text I'll catch next video. Thanks a lot. Bye.