3.9 Styling Your Proposal: Images
In this lesson, you'll learn how to place photos into your proposal and how to create a color overlay effect for your images.
1.Introduction3 lessons, 07:37
2.How to Adapt a Proposal Template6 lessons, 26:11
3.How to Create and Design Your Own Proposal Layouts11 lessons, 1:05:55
4.Conclusion1 lesson, 03:08
3.9 Styling Your Proposal: Images
Hey there welcome back. So a proposal is really starting to come together and now we've got some of the structure of the pages mapped out, we're ready to start dropping in more specific content into our design. One of these things is going to be images. So you might want to refer back to the Envato Elements resources list before watching this lesson. If you haven't already downloaded the images on that list. If you prefer to just watch the video, that's fine, but it's helpful if you can also follow along by using the images that I am also going to be using here. So let's make a start on our images. I'm going to show you a couple of different ways of formatting the images in your proposal. So even though you can't do some advanced photo editing in InDesign, you can create cooler overlay effects and also place your images into unusual frame shapes. Which are just going to make your photos look that bit more professional and creative. So first up let's create a color overlay effect for some of our images. I say overlay, but actually you can create this effect in InDesign by playing around with the transparency settings of image frames. Scroll up to the chapter 1 about us page, and then unlock the photos layer. Switch to the rectangle frame tool. You can hit F on your keyboard. And create a shape at the bottom right corner of the left hand page. Then go to File and Place, and find the image from Envato Elements that's called design studio architect creative occupation PRJLE7N and open it. And you can click inside the frame to directly select the image and move it about making sure to hold down shift to scale it. Okay, so that's looking fine. We can give this a slightly cooler look by playing around with the transparency settings. Select the image frame and head up to Objects > Effects > Transparency. And from the Mode menu, choose multiply, and that's going to bring through some of that color below. Awesome, okay. And you can repeat this effect really easily by copying and pasting the image frame, so let's edit, copy it Scroll on down to the Chapter 3 page and paste in place. Let's extend the width across so that this becomes one large frame across the spine. I'll also want a different image here, so go to File and Place and choose the image called Design Studio Architect. Creative Occupation PBAGSMN and open, delete any dark shapes that are sitting behind this on the background layer. And this gives a nice duo tone sort of look with the full color image still intact on the right side. That's a really simple and nice way to display images in your proposal design. We can also get a bit more creative with the shape of the image frame. Scroll up to the Chapter 02 page, which is the Meet the team page. And over here on the right, we're going to place head shots of the team. But instead of setting these in the normal boxy frames, we can use the shapes that we've already created to make it look a bit more creative. Unlock the shapes layer and copy and paste this big red circle. And let's scale that down to about 1.9 inches in diameter. Position it centrally between the second and the third columns of the top edge on the margin line. And copy and paste that and move the copy over to the left of the same alignment, up to the left margin and paste again and pop this over on the right side up against the right margin line. Bring a guide down to about 4.1 inches then select all three circles and copy and paste them, and move them below with the top of them resting on the guide. And then paste again, and InDesign will indicate to you where to drop these to get the rows of circles all evenly spaced out. So let's say we've got six team members to drop in here, so some of these circles can stay as they are, and others will have images in them. So let's select the first two circles on the top row, hold down Shift while you select circle on the left side of the middle row, and the one on the right side of the middle row. And also the left and middle circle of the bottom row. With these selected, head up to Object > Effects >Transparency. Set the mode to Multiply, and bring the opacity down to 55%. Okay, right? Now for the images, so lock the shapes layer and unlock the photos two layer below. Choose the ellipse frame tool and holding down shift, direct create a circular image frame. And let's get that to the same dimensions as the colored circle above and file in place. Choose one of the headshot images that you've downloaded and open. And get that scaled nicely. Okay, cool, then we can copy and paste that image frame and position behind the next Circle and File and Place. Choose a different portrait and open and just keep pasting more image frames and setting those behind the transparent circles. Replacing the images as you go. And beneath the images, we can put a little caption for the name and job title. Setting this in Glenn Sans medium, font size 12 points, leading 18 points and tracking 20. And set the text to align center, and the font color to 90% black. Awesome so, we've created two different ways of presenting the images in our proposal, while still maintaining a consistent look. So all the images have a color overlay effect and the frames either match the quarter grid that we've established, or the set inside the circle shapes is also a consistent feature of our design. So, everything's looking really good and professional, and now you've got all the building blocks in place to create a lengthier version of your proposal. I'm not going to create a full length proposal with you in this course, but only because A, that would take quite a bit of time and B, you've now got the main elements in place to copy and place on to other spreads. And just tweak a few things like color and copy to create new pages. If you'd like to see the finish version of the proposal which is pictured here, you can download the PDF version which is attached to this lesson. And have a look at the design in more detail if you'd like to. So let's say you finish your proposal, you've run it past your colleagues, check that everybody is happy with the copy and the images and you're ready to send it off to be printed. In the next lesson, we're going to look at best practice for prepping your proposal or if we're printing. And this stage is really important, particularly if you're going to be getting it printed professionally. So stick around and we'll talk about how to prefile your proposal in the next video.