Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Next, I want to work on the marquee photos. Let's open up marquee_photos.psd. Now the way that these are set up inside of this file is these much larger JPEG files have been wrapped into Smart Objects. This gives us the ability to scale these up and down and keep the integrity of the original photo, but give us the ultimate ability to change the cropping so that it looks good with the caption overlaid. If you're working with an application that supports Photoshop's file format but not the Smart Objects, you can open up the photos.psd file, and this has the same photos with the same cropping, just not wrapped into a Smart Object.
Let's go back to marquee_photos.psd. To access the individual Smart Objects, you'll see that this little icon in the Layers panel here represents that these are actually Smart Objects. So I can hide and show just like any other layer, and if I double-click on an object that's a Smart Object, this will bring me into the Smart Object source file. So here I can see that the photo we're using for Montreal is much bigger than the actual placement in the original Photoshop file. I also have two adjustment layers turned on to here to change the Hue/Saturation and the Levels. I can close this file, hit Save, it'll save the contents of the Smart Object. And each one of these images is in fact a Smart Object.
I've also named each layer the file name I'd like to have these be saved out as. With this, we're going to choose File > Scripts > Export Layers to Files. Inside of this dialog box here, this script is going to run through and take every layer inside of my Layers panel and save it out as its own individual file, and picking up the layer's name as the file name. So under Destination, let's click Browse, choose Desktop, Marquee, images.
Let's put these in the photos directory. Click open. JPEG Quality, we'll leave this at 8, which is 80% Quality, and then choose Run. Once Photoshop is done, let's go back to the operating system. One thing we can't control is Photoshop will actually put an underscore and number each of the individual layers. So I'm going to quickly come in here and just update the file names to take off the numbers from the beginning.
So I have montreal.jpg, staugustine.jpg, milan.jpg, and london.jpg. With that, let's come back to Photoshop. Let's close, save our changes, and in the next movie, we'll set up the navigation buttons.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 103149 Viewers
58 Video lessons · 55658 Viewers
61 Video lessons · 89816 Viewers
56 Video lessons · 104986 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.