Skip to main content

How to Export Images from Photoshop for Print Web & Social Media

Lesson 93 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

How to Export Images from Photoshop for Print Web & Social Media

Lesson 93 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

93. How to Export Images from Photoshop for Print Web & Social Media

Lessons

Class Trailer

Getting Started

1

Class Introduction to Adobe Photoshop CC

02:36
2

Before you Start this Adobe Photoshop CC Tutorial

01:20

Layers

3

How to Use Layers in Adobe Photoshop CC

09:56
4

Basic Navigation & How to Combine Images in Photoshop

07:37
5

Layers - Quiz

Color & Adjustment Layers

6

How to Fix an Image Using Levels in Photoshop CC

04:03
7

How to Enhance Colors in Photoshop Using Vibrance

03:28
8

How to Change the Color of Something in Photoshop Using Hue

02:52
9

How to Change Just One Color in Adobe Photoshop CC

01:57
10

How to Make an Image Black & White in Photoshop CC

04:35
11

How to Add a Gradient to an Image & Text in Photoshop

10:57
12

Color & Adjustment Layers - Quiz

Shapes

13

Creating a Specific Sized Document Adobe Photoshop CC

04:10
14

How to Draw Star Square Circle Shape in Photoshop CC

12:01
15

Stealing Colors & Adobe Color Themes

06:39
16

Shapes - Quiz

Text

17

How to Create Text in Adobe Photoshop CC

08:09
18

How to Warp Text in Adobe Photoshop CC

01:57
19

How to Get Text to Follow a Line or Circle in Photoshop

13:04
20

Text - Quiz

Layer Styles

21

How to Add a Line Around the Outside of Type in Photoshop

08:17
22

How to a Bevel or Emboss to Text in Photoshop CC

02:19
23

How to Add a Drop Shadow to Text in Photoshop CC

03:02
24

Presenting your Photoshop Work for your Portfolio

06:35
25

Project 1 - Creating your own Postcard

04:29

Cropping

26

How to Crop an Image in Adobe Photoshop CC

03:40
27

How to Crop an Image for a Frame in Adobe Photoshop CC

06:11
28

How to Straighten the Horizon Line Using Photoshop CC

01:55

Selections & Masking

29

How to Copy from One Image to Another in Photoshop CC

06:20
30

How to Crop Images Inside of Text

09:35
31

How to Remove the Background in Adobe Photoshop CC

10:11
32

Class Project - Quick Select Tool

00:37
33

How to put Text Behind a Person in Adobe Photoshop CC

07:01
34

How to Create a Layer Mask in Adobe Photoshop CC

04:47
35

Class Project - Cut a Person out & put them into Another Image in Photoshop

08:57
36

How to Blend Fade one Image into Another in Photoshop CC

04:36
37

How to Weave Text in and out of a Photoshop Image

03:18
38

How to Select Hair in Adobe Photoshop CC

16:24
39

Class Project - Selecting Hair

01:21
40

How to Select Things with Straight Edges in Adobe Photoshop CC

03:41
41

How to get Text to Interact with Ink & Plants in Photoshop CC

13:15
42

Class Project - Text & Image Interaction

01:41
43

Selection & Masking - Quiz

Filters

44

How to Add Filters & Effects in Adobe Photoshop

04:14
45

How to Turn an Image into a Painting in Adobe Photoshop

03:12
46

Class Project – Oil Painting

00:31
47

How to Create the Dotted Halftone Poster Effect in Photoshop

06:42
48

Class exercise - Halftone

00:23
49

How to fake Realistic Motion Blur in Adobe Photoshop CC

04:28
50

The Lens Flare Right of Passage in Adobe Photoshop

03:31
51

Filters - Quiz

Smart Objects

52

What is a Smart Object in Adobe Photoshop CC

09:03

Transform & Distort

53

How to Bend a Logo onto an Image Realistically in Photoshop

07:49
54

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

03:13
55

Class Project - Peeling Sky

00:49
56

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

05:44
57

How to Create Dripping Paint Text Effect in Photoshop CC

09:17
58

Class Project - Drippy Paint Text

00:52

Retouching

59

How to Remove People & Text from a Picture in Photoshop

06:56
60

Use Google Images to find your Image Before Retouching

02:38
61

How to Remove Red Eye from Photographs in Photoshop

00:53
62

How to Retouch Skin in Adobe Photoshop CC

05:22
63

Class Project - Retouching

00:47
64

Enhancing Eyes in Adobe Photoshop CC

06:46
65

How to Fix Teeth in Adobe Photoshop CC

04:33
66

Retouching

Blending Modes

67

How to Instantly Remove the White Background of a Logo in Photoshop

04:15
68

Using Blending Modes as Color Accents in Photoshop

07:10
69

How to put Images Inside a Bottle Using Photoshop

15:14
70

Class Project - Boat in a Bottle

02:15

Visual Styles

71

How to Create the Spotify Duotone Effect in Adobe Photoshop

05:43
72

Class Project - Duotones

00:20
73

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

06:14
74

Class Project - Anaglyph Effect

00:36
75

How to Create a Vintage Instagram Matte Photo in Photoshop

08:40
76

Class Project - Vintage Matte Photo

00:49
77

How to Create the Paper Cut Effect in Adobe Photoshop CC

12:07
78

Class Project - Paper Cut Effect

00:31

Artboards

79

How to Use an Artboard in Adobe Photoshop CC

20:14

Color Modes & Resolution

80

What is the Difference Between RGB and CMYK in Adobe Photoshop CC

07:12
81

How do you Change the Resolution to 300dpi in Photoshop CC

10:38
82

Color Modes & Resulotion - Quiz

Brushes

83

Basic Introduction to Using a Wacom Tablet with Photoshop

12:22
84

How to Create Splatter Paint Effects in Adobe Photoshop CC

08:11
85

77. Class Project - Ink Splats

00:54
86

How to Create Dripping Paint Ink Effect in Photoshop

06:46
87

Class Project - Dripping Paint Brush

00:55
88

How to Create Smoke with an Image Inside it using Photoshop CC

05:50
89

Class Project - Smoke Effect

01:03

Shadows

90

How to Make a Long Vector Hard Shadow in Photoshop

05:26
91

How to Cast a Realistic Shadow on the Ground in Photoshop

07:16
92

Bending or Curved Shadow Under an Image in Photoshop

03:33

Export

93

How to Export Images from Photoshop for Print Web & Social Media

10:18

What Next

94

What Next after your Photoshop Essentials Class

01:15

Final Quiz

95

Final 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

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

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 ARTICLES

RELATED ARTICLES