How to Export Images from Photoshop for Print Web & Social Media
Daniel Walter Scott
Lesson Info
93. How to Export Images from Photoshop for Print Web & Social Media
Lessons
Class Introduction to Adobe Photoshop CC
02:36 2Before you Start this Adobe Photoshop CC Tutorial
01:20 3How to Use Layers in Adobe Photoshop CC
09:56 4Basic Navigation & How to Combine Images in Photoshop
07:37 5Layers - Quiz
How to Fix an Image Using Levels in Photoshop CC
04:03 7How to Enhance Colors in Photoshop Using Vibrance
03:28 8How to Change the Color of Something in Photoshop Using Hue
02:52 9How to Change Just One Color in Adobe Photoshop CC
01:57 10How to Make an Image Black & White in Photoshop CC
04:35 11How to Add a Gradient to an Image & Text in Photoshop
10:57 12Color & Adjustment Layers - Quiz
13Creating a Specific Sized Document Adobe Photoshop CC
04:10 14How to Draw Star Square Circle Shape in Photoshop CC
12:01 15Stealing Colors & Adobe Color Themes
06:39 16Shapes - Quiz
17How to Create Text in Adobe Photoshop CC
08:09 18How to Warp Text in Adobe Photoshop CC
01:57 19How to Get Text to Follow a Line or Circle in Photoshop
13:04 20Text - Quiz
21How to Add a Line Around the Outside of Type in Photoshop
08:17 22How to a Bevel or Emboss to Text in Photoshop CC
02:19 23How to Add a Drop Shadow to Text in Photoshop CC
03:02 24Presenting your Photoshop Work for your Portfolio
06:35 25Project 1 - Creating your own Postcard
04:29 26How to Crop an Image in Adobe Photoshop CC
03:40 27How to Crop an Image for a Frame in Adobe Photoshop CC
06:11 28How to Straighten the Horizon Line Using Photoshop CC
01:55 29How to Copy from One Image to Another in Photoshop CC
06:20 30How to Crop Images Inside of Text
09:35 31How to Remove the Background in Adobe Photoshop CC
10:11 32Class Project - Quick Select Tool
00:37 33How to put Text Behind a Person in Adobe Photoshop CC
07:01 34How to Create a Layer Mask in Adobe Photoshop CC
04:47 35Class Project - Cut a Person out & put them into Another Image in Photoshop
08:57 36How to Blend Fade one Image into Another in Photoshop CC
04:36 37How to Weave Text in and out of a Photoshop Image
03:18 38How to Select Hair in Adobe Photoshop CC
16:24 39Class Project - Selecting Hair
01:21 40How to Select Things with Straight Edges in Adobe Photoshop CC
03:41 41How to get Text to Interact with Ink & Plants in Photoshop CC
13:15 42Class Project - Text & Image Interaction
01:41 43Selection & Masking - Quiz
44How to Add Filters & Effects in Adobe Photoshop
04:14 45How to Turn an Image into a Painting in Adobe Photoshop
03:12 46Class Project – Oil Painting
00:31 47How to Create the Dotted Halftone Poster Effect in Photoshop
06:42 48Class exercise - Halftone
00:23 49How to fake Realistic Motion Blur in Adobe Photoshop CC
04:28 50The Lens Flare Right of Passage in Adobe Photoshop
03:31 51Filters - Quiz
52What is a Smart Object in Adobe Photoshop CC
09:03 53How to Bend a Logo onto an Image Realistically in Photoshop
07:49 54How to make a Sky Peeling like Fabric Revealing Background in Photoshop
03:13 55Class Project - Peeling Sky
00:49 56How to Shrink Body Parts in Adobe Photoshop CC Using Liquify
05:44 57How to Create Dripping Paint Text Effect in Photoshop CC
09:17 58Class Project - Drippy Paint Text
00:52 59How to Remove People & Text from a Picture in Photoshop
06:56 60Use Google Images to find your Image Before Retouching
02:38 61How to Remove Red Eye from Photographs in Photoshop
00:53 62How to Retouch Skin in Adobe Photoshop CC
05:22 63Class Project - Retouching
00:47 64Enhancing Eyes in Adobe Photoshop CC
06:46 65How to Fix Teeth in Adobe Photoshop CC
04:33 66Retouching
67How to Instantly Remove the White Background of a Logo in Photoshop
04:15 68Using Blending Modes as Color Accents in Photoshop
07:10 69How to put Images Inside a Bottle Using Photoshop
15:14 70Class Project - Boat in a Bottle
02:15 71How to Create the Spotify Duotone Effect in Adobe Photoshop
05:43 72Class Project - Duotones
00:20 73How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop
06:14 74Class Project - Anaglyph Effect
00:36 75How to Create a Vintage Instagram Matte Photo in Photoshop
08:40 76Class Project - Vintage Matte Photo
00:49 77How to Create the Paper Cut Effect in Adobe Photoshop CC
12:07 78Class Project - Paper Cut Effect
00:31 79How to Use an Artboard in Adobe Photoshop CC
20:14 80What is the Difference Between RGB and CMYK in Adobe Photoshop CC
07:12 81How do you Change the Resolution to 300dpi in Photoshop CC
10:38 82Color Modes & Resulotion - Quiz
83Basic Introduction to Using a Wacom Tablet with Photoshop
12:22 84How to Create Splatter Paint Effects in Adobe Photoshop CC
08:11 8577. Class Project - Ink Splats
00:54 86How to Create Dripping Paint Ink Effect in Photoshop
06:46 87Class Project - Dripping Paint Brush
00:55 88How to Create Smoke with an Image Inside it using Photoshop CC
05:50 89Class Project - Smoke Effect
01:03 90How to Make a Long Vector Hard Shadow in Photoshop
05:26 91How to Cast a Realistic Shadow on the Ground in Photoshop
07:16 92Bending or Curved Shadow Under an Image in Photoshop
03:33 93How to Export Images from Photoshop for Print Web & Social Media
10:18 94What Next after your Photoshop Essentials Class
01:15 95Final Quiz
Lesson Info
How to Export Images from Photoshop for Print Web & Social Media
Hi there, this video, we're going to look at exporting a few different ways. Okay. We're gonna look at print and then we're gonna look at social and web and then we'll look at exporting for other adobe products. Okay. You're sharing it between your photo shop document between say illustrator and design Aftereffects. Let's start with print. Okay, let's say we we made this earlier in the course. Okay. And we want to get this out to our printer. Best way to give it to them instead of a jpeg is something called a pdf. I don't need to explain. You probably know what a pdf is but to get it out of Photoshop, go to file and we go to save as it's a weird kind of place for it. Okay. And down here we want to find Photoshop pdf. I'm gonna stick it onto my desktop. I'm going to give it a name. This is my All stars. I put the date backwards often when I'm sending things out. So if there's any amends, it's got some sort of kind of code on it so I know which version is what and which version the amend...
s were made to. And the nice thing about this, I'm going to click on safe. It's going to freak out a little bit. It's going to open up a pdf document. All you need to do is set it too high quality print and turn preserve Photoshop capabilities off. You turn this off because basically with this on, it's just a Photoshop documents not really ready for print. File size is huge and it keeps in the pdf lots of detail that the printer just doesn't need. So let's turn it off. Let's click save pdf and that now on my desktop should be on my desktop, all stars pdf. It's small enough. You can see it's only 1.7 megabytes and that can be sent to a printer. Now let's say I want to send something else to print but I just want instead of a pdf they've asked for a Jpeg. Okay, this is pretty easy. I'm gonna do it to this option we've got here. We made it, I want to send it out to my printer and that is one a J Peg When you go for a print jpeg it's different from a web jpeg. They have slight variances, they look the same but one has a lot more data. Like this one here is gonna have a lot more as a print document. So to do it, let's go to file save as okay. And in here let's pick jpeg. Just the Jpeg won not only the other fancy ones, we just want the plain old J peg. Let's stick it on my desktop and I'm going to call this one bottle island and if you don't like the dates backwards. Just a V one V two works just as good. Now if this is going to a printer, say I'm a photographer and I've got this looking perfect. I probably want to crank this up to as large as far as I can. It's gonna make the file size bigger but it's going to retain a lot of the quality that I've done and put into my Photoshop document. Okay so pdf is the all round just send a pdf? It's easy, it's email. Herbal. The file sizes are small and what you don't know is that it still retains a lot of the vector that's in some of say the logos and text. So it will print nicer. But if you're just have image is a Jpeg will print just as good because there is no vector. There is no logos and text to keep that crisp edge on as long as when you're saving that Jpeg you use the file save as not the file export save for web or export as which we'll do in a second. And just make sure that quality slider is dragged to the top. Okay so that's the print. Let's look at going out for social or web. So we've got this object here and we want to send this out to our website. Okay. And they've given us a specific size we need to use We looked at this before we're going to go to image, we're going to go to image size and at the moment it's it's way too big. It's becoming quite a big file and it doesn't need to be this big. It's just way too big. So I'm gonna make it, they've asked for it to be no more than 1500 pixels wide. So I've switched into pixels put in this with I've clicked Okay now I want to save it as one of two options. Okay, if I want this background in it's going to work best as a Jpeg. Jpeg are great for quality and they keep the file size really small. The one thing they don't do though is transparency. If I want this background off and I want just the model on a transparent background. This only happens generally when you're going to a website and they want they want to be able to see through to other parts of the website. This kind of part to be invisible. So let's look at both. So with it on, let's go to file export and we're gonna send a Jpeg but we're going to do it the proper way for web. Okay. We're gonna use the export as it doesn't seem as exciting as safer web but export as has some nicer features. Let's go to export as the cool thing about export as is that, you know how we went to image size and adjusted it. We could do it in here on the fly, we don't have to do it that way. I just showed you that was a waste of time. Okay, we can do it here. Keep the original at the big size and just adjust the size on the way through. We can pick a pig. The nice thing about this Jpeg is that it's different from a print one mainly because it excludes some of the data. That is only needed for a printing document, not for going online. So the far size is going to be smaller. Then it's up to the slider here on your quality. Whereas it went to print, we're not too worried so much about file size because we're probably emailing it or sticking out on the USB stick so we can keep it quite high but we're going to a website, they want it as low as you can go. So what you want to do is down here be at 100% and then just go as low as you are willing to go watch this. I get down to like 2%. You might zoom in one more because you can see it's starting to do all that yucky noisy stuff. Okay so how high do I need to go? It's up to you and like what you some images will go quite low and some images will have to be quite high before they start looking bad. This one here is a professional photograph both of them so I can go quite low. So I'm gonna go out to 100%. It looks pretty good at 40%. The file size over here is tiny, it's .1 MB. So I'm happy with all of that. You don't need to worry about anything else here, click export all give it a name. I'm going to my desktop, This is going to be my here 01. It's gonna be my Jpeg and click save and that's the Jpeg version. Let's say that I want to do the transparent version. So J pigs just don't allow transparency. We go to the same place to export a PNG file, export export as and in here you can see it's defaulted to Jpeg. You see it just fills in the background with white, that's not what we want. We want this one here called PNG and as long as transparency is ticked, you can see you get that kind of invisible checkerboard looking thing. Same thing is, remember the width that I've got it down to 100 pixels. I'm going to click export desktop. This one is going to be called here too, click save. Jump to my desktop and I'll show you those two files, it's on my desktop, there's hear one and here too, can you see the file size different? The PNG is about twice the size a little bit more. Not a big deal unless you're running a website and if you're putting that on my website I wouldn't be happy because that's nearly half a megabyte. It's Ginormous. But if I wanted the transparency and I needed it 1000 pixels. This is something I have to live with but jay pigs are smaller but don't have transparency so you might have to decide most of the time. You're probably just kind of using J pegs but there'll be the occasion that you'll need a PNG. Another thing you can do is straight out of Photoshop is there, is this option at the top here called share. So I've got my image here, see this little option here. You might not have it if you've got an earlier version of Photoshop and share the image. Okay. You'll have to, if it's really big, you'll have the option of getting down to small and you'll have to log into these different accounts for me. I love instagram for this type of sharing but for some reason it's not there. I bet you, by the time you're watching this video it'll be in there. But you can do cool things like I can share it with my email, I can share it with twitter and facebook straight out of Photoshop and basically it knows what to do and gets the very best out of it for those different platforms. There's a little sneaky trick. Let's look at the last option here where we are, we've made this Roomba, it's got different layers, we've got the girl on the front there, got the text behind it and I want this now to go into an in design document. So instead of saving out a pdF or a jpeg or a PNG. It's best just to save it as a PSD You don't have to save it at all. I'm going to save it to put it on my desktop so savers onto my desktop. It's still going to be a Photoshop document so it's going to be called Solvay one. Save, maximize compatibility. Perfect. So I don't actually do anything. I just leave it as the working Photoshop document then in in design let's say this this cover that I want to replace. It doesn't make a whole lot of sense. This is from the in design course I've gotta in design course if you want to jump in and do that as well. But what I'm gonna do is I'm going to go to file, I'm going to go to a place which is in designs import. I'm gonna find my desktop and I'm just going to use that PSD that. I was working on solving one open. I'm going to click hold and drag it out. It's totally not appropriate for this cover, mainly because it's to do with gardening and now I have a kind of a landscape image to go into my cover here. Let's say that I decide that that's perfect for me. That's exactly what I needed. I'm going to right click it. I'm going to arrange it. I'm gonna send it to the back. I'll delete this original one I had in here. Let's say I've got my image in. I've been working on Photoshop for the cover. But now I need to put it into this longer document you can see in design has a few different pages here. The reason why you just keep it as a PSD is that in design will keep that link and then when you do adjustments in Photoshop. So let's open up Photoshop and it's decided we're not using the text now we're going to hit save back into in design and and in design under the links panel there's this little asterix here that says caution, double click the update double click and it updates step back in Photoshop we want the text but we're going to change the wording dang because like writing my name all the way through this course. Okay, gonna save it back into in design and this one here that will click to update and there's the joint down in the background. It works the same for most other rW products illustrator you can go to file place and put in the same PSD after effects you can bring in illustrator. I've already said illustrator premiere pro adobe xD muse rest in peace. Just use the PSD is the easiest kind of inter application format. Alright, so that's kind of a brief roundup of the ways of exporting out of Photoshop. You and me are getting close to the end. There's a few more videos hang in there. I am just a couple more than green tea time
Class Materials
Ratings and Reviews
JEWEL KHAN
Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.
user-2cc3b5
andrea silva
Student Work
Related Classes
Adobe Photoshop