Transcripts
1. Intro: Welcome to my Watch Me work series. This series is a candid take being virtually over my shoulder in my studio, working together to create a specific this Watch me work. Siri's will have new peeking into my design process as you watch me create a pattern portfolio using Adobe in design, my portfolio showcases a surface pattern design collection of mine here towards the fabric interest. Your portfolio may be showcasing a wedding stationery design or a product catalog, but together, by the end of this course, we'll both have a new portfolio to you. Either print or share online to your audience or client, so join me in the course, but it'll feel like you're tagging along right here.
2. Course Overview: real quick. I want to share a couple of things. So if you have never opened illustrator or and design, you can still take this course. If you have the basic understanding of illustrator, that's great. This course is definitely for you, because I'll be bouncing around, just sort of talking out loud as you watch me work. I recommend taking notes. Skill shared has a note taker where you can sort of pause the video and mark the time where I might say something important and take a note. But you can just as easily do that in an iPad or a notebook. Second, attend to talk fast when I get excited, so skill share also has different paces you can choose from. So if I'm talking too fast, I recommend slowing down the speed. By the end of this course, we will have a completed portfolio. Now, if you know what your portfolio will have in it, that's great. I recommend creating all of the artwork in graphics prior to even opening and design. You can create artwork as we go, but it's just a It's just a good practice to create. The graphics are as many of them, as you know, prior to opening and design. If you don't know what your portfolio will have in it yet, but you want to follow along this course definitely do. So we can use placeholders that you can insert your graphics in later. So you're basically will. You'll basically have a template ready to go for when you're ready in the course notes. I'm gonna leave a couple of references on where I've gotten portfolios printed, so be sure to check that up, and I think that's it. Let's get started.
3. Setting Up a Document: welcome to the inside of it. Design. In this chapter, I'm gonna run through a completed portfolio of mine and walking through some of the very first steps you'll want to take when you start to plan for your first portfolio design. So the first question you want to ask yourself, and I'm sure it's one you know, what are you designing and who are you designing it for? This portfolio was a pattern collection that I created with the intent, um, of pitching it to a fabric company and hopes that this collection could become printed on textiles. So before I even thought about creating a portfolio, I had to first create the pattern collection. I created 6 to 8 patterns and saved them in two different color variations. From that, I was able to create mock ups. I was able to create graphics like you see here, and I basically just pulled the motifs from the artwork. Saved it as image files. You could do PNG's you couldn t. J Pegs will talk more about that coming up, and of course, I saved the pattern. Artwork gave it all a name, and once I created all of the graphics I thought I would need. I saved them. Teoh. What? I'm gonna call throughout this course a home based bolder. Now we're gonna talk about linked images from your home based folder in its very own chapter. But it's a good practice to create as many graphics and mock ups or whatever it is you're creating for whatever industry you're creating it for. It's just a good practice to get as organized as possible. So I'm actually gonna show you real quick. My home based boulder. So this folder has my skill share portfolios that I create it for this course. It has my graphics and assets that you see here and you'll see some of these up. Most of these were used throughout the portfolio. You'll see logos and ah, headshots and my pattern, artwork and mock ups that I just showed. You will come back to this home base folder and we'll talk more about that coming up. But I just wanted to point out that it's just a good practice is to get as organized as possible. So as you designed, you know exactly what you need or you already have it and you know who you're creating it for The second question you want to ask yourself is, how are you showcasing your portfolio? Is this going to be a printed portfolio? Are you going to display it on a website or on 1/3 party portfolio site like issue dot com or something like that? You want to ask yourself these questions Because how you set up your document is sort of dependent on you know, the end, Um, viewing purposes of your documents. Scroll back up And I'm just gonna operate and we're gonna set up a new document now that you have those two questions answered, right? So if you go to file new and this has already pulled up, But when you open up in design, you know nothing will be here, file new documents, and I'm just going to run through Ah, the basics here. So your document preset will default to these settings. But if you have a custom at, you know, setting that you've saved, which would be a good idea for me to do, since I use the same pretty much the same dimensions for all my portfolios, you can customize and save it here. The intent here is to print for me. But if your intent is Web publishing or digital publishing or anything like that, you can simply select that they're just ensures that your file size for reviewing is it, you know, giant number of pages. If you know the number of pages your portfolio or your project will have, you can answer to here. But you can also insert pages as you go, which is typically what I do facing pages. So if you have a book and you open it, there's a page on the left. There's a page on the right when you close that those pages are fixing each other. So if you want to design that way or your, uh, you know, viewing purposes Linz two facing pages you'll want to keep that toggled. Ah, you're start page will be, you know, one endless. For whatever reason, you don't want it to be one. Ah, primary text frame is not something I use often, but I will point out that it's just basically, it puts a text frame on every page, and as you type, it will automatically, um, let's see overflow your text to the next page to the next text box without you really having to think about it. So this is great for you know, if you're writing a book or something like that, I'm gonna leave that untargeted because I have never written a book page size. Obviously, it will give you some defaults, just like any program from here down. These numbers will depend on your printer. So I use a company called Blurb. And what I would do is depending on what type of book I'm printing. They have lots of different options. I would look up the specs and dimensions off basically what I need to send my document up. So everything, you know, jives with their printer. Same for you know, these sections here. I like a tight gutter, so I'm just gonna pop that 2.25 which is pretty pretty standard. Um, as far as you know, You not wanting text to go past that margin Anything important anyway And bleedin Sugg again, This would be a big stone. Your printer sex. I'm just gonna press. OK, so now we have our newly created document, and it wasn't so scary after all. So on the next chapter, we're gonna diamond to our newly created document and go over the workspace and tools you'll be using in this course, so I'll see you in the next chapter.
4. Workspace and Toolbar Tour: So we have our freshening document ready for us to design. The very first thing you should do is safe. Your file in design has an auto save. But let's just go ahead and save a hard copy. I've learned this the hard way. So we're just gonna go ahead and do that. So just like any program you go to file, save as and you select the location, you want to save it in. Okay, you'll see that this workspace looks pretty similar to illustrator, but we're gonna take a tour. I'm gonna be repeating myself a lot through this course to and under that in design is a huge and robust program, but we'll lightly scratch the surface. And the things I'm teaching you will give you the essential tools you'll need to complete the course project and get a feel for in design. So I'm just gonna dive right in. The very first thing I want to tell you is that you can change the preferences in the design preferences panel here, and I want to point this out because this units and increments might be something important to you. When I first opened and designed for the very first time the ruler here was not in inches. I believe it was in centimeters or millimeters. Something like that. And the type and the point size for the strokes were in pikers, actually. So I just want to make a note specifically on units and increments. But any of the default settings you can change to your liking in the preference panel and I'll X out. You can get to that by clicking and design, going to preferences and clicking on any of these subjects. But once once you select one, you can navigate sort of on a sidebar there pretty easily. So just gonna cancel out of that. The next thing I'm gonna jump Teoh is the workspace default. So if you hover over window, click and go to work space, you'll find some default workspace settings based on perhaps the document or the project. You're working one. I have a singles selective, Which gets me these panels here. Any panel you have Ah, here that you do or don't want. If you don't want it, you can simply you know, pop it out. X out of it and I'm gonna pop. That can run quick and any panel that you do want, you can just simply toggle it on. So let's say I wanted the info panel. I'm just gonna click it. I can move it around, I can pop it to the side. I can hover underneath this little this little guy, and it'll pop it there. And I could hover within this panel and it'll, you know, put it, put it in there so you can organize your workspace that way. And it's pretty, uh, pretty useful to have the tools sort of handy right here. This toolbar over here and I won't go through each individual tool. These are all pretty Ah, pretty universal tools and very similar to illustrator. So you have your selection tool, your direct select, um, you know, different. Different move tools, your type, tool, line, shape. You know, Grady INTs all that good stuff. So this is the toolbar that you're likely familiar with right here. You will find your feel option and your stroke option. And like most programs, there are multiple ways to do things. So you can also change your fill in your stroke up here, and you can even do it in the stroke and swatch window panel over here. So this tool bar up here, I'm actually gonna pop over toothy example Portfolio to show you to show you some things. If nothing else, it'll be prettier to look at. So this tool bar up here, So I'm gonna click this rectangle. And once you have an object selected, this toolbar sort of comes to life. This right here, I use a lot. This is the reference point of your X and y axis. I'm just gonna make the within the height of this just sort of around number, because it's just driving me crazy, so we'll just make this will just make it for and I'm just going to click and type four and press enter, OK? Oh, no. Make it 4.5. Get a little breathing room. Okay, So when I clicked this rectangle, I see the x and Y coordinates and the width and height of my object. Now, the X and Y coordinates is 4.25 by 5.5. I know that that's dinner, because my entire document is 8.5 by 11 and that is the center point. The reference point is basically the reference point for your X and Y coordinates. So if I pop this reference point up here, the X and Y coordinate changed to 4.25 across, but it changed a 3.25 And that's because it's giving me the reference point of the top of this rectangle. If I moved it to the bottom, the same thing would happen. It was giving me this. And of course, you know, the rest is probably Suffolk's mandatory left, right corners, all of that. So depending on what you're doing, you may want Teoh move that, uh, move that reference point. Um, again, this is the X and Y coordinates you could manually type in a number. You can change the width and height here. What's great to is that thes thes boxes will read maths. So let's say, you know, have an oddball page, and I may not, you know, do quick bath in my head. And I know that my document is 8.5 and I want the X axis to be the center of that second type in 8.5. The divide symbol, or the slash divided by two it's gonna automatically calculate that for me. So I've used that a lot When maybe I have an oddball size or, you know, like maybe this document based on my printer wasn't 8.5 8.5. Maybe it was like 8.26 So that's a good way to just make sure your document are your object That you have selected is perfectly center by just doing the math with nd's, um, boxes. This is a scale tool and an angle tool. I'd never use any of these, but they do exactly what they say. They can scale your object that you have selected up or down. You can rotate angles and sort of skew the objects that way. Um, these are just some more rotate tools that I never use. Um, so I'm just going to skip that, But, you know, feel free to do your own research there. We won't be using them in this course. This right here is your fill, and you're struck. So if you click this in, design will give you your basic seemed like a. I have some custom color palettes in here that we will talk about as well, and the same for the Strick. You'll have your seeing white kid colors with my custom color palettes. This is the stroke point size. So if I wanted to put a stroke on here and I'll just show you but a black it will automatically default to one point size. You can go a little smaller and you can go much, much bigger, but that's that's what it'll default to. So I'm just gonna take that off these tools right here, or just different effects. I don't use these a whole lot. I do use the opacity sometimes. So that's Ah, you know something you could select here, but I didn't. I didn't take off. So I have my square selected and say, I just wanted it to be a little bit opaque. You know, I could I could change that. Here. The's are text edit tool so you know you can wrap your tax. You can have your text sort of wrapped within an image, and you can do that here. We won't be doing that in this course, but these are tools that might be useful if you have more of sort of a pamphlet style design where you want to wrap text around an object. These are great for that. I don't use these tools too much, but I do or these for them. Patter. These are just just different ways. You can fit your images within the frame. I just like to do it manually, and we'll talk about that when we talk about placed images, these tools, I use a lot. So I'll just as an example I'm actually gonna pop back over here just to have a blank page . I'm gonna draw three rectangles and maybe these through rectangles had, you know, images in, um are you know, whatever, whatever they are, if you highlight all three and sort of hover over each of these guys, you can align them to the left. And I'm just going to backspace. You can align them center, gonna lend the right. You can line all the tops, the centers horizontally or vertically, and the bottoms vertically as well. So this is great. Just for if you had, you know, maybe a grid of shapes or grid of images that you just want to align. That's great for that. So, for the most part, like I said, we're scratching the surface. Those are the tools will use throughout this course from this top toolbar. So I'm gonna delete these by highlighting and just pressing delete on my keyboard, and I'm gonna pop back over cause I want to go over these a little bit more specifically, you'll be bouncing through these windows pretty frequently. So I want to go into detail and again, I'm gonna pop back over here to do that, just easier to show an example of work that's already done. So your pages window when you open your pages window, you may have blank pages because you're creating your pages as you go on and you know nothing here like you see here, pages will default. You'll have a nun Master page in an a master master page. Now the none, of course, just has nothing on it. And this is a master page that you would want to apply to perhaps the cover because you don't want you know anything on the cover like page numbers or anything like that. Um, the a master here, you'll see that there's an A, huh? You know, And if you hover over as well, you'll see but you'll see a little a icon on the corner of the pages, and that just means that this a master is applied. And maybe there is some, you know, copyright information or page number that you'll want to apply throughout your documents. We're gonna talk more about that in its own chapter, but I just wanted to point out that that's where your master pages lift. So your pages panel you can navigate pretty easily these thumbnails. You know you can easily see them. You can double click Teoh, quickly bounce to that page. You can highlight pages and move them around. So I'm just double clicking or not double clicking. I'm selecting those pages, and I just click and dragged them. Teoh, move them, you know to a new location, and you can do the whole spread. You can click individual pages and drug and move them around this way. You can also add pages as you go, so if you want to and a page to just the last page you left off, you would just simply create new page. And it will automatically add Teoh, where your whatever page you had last selected. If you click twice. It'll add a spread now because this was my back cover, You know, the spreads not attached this way. So if I double click thes and just hovered and popped them over here, you'll see that now my back cover kind of got scooted to the end and this is my new spread . So that's one way to do that. If you want to duplicate a spread, you can select Select your page spread or an individual page. If you don't want to duplicate a spread, you can just duplicate a page as well. And I'm so happy selected, I'm gonna click and I'm gonna drag over the new page icon and again, just depending on if you have that last cover page, it's gonna kind of pop them, put them to the end that way so you can move them around as needed. Another great thing I just want to make a point of, um is that duplicating spreads is great for like, let's see, let me pop too this page. So I have these air my pattern pages, and I know I want them all to look like this. So I already have my formatting already have my taxed and finds the way I like it. So let's say already created a blank spread And I'm not duplicating a page, But I need this content. I'm just gonna sit a select command, See keyboard short for copy. I'm gonna go find my bit blank page. I'm not gonna paste it just anywhere. I'm gonna goto edit, paste in place, and it's gonna paste in place the exact X and Y coordinates that I copied from So that's just sort of another manual way you can duplicate something from, you know, a spread that you've already created But always good practice to to just pop over to that spread, click and drag over and you know you can You can do that that way as well. And of course, to delete a spread, which is what hounding you Click the same and, uh, click the spreads you want to delete and hover over the really page. It'll double check that. You want to do that. Press up, kay, and that's pretty much an overview of your pages window. Now I'm gonna hop to the links panel. Now the links panel will be its own chapter as well. But I am gonna run through that. That home based folder that we talked about This is all all the graphics and all the files that were in that home based folder that I used throughout this portfolio design will be found in the links Boulder, and it will give you the page number that, you know, each file is located on this caution line I'll talk about in its own chapter and why it's right there. But this is where all your files live on and sort of attach itself. Teoh this in design file. Next is the layers panel, and sometimes my work lends well toe layers, and sometimes it doesn't. This particular project did not. But if you want to work in layers or you just prefer to work in layers or your work, ah lends well to layers. Then that's a good a good thing to have in your Windows panel, and it's pretty. It's the same as, you know, in design and photo shopped for that matter. So, um, I would imagine you are familiar with layers paragraph. So your paragraph and character settings, um, this is just where you navigate and modify your funds. Your size is your current ing. Things like that. Your paragraph, your alignment, your margins, things like that. So you'll find that you'll be using these two probably a good bit. Your stroke is like I said, there are multiple ways to do things in most programmes, and I like to keep their strokes panel right here. And you just have a little bit more control than you do. You know, up here and right here is basically just your swatches. You can alter the points us here, but I just like to have it toe having a little close by your swatches panel will have none Registration, black paper and seemed like a black and other seemed like a You know, your basic C and my kid colors. You'll notice that I have custom colors right here, and I will show you more about how to do that a little bit in this chapter. But in its own chapter coming up a swell. So now that we have gone through the toolbar overview and some workspace details, I want to show you a couple of the things that, um, probably the biggest differences between illustrator and in design and two of those differences will use pretty frequently in in design. So definitely want to point out, uh, point out those differences. So I'm going to show you Justus an example. Gonna pop over to illustrator, and I have some files already pulled up. All right, so I'm gonna click my text. I have my textbooks selected, and I'm just hovering my mouse over the screen, looking for a place to type. So I am just going to start type in an illustrator, and it's pretty easy. I can use my direct select tool or keyboard shortcut veto. Have the selected and Aiken scale it up, and the tech stays up or scales up and Aiken skillet down. I can move this text box, and it would do that. So those are things you probably know just talking out that I'm gonna pop over to in design , and I'm gonna do the same thing. I'm gonna click text the text box. I'm gonna hover over and find a place. I'm gonna type text, and I'll just actually go over here and do it. And when I click and start type in, nothing happens because in Designed does not read just floating text. They want to have a text box. We want you to have a text books. So I just drew a textbooks in in design. Now I can type. So that is one of the things that just had to get used to not being able. Teoh, um, navigate text the same way you would in a nil. A traitor. But this definitely has its benefits. And this is, um, just to point out while we're while we're here, this is all automatically aligned to the top left in a textbook. Said this is where I would go to my paragraph and I would center that up. Um, this tool right here is what you would want to select If you want to align your text in the center of your text box, no matter how big it is, no matter how small it is. So when I use the scale tool to scale this up or down, it's not, um, it's scaling everything that's in that text box. So if you want to leave the textbooks as it is, you have to go in and, you know, directly select the text, unlike, unlike illustrator, and you could just go to the characters panel Teoh, change that. The next thing I want to point out, that's just different. An illustrator that I had to get used to is the color palette. So when I go to illustrator, I find it super easy to make a color palette. So when I make a color palette in and a new illustrator I usually just draw some rectangles and duplicate them. And I'll just do that here. And maybe this is a photo. And I'm using the eyedropper tool to, you know, pull pull different, different colors, watches. And so I'm just showing you that here actually believe I have it pulled up already? I do s so this is the color palette. I created an illustrator. These are the colors found and this pattern collection is particular this particular graphic. So if I click on this, I'm at oh, it's groups. I'm gonna ungroomed it and click on these individual rectangles. You'll see that the fill over here is showcases each color. So if I double click on this one, you will see that the color picker in illustrator is is different than and then in design. You can freely ah, select the hue of whatever you have selected. Here you have your hex code. You're seeing like a values, and it's just I just find it easier to navigate. So I'll copy and paste this because I'm going to need it in a second go to go to in design and show you if I were to do the same thing, draw awesome rectangles just for the sake of creating a color palette and a double click on the film. The color picker here is an RGB mode, and for the life of me, I'm not figured out how to change that in the preferences. But so if if you know, please let me know. But for now to get around that, unless you know the hex code or the CME like a value of a certain color, your sort of, you know, testing out, that would be the only way to do that. So to get around that, I ah, hard copy and paste it. Let's say I'm gonna go back. I'm gonna copy this color palette that I created an in design. I'm sorry that I created an illustrator go to in design and I'm gonna puppet by pace ticket now illustrator in a design, speak the same vector language. So in design is reading these as individual rectangles. When you paste a group of Awja objects from illustrator to in design, it'll group them together. So just like you could group objects you can UN group. So now these air individual rectangles. So any any color palette like this anything with a Phil will automatically be added to your swatches panel. So because I did this on the new document, it had just your standard C and Y K. Now it's got these custom color palettes. So when I'm working in and design and I'm creating some custom custom color palettes that I would want toe ah, pull from to color my fonds to color my graphics and rectangles and shapes, I always just basically have a Nilla straighter document open just a sort of almost like an art board, almost like a little a little test board, a little scratched board or scratch piece of paper you could you could imagine or utilize that way. So those two things are the things I find most clunky about in design. It takes some getting used to, but once you get used to it, you'll find your flow, and you'll find that it's actually pretty great having things the way they are in design. So coming up, we're gonna talk about master pages and how you can apply information like footers and page numbers across your whole document with just a few clicks of a button. Then we're gonna follow up with texts and shapes and images and linked images and a few more things before we get our hands dirty with the design.
5. Master Pages: This will be a quick chapter, but I want to give you an overview on master pages and how beneficial they are to edit your entire document with just a few clicks. So master pages air found in this category in the pages window in this top little category right here. So you will have a default A nun, master pain, gin and a master to add to your master pages If you want to be master or seamaster her many master pages you may need, you can click on your a master and go down here just like you would add a page to this section. You would just want to click here. Thio Thio Add to that So none would be, um, something you would want apply to maybe your cover page. You know, I don't want any information like footers or anything like that on my cover page or my, um, back page a swell. So if I double click my master, this is the page that is applied to everything that's got a little a right here. And if you hover over, it'll say a master applied. But you can also see this little icon as Well, so a masters. A great Teoh. Copyright information to add, um, you know, page numbers, which will show you in just a second. So I'm just gonna delete this. I'm gonna delete this textbooks. And now, when I go to something that's got a master played applied to it, um, in design will default. Apply your a master to ah, think every page. If I remember correctly, I have to go in and manually put the nun over my cuppers and things like that. And actually, I really don't want any any copyright info on these two pages because those air, like, you know, that sort of intro page, things like that. Um, So if I double click by Master page, I just deleted that textbooks. I'm just gonna show you. So I'm just gonna select my text tool. I'm gonna draw text box, and for copyright, I like it to be below that margin. So I'm just gonna type copyright 2020. But I hope Johnson, because feel my name right, I'm going to flick that. And just because I know it's gonna drop me crazy, unnecessary right now, but I'm just being picky. Changed my fun. I use the spot. Ah, lot called Avenir, I believe. And it's, um there's just so many difference. There's just so many different options. My computer is being super slip. Okay, so have my font. I generally like toe bump that copyright info down. It's not, You know, I don't want to gilling at you. I like the current ing pretty, but he stretched out. I'm actually gonna center. It's. And when I have this select still selected, it brings up. This toolbar sort of brings it to life like we talked about and I like to just pump that opacity down. I could just change the color itself. So now when I go back to my pages panel, if I go to everything that's got that, um, a mouse replied to it, You can see you can see that copyright info. So if I wanted to make a change, you know I can't click on in here. I can't click on that. That text box. I have to go back to the master, and I noticed that it was a little bit close to those displaced photos. Now, if I go back, you can see that it was bumped down a little bit. So the next thing I want to show you as page numbers page numbers could be a little bit tricky. Uh, not trick. Well, I'll just I'll just die for it in something to go to the master page. I already have my texts formatted the way I wanted to. So I'm just gonna high like this and type page with a space. So you want to leave your cursor hanging and sort of have this occurs or active? I guess you could say Go to your type and it's a little bit buried. Insert special character markers. Current page number. So since I have my A master selected is going to say Page E, If you had this on be Master or Seamaster, it'll say, page beep, agency. So now when I go to my A master, it's gonna say Page four in Page five. And when I said page numbers can be tricky, this is what I mean. I don't want my page four to start, you know, on page four, which makes sense. This is page for, but really you probably have a cover page may be an intro or a table contents or something like that where you really want your page one to be where your page five is or, you know, whatever that is for you. You want your page one to start on the right hand page of where your content actually starts. So to do that, let's say I want page five to be my actual page one. I'm going to select my page in the thumbnail right click numbering and section Options in design will automatically Ah, have this selected your automatic automatic page numbering, which will just have it just like it is. Whatever page your own. That's what page this little placeholder text box says. So I'm going on. What? This Page five to be my page once I'm gonna select that, keep it at one because I want the first page to say page one first. Okay, this is just double checking that you want to do this and press OK? Because what this does, it creates almost, um I've you, This is like, this is my index page. 123 and four is my index. And then this page one will be my remaining. You know, my actual page one, where my content might start. So now you can see that this page five has page one. So to get rid of thes, I would simply apply my none Master Teoh, Those first few what? I'm calling index pages. So that's a little snippet on page numbers that might be useful. I do want to make a note that you cannot apply and a master in a be master to the same page , so you can only apply one master to a page out of time. So if I wanted copyright information on, um on my pages as well, I would simply I'm just gonna copy and paste this tight. You know, my copyright 2020 by Johnson. So I would just arrange this on the document along with the page number. Also, want to make a note that I have this text box stretched across thea whole bottom of the document. If I had my text box like this, that's still fine. You just want to make sure that your text bucks, um, will account for your largest page number. So if I had this super tight, you know this It all fits. But if this was page 105 you know, it may fall over that textbook. So you just want to make sure your text boxes big enough for your largest your largest number. So I'm just popping this copyright information over here. I'm actually gonna check my Why access to make sure that, you know, they're both the same. A little bit off. I'm gonna left a line to go to my paragraph to left. Align that and I'm going to write a line this. So now when I go to my page one, I'll have the page number over here in the copyright information over there. Maybe this is your website. Or maybe if you're you know, if it's a book or a chapter, you can put that chapter right here and have you know, and a master could be for your chapter one be master copy for your chapter two. So we won't go too deep into how to do chapters and things like that. But for the purpose of this course, I thought those two little tidbits of information would be great to know We have a little bit more to go over before you watch me work, which I hope you do simultaneously. we're gonna dive a little deeper on text and custom color palettes and shapes. But additionally, I'm going to show you how, when you create your portfolio, you can ultimately create a template. So I created this artwork prior to opening and design. But if you are still working on that artwork and you're still getting your assets together to create that home base voter like we talked about, I still want to encourage you to go through the course. And what we'll do is create placeholders together. So instead of placing images within those placeholders now you can go back and do that later. So you will ultimately have a prepared template for when you already So join me coming up. We're getting close to the design portion, I promise.
6. Placeholders, Graphics, and Text: on this chapter, we're gonna continue on and talk about shapes as placeholders text and using your custom color palette to edit both of those things. Like most programs, there's a few different ways to do most things, and I'm gonna show you three ways You can insert graphics or imagery or photos into your and design document. I'm gonna pop over to our blank document to show you the first way. So the simplest way to insert a graphic or a photo is to go to file place or command de control de and simply find your file on your computer that you want to insert. So we talked about that home based Boulder I am gonna grab from my home based boulder and I'll explain in the links chapter why that's important and just grab. I'm actually gonna grab a pattern, and I'm gonna press open. I am. I havent clicked anywhere, but you'll see that my graphic that I created that I selected is ah ha! You know, little, little thumbnail of it is hovering with my mouse and is basically asking me, where do you want to put this? I can click it here. I'm just gonna back space. I can click it here. I can hover over where I know I want to put it. Because I know that this file I saved it as an 8.5 by 11. So I'm just popping it, you know? Where are no up? It's about toe land. I know. You know, it's gonna land about in the right spot. So to double check that I would come up here and I see that it's awful little, Actually, the the document itself is not quite 8.5 by 11 so I'm just, you know, centering that centering that up. So what this did, is it plea? It placed the, ah, the size of the image, the role size of the image into my documents. So just to show you an example of something that might be a little different size, I'm gonna go to file place and I'm gonna pick something that's not the same size as the page. See this? So if I pop this, this was the PNG, which is why it had that black background. If I pop this every here, I'm just gonna push this aside. I'm actually just going to leave that when you place an image natively into in design the way we just did, and design will automatically add a box around it so you can see this blue box around it. And you might think that you can transform this and scale it like you would be able to do an illustrator, but it's a little bit different. So if I took this and scaled it down, it's basically cutting off that image because I'm not scaling down the image. I'm scaling down the placeholder, the box that in design created for, um for me when I paste it. Or when I placed I should say, an image into in design. And so if you notice this image is a larger and you know it's hanging off my paint and I don't I don't want that. The place holder is also hanging off a page. So if I select, I'm just gonna tap out. If I select by clicking once it's going to select the placeholder and I am just telling myself, you know what? I'm just gonna bring this place holder in and make it maybe the size of my page or, you know, whatever whatever size you're wanting to fill the placeholder for, So I still have a problem. I still see that the image itself is, you know, being cut off by the placeholder. And maybe maybe I don't want it to. So Xing out again are tapping out again just to show you if you click it once you're selecting the placeholder that was created that blue box around your place image. If you click it twice, double clicking, you will activate the move tool and you could see this red box. So this red box is the actual size of my image, and that's just based on. And I made this image in Illustrator and I saved it. So whatever's file size I had an illustrator is is what this file size is set to. So using my transform tool, I'm just going to scale this down because I don't want this to fall out of that place order . I'm kind of popping it right at my margin, and I just tapped out of it, but you'll see that the placeholder is still the size of the paper. You can bump that down just to keep things nice and neat, but just know that when you create our when you place a man image by going toe file place and finding that image, you know, natively from your computer and just popping in in in design the way we just did go to it again and placing it, you know, the way, the way we placed this graphic, it's gonna place at the exact size that you save. This file s. I want to point to things out, so you'll notice that this file looks sort of pixelated. This is just in designs. Um, way of sort of down sampling your images just said the program runs quickly. So if you go to a view and display performance, it's in typical display. If I wanted to see you know, the actual quality of this image, I compressed high display and you could see that that picks elation went away. Ah, second thing is that when I d select my object, you'll notice that there's still a blue line around it. So I, um, prefer to keep those free images select, select the frame edges and tuggle them off. Just so when I'm not selecting, I can see what my actual page view. It looks like I find that when you place an image just natively into in design that way the boxes that it creates and then when you move them around, just sort of get they just seem to get in my way. So I'm just gonna delete this and show you the same process the same photos of what that would look like if you created a placeholder for your images first. So I'm gonna draw a rectangle having ever I'm just gonna draw it that whole size of my page . I'm gonna come up here, okay? Gonna love this stroke off because they don't want to stroke when you draw a rectangle and design will automatically put a stroke on it and sort of annoying. Um, so there is a box around this entire document, and this is just my, um, preferred way. The way I know, I designed this portfolio. This in my head, this is my cover page. So if I wanted to place a pattern and create, you know, that same cover page that you see here, I would do this, draw this rectangle out and same process you go to file, place occur. Mandy good. Seo, Do my pattern artwork and select that pattern and press enter. So what just happened is this shape. I drew the shape first, and then I filled it with a pattern. And I know that this pattern is the same size as this rectangle. So it filled it. I'm gonna zoom out just to show you that if this pattern were larger than this rectangle around a straw small erecting to show you file place. So you see the scale of my pattern stayed the same as what I saved it as it was in 8.5 by 11. So that scaled pattern at eight a half by 11 day the same even when I made my rectangle lower so I could drag this rectangle to its corners like I originally wanted it on the scene back in, make sure I'm double clicking my photo. Remember, if you click once you're selecting the shape if you cooked twice your toggle ing that move tool to weaken, move just the pattern around. So my my box is staying the same. I place older and I'm moving just the artwork. So you always want to be mindful that your artwork is, um, filling in the space. You're you're hoping to fill it. So this is just my preferred way to place images. I just find you have a little bit more control when you create a placeholder that way, And the placeholder just sort of becomes, um you know, exactly its name, it it holds the graphic in place, and you can quickly access it by double clicking, you know, scaling up or down to make sure that graphic is filling your placeholder as you intended. Um, and I just Yeah, I just prefer this way because if I don't have graphics, I can simply say, you know what? I know I'm gonna fill this with a pattern later. I'm just gonna pop a color here for now and to the placeholder selected. So that home based folder that we talked about if you are not ready to create that home, the home base boulder and you don't have files yet by all means still make this portfolio because what you could do is exactly what I just did. You can fill this instead of with artwork a color or fill, just like this rectangle is filled with Phil and insert that later. So you'd basically be creating a portfolio template. So there's one more way I want to show you how to insert photos and was gonna delete that actually gonna pop over Teoh, Etc. Illustrator, And I'm gonna copy and paste this graphic and this is an it It's vector base, just like illustrator the language. It speaks. I'm gonna press command, see to copy it and go back to in design a press command v to paste it. Now you may get this message and this is because there this graphic right here is a large file and I'm gonna press okay because it's basically replacing it with a smaller, down sampled version. So I just copy and pasted the role vector from Illustrator into in design, and I just wanted to point that out rather than going to file place. Say, I didn't have this saved. Or maybe sometimes I used illustrator as, um, you know, quick little quick little graphics that I may not want to save to my computer, which is not a good habit. But I just want to point out that it's good I like to save my graphics to my computer second, always go back and make changes if you pace tonight, um, directly, it is an option. But if you paste item directly into, um in design from illustrator from wherever, then you can always go back and edit it. So it's possible. But I just wanted to point out that, um, yeah, it's possible, but it's not. It's not the best practice to Dio. I find that creating that home based Boulder is just a really organized way. Teoh, start your design process. So the next thing I want to talk about is text. So text is viewed, um, sort of the same way imagery is viewed. It's it's it requires a placeholder, just like images require or force you to create a placeholder. So I'm just gonna copy and paste this text, and I'm gonna puppet to the sides. You can see it easily. You can see that this text it's in its text box. I'm actually gonna just create a new textbooks so we can learn together and type dusk till dawn. This is just the title I gave this collection. I'm gonna give the same, but and I'm bumping it up a little bit gonna give it a custom color. Go back to my character. You guys know I like that turning a little bit more. Waste your time in doing this. So we knew. Type in a fresh new, newly created textbooks. It will automatically bump your text to the top left corner like this if you hover over. And remember, if you, um, have your items selected, it will sort of bring this text at his toolbar toe life. So if you come over here, you'll see that it's a line to the top, which may be, ah, what you needed to to do. But if you'd like to light into the center of the text box, you can do that. And then, uh, come over to paragraph in the line. It centered, um, with your X axis, is he mad? A little bit. So this is still a place order. This is just a text placeholder instead of a shape placeholder. So think of placeholders as just temporary boxes that you intend to fill. So this text box has a transparent Phil, so this text box will hold the decks. But it can also hold a Phil, which is great. So I'll just color the background that color so you could see that I just filled in the text box with, um, with color. Like I said, there are just multiple ways to do things and most programs, and it just it just depends on your design preference. I prefer toe have my text boxes. Um, for the most part, just like typical traditional text boxes. There's a transparent background on putting it over the shapes I just find visually, my eyes look at these things as not layers, as in the layers panel panel, but just layers. Um, I don't know. I guess it's just a mental aspect for me. I like to see them as individual objects, I guess you could say, But I will show you a place where I do ah prefer to just fill in the text box with a filled color and I'll have toe pages, pages panel, and I just sort of, you know, switch back and forth, depending on what I'm designing, based on how I want to do it. So these pages, I just wanted to keep him simple. Just I have a placeholder for the graphic on both sides, and this was a textbook said this was a textbooks that I drew that are filled in with a color. And these are just simple pages that, um I could I could have done either way. I could have done just drew a box and I'll just dropbox filled it with the color, fill it with white, and then I could have drawn a text box and I could put text here, you know, just put some placement X a code of edited that text by centering it up, aligning it center horizontally and hovered that. And when you hover your text over a shape, you have those smart guides that can sort of guide you into placing it in the right spot. So now, instead of just two objects on this page, I have one too. Three The box, the text box, the shape, the text box and the artwork. So it just depends on your personal preference. There are times where I like to see the individual objects, like all the cover page. Ah, that I might move around a lot. There are times like this where it's just cleaner. Teoh, you know, limit limit your placeholders. So there's an overview on placeholders. So think of placeholders just as temporary holding spots for either an image, a graphic or your text. You can also create rectangles simply as graphics as shapes as geometric shapes, just like this rectangle that I have selected here access. It's just a simple rectangle that I find, um, creates a nice design aspect. So I want to encourage you to still go through the portfolio and the course project, even if you don't have your graphics created. So you can use thes placeholders to create a master template. This particular portfolio, I'll tell you I designed for this class, but I designed it fully, just as I would for this textile collection. I designed it in about 20 minutes, and that's because this portfolio had already been created before. Except for this mock up and these patterns, everything. All the graphics were different, so I just once I had the graphics created, I pull it up my template. I popped him into place. I changed the text, and in about 20 minutes I had a completed portfolio that I sent off to my printer. So we have talked a lot about that home based folder and prepping your or work prior to opening and design. And on the next chapter, we're gonna pop over to this links panel and talk about why that's important. So join me in the next chapter. It's a quick little lesson, and then we get to design.
7. Linked Images: in this lesson. We're gonna talk about linked images, and it's gonna be quick, but it's very important. So linked images are the way in design speaks to the graphics that you are using in your file. So if you go to this links window and if you don't have yours or in your workspace, you can easily add it by going to window links. So these are all the graphics that are in that home based boulder that we talked about earlier in the course. So everything you see here that I have used in my and design document, you will also see here linked images are, Let's see how the best way to explain the way linked images work it's almost like in design is using linked images in the same way that you upload photos from your phone to the cloud . So if you were to embed these images within the file, it would be almost like, copy and pasting an image in its in the document. Right now, these images air just linked to your home based folder. So if you were gonna export this and say, send it to your book editor if you're creating a book that's got text and imagery. You know, throughout the document you would want to send your end Isn't in design file with your linked images attached to them. Otherwise, you'll just have a giant file size for ah, you know, sending it through the Web and things like that. Another great reason to link your images to that home based folder is you can easily edit them, so I'll just go show you. But a hop over to, um let's see gonna happen over to this page right now. These little dots are all this sort of Coralie couple color. I'm gonna hop over to Illustrator. I haven't pulled up. Let's say I want to create thes make all of these coral dots a different color. I'm just going Teoh a select same. I'm going to select everything that is that color and I'm gonna make them like a darker talker. Black color. I'm going to right. Click this and going to save it. Now, this file is a file from my home base folder. It's is very first graphic. I inserted this PNG and within and design, So I'm gonna go to file exporting. This is just the way I saved my PNG. I'm gonna right over that original PNG press, OK? And it's saving that p and G. So when you change anything on your linked images and you pop back in and design to go to these links, it's gonna put a little caution by it. And this is just in design saying, Hey, we noticed you change something in your home based folder. What do you want to do about it? I can keep it the same if I just didn't want to, you know, change it. But I'm gonna update this link, some gonna double click it. And now you can see the change that I made within illustrator automatically updates when I when I double click to update the file in the links panel. Now let's say I decided after the fact I'm gonna move some stuff around, I'm gonna move my home base folder, which is on my desktop right now I'm gonna move it within my documents or in some other home folder in design is also going to recognize that it's gonna give you a red flag saying , Hey, we noticed you move some stuff around. Let's re Lincoln and it'll profit you through some steps to really get that way when you exported or if you need to send the linked the linked files to your printer. Um, and there's a couple different ways to export. We will go through that as well. But linked images air just a way that you can attach your photos and your graphics to your file without making a a massive sized pile. So we are ready to design this particular portfolio. Like I said, I had my graphics and assets created prior to opening and design. I've created this portfolio before, so it was fairly easy to do because I had my placeholders kind of ready to accept whatever imagery and text I was going to insert for this particular portfolio. So in the coming chapters, you will watch me work, and it will be very candid. I'll be just talking out loud, bouncing around the program and reiterate everything that I have talked to so far in design is a huge program. We have barely scratched the surface of its capabilities, but the tools you'll gain from this course and by the end of this course will be enough to get you a great portfolio to export and send to your printer and pitch to companies or clients or whatever that may be for you. And I'm super excited and hope you work alongside me and share your work in the course projects.
8. Watch Me Work: All right, everybody. We finally made it. Teoh, This chapter the watching me work section of this course. So I'm gonna dive right in and design in just a second and just start from the ground up. I'm gonna build the same portfolio from scratch, and you're gonna watch me do it. And I'm gonna reiterate everything that we've talked about so far. Plus some additional tips and tricks. Don't forget about skill. Shares option to take a note. So if you hover over the time bar of skill share, you can take a note. You'll see a little circle with a line, a line underneath it, and that's where you can stop the video. Pinpoint a particular part of the video where I might have said something important and make a little note of it. You can just Azizi take notes in a notebook, um, or your iPad or whatever works for you. But the time bar notes option is great if I'm speaking about a particular task and the video might be helpful to, you know, compared to so keep that in mind as we go on. But I'm just gonna hop right in and turn off my notifications. I'm actually gonna delete the document that we already set up and just sort of go through that once again, I'm gonna keep this example. Portfolio pulled up. It may be helpful just to kind of maybe cheat a little bit and pull some of the texts, but you'll definitely get the drift. So file new documents. I don't know how many number of pages I am I'll end up with May add some warm. I'm gonna keep my facing pages. I'm gonna keep these dimensions the same. But remember, this is the place where you would input the dimensions if you were printing your your portfolio and that is just based on your printer. I'm just gonna keep all of this. I'm actually gonna make that 0.25 all the way around. If you wanted to make just the edges 0.25 and maybe keep the left a little deeper, you can press, unlock and bump this gutter of this margin and a little bit. This could be helpful to if you're designing a book that might be bound right here, this one to point that out. But I'm just gonna lock mine and keep him all 0.25 That would just give you a little bit of extra space for the inside. Have kind of full at suppress. Okay. All right. I'm just gonna get started. So I know that I want my front cover. Teoh, go all the way to the edge. I'm just gonna draw a rectangle. I'm gonna double check my dimensions. I know it's 8.5 by 11 which would be but this is all centered on Zika my reference point. The center. So it's 4.25 on the X axis 5.5 on the Y axis, which is right, centered up for an 8.5 by 11. I'm going to take the stroke off because they don't want anything like that different. I'm creating this rectangle just for the point of becoming a placeholder. And I know I'm gonna want the background to be one of my patterns just going Teoh, I know I'm going to select one of these patterns going off a Cincy really loved thes. I'm just gonna go without this would be a good time to take a quick note. So, as you can see, this pattern is a little bit hazy and pixelated. Dio and design will default. Teoh sort of downsize the appearance of your images, but it will not look like that in real life. If you want of you what this looks like. Ah, high resolution, you would go to view display performance, high quality. So if you want to view your document in the highest resolution and what it will actually look like, that's the way to do it. You can put it on that. That meat I think it was. Let's see, display typical display. It'll sort of make that pixelated and even more pixelated for this. And it's just if you have a lot of files or your file size is a really big it could slow things down. So those air two options to sort of speed things up. So I now want my cover tohave. Some sort of box are here that I can put the title of my collection and it defaults toe. Have that stroke. I'm just going Teoh Press nine. Go over. You know what? I haven't copy and pasted my color palette. If you remember the color space and in designers RGB and it's really difficult, or I find it really difficult to, um, you know, create a color palette from from this Unless I know the c n y que or the hex code. So just normally go and make my color palette and design. I popped them here, and as you can see, they all popped up right here, and I could just go ahead and delete that. So now I can easily color my shapes this week. Gonna want it. This. Yeah, I like that. You know, I'm gonna do the lighter, and I want this to be about 4.5 by 3.5. And to center this up, make sure my reference point is centered with the page. And no, 4.25 is the center five point Bob is the center of the Y axis. So now I need some text. And if you remember, you have to draw a textbooks. I'm not gonna hover over right here to draw the textbooks cause then in design is gonna think that I want the text attached to this box. And I don't just personal preference. You can absolutely do that. I just prefer to type out my texts. All right. Don't see since the name I gave this collection and I'm gonna go to my character. And I know I know my favorite bonds that a typical use daughter is one of them. I like toe bump my kern ing a little bit. Gonna go to paragraph center this up. I'm also going a center. The text within this text box. And if you could, you could do that. Ready? If you hover over, you'll see. Where is that? The line sitter. Right now it's a line to the top. Now, whatever I do with this text box but wanted to add more to it, that text will stay centered without textbooks. So now I'm just gonna take this over here, and just to keep things clean, I'm gonna make this text box the same wit as my blue box grayish blue and just sort of play around with size and all that. I'm actually wanting this to be the same kind of cream that you see in the pattern, and I made a note of this earlier, but as you can see, there are blue boxes around each of these placeholders and graphics and text and the shape that is a default for a design. It's automatically showing those frame edges I purse. It's a personal preference. I personally don't like them. I like toe only have the frame edge around what I have selected. And if you want toe hide those you would go to view. Uh, no, I'm sorry. Yeah, becomes our review. Extras hide frame edges. And that way, whatever you have, clicks will show. It's very Madge. But once you click out, it goes away. Personal preference, though. All right. So as if you remember, I placed an image inside the rectangle that I had created before I inserted this pattern. I'm going to show you now how I'm going to place a graphic without building without, um building a rectangle as a placeholder first. So I know I want my logo, which is just my signature. Let's see. Oops that did that because I had this selected. So was saying Oh, I want to replace this pattern with the graphic. So I'm just gonna x out and do that again so nothing is selected. I'm gonna goto file place. Gonna select my logo. I don't know what the differences between the steam. Maybe just the file size. No, I don't know. Just gonna select one of must have a choice. All right. I'm gonna hover this right here. This like that P and G m us half to for a recent I'm gonna go back to file place. I believe that saved A Okay. I saved a cream colored when the same colors, his background. You can just barely see it. And this is an illustrator file. You can and you can insert an illustrator, vector illustrator save defector directly and in design, which is great. So I'm just gonna pick that up place that ever here, maybe bump this up. I know I'm gonna put some more tux, but Oh, get that in a little bit. So this entire collection was sort of inspired by landscapes and, you know, suns and moons and things like that sound new. Anyone want to draw? Just with some lines? Almost like a text divider. So if I select out of that, you'll see that it's just a black stroke. I'm gonna come up here, pull that cream color, and I'm used to using my keyboard shortcuts to copy and paste. We're gonna make this little this little son, I'm actually gonna zoom in. I couldn't see what I'm doing. Copy and paste. And then I'm using my keyboard. Short cuts to rotate. So I'm gonna show you two I'm going to edit copy, or you can use your keyboard shortcut, and I'm going at it and paste in place. So there's another There's another one of these right on top. So I'm gonna select the top one, and I'm going to press par for rotate right now. The Rotates center is right here. I'm gonna drop by clicking just with my mouth. The rotates center right here. I'm going to hold shifts and I'm going to rotate this way. It automatically when you hold shift will go. Um, whichever way you turn your graphic still do that again. So I'm gonna copy using command. See, I'm gonna paste in place So there's one right on top and good press are if I just pressed r and rotated it acted freely, rotated and drop it wherever I want. Something that show you. Now, if you press are for rotate, make sure that your center point is either wherever you want. I know I want this to stay put. So let me show you. I popped that right here. Pressed are it's gonna rotate from the center, but I want the bottom 26 Still some going Teoh, Make sure that that center point are the rotation point is where I want it. And I'm gonna hold down shift And just like I could freely do you know this move? If I hold down shift, it's just gonna automatically go that 45 degree angle And it would pop here, here, here each time. So I know I wanted there just to kind of make this look like perhaps a rising sun. I'm going to command G just to group this together just like you would an illustrator. Maybe that would be a nice little text, a biter. But I'm going to copy and paste command. See groups cupping paste, the text box a pattern collection by And I don't want this to be that, but about a lot of great fronts from creative market. I think I want to capitalized typing in the textbooks, notebooks, putter collection, but China to get too picky. So this isn't the lengthiest video ever. Okay, so if I want to just center all my little text boxes and graphics I created just gonna select them all. And if I hover over, um, the box or really, it's centering it with the whole page, but the box is centered with the pages. Well, so it'll cannot give you the smart guys to snap to. Okay, so there's my page one and I can hop over to my pages and see. See that? Page one Now already know that I'm gonna end up putting some copyright information on my A master. It will automatically default toe, have your a Mestre applied toe all your pages. But I don't want any copyright info down here, so I'm just gonna go ahead and dragged us, Master. None to my cover pitch. I'm gonna pop two more pages. I like to work one spread at a time, so just pop right there and typically right here for my portfolios, for my pattern portfolios. I like to sort of given intro of the collection and talk about that and then given injure right here for me, and I'll puff over here. I'll probably just still this for the sake of time. The text anyway, someone's gonna copy and paste the text, but I'm gonna just show you this is basically what I'm creating. So I'm gonna draw. And a lot of this is just eyeball and missing with how the text lays out on top of things. I'm gonna go to the Phil and senator that up with the page, just gonna draw textbooks and insert pace that text. Okay, So normally, I would sit here and play around with, you know, making sure my current ing is right. So there are no a little words that fall off the edge like that because that trust me crazy . But for the sake of not spending all day doing this artist, try really hard to ignore it. So maybe I can bump this up just to keep things nice and clean. I know I'm gonna want my name down here, so I'm just gonna go to file place, grab. I might take this cream colored one. Pop it right here, pop it there. So that's sort of my Hey. Hi. Hello. Message. This is me. I talk a little bit about the collection. Um, specifically about this particular collection. Anyway, So this part of this text always gets changed a bit. But for the most part, this is sort of my little intro bio. Okay, so I'm gonna draw textbooks are here because I know when introduced, I did the right page first, for some reason, meet dusk till dawn. Say, just like home is like a one word intro. This is what this is about, daughter. When you know, really a great or quick little trick. I usually once I get the the to text boxes. Oops. A popped over to the wrong. Well, go back to the first page. Were already typed this out Already have the current in how I like it. It's just gonna change color. So I'm gonna copy and pays thes two text boxes, and I keep popping over to the example portfolio instead of the page that I'm working with , and I'm gonna pop those here, I'm gonna drag them right here just so you can see him. So I'm just going Teoh re color these goodbye. Going to my swatches panel. I just already set the current ing high like it. So rather than having to do that each time I do a text box, it's easier to just go back and grab those text boxes that you already edited to your liking. Dusk till dawn. I think this textbooks a little bigger. And center that up. I am going to pop over here to the one I already did. Copy and based this text trying to save you a little time. No, this is actually the same thought is this? It's just a little bolder. And no one wants some sort of graphic ahead in mind. The graphic when I created it that this is weird would go. I'm gonna draw a placeholder, make sure that stroke is bumped off and place this graphic. I'm gonna go back to my hero folder. I believe it was this one. And when you dio draw your placeholder first, I just want to point out that if your graphic is larger than that placeholder that the size of your file, it will. It will cut it off that way. So be careful and mindful of that. So I'm just What I just did was us first selected the rectangle. I could just bump this rectangle up a little bit, but still, it's cutting off right here. So if you click your rectangle and then double click on the inside. You'll see this hand and then you can use the corner transform tool. Teoh, get it just right. And I'll have some graphics that will bleed into, you know, the spine. Here are the gutter here as well as off off the page and some of my graphics. I want them to do that. So what I could Dio, and I'll just show you I'm just gonna delete this instead of drawing my rectangle first as a placeholder which I do mainly out of habit, I could displace the graphic directly in this basis. Well, so now it's asking me where do you want to place this graphic and use? You can see this is the size that it's at, and that rectangle was cutting it off. I'm going to scale it down a little bit. I'm using my keyboard shortcut. If you press s for scale, click your center point and using the shift to a little, keep the proportions right. Just pinching it in. So I don't mind that it's going a little close to the edge groups. So I'm just going Teoh, keep it like that Okay? All right. We'll call that We call that good. All right. So that's my first spread. Gonna pop this watches window back, And now we'll get one to the next breast. So I'm just going Teoh. And if you have, if you're on page two, which is this and you want to add two more, it's going to add it wherever you left off. So just be sure that when you add your spread that your your you have selected the the last page that you want to add to some adding two more spreads and this might be a good place for a mock up, maybe the color palette I decided to do. Always be sure to turn that stroke off unless you want it, Of course. And I'm gonna place one of my mock ups. Since this is a fabric collection, I kind of want the first markup that they see to be a fabric market. Yeah, we're gonna go with that one. And remember, this is you know, the size of this particular image in my rectangle is a little bit bigger. Some going to double click in second have just that image selected and scale this up to where it's filling up that entire rectangle and they could move it around things like that . Now you could see everything that I want to be seen. And now I'm gonna click out of that And maybe right here I don't need a placeholder. Just gonna place maybe. I think I have a color palette graphic. Yep. Just using my snap tow center guides. Perfect. So I'm gonna click this and just keep working. Maybe I'll have Maybe I'll have a mock up that spreads across both spreads this way. So I just drew erecting across all all of this place An image how I'm looking in the wrong photo markups. I had one that would lend well, Teoh a big, wide, this one. Double clicking it to make it a little bit larger to fill up those this this place older. This rectangle and I still have a strict on this. I did not go back to take that struck off that would have printed and I've done it before. It made me so sad when half my rectangle said strokes and half of them didn't because I wasn't careful. So I usually like a couple of my first couple of pages to be mock ups and just sort of my vision for this collection. And then I'll start actually showcasing the work. And once I get going, Aiken usually pop back over to other pages and copy and paste. Ah, lot of the same things I'm using. Some just going. Teoh, take that stroke off. Copy and paste this rectangle and puppet. Here selecting this one, I'm going to start placing my actual repeat patterns and I have to color ways, actually of three color ways of each. But I'm just gonna showcased these 1st 2 color ways. And because I'm showcasing this worker also want Teoh name these patterns and typically like to make sure the pattern is the main thing you see. But that you, you know, have a little bit of information about it. Some nine I'm gonna fill it with, I'm actually gonna fill it with just the whites instead of pull from in a statement a little bit, okay? And just to show you as an example, I'm gonna type directly in this box. Somebody click the type tool and instead of drawing a text box over this box, if you hover over a shape that you've drawn in design is asking you, Do you want to attach this text to this box by this little circle that you see here versus right here? Weren't saying Let's draw textbooks. So I'm gonna hover right here and just click on the bucks. So now I'm typing directly in the box. So I know that this is from my dusk till dawn and this is called moonshine. Um, I'm gonna name the color way. Dawn. I'm gonna select this text because obviously I don't want it in this top left corner. And with this text box selected, I'm going not text locks the shape with the text inside. I'm gonna come over here and go a line to center, which is aligning the center of the Y axis. I'm going to come overs in my paragraph and center it up with that. And then you could add it, as you normally would Mrs Defaults to this point and have been using this this fun. I love it. This and daughter and I might actually make just this The daughter the daughter funds, see what that looks like. Think of it like that I don't know. Maybe it's better to just I'm just gonna keep it all this Avenir find it's got this this year. So many options. Maybe I'll just make it a little bit heavier. I've been using the light. I'll just use the happy like that. I think I'm gonna change the color too one from my palate. So instead of redoing this every time I'm going Teoh copy. Come over to this. Oops. I pasted in place, which is gonna put it in exactly the same place that it was got. And I'm just gonna bump it over here. So now I'm going to consider this spread my template spread for all things pattern. So if I wanted to go and put a couple of patterns in a room and we'll call this disc color way, So if I wanted to make another one, I'm just gonna click thes two. So what? I just did. I highlighted this spread and I'm wanting to duplicate this. I want my my place holders to be the same. These text boxes it within the shape to be the same. I'm just gonna highlight this whole spread, click and drag and hover over the new page and it'll duplicate this page for you. So now I can go to this place holder rectangle, Double click, and I'm going to press delete. This did not delete my rectangles. You can see I'm selecting it and it's still there. Just deleted the graphic that was inside. So I'm gonna goto file place and go to my next to pattern And these air filling up these rectangles because they are the same size is this document and 1/2 by 11. So I'm going to click the rectangle Double click to cool. It is to select only the artwork Delete Select my rectangle again My place older goto file place and select that second color And I understand is being a little slope. And this is from the same collection. Of course. It's called Flower Hills. And I won't go through and re color rename the color of everyone. Just kind of want to show you how I'm creating this. So now I'm thinking I'm gonna throw in another another mock up page. I can come here and use thes text boxes and placeholders that have already created, or I can just create a whole new page. I'll probably just probably just gonna create a whole new page. I can come back and steal some text if I need it. All right, So I'm going Teoh again. This is this was intended for a pitch to a fabric company. So all of my mock ups Air sort of geared towards fabric or textiles or thinks you could make with textiles some just going to my mock ups and see what I think would be a good fit Next, since I just did the rainbow pattern, the flower heels kind of looks like a rainbow to me as well. I'm going to throw this in there. So it's like they see the pattern and then they see Oh, this is what you can do with it. I'm just gonna play around. I have a little, um, room to scale it down, and it still fit in that rectangle. I actually like that. It's, um, left aligned, maybe cut off a little bit. And maybe over here. Don't remember what I did on the example, but said this may look a little bit different than the example. I believe I created an art prints styled graphic that would be a great place to put right here. Yes, I did. So I like to break up my my pattern pages of the actual artwork with graphics that sort of relate to something. Did you possibly have just seen? So I have the two patterns off the flower hills right there. If you scroll down, you'll see sort of some artwork and some muck up to go with that. I created this an illustrator and saved it as a graphic. I could have just saved this motif and put it here over a blue rectangle and type this out . But either way works perfectly fine. Illustrator and Ensign speak the same vector language, so I'm going, Teoh, show you. Now I'm going to copy and paste two of these spreads because I want Teoh duplicate both of these spreads just to work a little faster. And I had already created two new pages right here. I'm just gonna bump that blank page to the end. I'm going, Teoh, turn my display performance down a little bit because illustrator is acting pretty slow. So again, I'm gonna double click to select the placeholder rectangle that I created click again to get my arrow and select the artwork only delete and I'll just do the same here. So I don't get confused on Forge page of working on and start inserting my next pattern, renaming this pattern again. I won't go through all you know, all this renaming, but from here it's pretty and it's pretty intuitive. So I'm just going to run through and sort of finish this up and you can watch as fast or as slow as you like. - So here's a big No, no, I have not saved this. I have created all of this work and have not samed this file. I'm going to goto file Save us. Don't just save it here as skill share portfolio build. Okay, we're just getting David here. I feel like I could breathe a little easier. Now you can use command s or control s on a PC to constantly save your work in design will save a backup file if your computer just automatically or unexpectedly shuts and designed down. But, um, it will only save, you know, to the last point that the auto save was was, you know, generated. So best practice just constantly saved You are work. And definitely don't wait till you're halfway done with your vile to say that. Okay, I'm going to create one more page. And what I know that I want the back of my page to be This is, like that cover to be the same as my friends. I'm gonna pop up to my friends. We're gonna create this back cover and just sort of re evaluate where we are. Center this up. I'm gonna check that. It centered exactly. Centred, which would be 0.25 by 5.5. Actually, this width and height is just a tad off and a copy and paste it, Which means this with the night, it's just a tad off, okay? Popping back down to my end. And this is where I like to put sort of my my contact information. Actually, just gonna delete that, I assume and you can see what I'm doing. And I have the load religiously setting on, so everything is just a little bit pixelated. Okay, you know, whatever, whatever this might be for you, I know it's a little bit different on the example. And once you create your once, you create your first portfolio. It's a whole lot easier to just bounce around your passport, furloughs and copy and paste things that will likely remain the same. So I'll just do that. I'm using use the same the same pot, so it's easy, easy to do. So I'm command s stock and save this work. And maybe I can go through and create more pages. If I wanted Teoh insert more mock ups if I wanted Teoh. Um, but this definitely get to the gist of how I created that initial put furlough and I'll pop back over here. We'll go through this initial one and you'll see that it's it's pretty easy once you get the hang of it. Um, I pretty much duplicated this portfolio in I know I spent some of this up, but this took me and maybe 20 minutes once I got started. And this is because I created my artwork and graphics prior to opening and design. So on the next lesson, I'm going to show you how to export your portfolio and get it ready to send to the printer , whether it's an in design file or a PdF or an online portfolio or one that you intend to print, which I hope you do. So join me in the next lesson
9. Exporting Your File: on this lesson, I'm gonna run through how to export your file so you can either send to your printer or view this online, so I'm going to just jump right in. Go to file. You'll, of course, want to make sure your work is saved so you can always go back and make changes as necessary. But to export your fault, you'll want to go to file export or command e or control Lee. If you're on a PC, uh, you will be given an export dialog box at You'll want to pick a location on you know where you want to save your file. Down here, you'll have which format you want to save it in. Primarily you'll be saving pdf's. But there are some different options. You can actually save each individual page as a J. Peg or P and G, which I've done before. Um, these options right here are just firm or interactive designs that, um, you may use one day, and that's fantastic. But for the purpose of this course, we're gonna focus on exporting your design as a PdF something to select this one and save it or save over the one I've previously saved, and this second export dialog box will come up. So you'll have some sort of preset options up here. You have high quality prints. Anything you modify may generate a modified version of the same preset. And you can save those presets as well. You can see I have a blurb. Uh, preset saved right here. These options here I've used before when different printers have told me to, um, so this preset here was based on just different settings that my partner required me to export in. So if you are planning to print your portfolio and I hope you do, you'll want Teoh look online at whatever site you are printing with, or just ask your printer what their settings are. And same goes for these settings. Here. These air just different compression options for your photos, different bleeds and things like that that your printer will, um, ask you to make settings for so down here you can export the entire document, or you can export a range and you can just type in individual page or a range of pages. These two options are important. So I have uploaded my work on, um, I believe it was issue dot com basically, just, um, a pdf or a book reading site. Basically 1/3 party book reading site. And it looks like you were flipping through a page, um, flipping the rulebook. So I thought to myself, OK, well, I wanted to view as a spread, so I'm gonna export that way. But then when I uploaded it to issue it had the whole spread on the, you know, it basically had page two and three on the left side and then page four and five on the right side. And so then I realized, OK, well, there their website clearly reads things as pages and automatically puts them in spreads. So I hope that made said so dependent Will And, um, depending on how your printer or how your website or viewing, you know, mechanism works. You may want export in pages, if that's what it's requiring you to do. Otherwise you can talk all this, you know, back and forth. You can save a version of both, Um, which I've done before, as well these options right here. Um, let's see. Okay, we'll just start right here in bed page thumbnails. So when you open acrobat or whatever your pdf reader might be, you might get the option, Teoh. You know, pick which page you want. And if you want Teoh if you in bed to page thumbnails, you almost just get like a preview of that thumbnail. Otherwise, the thumbnails right here, the juicy will not get attached to your pdf. If that makes sense, optimized for Fastweb viewing is good to talk alone. So if you wanted to upload your safety, pdf to your own website or send it through, um, you know an email or any kind of online drive it can quickly, uh, your images air. Basically downside, not downsize down sampled just so that file loading is sped up a little bit. Create tagged. Pdf. It's, um, long story short. It's good toe. Have this toggled one, um, toe. Understand why you? You'll need to understand a little bit about how pdf's are generated. So when you export a pdf, this text right here is not is not registered as text in a pdf. This individual letter is registered as an X and Y coordinates point, and same for the high. Sometimes it's the whole word gets. Ah, X and Y coordinate point, and it's just a little, um, confusing. Confusing to explain. Um, but basically, if you have this tagged on in design, Dustin back in work and it helps pdf readers like Acrobat. It helps thes programs realize that this is a word and not just a coordinate point. So if you had this word no linked to a website. So when you clicked, it took you to the website. That pdf reader is going to say, Hey, this is a link. Hey, this is a word. Things like that. So it's always best to just keep that tagged. Keep this toggled on view. Pdf. After exporting this is great when I want to give my portfolio of final proofing, which is always a good idea. So when I have this toggle doin and oppress export once it's done, exporting Acrobat will automatically pull up this design and I'll give it a once over. I'm gonna untangle that right down just because I don't want acrobats who pull up in a second export layers. This is important and I really never x really never mess with layers in and design. But if you do work in layers. Just NOAA. Do a little bit of homework on what you need a duty or layers before you export. I just know there's some sort of pre records that work to do their this section. I'm going to kind of ignore. Just know that if you had a pretty interactive PdF, maybe it had MP threes or movies or lots of links and things like that. This is something you'll want Teoh pay attention to. So I'm just going to export. And what would happen is this is automatically getting saved as a PdF in the location that I saved it in in the background, I can continue working. And if I had that view, pdf after exporting toggled on, I could give it all one more. Um, you know, look over and final proof before sending it off to my printer or uploading it to the Web so safe to your computer. You have your exported Pdf ready for the Web or your printer
10. Farewell (for now): I'm always so sad to reach the end of any course. But please, please, please leave notes and comments and any questions you have so we can continue co working together. I have some printing resource is posted in the course notes. But if you have any great printer resource is, please share them so we can all benefit and us always. I would love nothing more than to see your pretty work. So please post your finished design whether you printed it out and you took a photo of it. Or maybe it lives somewhere on the Web. We love to see it, so I'll leave you for now, but I can't wait to continue together working on our next project.
Hope Johnson, surface designer + printmaker + redhead
