Transcripts
1. DJ Portfolio Intro Trailer: Welcome to how to create your portfolio in Adobe InDesign, a beginner sky. This class is about removing any fear or anxiety you might have about working with Adobe InDesign, introducing you to the workspace and teaching you the essential tools for completing your portfolio. One that is easy to make, easy to update, and easy to share. Hi, I'm Deb Jeffrey. I'm an artist planner, creator and teacher, and I've used Adobe products regularly for the last 19 years to create graphics, art and publications. I created this class because one thing I hear regularly from my artist friends is that they haven't completed their portfolio because they've grown frustrated trying to use Adobe Illustrator or Photoshop to create it. Or they just don't know how I feel your pain. Because although Adobe Photoshop and Illustrator are wonderful programs, they weren't designed to create multiple page documents. Adobe InDesign was designed specifically to create multi-page documents like your portfolio. And I would love to share all of the tools, shortcuts, and techniques for creating your portfolio using Adobe InDesign. In this class, you'll learn how to navigate the InDesign workspace, how to set up the preferences and workspace for success and efficiency right from the start. The essential tools for creating your portfolio. A secret tool that has no menu option or tool icon. How to easily update the portfolio that we create in class with new typography, color scheme, and most importantly, new artwork and content. How to save your portfolio for sharing and techniques you can apply to any multiple page document. So if you're new to Adobe InDesign, I would love to be the one to introduce you to the program. Show you the essential tools and techniques for creating a portfolio efficiently and effectively. And in the end, you will have a better knowledge of the Adobe InDesign program. You'll be able to use it to create other multiple page documents. And you'll have a portfolio that is easy to create, easy to update, and easy to share. Go ahead and click on the next video and I'll share the resources in project for this class. I'll see you in the next video.
2. DJ Portfolio Project and Resources: Welcome back. In this video, we're going to review the class project, the materials that you need to complete the class project, how to access the downloads and resources, and how to share your project when you're done. It's going to come as no surprise to you that the class project is to create a portfolio using Adobe InDesign and then to share one or two of your portfolio pages in the project section for this class. The page or pages that you share can be from the eye candy designs portfolio that will be creating together in class. Or you can share a page or pages that you create by using the tools and techniques that you learned in this class. I've asked some of my artists friends to provide inspiration. So here are a few pages from their portfolios. The materials needed to complete your project are a computer with access to Adobe InDesign. I'll be using Adobe InDesign CC 2019 assets for your portfolio. But if you don't have your assets together yet, don't worry. I've provided all you'll need to create the demo portfolio so that you can learn how to create a complete portfolio in Adobe InDesign. To access the class downloads and resources, you will need to access them from a web browser and not the Skillshare app. You will find a link in the project and resources section below and will need the password shown on the screen to open the link. Please note that assets provided are for educational purposes only and they're not to be sold or used for any purpose other than completing the project for this class. To share your project. Once you're done, you can snap a photo of your portfolio page or export the page from Adobe InDesign as a JPEG file to post. Again, you need to access the project section from a web browser and not the app. Click on the Project button to open up the save location. And you will see that there's room for both the cover image and your project image. The cover image will show only a portion of your completed portfolio page and the project image will show the entire page. And please be sure to include a little about you and your artwork. Okay, that's it for the class project and resources. Go ahead and download the resources. And I will meet you in the next video where we'll get started with an introduction to Adobe InDesign. I'll see you in the next video.
3. DJ Portfolio Intro To InDesign: I'd like to introduce you to Adobe InDesign. So why in design? Because it's the industry leader for desktop publishing and it's perfect for creating documents for print, web, mobile devices, and interactive documents. In design works well with other file formats like Illustrator and Photoshop files, as well as jpegs, tips, and PDFs. Because of all the tools and shortcuts, document creation is easy and you will love it. In this video, I'll give you a brief overview of the workspace and we'll get more into detail as we create your portfolio. I will be working in Adobe InDesign CC version 19.1. But most of the tools, tips and shortcuts that I share it should be available to you back to Adobe CS6. Okay, let's start by launching the InDesign. This is the home are welcome screen. Across the top we have our main menu. And if you click on any of the menu items, you'll get a sub-menu of tasks that you can accomplish within that menu option. On the left, we have our shortcut buttons for returning home, creating a new document or opening an existing document. In the center of the screen, you have presets for fast starting a document for a mobile devices, web, and print. You also have the option of creating a custom size document. To ensure that we're looking at the same screen for the overview, then going to ask you to go up to the main menu at the top of your screen and click on Window. Then go to Workspace, then click on Essentials Classic. Welcome to the InDesign workspace. Across the top we have our menu buttons. Just below our menu buttons is the control panel. This panel is contextual, meaning it will change depending on the tool that you have selected. On the left we have our tools panel, and on the right we have our docked panel area. But I really like to call this the Windows panel because it describes where you can find the panels available. The dock here in the center of our screen is our document creation area. And along the bottom is our status bar. Let's take a closer look at the tools panel on the left of our screen. Here you will find tools to create and edit your document. You have your selection and direct selection tools, your text tools, your frame tools, and a host of other tools. Whenever you see a small arrow in the lower right-hand section of a tool icon. If you click and hold it for a moment, a sub-menu will open up showing that there are other related tools available. For example, let's look at the text tool icon. It's the one with the capital T. If you click on the center of the text icon, you can select the Text tool. But if you click and hold for a moment on the little arrow in the lower right-hand corner of the Text icon, a sub-menu opens up, showing that there are other texts related tools available. You can click on any of the sub menu options and they become the new default icon in your tools panel. I mentioned that the control panel is contextual and will change depending on the tool that you have open to demonstrate. Let's go over to the Tools panel on the left and once again select the Text tool, the one with the capital T. Now, if you look to the far left of the control panel, you will see an a and a paragraph symbol. If you click on the a, you see that the control panel at the top of your screen shows options for working with text. And here you can select your font, font size, letting, which is the spacing between lines of text and other texts related options. If you click on the P, you will see that the control panel shows options for working with paragraphs. Things like justify, indent and other options for paragraph control. Now let's return to the Tools panel on the left and click on the Selection tool. It is the black arrow at the top of the Tools Panel. And note that the control panel across the top changes to provide options for the item or items that you have selected in your document. We'll learn more about the various tools as we go along. But for now, let's take a look at the Windows panel on the right. These are really shortcuts. Do you remember when I asked you to go up to the main menu and select Windows Workspace and select Essentials Classic. You may have noticed that there were a number of workspaces to choose from. Indesign offers a number of default workspaces that include tools they think will be helpful for the various publications that you create. Let's go there now and take a look at the workspace options from the main menu, select Windows workspace. And let's click on digital publishing. See how the Windows panel changes to include panels that are most appropriate for creating digital publications. Go ahead and click on some of the other workspace options. Observing the panels that are included in the Windows panel for each one. Now let's return to Essentials Classic workspace. Continue with our introduction to InDesign. At this point, I would like to point out that the tools panel on the left and the Windows panel on the right are docked panels. Meaning you can easily move them around if you don't like where they're living on your screen, to move any of the panels, simply click and hold on the dark bar on the top of the panel and drag it to a new location. Release your mouse, and that's its new home. To return the panel to its original position, simply click and hold on the dark bar on the top of the panel. Drag it into position and when you see a blue line appear, release your finger from the mouse and the panel will once again be docked. This holds true of all the panels. You can click hold, drag and release to move them to any location and to dock them once again to a panel. Simply click hold, drag in. When you see the blue bar, release your finger from the mouse and the panel will dock in place. Okay, that concludes your introduction to the workspace. Let's continue to the next video and I'll show you how to customize your preferences in workspace to save you oodles of time and energy as you create your portfolio and other documents. I'll see you in the next video.
4. DJ Portfolio Preferences and Workspace: Welcome to the customizing your preferences and workspace video. This is the video that will provide you with the most important information for working in InDesign, how to customize your preferences and workspace. So why is this so important? Simply because without it, you will waste a lot of time constantly setting up fonts, units of measure, how items are placed, color swatches, and all of the things that you use on a regular basis. Customizing your workspace. You set up these options once and then you're done with it. And you don't have to reinvent the wheel each and every time you open up InDesign to create a new document. In order for this to work, you need to make sure all documents are closed. So let's go up to the main menu and click on the home screen. Now from the main menu, let's click on Window, workspace and open up Essentials Classic. We're now ready to start customizing our preferences and workspace. Let's start with our preferences. Go up to the main menu at the top of the screen and click on Edit, then click on Preferences. Or you can use keyboard shortcut Control plus K on a PC, or Command plus K on a Mac. The first thing I will show you is how to change the background color of your workspace to see the options that are available or to change the color. Go to preferences, interface and appearance. Go ahead and click around on the options to see which background color works best for you. And once you have your background colors selected, we'll move on to the next change. Bookmarks. Indesign comes preset with regular quote marks that are sort of angled the same way and look a little funky. So if you want to look like a true publishing professional, let's change the preset to always use typographers quotes by going to Preferences, Type, and making sure that there's a check mark in the box next to typographers quotes. Next we can set our units of measure to our preference. I'm in the United States and I'm accustomed to working with inches. So I'll set my preference is to work with inches as the default. You can set your preferences to whatever unit of measure that is familiar to you. To set your units of measure go to Units and Increments. And under ruler units change horizontal to the units of measure that you prefer, and vertical to the units of measure that you prefer. Then click. Okay. Now, let's set up your preferred font. In design comes with Minion Pro as the default font. So if you do nothing here, Minion Pro will be your default font. But if you have a specific font. You use for your brand or company, you can set up that font as your default. And you won't have to continually override Minion Pro as the default font when you start working on a new document. My go-to font is Myriad Pro, and it's the one that I will use for all of the body texts in the portfolio that we build today. So it is the font that I will set up as my default. But please know that you're free to set up any font that you choose as your program font default. Setting up in changing your default font is easy. You just need to make sure that no documents are open. And since we haven't opened any documents, we're good to go. So let's go to the Tools panel on the left and select the type tool. Now in the control panel on the top, you should see the name Minion Pro, unless you've previously changed your default font. To the right of the font name is a small downward facing arrow. Click on the arrow to reveal available fonts and select your preferred font from the list by clicking on it. Feel free to pause the video while you find your ideal font. Then come back once you've set your default font, and we'll continue on. Next to the right of our font is the default font size. If you want to change the default font size, simply use the up or down arrows to select your preferred size. The next change we will make is to get rid of InDesign pesky auto hyphenation. To do that, we'll go over to the left of the control panel and click on the paragraph symbol to open up the paragraph control panel. Now, let's uncheck the box next to hyphenation. The next thing we'll do is address how our images are placed. Right now. They are defaulted to be placed at their actual size. So that means that every time you bring an image into your document, you will need to resize it. This is so time consuming and frustrating, but it's also unnecessary because we can change the default to place images exactly how we want them. Let's set up your default to resize your images automatically. To do that, let's go to the menu panel at the top of your workspace. Click on Object. Then fitting, frame, fitting options, and check the auto fit box. Also change content fitting to fill frame proportionally. And under a line from click on the center box. Then click OK. You're doing a great job in although this may seem confusing or like you just want to get in and start creating your portfolio. Once you make these changes, you'll never have to make them again. So please hang in there. We have one more section to set up. The panel on the right. The one that I call the Windows panel. We went to set it up so that all of the tools that you will need for your portfolio creation are available and you won't have to go searching for them as you create your document. So let's go up to the menus panel on the top of our screen and click on Window, object and layout and align. Now we want to dock the Align panel to our Windows panel. So click and hold on the top of the align panel and drag it to the Windows panel on the right. Remember to look for the blue line and when you see it, release your finger from the mouth to dock it to the panel. We're going to do the same thing for the Pathfinder panel. We will click and hold on the top of the Pathfinder panel and drag it to the Windows panel on the right. And when we see the blue line will release our finger from the mouse and dock it to the panel. We have just a couple more. Let's go back to menu, Window styles and paragraph styles, and drag it into our Windows panel on the right. We won't be using character styles. So you can close that panel by clicking on the X in the upper right-hand corner of that panel. Next, we want to select menu, Window, Type, and select character, and drag and dock it to our Windows panel on the right. And finally, select my new Window Type and select Paragraph and drag and dock it into our Windows panel. You did it. Now let's save your customized workspace. To do that, we will go up to the menu window one last time and select workspace and click on New workspace. A sub-menu will open and ask you to name it. Let's type in the name PDF portfolio. Make sure the panel locations and menu customization boxes are checked. Then click, Okay. Congratulations, you have customized your preferences and workspace and are now ready to move to the next video to start creating your portfolio. See you there.
5. DJ Portfolio Portfolio Overview: In this class, I will teach you how to create your own portfolio by showing you how to accomplish various tests in Adobe InDesign so that you have the assets that you need to create a portfolio. We will work together to build this portfolio for the pretend company eye candy designs. I've created a logo, a color scheme, and provided all of the assets that you will need to build the eye candy designs portfolio. And when we're finished, you have the option of simply swapping out the images, logo, and color scheme with your own or creating your own from scratch, using the tools and techniques that you learn here. So that you know what to expect. We will be covering, setting up a new document in document preset, master pages, creating guidelines, creating and working with color and color schemes. Working with text, paragraph styles, placing and working with images, links, saving and printing your portfolio. Are you ready to get started? Go ahead and click on the next video and we will set up a new document and preset. See you in the next video.
6. DJ Portfolio Setting Up A New Document: Welcome to the setting up a new document and preset video. Document setup is pretty straightforward and saving your new document as a preset will allow you to do the setup work once and then never have to create a similar new document from scratch. So let's get started with InDesign launched from the home screen. There are a number of ways to create a new document. You can go to Menu File and select new. Or you can click on the Create New button along the left side of your home screen. You can also click on the More Presets button in the center of the screen. Or you can use keyboard shortcut Control plus n If you're on a PC, or Command plus n If you're on a Mac. The things that we want to do now, our select Print will select letter, and that will automatically fill in the width and the height to 8.5 inches wide by 11 inches high. The units of measure that I'm using are inches. The orientation we want is portrait. We're not using facing pages, so make sure that box is not checked. We want one page. Don't worry, we'll add more pages as we create our portfolio inside of InDesign will use one column. We want to change our column gutter to 0.125 inches are Margins. We'd like at 1.5 inch all the way around. Our bleed. We want set at 0.125 inches. Now, we can save by going up to the top of the preset details screen and clicking on the down arrow, the title will become highlighted. And go ahead and type in a name for your preset and then click Save Preset. Note that it will save to your document preset library for future use. Now, click create. An InDesign will open up the workspace so that we can start building the eye candy design portfolio and learn how to use the essential tools for incorporating into your very own portfolio. Go ahead and click on the next video and I will introduce you to pages, master pages and guidelines and the part they play in creating the navigating through your portfolio. I'll see you in the next video.
7. DJ Portfolio Pages Master Pages Guidelines: Welcome back. In this video, I will introduce you to pages, master pages and guidelines in InDesign documents that created on pages. And a master page can be assigned to any or all pages. So what exactly is a master page? A master page is a non-printing page that you create that can be used as a template for any page within your document. Master pages can hold page numbers, background color, a static background, image, a logo, design guidelines, or any other repeating information. It is said that a picture is worth a thousand words. So let me show you what I mean. To demonstrate pages and master pages. Please open up the class download file named Deb Jeffrey portfolio class project sample master file dot IND D. And from here on out, we'll refer to this file simply as the master file. Go ahead and pause the video if you need to. While you locate and open the file, then press Play when you're ready to resume with the master file open. Let's go over to the Windows panel on the right and click on the Pages panel. Before we go any further, let's do a quick run through of how to move around within this panel. You can use the scroll feature on your mouse. You can use the slider on the right side of the panel and drag it up or down. Or you can go to a specific page directly by using keyboard shortcut Control plus j if you're on a PC, or Command plus j if you're on a Mac. And when you get the prompt, enter the page number that you desire. Now, let's take a look at the pages panel itself. We see that it is divided into two sections. The top section holds the master pages and the bottom section holds all of the pages in your document. Each page has a page number, and if there is a master pages signed, a letter will appear on the page icon telling you which master pages assigned. Let's look at page one. We see the one down below the page icon and no letter on the page icon itself, meaning no master pages assigned to this page. Let's look at page four. We see the four down below the page icon and a letter a on the page icon, meaning master, page A-Master is assigned to this page. Let's take a quick look at the other pages displayed in this panel. We see that pages one through three have no master assigned. Pages 4 through 10 have a master assigned. Pages 11 and 12 have no master assigned, and Page 13 has a master assigned. So let's take a look at the A-Master page. We can do that by going up to the master page section of the panel and double-clicking on the name, a master, or the icon to the right of it. The master page will open in your document creation area of your screen. What do you see? I see a logo on the top left, a collection name on the top right, and contact information centered on the bottom of the document. This means that any page with a master assigned to it will include exactly what we see on our screen. Let's check this out. If you remember, Page 4 has this master page assigned. So let's take a look at page four in our document. You can either double-click on page four in the pages panel or you can use keyboard shortcut Control plus j if you're on a PC, or Command plus j if you're on a Mac, to go to page 4 and open it up in your document creation area. In looking at page four, we see the logo on the top left, a collection name on the top right, and contact information centered on the bottom of the document. These are all of the items we just saw on the A-Master page. And if you grab your selection tool, It's the dark arrow at the top of your tools panel on the left. And then click on any of the items from the A-Master page. You'll notice that you can't select them. This ensures that these items remain consistent throughout any pages that you uses this A-Master. And to make changes to these items, you would have to go back to the A-Master to make the change. Now, let's scroll down and look at pages 5 through 10. Notice that although the pages very just a bit, the constant is the logo collection, name, and contact information. Now, let's try a little experiment and apply a different master page to page four and see what happens. First, let's go back to page 4 by double-clicking on page four in the pages panel. Or you can use keyboard shortcut Control plus j if you're on a PC, or Command plus j if you're on a Mac. Now, let's right-click on page four in your pages panel and click on Apply Master to Pages in the parallel that opens under Apply Master, we want to click on the down arrow to the right of A-Master and select C. Try something new and click Okay. Now look at page four in your document creation area. Notice anything different? Yes. It has a hideous yellow background, but it also has new content. The collection name is on the top left and the web address is on the upper right part of the screen. The logo and lower contact information are gone. So any page created using the C try something new master would present in the same way. It would have that neon yellow background, the collection name on the upper left and the web address on the upper right. Using master pages is a quick and easy way to free yourself from having to enter the same information from page to page. You enter it on the master page, assign the page to that master. And wallah InDesign does the work for you. Master Pages can also be a great help in your general design by placing your design guidelines on a master page, rather than again, having to create a guideline for each and every page of your document. Before we go on, let's return Page 4 to master, page A-Master. Go ahead and right-click on page four in the pages panel and select Apply Master to Pages. Next to apply Master, click on the down facing arrow and select. A master. Then click. Okay. Let's look again at master page A-Master by double-clicking on it in the master pages section of the pages panel, notice the blue lines that run across the page at 1.23 inches and 10.27 inches from the top of the document. These are guidelines and they had been created to provide consistency to the pages as they are created. Let's go back and double-click on page four in our pages panel and look at the point on the page that the first image touches the page. It is right on that guideline. And let's look at the bottom of the second image. It is right along the bottom guideline. Let's scroll through pages 5 through 10 and observe that placement of all images are within the two guidelines. This adds consistency. And because it is on a master page, you only have to create those guidelines once and they help you throughout your document creation. We haven't learned how to work with text or images yet. So we won't create the content on our master page yet, but we can certainly get started with creating our guidelines. So let's jump on over to our untitled document that we created during documents setup. I'll show you how to create guidelines in preparation for creating the eye candy designs portfolio. You can leave this document open as we'll be referencing it throughout the class. Now that you're in the untitled document, Let's double-click on A-Master in the Master Pages section of the pages panel. Now you want to place your cursor in the ruler at the top of the design creation area. Then click hold and drag your mouse down to the 1.23 inch mark and release your finger from the mouse. If you're having trouble getting it exactly at 1.23 inches, don't worry. I'll show you how to fine tune your guideline. Go up to the control panel and you will see a y with a number to the right of it. Double-click on the y and you'll see that the number to the right of it is now highlighted and can be changed simply by entering a new number. We want it to read 1.23 inches. So go ahead and make that change. Now, let's create the bottom guideline by following the same process again. This time we want the guidelines set at 10.27 inches. So go ahead and place your cursor in the ruler at the top of the design creation area. Then click hold and drag your mouse down to the 10 point 27 inch mark and release your finger from the mouse. Again. If you didn't get it exactly at 10.27 inches, all you have to do is double-click on the y and the control panel and replace the number shown with 10, 27 inches. Great job. Your guidelines are now set for any page that you create in your document that uses a master page. Now, let's save the untitled document and give it a name. For saving, you have two options. You can go up to the main menu and select File Save, or you can use keyboard shortcut Control plus S if you're using a PC, or Command plus S if you're using a Mac under filename, let's enter eye candy designs portfolio and save as type InDesign 2021 document. Then click Save. Good job. You have now learned what pages master pages and guidelines are. How do you assign master pages and how to create guidelines. We're now ready to move onto the next video, where I will introduce you to the color swatch, eyedropper and color theme tools. And I'll teach you how to create a color scheme and color swatches for your own portfolio. I'll see you in the next video.
8. DJ Portfolio Color: Are you ready to learn about color? In this video, I will introduce you to the swatches panel and teach you how to use the eyedropper and color theme tools to create your own color palettes. For this class, you will need to have two files. Open, the eye candy designs portfolio file and the master file. You will also need access to the class download file dev Jeffrey portfolio class, color scheme dot JPEG file. Let's start by opening the master file. We will use page to demonstrate how to work with color. So let's simplify the view to make it a little less distracting. Go ahead and click your mouse anywhere outside of the document area and type W. This will take you to the preview mode, also known as wow mode. Using while mode allows you to see your document without any guidelines, margins, et cetera. It simply shows you document exactly as it will print. To return to the view that shows your guidelines, margins, et cetera, simply click anywhere outside of the document and type W. It works like a toggle, hit W once and it turns on while mode hit it again and it turns it off. Now to practice working with color, Let's go to page 2. Remember you can do that by scrolling with your mouse, going to the Pages panel and double-clicking on page 2, or by using keyboard shortcut Control plus j if you're on a PC, or Command plus j if you're on a Mac. At the top of page 2, we see an illustration of a woman. We will use this illustration to practice working with color. So we need to select the graphic by clicking anywhere on the gray circle behind the woman. A blue box will appear around her showing that the graphic is selected. Now, since we're working with color, we want to make sure that our swatches panel on the right is open. So head on over to the Windows panel and click on swatches to open it up. Let's break it down. The top of the panel holds the tools that you'll use to tell InDesign where to apply color, either the fill of a selection, this stroke or outline of a selection, text. And a tint box where you can enter a percentage of color to be used. I'll explain more about tints when we create our first color themes Swatches a little later in this video. Since we have the woman illustration selected, the two stacked boxes allow us to manage the color for this graphic. The diagonal lines tell us that currently no color is selected. Either further fill the solid box or the stroke, the line around the selection. The box that looks like a frame. Let's see what happens when we click on the box with the red diagonal line through it, and then click on any of the colors swatches in this panel. And we see that the fill color behind the graphic changes to that color. Now let's click on the stroke tool, the white box with the center cut out of it and the red diagonal line running through it. And click on the color swatches to see what happens. Now, see that w arrow just to the right of the stacked box. Click that and your colors are reversed. Click it again and they are reversed yet again. Okay, let's return the fill and the stroke to none. To do that, simply click on the solid box, the fill box, and select None, and then click on the Stroke box and select none. Let's go over to the Tools panel on the left and click on the T to try out changing the text color. Click on the T and the tools panel and click and drag your mouse over the word about. Then in the swatches panel click on any color other than the dark pink. Now, click your mouse anywhere outside of your document and you can see the color change. Let's return it to its original bright pink by once again clicking and dragging over the word about and selecting the bright pink from the swatches panel to apply it. Now, another way to change the color of all of your text and the text box is to grab the Selection tool, the dark arrow at the top of the tools panel, and clicking your mouse on any text within me about text box. Then going up to the swatches panel and clicking on the T, then clicking on any of the colors swatches in the panel. Now, if we wanted to change the fill or just the text box, we could do that by clicking on that small outline box to the left of the t in the swatches panel, and clicking on the Fill box, then selecting a color. The important thing here is that you need to tell InDesign what you want to change the color of either the fill or the stroke or the text. So if the text, you need to select the T and select your color. And if they fill or the stroke, you need to select that little box to the left of the T and then select either the fill or the stroke box to apply your color. So let's practice a bit and then return the colors back to the original. Let's click on the little box to the left of the T and click on None. If you have a stroke color applied, change that to none also. Now let's click on the T and change that to the dark charcoal color. And finally, let's go over to the Tools panel on the left, select T for text, and click and drag our mouse over the word about, and click on the bright pink color swatch in the swatches panel. Great job. You now know how to apply color to the fill-in stroke of an object or shape, and how to apply color to text. Now, let's learn how to create a color theme. To do that, Let's move over to the eye candy designs file. The file should consist of one page with margins all around. If your swatches panel is an opened already, Let's open it up. It will probably open with the default colors. So let's clean it up a bit and remove everything here with the exception of none, registration paper and black. To remove color swatches, you can right-click on an individual color swatch and then select. Delete to remove several colors swatches that are next to each other in the swatches panel, you can click on the first one, hold down your shift key, and then click on the bottom one, then right-click and select Delete. You can also remove colored groups by right-clicking on the name or folder and selecting Delete color group. Now we're ready to create our color scheme for use in this document. Included in your class downloads is a file named colors scheme. We will need to place that file within this document. So let's learn how to place a file. Let's go over to the tool panel on the left and grab our selection tool. You can also access it by clicking anywhere off of the document and typing the letter V. Now, you have the option of going up to the main menu at the top of your screen and clicking on File and Place. Or you can use keyboard shortcut, Control plus D if you're on a PC, or Command plus D if you're on a Mac, find the color scheme file, click on it, and then click Open. Your cursor is now loaded with that file. So let's click on the top left of our document and click our mouse. The document is now placed. Notice the blue line around it. That means it's placed, but it's also selected to de-select the document. Click anywhere off of the document and you will see the blue line go wait. We can now use this document to create our color swatches, to create color swatches and color things. We use the Eyedropper tools from the Tools panel on the left. Let's start with the eye dropper to create a single color swatch, you will notice that the eyedropper tool has a small arrow in the lower right of the icon, meaning there are additional tools available. Let's click and hold the small arrow till the sub-menu opens up. We see that we can access the color theme tool, the eyedropper tool, and the measure tool. Let's click on the eyedropper tool. Notice your cursor turned into an eyedropper. This means that you can now click on any of the colors on your screen and it will fill the eyedropper with that color. Let's click on the bright pink. This is now the active fill color. To add this bright pink to our swatches panel is easy and all you have to do is click on the plus at the bottom of the swatches panel to add it. You can use this procedure to select and add individual colors. Or you can use an image or object as the basis for an entire color theme. To create a color theme, Let's go over to the Tools panel on the left and select the color theme tool by clicking and holding the small arrow in the lower right of the icon and selecting color theme tool. Now you will see that your cursor is filled with an eyedropper with three boxes to the right of it. Simply click hold and drag over the colors that you would like to include in your color theme. Then release and a color theme suggestion box opens up with five colors. Just to the right of the five colored boxes is a right facing arrow. Click on the arrow and even more options open up. Go ahead and click around on the options, then select bright. This is the one we will be using for the remainder of this class. Now, to add these five swatches to our color swatch panel, click on the nine panels square with the plus sign just to the right of the right facie narrow. The color swatches are now part of your swatches panel and can be used throughout this document. Now before we finish this segment, I do want to show you one more thing about colors, swatches. I went to teach you how to create a lighter color tint from one of the colors in your color swatches. So why would you need a colored tint? I have to confess that when I was first starting out, I would just change the transparency on a color to lighten it up. But I quickly learned that this can lead to problems. If there is information layered beneath, the transparent color doesn't hide anything below it. So in early print job showed the error of my way. Citi help you avoid that problem. I'd like to teach you how to do it right from the beginning. So what exactly is a colored tint? It's a lighter value of a color, and most importantly, it is opaque. Creating a tint is easy, so let's create one together. In our document, we will be using a 10 percent tin of the lightest gray in our bright color theme. So let's click on the lightest gray and the bright theme colors swatch menu. Now let's go up to the top of the swatches menu and to the right of the word tint, enter 10, and press the Enter key. Notice that the fill square has changed to a lighter gray color. Now to add this lighter gray to our swatches panel, simply click on the plus sign at the bottom of the swatches panel. The light gray swatch has been added and is now available for use within this document. Now we no longer need our color swatch dot JPEG file. So let's grab our selection tool from the Tools panel on the left. Click on the color swatch image and hit the Delete key. Great job. You have now learned how to apply color to objects in text, how to create color swatches and color themes, and how to create a colored tint. Lets save these changes by using keyboard shortcut Control plus S if you're on a PC, or Command plus S if you're on a Mac or in now ready to dive into the creation of the eye candy designs portfolio. So please head on over to the next video and we'll start by creating the cover of the eye candy designs portfolio. See you there.
9. DJ Portfolio Portfolio Cover: Welcome to the portfolio creation video. Okay, so far you've been introduced to Adobe InDesign. You know, are the various tools and panels are located. You customize your preferences and workspace so that the program will respond to your needs each and every time you open it up. You've created a new document in document preset that you can use as a basis to create other portfolios. You have been introduced to pages. You've seen the beauty in time-saving results of using a master page. You know how to set up guidelines to assist you in creating your documents efficiently. You've learned how to create color swatches and color themes, and how to apply color to objects and text. You're now ready to start with the fun task of applying all that you've learned to create a portfolio. As a reminder, we will first build a portfolio together for the pretend company, I can the designs. The reason for doing this is so that you don't have to stress about gathering your own assets together. Before learning how to create a portfolio, we can create the eye candy designs portfolio together. Then I'll show you how to simply swap out the assets from the class with your own. So by the end of the class, you will have a portfolio template that you can use an update easily with your own assets and you will have the knowledge to design and create your own portfolio from scratch if you choose. So it really is a win-win. For this segment of the class, you will need to have opened the eye candy designs portfolio file, access to the class project assets, and a font or two that you would like to use. I will be using a sans serif font called Myriad Pro for the body copy, and a fancy or handwritten font called boom and 40 for the collection name. I have included information on how to obtain both of these fonts in the class downloads. But please know that you are free to use any font or fonts that you choose to create your portfolio. Okay, let's get started. Go ahead and open up the eye candy designs portfolio dot IN D, D file. And we'll dive right in and start with the cover. Let's open up our pages panel and double-click on page 1 to ensure we are creating our cover on the first page and not a master page. Now, if we look at the first three pages of our portfolio, we see that each of the pages is a bit different in design. So we won't be using a master page because there is no repeating information. So let's change the master pages, scientist page one from A-Master to none. To do that, let's right-click on page one in the pages panel and click on Apply Master to Pages. Next to apply Master, click on the down arrow and select None. Then click Okay. So this is the cover that we'll be creating. It consists of a background image, a logo, and the collection name. In this video, I will teach you two different ways to add images. How to add and adjust text. The first method for adding images will be using the rectangle frame tool. We can access this tool from the Tools panel on the left. It is the rectangle with an X through it. And we will use this tool to add our background image. When you click on the rectangle frame tool, notice that the cursor changes from an arrow to a giant plus sign. We want to place that giant plus sign in the very top left of the bleed area. Click and drag our mouse to the very bottom right of the bleed area and release our mouse. This large X on your page shows that you are ready to place an image or object to fill that area. So let's place the background image. To place an object or image. You can go to the main menu and select File Place. Now you want to open up the depth Jeffrey portfolio Class Project Assets folder, and click to select the first image, cover background. Then click open. The image is now placed within your document. The second method of adding images is to select the image using the place option. And when the cursor is loaded with the image, then drawing out the area where the image will be placed. Now, we need to deselect the background image so that we can place our logo. So go ahead and click on the Selection Tool in the Tools Panel and click anywhere outside of the document creation area. Now, let's use our keyboard shortcut Control or Command plus D. And when the assets folder opens, select the logo and click Open. Now your cursor is loaded with the logo. So let's click and drag out a box to fit in between the light pink lines of the background image just below that first cup. Then release our mouse. Okay, our images are placed, so let's add our collection name. We will need our text tool. So go ahead and grab that from the Tools panel on the left. Indesign is a little bit different than Photoshop or Illustrator, in that you can't just place your cursor down on your document and start typing. You need to tell InDesign where you want the text to go. So let's drag out a text box and type in the collection name, a cup lovers collection. Now, it doesn't look like much, so let's make some adjustment to the font, font size, line spacing, and alignment. To modify the font, we need to select our text. So with the Text tool selected, we want to click and drag our mouse over the text. With your text selected, click on the downward facing arrow next to the current font name and select the font of your choice. To the right of the fonts selectors, the font size, and just below that is the line spacing. Both of these work the same way. On the left you have up and down arrows that you can click to adjust the size or spacing. On the right, you have a downward facing arrow that you can click to open up a dialogue box. Then select a size from the list. Or you can double-click on the numbers shown in the window and replace it with the number of your choice. So let's select the size of our font. I'm going to change my intent thirty-six point. And the font, I'm using this too close together, so I'm going to change my line spacing to 94 and to center the text, Let's click on the center alignment tool. On narrower screens, you may not see the alignment tools on the far right. So if your screen is more narrow, click on the paragraph symbol on the left of the control panel and your alignment tools will appear on the top left of your screen. Then simply click on the a to return back to the character view. Now, let's take a look at what we have done by going to wild mode with your selection tool selected click anywhere outside of the document creation area and type W. And sit back and say, Wow, Now hit W again to show the borders and guides. And we will continue to the next video where you will learn how to work with shapes and paragraph styles as we create our About pages. I'll see you in the next video.
10. DJ Portfolio Your About Pages: Welcome back. In this video, we will continue building the eye candy designs portfolio. As we create the About page, you will learn how to apply an adjusted background shape, how to work with text, and how to create paragraph styles so that you can form that your primary text. Save this styling, and then use that safe style and other pages without having to style them all over again. Are you ready? Let's dive in. We currently have one page in our documents, so the first thing we will do is add two pages to our document. One will be our about page and the other will be an introduction to our design collection with the eye candy designs portfolio dot IN D, D file open. Let's open our pages panel. Within the pages panel, go ahead and right-click and select Insert Pages. Under pages. Go ahead and enter to under Insert, select after page one, and under master, select None. Then click OK. You have now added two pages to your portfolio. Let's double-click on page two and start creating our about page. On the left side of our about page, there is a 10 percent gray rectangle background, a graphic of a woman and text below the graphic. On the right side of the page, about two-thirds down we have our logo followed by our contact information. Let's create and style the light gray rectangle that sits on the left two-thirds of our page. To do that, we need to grab the rectangle tool from the Tools panel on the left, place your cursor on the top-left of the bleed area and click and drag out a rectangle that goes to the bottom of the bleed and over to the right to about the five-point, five inch mark of the ruler. Then release your mouse. If the right margin of the rectangle is not exactly at 5.5 inches. No worries. We can easily fix that by going up to the control panel and double-clicking on the W and replacing the number that is highlighted with 5.625. And pressing the enter key. If you're wondering why we entered 5.625 and not 5.5, it's because we have 0.125 inch bleed that we also need to account for in this measurement. Next, we want to fill the rectangle with the 10 percent gray color swatch. To this point, we have used our swatches panel to access our color. But I want to point out to you that you can also access color from the control panel. With the rectangle selected, you should see a fill and a stroke icon on the control panel. To the right of the Fill icon is the right facing arrow. Click on that and the color swatch menu will open. If the bright beam color swatches aren't showing, you will need to click just to the left of the bright theme folder. Then select the 10 percent gray color swatch to apply it. Good job. Now let's grab our selection tool and click anywhere outside of our document creation area to deselect the light gray rectangle. The next thing we wanna do is add our profile picture. Let's place the image by using keyboard shortcut Control or Command plus d. Go ahead and select the profile graphic of your choice and click Open. Your cursor is now loaded with the graphic. So all you have to do is click and drag out a frame for your graphic. If it's a bit off center, no worries, I'll show you how to center it. Your graphic is already selected. And since we'll be centering it in the gray rectangle, we need to select the gray rectangle also. So hold down your shift key and click on the gray rectangle to select it. Next, click on the line in the Windows panel on the right, and click on align horizontal centers. We're now ready to add some text. Go ahead and grab the text tool from the toolbar on the left and click and drag out a text box about three inches by three inches. And let's fill it with placeholder text by going up to the main menu, clicking on type, then clicking on fill with placeholder text. Now, let's resize the text box by grabbing this selection tool and clicking and dragging the white boxes of the text frame so that the left margin rests on the left margin of the page. And the right margin sits on the five inch mark of the horizontal ruler. And the bottom margin rests on the bottom margin of the page with our placeholder text placed and our text box, the size that we want it. Let's go ahead and style our text. We want a title. So go ahead and grab your texts tool from the Tools panel on the left and place your cursor in the text box just to the left of the first line of text and type in the word about, then hit the Enter key twice. Now let's highlight the word about by again clicking and dragging or mouse over the word. Then let's change the font by selecting the font of our choice and the font dialog box in the control panel. The size of type 2, 18, and the color to the bright pink. To apply the color, you can use the swatches panel on the right. Or you can click on the right facing arrow to the right of the t in the control panel. To open the color swatches panel, you may have to click just to the left of the bright theme folder to open up the bright theme swatches, then click on the brightest pink. Next, we want to style our body text. So go ahead and select all of the text below the word about by clicking and dragging your mouse over it. With our text selected, we want to change the font by selecting the font of your choice and the font dialog box in the control panel, change the font size to 14, increase the line spacing to 22, and the font color to the charcoal gray. Our text is now styled in ready to create paragraph styles. But so that you can fully appreciate the full impact of how paragraph styles work. Let's finish this page by first adding or logo in contact information on the right side of the page. Then we'll come back and create our paragraph styles before moving on to the next page of our portfolio, we're we'll see our paragraphs put into action to add our logo and contact information on the right side of the page. Let's go over to the Tools panel on the left and grab our selection tool. Then click anywhere outside of the document creation area to deselect our text box. Using keyboard shortcut Control or Command plus d. Let's select our logo and click Open. Then about two-thirds of the way down the page, drag out the frame for placing the logo. Next, we want to add our contact text. So please grab the text tool from the Tools panel on the left and drag out a text frame below the logo and down to the bottom margin. Then type in the information that is shown on your screen. Don't worry about spacing. We will address that in a moment. Now with the text entered, let's style it. Go ahead and click inside the text box and let's use keyboard shortcut Control or Command a to select all of the text. Now with our text selected, let's write a line it by clicking on the right aligned box in the control panel. And remember if your screen is narrow, you will first need to click on the paragraph symbol on the left side of the control panel to access the align icons. Then when you're through aligning the text, click on the a to return to the character Control Panel. Next, let's adjust the line spacing by clicking on the up arrow to the left of the line spacing dialog box until your social media usernames sits on the bottom margin. Next, let's change the text color of website, email, and social media from black to pink by selecting each word separately and selecting the bright pink color swatch from either the control panel or swatches panel are about pages complete. But before we move on, we're going to take the texts that we created and styled and create what are called Paragraph Styles. So what is a paragraph style? It is simply a collection of character and paragraph attributes that you create and save so that you can apply them to other texts within your document. They are a shortcut and keep you from having to select font, spacing, sizing colors, et cetera. Each time you need to enter some text. So let's save what we have done by grabbing the text tool and clicking and dragging over the word about. Now, let's click on Paragraph Styles in the Windows panel to open it up. To create a new style, hold down the Alt or Option key and click on the plus sign at the bottom of the paragraph styles panel. The new paragraph style dialog box opens up. Let's change the style name to title. And under Based on we want no paragraph style. Next, we want to make sure that there are checkboxes next to apply style to selection. Preview. Then click. Okay. Now we want to click and drag your cursor over the remainder of the text. Then head on over to the Paragraph Styles panel. And while holding down the Alt or Option key, click on the plus sign in the bottom of the panel to open up the new paragraph style dialogue box. This time, let's change the style name to body text Under based on we want no paragraph style. Next, we want to make sure that there are checkboxes next to apply style to selection and preview. Then click Okay. Our paragraph styles are now saved and we will see how they work when we get to the text-box on our next page. So let's go to page 3 by scrolling, double-clicking on page 3 in the pages panel or using keyboard shortcut, Control or Command plus J. Page 3 is made up of a background image, a rectangle filled with white and a text box to place our background image. Let's go over to the Tools panel on the left and grab the Rectangle Frame Tool and click and drag from the top left of the bleed area to the bottom right of the bleed area to create the frame for our background. Now let's use keyboard shortcut Control or Command plus D. And select Page 3 color one file and click Open. Your background image is now placed. The background is a little busy. So let's create a white box that can act as a background for our text. Let's grab the rectangle tool from the Tools panel on the left. Then go up to the Fill box icon in the Control Panel and select paper. Then click and drag out a rectangle to serve as a background for our text. Let's make sure it's centered between the left and right border. By clicking on the Selection Tool in the Tools Panel. Then clicking and dragging your mouse over the background and the white rectangle to select both. Then by clicking on the line in the Windows panel on the right and clicking on a line horizontal centers. Go ahead and grab the text tool from the toolbox on the left and click and drag out a small text box. We will fill it with placeholder text by going up to the main menu and selecting the type tool, then fill with placeholder text. Now let's resize the text box so that it sits within the white rectangle, about a 1 eighth inch margin all around. Next, let's place our cursor to the left of the first text character and enter a cup lovers collection. Then hit the Enter key twice. Now let's see paragraph styles at work. Go ahead and select the text, a cup lovers collection. Then with the text selected, go over to the Paragraph Styles panel on the right and select title. Now let's highlight the remainder of the text and from the Paragraph Styles panel, select body text. Our text is now formatted with the proper font, font, color, and spacing. And you're done with page three. Let's save what we've done by using keyboard shortcut, Control or Command plus S. And let's move on over to the next video. And I'll teach you a secret tool that will make the rest of your portfolio creation or breeze. I'll see you in the next video.
11. DJ Portfolio Portfolio Completion: Welcome back. I'm super excited about this portion of the class because this is where it all comes together. And once I teach you a couple of quick tools, you will be amazed at just how quickly you can create your portfolio. In this video, we will add our repeating logo, collection, name, and contact information to the A-Master page. You will learn about InDesign secret tool that has no icon, no option to select it from a drop-down list. No way to access it unless you know the secret keystroke combination. I'm going to teach it to you. And you will learn how to place multiple images on a page. Learning just these three things will allow us to create the rest of the eye candy designs portfolio quickly and 0 so efficiently. Let's get started. For this portion of the class, you will need to have opened the eye candy designs portfolio dot IN D, D file and access to the portfolio class project assets. The first thing we will do is add our repeating logo, collection, name, and contact information to the A-Master. So let's open up the pages panel and double-click on the a master file icon to open it up. If you don't see your margins and guidelines, go ahead and turn off wow, mode by clicking your mouse anywhere outside of the document design area and typing w. Okay, we created our guidelines earlier so we can use them to help us place our repeating information. So let's start by placing our logo in the upper left corner of our page. If your selection tool is not already selected, go ahead and grab your selection tool from the Tools panel on the left and click anywhere outside of our document creation area to ensure that nothing on our page is selected. Next, we'll place our logo by using keyboard shortcut Control or Command plus d. Then selecting our logo and clicking Open with the cursor loaded with the logo, Let's drag out a small frame that will start from our left margin down about 1 eighth of an inch from the top of the page and end at about 1 eighth of an inch above the top guideline. Next, we will add our collection name to be right aligned on the top right of our page. So let's grab our text tool from the Tools panel on the left and drag out a text frame. Don't worry too much about sizing and location. We can always adjust that later. Next, let's type in the collection name, a cup lovers collection. Now let's select our text so that we can style it. Remember to select your text. You can place your cursor in the text box and use keyboard shortcut Control or Command plus a. Or with your text tool selected, you can click and drag over the text to select it. Now with our text selected, let's style our font with the font, font size, and font color of your choice. I'm using the fanciful handwritten font, BoolMin 40. But again, you can use any font you choose. We want our text to be right aligned. So let's click on the right, the line icon. And remember if your screen this narrow, you will need to click on the paragraph symbol in the control panel to access the alignment icons. Then once you've right-aligned your text, you need to click on the a to return to the character control panel. Now, go ahead and resize your text to the size you like. I will be resizing mine to be twenty-two point and the color to charcoal gray. Remember, you can use the swatches panel on the right or the color tools from the control panel. If you need to reposition or resize your text box, all you have to do is go to the Tools panel on the left and grab your selection tool. Then click on the text box and click and drag the white boxes in the text frame to resize or move it. Next, we want to add our contact information to the bottom of our page. So let's grab our text tool again from the Tools panel on the left and drag out a text box. Let's start at the bottom margin, not the guideline, and have it extend from the left margin to the right margin. Now feel free to pause the video while you type in the contact information showing on your screen. Next, let's style our texts by first selecting our type. Remember you can use keyboard shortcut Control or Command plus a. Or with the Text tool selected, you can click and drag your mouse over the type to select it. Next we want to center align our text, then select the font, font size, and color of your choosing. I will be using the font Myriad Pro. My font size will be 11 and the color charcoal gray. Good job. The A-Master is now complete and we'll show this repeating information on all pages that we assign with a master. Now the fun begins. We now need to add a page to our portfolio. So in the pages panel right-click and select Insert pages. In the Insert Pages dialogue box. We want it to read pages one, insert after page 3, master. We want to select a master. Then click. Okay. It looks familiar, doesn't it? Our page 4 has a master page assigned to it. So it will include everything that is on the A-Master plus whatever we add to this page. So let's get ready to add some images. So far we have learned that we can use the rectangle frame tool to drag out a frame and then use place to place our image within the frame. If we have multiple frames and images on a page, we can create them individually by selecting the rectangle frame tool, dragging out a frame and placing an image, then wash, rinse and repeat to add additional images. But I'm going to let you in on a secret. Indesign has a tool that doesn't have an icon shortcut or access via a menu option. It is the Griddify tool. And with it we can create a grid for our images. The grid will allow us to play several images at one time. So let me show you how it's done. Then we will use this technique to complete the rest of the eye candy designs portfolio. To begin, we will use the rectangle frame tool and drag out a large rectangle to cover the entire area that we want filled with our image or images. Next, without release in our mouse, we want to use the arrow keys to add frames. The right and left arrow keys will add and deduct columns. The up and down arrow keys will add and deduct rows. So for page four of our eye candy designs portfolio, we have two horizontal images. So to create the grid for our images, go ahead and grab your rectangle frame tool and drag out a rectangle from the intersection of the top guideline and left margin to the bottom guideline and right margin. And don't release your mouse. Now with your mouse still down, hit your up arrow key and you'll get to horizontal frames ready to receive your images. Don't worry, we'll practice this a lot. Now. I'm going to show you how to place multiple images in one shot. Let's use keyboard shortcut Control or Command plus D to place the two images that will fill this page in your project assets folder are two images for page 41 is color one and the other is colored to go ahead and hold down your control key and click on each of the images. Then click Open. Your cursor is now loaded with both images. Go ahead and click your mouse on the center of the top frame to place image one. Then click your mouse in the center of the bottom frame to place Image 2. You have now created a grid and place multiple images in one fell swoop. And page 4 is now complete. We're ready now to move on to page 5 in practice what we've just learned, let's add a page to our document by clicking on the plus sign at the bottom of the pages panel. Page five has three horizontal images on it. So let's create our grid by grabbing the Rectangle Frame tool and dragging that our frame from the intersection of the top guideline and left margin to the intersection of the bottom guideline and right margin. And don't release your mouse while still holding down the mouse. Use your contortion skills and hit the up arrow twice. You now have three frames ready to receive your images. So let's use keyboard shortcut Control or Command plus dy. And select the page five images from the asset folder again, by holding down your control key and clicking on each of the images. Then click Open. Your cursor is now loaded with the three images. So now click in the middle of each of their frames to place your images. And that's it for page 5. Since Page 6 is a duplication of page five, just with different colors, Let's duplicate page 5 by right-clicking on page 5 in the pages panel and selecting duplicate spread. So now I will show you how to replace the pink color themed images with the teal images. For this, we will need our selection tool selected and double-click on the hand tool in the center of the first image. The image is now selected and ready to be replaced. To replace the image, use keyboard shortcut Control or Command plus D, and click on the Page 6 teal image that matches your puke image. Then click Open and the image is replaced. Now we will repeat that process for the next two images. Double-click on the middle of the second image and select it. Use keyboard shortcut Control or Command plus D and click on the Page 6 teal image that matches that image, and click open and the image is replaced. Now let's double-click on the center of the bottom image to select it will use keyboard shortcut Control or Command plus D. Click on the Page 6 teal image that matches the pink image, and then click open and the images replaced, and Page 6 is now complete. So far you've learned how to use the secret Griddify tool that perfectly aligns our frames. How to place multiple images, and how to replace images. Let's continue practicing what we've learned. Let's add a page by clicking on the plus sign at the bottom of the pages panel. Next, we'll grab our rectangle frame tool and drag out a frame from the intersection of the top guideline in left margin to the bottom guideline and right margin. And don't release your mouse. Again using your contortion skills while holding down the mouse, hit the right arrow twice and the up arrow once. To create your grid, you now have six frames ready to receive your images. So let's use keyboard shortcut Control or Command plus D. And while holding down your control or command key, click on each of the page seven images, and then click open. Then click in the center of your frames from top left to bottom right to place your images. And page seven is now complete. Now, Page 8 is a duplication of page 7 only in a different color way. So let's duplicate page 7 by right-clicking on it in the pages panel and clicking on duplicate spread. Now with your selection tool selected, we want to double-click in the middle of the first image, then use keyboard shortcut Control or Command plus D to select the page 8 teal image that matches. Then click Open, then wash, rinse and repeat this method until you replace all of the images on this page. Feel free to pause this video while you do this, then come back and we'll continue on with page 9. Ready for page nine. Okay. This page holds images with different layouts. So we're going to have to first create our grid of four and then adjust the grid. Let's add a new page by clicking on the plus sign in our pages panel. Now let's create our grid, just like we've done for the previous pages by grabbing the Rectangle Frame tool and clicking and dragging from the intersection of the top guideline and left margin to the bottom guideline and right margin. And while still holding down your mouse, hit your right arrow key once and your up arrow key once to create a grid of four frames. We're now going to learn about the Gap Tool. So what is the gap tool? It's a tool that allows you to adjust the size of your frames while keeping the gap between the frames the same size. You can find the gap tool in your tools panel on the left. And when you activate it, you'll see a gray highlight in the gap between your frames. Then when you click and drag your mouse horizontally or vertically, your gap will change. Now, you've probably noticed that by default, the gap changes for an entire row or column. But let's say you just wanted the gap to change between two frames and not the whole set of four frames. You can do that by holding down the Shift key and changing the gap between select frames. So let's go back to our original grid of four. Let's undo the changes we've made on the grid by using keyboard shortcut Control or Command plus z. Go ahead and use this shortcut as many times as you need to go back to the original four frame grid that we created. And if you undo one too many times, you can redo by using keyboard shortcut Control or Command plus Shift plus z. So let's change the gap between the two left frames by clicking on the gap tool, holding down the Shift key. And when we see the gray fill between our top and bottom frame, Let's click and drag our mouse down so that our top frame is a little bit larger than the bottom frame. Now we're going to do just the opposite on the right side. And with our Gap Tool selected, Let's hold down the Shift key. And when we get the gray fill between our top and bottom frame, Let's click and drag our mouse up so that the top frame is a bit smaller than the bottom frame. Now, we will fill the frames with images just like we did on previous pages, by using keyboard shortcut Control or Command plus d. Then holding down our Control key and selecting the page nine images, then clicking on open. Our cursor is now loaded with the four images. So we can click on the center of the frames from top-left to bottom-right to place. And that's it for page 9. Page 10 is an exact replica of page 9, except for the color. So let's right-click on page 9 in our pages panel and select Duplicate spread. Now we simply have to grab our selection tool from the Tools panel and double-click on any image to select it. Then using keyboard shortcut Control or Command plus D to go to the Assets folder and select the same image only until then click Open to place it. We will repeat this process for the remaining three images, and Page 10 is done. Now, page 11 and 12 did not use A-Master. So let's right-click in the pages panel and select Insert Pages. Under pages enter one. Under Insert. We went after page 10 and under master, we want none. Then click Okay. We are now on page 11, and this time we want to fill the page with a single image. So grab your rectangle frame tool and drag out a frame from the intersection of the top-left margin, bottom right margin. And using keyboard shortcut, Control or Command plus D, click on the page 11 image and click Open. Page 12 will be a duplication of page 11 only with the different color way. So let's right-click on page 11 in the pages panel and click on duplicate spread. Then with your selection tool selected, double-click on the hand at the center of the image to select it. Then use keyboard shortcut Control or Command plus D to open the Assets folder and select the image for page 12. Then click Open. Great job. We have just one more page to go. Thank you. Page. This page will use our A-Master. So let's right-click in the pages panel and select Insert Pages. Under pages. Enter one. Under Insert we want after page 12. And under master we want a master. Then click OK. You can see that we have a grid of six images along the top, followed by a section with texts on the bottom to create the grid to hold our six images, Let's grab our rectangle frame tool and drag out a rectangle from the intersection of the top guideline and left margin to the right margin, making the rectangles between 2D and 2.5 inches tall. And don't release your mouse. Now while still holding down the mouse, hit your right arrow key five times so that you have a grid of six frames. Now, we will fill the frame is by using keyboard shortcut Control or Command plus the to open the assets folder. Then hold down your control or command key and click on any six images that you choose. Then click Open. Your cursor is now loaded with the six images and you can place each of them within the frames by clicking on the center of each frame. Now let's create a text frame for your thank you message. Let's grab our textual from the Tools panel on the left and drag out a small text frame. Now let's fill it with placeholder text by going up to the main menu, selecting type, and fill with placeholder text. Now let's grab our selection tool and resize our text box by clicking and dragging on the white squares on the text frame. Now let's grab our text tool again and click just to the left of the first letter of the first line and type in. Thank you. And hit the Enter key twice. Let's style our text by applying our paragraph styles. Let's select the text. Thank you. By clicking and dragging over the text, then click on the Paragraph Styles panel on the right to open it up with our thank you. Text selected, let's click on paragraph style title and our title paragraph style is applied. Now let's select the remainder of our text and apply Paragraph Style body texts. You've now completed the eye candy designs portfolio. Great job. Let's take a look at what we've created by grabbing the selection tool and clicking anywhere outside of our document creation area and typing w to turn on while mode. And now let's go to page one. You can double-click on page one in the pages panel or use keyboard shortcut Control or Command plus j. Then scroll through the portfolio to view your creation. You have learned so much to this point, and there is just a little bit more to make you a portfolio ninja. So go ahead and click on the next video and I will teach you how to take the portfolio we just created and swap out the images to make it your own. I'll see you in the next video.
12. DJ Portfolio Making It Your Own: Congratulations on completing the eye candy designs portfolio. You now have everything you need to finally finish your own portfolio by simply changing out a few things on the eye candy designs portfolio to truly make it your own. In this video, I will show you how to make it your own by saving a copy of the file so that you always have a master file to work from. By reviewing color theme creation and the primary tools and shortcuts that you will need to update your portfolio. And by teaching you about links, how to modify your paragraph styles, and how to modify your master files. The first thing we wanna do is make a copy of the eye candy designs portfolio that you can update and make your own. So with the eye candy designs portfolio, dot IN D, D File Open. Let's go up to the main menu and select File Save As and give it the name, make it my own. Save as file type dot IN D, D. Now you can use the make it my own file to add your own logo, color scheme, font choice, images and text revisions to use as your own master file to save and make copies of for future updates. Next, we want to quickly review color theme creation so you can add your own color scheme to have available for your make it my own portfolio. You will need an image that you can place in your document temporarily to pull your colors from. So using keyboard shortcut Control or Command plus d, go ahead and select the image that you will use to create your color scheme. Then click Open. Next, we want to grab the color theme tool from the Tools panel on the left and click and drag over our image to capture the colors. If the suggested theme is not to your liking, just hit the Escape key to reset the color theme tool and click and drag over another portion of your image. When you're happy with the theme suggestion, you can add it to your color swatches by clicking on the nine square grid with the plus sign just to the right of the right facing arrow in your Color Theme Picker tool. Your new color theme is now available to use. Next for the remainder of this video, I'm not going to give you keyboard shortcuts and walk you through the detailed step-by-step process each time of replacing images, selecting text, et cetera. I will simply say things like place the image or replace the image or select your text. So I wanted to quickly review the processes one last time for making a selection, placing an image, replacing an image, selecting text and while mode to select or deselect something. You need the selection tool. A good habit to get into and working with InDesign is making sure you've clicked on your selection tool to make it active. And. To de-select something, simply click anywhere outside of the document creation area to place an image you learned keyboard shortcut Control or Command plus D. This opens your file browser so that you can select your image and then click Open to place it. To replace an image, simply grab your selection tool, click on the hand in the center of the image. Then use keyboard shortcut Control or Command plus D to open up your file browser so that you can select your image. Then click Open to replace your current image to select text. Simply grab the text tool from the Tools panel on the left and click and drag your mouse over the texts that you want to select. If you want to select all of your text with your text tool selected place your cursor in the textbox and use keyboard shortcut Control or Command plus a to check the progress of your beautiful creation and see what it looks like without all of the guidelines, margins, or distractions. Simply grab your selection tool from the Tools panel on the left, click outside of the document creation area and type W to toggle between Wow mode and working mode. Now let's talk about links. In InDesign images do not live within the document. They are linked to a document. This allows you to link native file formats, such as Photoshop and Illustrator files. And by linking and not embedding the files, it helps keep the final file size manageable. These linked images are managed in the links panel. Since this is a beginning class, I'm not going to dive deep. I'm just going to give you enough information so that you understand that the images are not embedded in the document, but they are linked separately. So what does that mean and how does it affect you? It means that so far, all of the images that we've worked with have been found in one tidy folder. Indesign is happy and life is good. We can actually see what InDesign Cs by opening up the links panel on the right. Up near the top of the panel we see the eye candy Designs logo. We see a thumbnail image, the filename, and a three in parentheses. If we click on the thumbnail, information about this image is revealed at the bottom of the panel. Again, since this is a beginner class, I'm not going to dive deep. I just want you to be aware that information about your file is available in this location. Going back to the top of the panel, this three to the right of the logo indicates that there are three instances of the logo in this document. And if we click on the right facing arrow to the left of the thumbnail, we can open up a list of where the logo is linked within this document. We see that there's a logo on page 1, page 2, and on the A-Master. Now let's see how links work. Let's say you watched a new class on file organization and we're inspired to reorganize all of your files. So you took your logo and profile image and put them in accompany identification file. Now, when you go to work on your make it my own portfolio in design says, Hey, congrats on being so organized. But I'm the, I never met a routine I didn't might die and the logo and profile files have moved and I need you to help me find them. In design. Communicates this to you with the big red warning icon. To correct, all you have to do is double-click on the warning icon. Indesign will open up your file browser so you can go find your images and repair the link. And life is good again. So I fully understand about file organization and reorganization. So I just wanted you to be aware that if you relocate or rename a file that's linked in InDesign, you will get a warning and you will need to repair the link. So you have a choice. You can either store your files where you store them on your computer and linked to numerous locations. Or you can make a copy of your files and file them away in one tidy folder. Thankfully, InDesign makes the second task easy. And in the next video, I will show you how to create that folder from the images you have used in your make it your own portfolio. So far we have learned that our images are not embedded into our document but linked and that we can manage our links using the link panel. Another thing we can do is use the links panel as a shortcut for replacing images, especially those images that are used several times in a document like our logo. We have used it three times in the document and yes, we can go through every page and replace instances of the eye candy Designs logo with your own logo. But I like shortcuts in all, share this one with you. You can actually select and replace all instances of an image using the links panel. For example, you can click on the top logo, the one that has the number three next to it. Then click on the link icon in the bottom of the links panel. Then in the file browser, find in select the image that you want to replace this image with, and click Open and all instances of the image are replaced. Let's check it out. The logo was on page 1, page 2, and on the A-Master. So if we look at those pages and the A-Master, we see that all are updated. So this method is handy when there are several instances of the same image. Or if you have great eyes and can see what is actually on those tiny little thumbnails. The next thing I want to cover is how to update your paragraph styles. We covered how to create paragraph styles to style our texts to keep it consistent throughout our document. But what if that bright pink title, Myriad Pro font or charcoal gray color isn't what you want. No worries. You can easily update your paragraph styles to reflect the font, size, color, and spacing that you want. But it is important that you make the changes to your paragraph styles to keep the styles consistent throughout your document. So to update a paragraph style, you simply open the Paragraph Style panel on the right. Double-click on the style that you want to change. This will open up the paragraph style options dialog box. And there's a list on the left of all of the things you can change. We will focus on only two. You can use the basic character formats to change your font and your font size, and the character color to change your font color. And once you've made your updates, click Okay, and lock in the change. The takeaway here is that you can select and replace the content of your text in the text box. But if you want to update the style or appearance of any text that you have assigned to a paragraph style. You must make the styling change in the Paragraph Styles panel via the paragraph style options dialog box. The next thing we want to address is updating our master page. We have already replaced the logo that is on our master page. Now let's update our collection name and contact information. Simply go up to the master page section of the pages panel and double-click on the master page that you want to update. Select the text within each text box and update it with your own font, font size, font color, alignment, et cetera, that you choose. You can now click on any page that has that master page assigned to it to see your changes in action. At this point, you can replace the eye candy design images with your own. Update the collection name on your cover. Update the contact information on your About page and replace the placeholder text on the various pages with your own about collection, introduction and thank you. Copy. Just remember to select and change the title and body copy text separately so that your paragraph styles remain intact. Feel free to delete, add or copy pages as needed. Then when you're finished updating your file, meet me in the next video and I'll teach you how to package up those images into a tidy folder so that you don't have to worry about your item is becoming unlinked. Will also review saving and sharing files. I'll see you in the next video.
13. DJ Portfolio Saving: Welcome back. In this video, you will learn how to save all of the images in your make it my own portfolio to a single folder. And how to save your portfolio as a PDF that you can print from your personal printer or share with potential art directors and clients via email, social media links, or your website. Let's start with saving the image links to a single folder. Simply go to your Links panel and click on the top file. And then while holding down your shift key, click on the bottom file. You have now selected all of the images in that document. Next, right-click and select copy links to. You can either select an existing folder or create a new one. Then click on the folder that you want to save two and click on Select Folder and all of your files will be copied to that folder. Next, let's cover saving your portfolio as a PDF file that you can print from your personal printer or a share with potential art directors and clients via email, social media links, or your website to save a copy of your file as a PDF, go up to the main menu and select File export, and to the file name of your choice. And select Save As type, Adobe PDF, print, and click save. The export Adobe PDF dialog box opens. And under Adobe PDF presets, select high-quality print. And under compatibility, go ahead and leave the default as is. We're going to keep this pretty simple. And since you will either be printing this on your own personal printer or sharing via email, social media link, or web. The only other section that we'll look at is security, file security is a personal choice. Some people require a password to review their portfolio and others don't. So you decide what you wanna do and then either ignore this section all together to allow anyone with access to your PDF file to view it or complete the security and permissions section to determine the level of security that you want your file to have. And then click Export to create your PDF file. At the top of the security panel, you have the option of clicking the box and requiring a password to open the document. Again, this is entirely up to you. And if you do choose to require a password, you simply click the require a password to open document box. And another box becomes available for you to enter their password you want to require for opening the document. It is important to know that if you do choose to require a password, be sure to keep a record of the password you enter, because if you lose it, you will not be able to access the PDF file. Now, whether or not you require a password to open the document, you also have additional options in the permissions section of the security dialog box. You can restrict printing, edit, teen, and other tasks by clicking on the box and train it permissions, password, and then selecting what you will or will not allow. For example, under printing, you can select none, low resolution or high resolution. Next to changes allowed, you can click on the down arrow to the right of the dialog box to see all of the options that are available to you. You can also select or deselect the enable copying of text, images and other content. When you have set your security and passwords, click on Export to save your file. You have now created a PDF file that you can print on your personal printer, attached to an e-mail or share is a link via e-mail, social media, or a website. That's it for this video. Go ahead and meet me in the next video and we'll wrap up this class. I'll see you there.
14. DJ Portfolio Thank you: Thank you so much for taking this class. You have learned how to navigate the InDesign workspace, how to set up your preferences and workspace so that the program works for you each and every time you open it up. How to create new documents and document presets. How to work with pages, master pages and guidelines. How to work with color, how to create your portfolio from cover to cover. How to use InDesign secret tool for efficiency. How to update your portfolio with new artwork easily, and how to save your portfolio for sharing. And speaking of sharing, I would love to see one or two pages from your completed portfolio. So please post in the project section of this class and be sure to include a little about you and your artwork in the project description. And if you share on social media, please be sure to tag me so I can like and comment on your project. In class, I taught you how to save as a PDF, but included in your class, downloads and resources are instructions on how to export your portfolio pages as JPEG files. So if you need some help with getting your files ready to share in the project section, please reference the class downloads for assistance. You can also share your experience by leaving a review. And I would love it if you included the number one thing that you learned in this class. If you have any questions related to any of the content in this class or any of my other Skillshare classes, please feel free to contact me through the class discussion section or via my website. Thank you again for your time and for letting me be the one to share the beauty of InDesign width. You may your portfolio be used as a tool to help take that next step towards fulfilling your creative dreams until next time.
15. Bonus Watch Me Work Make It My Own: And so forth. And we'll see that later. And this will be a little bit that way. Hi. Now, this is a little bit, just a little bit. Here we go. Let's take a look at this. A little different. Because it became. We're going to do that first and so forth throughout this course. Let's see. So now let's kind of look like this. And this is a bit different. Now, let's take a look. My name is Elizabeth for this class. Yeah.