1 00:00:02,053 --> 00:00:06,523 [Auto-generated transcript. Edits may have been applied for clarity.] Our camera is not functioning, but all good as long as you can see the shared screen. 2 00:00:06,523 --> 00:00:10,153 And I've put the link to the presentation in the chat as well. 3 00:00:10,663 --> 00:00:21,372 Um, those of you who are attending in person, um, if you would like to open up your laptop, you're welcome to use your own laptop if you would like. 4 00:00:21,373 --> 00:00:28,303 You're welcome to use ours if you would like to, but I encourage you to build your portfolio as I go through the session. 5 00:00:28,633 --> 00:00:31,633 That way you kind of start to get it going and everything. 6 00:00:31,993 --> 00:00:36,312 If you're using one of our computers first on the bottom right, connect to Edu. 7 00:00:36,313 --> 00:00:41,653 Wrong. So um, on the bottom right hand side before you start signing in on the bottom right, 8 00:00:41,653 --> 00:00:45,073 choose the Wi-Fi icon and connect to edu room first automatically. 9 00:00:45,373 --> 00:00:49,873 Then you should be able to sign in. Okay. If you're using your own computer, all good. 10 00:00:49,873 --> 00:00:55,453 Just open up a browser window and you can go to the short link that's listed here. 11 00:00:55,843 --> 00:01:00,763 Um, I also just put it in chat, but I'll put it in chat again as well. 12 00:01:01,273 --> 00:01:03,582 Uh, welcome. We're hopping in and getting started. 13 00:01:03,583 --> 00:01:11,083 So if you're going to use our computer first open up the lid and connect to the Wi-Fi on the bottom right hand side. 14 00:01:11,083 --> 00:01:17,892 Connect to edu rem automatically. Then uh, log in using your Auburn username and password. 15 00:01:17,893 --> 00:01:25,273 Okay. If you have your own computer, um, and you have a piece of artwork you want to practice putting in your portfolio, 16 00:01:25,273 --> 00:01:32,023 you're welcome to use your own computer. Um, but either way, you're going to get a little practice in tonight, so it'll be all good. 17 00:01:32,713 --> 00:01:38,053 Um, and those of you attending online, I've put the link to the presentation and chat as well. 18 00:01:38,773 --> 00:01:42,703 I'm also recording tonight's, uh, session and will give you all the link. 19 00:01:42,943 --> 00:01:46,873 Um, and so that way you have it to review if you would like to, and all of that. 20 00:01:46,933 --> 00:01:52,962 Okay. Um, but I think you'll be able to, to, uh, get your portfolio mostly set up tonight. 21 00:01:52,963 --> 00:01:58,693 So I think that will be really good. And you all have been working with John David for your photographs, right. 22 00:01:58,693 --> 00:02:02,982 Of your artwork. Yeah. Um, John David's great to work with. 23 00:02:02,983 --> 00:02:08,833 He. Welcome. Come on in. Um, he was actually one of my Adobe consultants, uh, several years ago. 24 00:02:08,833 --> 00:02:14,503 So he's fun to work with. He's awesome. Um, so we're getting started on the computers. 25 00:02:14,503 --> 00:02:20,713 If you want to use our computer, you need to connect to the Wi-Fi on the bottom right to edu room first. 26 00:02:20,833 --> 00:02:23,983 Then sign in using your Auburn username and password. Okay. 27 00:02:24,223 --> 00:02:29,173 And then we are going to this short URL here which will take you to tonight's presentation. 28 00:02:29,893 --> 00:02:34,063 Okay. So this presentation page is something that you can refer back to. 29 00:02:34,063 --> 00:02:40,003 It's something that we will use tonight as well. And we'll have some uh, links on here that you can click. 30 00:02:40,003 --> 00:02:42,583 This is actually an Adobe Express web page. 31 00:02:42,913 --> 00:02:50,563 Um, which is another way you can do a very simple sort of portfolio or if you need to toss something together for like one thing, one event. 32 00:02:50,863 --> 00:02:54,433 This can be a quick way to make a web page without having to know any code at all. 33 00:02:54,703 --> 00:02:58,512 I'm going to show you portfolio because it's much better suited for what you're doing, for what you need. 34 00:02:58,513 --> 00:03:02,923 But this is sort of like the first version of a web page that Adobe offers. 35 00:03:03,703 --> 00:03:08,653 So on this, uh, page is a lot of other resources that you can refer back to. 36 00:03:08,953 --> 00:03:13,692 In order to use portfolio, you do need to have your full Adobe ID set up. 37 00:03:13,693 --> 00:03:17,142 You guys should all be good with that, but if not, that's where you go get it. 38 00:03:17,143 --> 00:03:26,113 Is Adobe auburn.edu. Um, also um, there is uh links to Adobe Portfolios help site here. 39 00:03:26,113 --> 00:03:33,942 So if you have a very specific question or you want to look into it a little bit deeper, Adobe's help site is fantastic. 40 00:03:33,943 --> 00:03:41,473 And they have like forums on there. You can ask questions. They're very good at keeping up their documentation, uh, which makes it great. 41 00:03:42,343 --> 00:03:45,493 So we're going to be hopping into Adobe Portfolio. 42 00:03:45,853 --> 00:03:52,993 Um, it is we are going to be using it on the desktop. If you have an iPad, just open it on a browser and you should be good. 43 00:03:53,353 --> 00:03:57,582 Um, and something that, uh, portfolio does very well. 44 00:03:57,583 --> 00:04:02,353 Adobe Portfolio is it helps you sort of adhere to the design grid. 45 00:04:02,503 --> 00:04:11,413 So this goes a little bit into the design grid idea, but Adobe Portfolio automatically helps you put these together, which is really nice. 46 00:04:11,653 --> 00:04:19,243 Okay. Um, also, you might have the question of what happens when I graduate from Auburn because 47 00:04:19,243 --> 00:04:23,563 you get access to all these fantastic Adobe apps while you're here as a student. 48 00:04:23,893 --> 00:04:30,073 Um, if you're going to use our computers, connect to edu room on the right hand side automatically first, then sign in, then you should be good. 49 00:04:31,363 --> 00:04:36,732 So two days after you graduate, they kind of yank the plug and you don't get access to your Adobe Creative Cloud. 50 00:04:36,733 --> 00:04:44,023 But the idea is that before you graduate, you migrate your files over to a personal Adobe ID, or by that point, you. 51 00:04:44,083 --> 00:04:49,153 I have a position where they will pay for you to have an Adobe access, which is great. 52 00:04:49,393 --> 00:04:56,113 Here's my very important advice. Whenever you're building any kind of portfolio on any kind of platform, ever. 53 00:04:56,773 --> 00:05:00,973 Keep your raw files separate in personal storage. 54 00:05:01,213 --> 00:05:05,083 Okay. So think about what you're going to put in your portfolio. 55 00:05:05,383 --> 00:05:10,153 Um, I believe for this assignment you're required to have 3 to 5 pieces of artwork. 56 00:05:10,453 --> 00:05:15,973 Put those 3 to 5 pieces of artwork somewhere where you can access them, of course, beyond graduation. 57 00:05:16,273 --> 00:05:22,433 That way, you have the raw content of whatever portfolio you're going to be building in the future. 58 00:05:22,453 --> 00:05:30,223 Then, if you need to recreate your portfolio or rebuild it, um, you know, then you've got those raw files to work with. 59 00:05:30,313 --> 00:05:37,903 Okay. Don't just put your content in any platform, including Adobe Portfolio, and that's the only place it lives. 60 00:05:38,143 --> 00:05:44,323 That's not a good idea. Make sure you maintain your personal files separate from whatever platform you're using. 61 00:05:44,603 --> 00:05:49,333 Um, and that's just a very smart thing to do in general to maintain your, uh, files and everything. 62 00:05:49,873 --> 00:05:55,423 But when you do graduate, Adobe Portfolio actually has its own migration tool. 63 00:05:55,723 --> 00:06:01,483 So before you graduate, you can migrate your entire portfolio over to a personal Adobe ID. 64 00:06:02,023 --> 00:06:05,203 And this has the instructions for how to do that. Okay. 65 00:06:05,413 --> 00:06:12,103 So that's that's a tip. But also like save your portfolio content to some sort of personal storage. 66 00:06:12,163 --> 00:06:16,163 Okay. In portfolio you'll be able to choose a theme. 67 00:06:16,183 --> 00:06:20,833 It can also auto import any work you might have on Behance or Lightroom. 68 00:06:21,133 --> 00:06:30,793 Um, and uh, which is really nice. Or if you are a seller on Adobe Stock, you can integrate your store into portfolio too. 69 00:06:30,823 --> 00:06:34,603 So these are all the things that kind of make it a more professional platform. 70 00:06:34,933 --> 00:06:41,353 Tonight we're going to set you up for success with your, um, assignment where we're going to have a splash page, 71 00:06:41,743 --> 00:06:48,833 a gallery of work page, and then you're going to have a page for each piece of work in that gallery and an About Me page. 72 00:06:48,853 --> 00:06:51,463 Okay. So those are the things we're going to basically set up. 73 00:06:52,123 --> 00:06:57,043 This has all of the like most of the content of what we're going to be working through tonight. 74 00:06:57,373 --> 00:07:00,523 Um, always refer to the assignment that you were given though. 75 00:07:00,673 --> 00:07:07,273 Um, I copied and pasted some of the information from the assignment here, but go check the assignment and make sure it's thorough. 76 00:07:07,303 --> 00:07:12,073 Tonight I'm going to help you set up basically the skeleton, the bones of your, uh, portfolio. 77 00:07:12,553 --> 00:07:15,673 Sound good? All right, let's get to it. 78 00:07:16,213 --> 00:07:23,263 So you can, um, click portfolio.adobe.com to get into the, um, into Adobe Portfolio. 79 00:07:23,683 --> 00:07:29,623 You can also just go to a new browser tab and type in portfolio.adobe.com. 80 00:07:30,193 --> 00:07:38,323 So if you'll click there and actually I am going to sign out so I can show you how to sign in. 81 00:07:47,246 --> 00:07:50,906 All right. So let's go ahead and, uh sign in. 82 00:07:50,966 --> 00:07:57,356 There's also a sign in the upper right. Now to sign in you will put in your full Auburn email address. 83 00:07:58,616 --> 00:08:08,166 And then you're going to hit continue. And then always choose company or school account, because that gives you the premium access that you need. 84 00:08:08,646 --> 00:08:14,676 And then you might get the Auburn authenticate. You might have to sign in using your regular Auburn username and password. 85 00:08:14,706 --> 00:08:18,876 I've already done that today to this computer. So it's kind of remembering me. 86 00:08:19,206 --> 00:08:25,476 Okay. Also, while you're kind of getting signed in, I mentioned that, uh, John Davis was one of my consultants. 87 00:08:25,746 --> 00:08:28,886 We have an Adobe helpdesk here in the library. 88 00:08:28,896 --> 00:08:32,465 This is my main area of work here in the library to help with the Adobe Creative 89 00:08:32,466 --> 00:08:36,546 Cloud initiative across campus to help all students with digital literacy. 90 00:08:36,936 --> 00:08:45,116 Um, because I am familiar with portfolio, this is a good partnership with Art to show you how to set up your portfolio and everything. 91 00:08:45,186 --> 00:08:51,666 So we team teach like this with different classes, but also all kinds of different classes across the university. 92 00:08:51,876 --> 00:08:56,886 Um, so science classes, history classes, English classes, whatever you know, people want to do, 93 00:08:56,916 --> 00:09:02,256 we can kind of help them with the technical pieces of how to use Adobe in their assignments and so on. 94 00:09:03,366 --> 00:09:07,896 Um, and, uh, so my main area of work is on the first floor. 95 00:09:08,166 --> 00:09:12,366 That's where the Adobe Help desk is. So I'll kind of show you that resource at the end. 96 00:09:13,056 --> 00:09:17,466 So if you have questions about portfolio after today, you have that as a resource. 97 00:09:17,796 --> 00:09:25,896 And those of you attending online also, if you are unable to come over to the library to get help, they manage a zoom room too, which is really great. 98 00:09:26,826 --> 00:09:31,176 All right, so for you guys, you don't have anything yet. So you're going to click new Site. 99 00:09:32,776 --> 00:09:40,156 So let's go ahead and set up your new site. Now here is where you get to take a minute to look at the different themes. 100 00:09:40,456 --> 00:09:45,136 So Adobe Portfolio has preset themes that you can choose from. 101 00:09:45,496 --> 00:09:51,196 Now you can customize those themes to like say a different color. 102 00:09:51,196 --> 00:09:58,186 So if you like the style of this gallery, then but you want to change the color instead of black, you want something else. 103 00:09:58,456 --> 00:10:02,686 Then you can absolutely change that. So try not to pay attention to the specific colors. 104 00:10:03,166 --> 00:10:07,936 And you can also even adjust the font styles, but pay attention to the navigation and how it is. 105 00:10:08,656 --> 00:10:14,596 Now these are full portfolios, meaning that it's a gallery on the home page. 106 00:10:15,286 --> 00:10:22,396 According to your assignment, it looks like they want you to have a welcome page or splash page first as your home page. 107 00:10:23,116 --> 00:10:26,386 So I would recommend maybe choosing that to start with. 108 00:10:26,506 --> 00:10:31,635 Okay. So instead of and it is still a full portfolio that's a little bit confusing. 109 00:10:31,636 --> 00:10:35,536 A welcome page is just like what do you want the homepage to look like? 110 00:10:35,566 --> 00:10:39,766 That's what we're deciding. So now take a minute and look through these now. 111 00:10:39,796 --> 00:10:44,866 Also with your assignment it looks like an image on the splash page is required. 112 00:10:45,226 --> 00:10:49,966 So you're going to want to pick a splash page that has an image slot available to it. 113 00:10:51,196 --> 00:10:55,335 And of course you can change, you know, the colors and the fonts and all of that stuff. 114 00:10:55,336 --> 00:11:00,196 You can customize that and so on, but go ahead and maybe pick one that you like, 115 00:11:00,706 --> 00:11:04,636 and we'll go ahead and get started and you can make changes at any time. 116 00:11:04,636 --> 00:11:08,926 You can also create up to five sites under portfolio. 117 00:11:09,226 --> 00:11:17,206 Um, I wouldn't recommend doing that many. It's probably going to be a little confusing, but say you needed to set up a website for an art contest, 118 00:11:17,326 --> 00:11:20,386 and you wanted that to be separate because you wanted certain pieces to be in there. 119 00:11:20,416 --> 00:11:23,686 This would be a good solution, right? Build your own website using portfolio. 120 00:11:24,226 --> 00:11:27,376 Let's choose one of these that has an image. All right. 121 00:11:28,666 --> 00:11:33,216 And then it's saying, hey, we're going to create your site. Okay. 122 00:11:33,996 --> 00:11:42,366 And at this point, now what we can do is make some changes to it so it knows my name because, um, I'm signed into my Adobe ID. 123 00:11:42,876 --> 00:11:48,456 If you don't want that as your title of your site, you can you can easily edit it. 124 00:11:48,936 --> 00:11:55,686 Anything that you see that's sort of in text, you can mouse over and then notice you get this little edit button. 125 00:11:55,926 --> 00:12:00,036 You can also delete the text. You can change the width. You can reorder this stuff. 126 00:12:00,276 --> 00:12:05,566 And then if you want to make changes to it, you can just highlight and then retype something there. 127 00:12:05,586 --> 00:12:09,665 Okay. And then this is a little not quite your bio, 128 00:12:09,666 --> 00:12:15,216 but it could be like a little prompt to come up with a piece of information you want to say about yourself. 129 00:12:15,456 --> 00:12:20,046 So let's say I didn't want to put my name. You guys probably just do want to put your name. 130 00:12:20,316 --> 00:12:23,466 But let's say I wanted to call this Hooper Designs or something like that. 131 00:12:24,096 --> 00:12:27,816 And then here I could say, you know, I could say something like. 132 00:12:29,986 --> 00:12:34,036 Amazing stuff, etc., right? 133 00:12:34,456 --> 00:12:39,046 And then to edit the buttons you can hit the little edit button. 134 00:12:39,046 --> 00:12:42,486 We don't have anything else created yet, so we don't have anything to link it to. 135 00:12:42,496 --> 00:12:48,436 So we're not going to do that yet. And notice the social icons that are available on this one. 136 00:12:48,706 --> 00:12:54,736 What's so cool is you don't have to go and like try to grab like the Instagram logo yourself and stick it in there. 137 00:12:55,066 --> 00:13:01,486 What's great is you can just click the little edit, you can click the little um social profiles box. 138 00:13:01,846 --> 00:13:10,846 And then over here, if you wanted to put your Instagram here, you would go grab the entire URL of your profile, copy and paste it, stick it here. 139 00:13:10,906 --> 00:13:14,236 Okay. So it's going to be like instagram.com slash whatever your handle is. 140 00:13:14,806 --> 00:13:18,706 All right. One word about portfolios and your socials. 141 00:13:19,006 --> 00:13:24,706 Make sure the socials that you're linking to on your professional portfolio are the ones that you want future employers to see. 142 00:13:24,916 --> 00:13:30,556 Okay, so just kind of make sure the content there is is what you want to be public and everything. 143 00:13:31,306 --> 00:13:39,946 So that's how you can turn on the socials. Now here we can click to upload an image or a video and we can stick an image there and so on. 144 00:13:40,366 --> 00:13:43,905 Um, I don't know if I have an image on this particular computer. 145 00:13:43,906 --> 00:13:48,465 We could try. I used to have a whole folder of stuff, but maybe I don't. 146 00:13:48,466 --> 00:13:54,856 But anyway, if you want to go ahead and upload a picture, you absolutely could do that and put it there. 147 00:13:54,856 --> 00:13:58,036 And then you would see how the image part works. 148 00:13:58,636 --> 00:14:01,726 So I can give you a chance to kind of create your splash page. 149 00:14:01,996 --> 00:14:09,766 We can do that. And if you want to add a social or, you know, whatever, um, under the button, um, 150 00:14:09,766 --> 00:14:19,606 I would say we probably need to say something different, like enter the site instead of this text or view gallery. 151 00:14:21,496 --> 00:14:26,926 Because that's what they want you to do with your, um, work is then have the splash page, 152 00:14:26,926 --> 00:14:31,995 the sort of barely introduces you, and then, um, go into your gallery of work. 153 00:14:31,996 --> 00:14:36,076 And this might be a high profile piece of work that you want to put there. 154 00:14:36,406 --> 00:14:40,725 You could also just kind of do the text pieces today and then figure out what parts you want. 155 00:14:40,726 --> 00:14:47,486 Where? Uh, later. That's totally fine. So now we have this view gallery with the button additive. 156 00:14:47,486 --> 00:14:49,556 But we don't have a spot to put it yet. 157 00:14:49,566 --> 00:15:00,416 So now now that we're in the portfolio edit interface, notice on this left sidebar we have um, information about uh, adding pages. 158 00:15:00,416 --> 00:15:06,866 We can also hit this little plus sign. We can do that. These integrations are the ones where you can bring in Behance. 159 00:15:06,866 --> 00:15:13,706 You can bring in entire Lightroom albums if you wanted to, not for this assignment, but later on you might want to do that. 160 00:15:14,366 --> 00:15:20,936 There are also these themes. So if you wanted to switch to a different theme, then you could choose to do that. 161 00:15:21,356 --> 00:15:29,485 What's cool with portfolio is you can create all of the stuff on your portfolio site and put all the content in there, change the theme, 162 00:15:29,486 --> 00:15:34,166 and it'll automatically revise everything for you so you don't have to go in and like say, 163 00:15:34,166 --> 00:15:36,506 oh, I want this font there, this font there, this color here. 164 00:15:36,776 --> 00:15:41,756 It'll just kind of refresh your entire site without you having to do anything, which is awesome. 165 00:15:42,686 --> 00:15:47,366 Okay, so now we need a gallery of work, right? 166 00:15:47,366 --> 00:15:56,126 So we're going to need to create a new page. And then what we're going to be doing here is we're actually going to be creating a collection. 167 00:15:58,016 --> 00:16:02,996 And then this witch picture collection is going to be. We can call this gallery of work. 168 00:16:07,146 --> 00:16:12,146 And we don't want to make it the home page. We already have a home page, but we'll hit Create Collections. 169 00:16:12,156 --> 00:16:18,786 Let's do that. So we went to the plus sign, new page new collection and then Create collection. 170 00:16:21,566 --> 00:16:25,646 Great. And because I chose a specific theme, it has this header. 171 00:16:25,826 --> 00:16:29,366 We could go and choose a different theme if we didn't want it to have a header. 172 00:16:29,936 --> 00:16:34,706 Um, but we have a gallery now where we can add some content. 173 00:16:35,006 --> 00:16:38,116 So now in our pages we have this gallery of work. 174 00:16:38,126 --> 00:16:42,686 We have our homepage. That's all we have so far, which is, you know, interesting. 175 00:16:43,376 --> 00:16:48,566 All right. So from here, in order to add a piece of your work you're going to hit Add page. 176 00:16:48,896 --> 00:16:56,276 And in this case you just want a regular page. So a page is going to be where you put your um different pieces of artwork. 177 00:16:56,666 --> 00:17:02,455 So you're going to choose add a page. And then this is going to be just a regular page. 178 00:17:02,456 --> 00:17:07,136 We do want the page to live. The destination does need to be gallery of work. 179 00:17:07,436 --> 00:17:12,416 So this page title might be I'm just going to say work one. 180 00:17:12,866 --> 00:17:19,946 But you could title it whatever you want. Or you could follow what I'm doing as sort of like the bones of it, and then come back and edit it later. 181 00:17:20,006 --> 00:17:21,476 You'd be totally welcome to do that. 182 00:17:21,986 --> 00:17:28,645 So I'm going to call this this is going to be my piece of artwork one or whatever it is, and it's going to be that in the gallery of work. 183 00:17:28,646 --> 00:17:34,376 And we'll hit create page. Now here is where I'm going to post my piece of art. 184 00:17:34,556 --> 00:17:39,836 Okay. Um, and so what I would do here is I would start building my page. 185 00:17:39,836 --> 00:17:45,446 I can also change the title here if I wanted to. But notice all the things that we can add to a page. 186 00:17:45,446 --> 00:17:50,006 We can add an image. That's what you're going to want to add is for your particular piece of art. 187 00:17:50,486 --> 00:17:52,316 So that's where you would add your image. 188 00:17:52,586 --> 00:18:01,616 You would then add some text, um, uh, as the caption underneath, and then follow those requirements, uh, that you're supposed to follow. 189 00:18:01,856 --> 00:18:04,966 And let's take a second and go grab an image. Okay. 190 00:18:04,976 --> 00:18:09,566 I'll do this with you to. No problem. Let's just go grab a picture real quick. 191 00:18:09,866 --> 00:18:13,406 Um, let me make this a little smaller so I can see what I'm doing. 192 00:18:14,036 --> 00:18:19,376 I'm just going to grab some sort of stock image real quick from stock.adobe.com. 193 00:18:19,556 --> 00:18:24,746 If you have your own piece of artwork, maybe find that on your computer and upload it to that spot. 194 00:18:25,136 --> 00:18:29,096 Um, but we'll do. Let's see. 195 00:18:30,616 --> 00:18:36,076 We'll do something about guitars that'll sound so fun. We'll find some cool guitar pictures. 196 00:18:37,086 --> 00:18:41,766 All right. That's cool. It's already licensed. I can just redownload it for free so I can do that. 197 00:18:43,066 --> 00:18:48,346 Perfect. And then I'm just going to drag that to the desktop. 198 00:18:48,346 --> 00:18:52,216 And then we go back to portfolio and add that particular image. 199 00:18:53,176 --> 00:18:59,656 And here's that piece of that image. So you would navigate to where on your computer you have your images saved okay. 200 00:19:00,196 --> 00:19:06,396 And then you would hit open. And then you would have your image there. 201 00:19:06,666 --> 00:19:14,106 Okay. So this would be your piece of art. All right. Now notice over here, uh, you can make some adjustments. 202 00:19:14,136 --> 00:19:16,896 Okay, so there's the width, the alignment and the margins. 203 00:19:17,316 --> 00:19:25,776 If you add a caption here, um, it it probably won't give you enough text, like, enough text for you to put everything you need to put. 204 00:19:26,376 --> 00:19:30,756 Um, it is a good idea to put alt text on your images. 205 00:19:30,786 --> 00:19:34,175 So alt text is alternative text for screen readers. 206 00:19:34,176 --> 00:19:39,806 So people who have trouble seeing can, uh, you know, kind of have an idea of what your picture is. 207 00:19:39,816 --> 00:19:46,026 So you could add alt text there. You can also add a link so you can hyperlink an image to something. 208 00:19:46,056 --> 00:19:53,556 What I would recommend is actually putting text below your image as just straight up text. 209 00:19:53,556 --> 00:19:59,566 And that should be your caption. If you add a caption here, it'll be like small and it's not very good, right? 210 00:19:59,586 --> 00:20:04,266 It won't give you enough space. So here's where you would put in your caption. 211 00:20:04,776 --> 00:20:10,076 So this would be. Caption of artwork. 212 00:20:11,146 --> 00:20:17,326 And here's where you would go. Describe and include all the things in the caption that is necessary, right? 213 00:20:17,536 --> 00:20:23,446 So if you go back to the portfolio presentation page said some things that you supposed to be in here. 214 00:20:24,016 --> 00:20:27,686 Um, and then you're supposed to enter a caption. 215 00:20:27,706 --> 00:20:33,136 I don't know if I copied and pasted that part. Oh, here it is. The title in italics if one exists. 216 00:20:33,136 --> 00:20:39,795 Dimensions. Height by width for 2D work. Height by with by depth for 3D work, the year the work was created and the medium. 217 00:20:39,796 --> 00:20:43,906 So those are all the things are referred to your assignment. But that's what you would type out here. 218 00:20:44,506 --> 00:20:49,816 Okay. All right. Now other things that you can do with your text. 219 00:20:49,906 --> 00:20:54,135 Um, you can of course, just delete it. Do you see how it kind of makes these blocks? 220 00:20:54,136 --> 00:20:57,276 Right. Has anybody used Wix before? Yeah. 221 00:20:57,286 --> 00:21:00,375 So this is a little similar right. With the containers. Right. 222 00:21:00,376 --> 00:21:04,576 But it's easier. The containers sometimes get messy on Wix and they're kind of hard to manage. 223 00:21:05,086 --> 00:21:09,406 These, um blocks are pretty easy to deal with. 224 00:21:09,436 --> 00:21:13,416 You can just keep adding to your page. 225 00:21:13,426 --> 00:21:20,916 There's also opportunity to do a photo grid. So if maybe one of your pieces of artwork was actually multiple pieces, then you can do a photo grid. 226 00:21:20,926 --> 00:21:24,826 You can pull an entire Lightroom album from your Creative Cloud. 227 00:21:25,396 --> 00:21:34,066 You can also upload your own audio. Um, what what I've seen some people use this for is like how to pronounce your name. 228 00:21:34,156 --> 00:21:38,596 People will put that on their portfolio and it has like an audio recording of how to pronounce your name. 229 00:21:38,806 --> 00:21:44,976 That's kind of a cool thing. You can also put in a button so like a hyperlinked button to something else. 230 00:21:44,976 --> 00:21:50,146 So if you want to say, hey, this particular piece of art, I actually submitted it to such and such contest. 231 00:21:50,146 --> 00:21:53,146 You could link to the contest page that way through a button. 232 00:21:53,626 --> 00:21:58,816 Um, buttons are pretty easy to add. You just click it, edit the button, you know, and all of that. 233 00:21:58,816 --> 00:22:04,876 So that's something that you can do and we'll just delete that so we can kind of keep working. 234 00:22:05,656 --> 00:22:10,725 Other things that you can add if you add a video here, this would be an MP4 video. 235 00:22:10,726 --> 00:22:15,376 And it does a weird thing where it kind of picks the middle of the video as the, 236 00:22:15,676 --> 00:22:20,086 um, as the still frame for the beginning of the video, which is kind of bizarre. 237 00:22:20,266 --> 00:22:24,496 What's usually better if you need to put some sort of videos to use the embed feature, 238 00:22:24,766 --> 00:22:32,586 put your video in YouTube or somewhere else that's hosted that you own, and then use the embed, um, code to then embed the video. 239 00:22:32,596 --> 00:22:38,026 Otherwise, it'll take a while for your page to load if you just directly upload a video, unless it's very short, then it's okay. 240 00:22:39,106 --> 00:22:45,266 You can add the social icons. You know there's a contact form, but that usually works out better on a separate page. 241 00:22:45,286 --> 00:22:51,286 This is a page just for your one piece of artwork, one of your three of five that you should be having on there. 242 00:22:51,706 --> 00:22:57,306 All right. So that's the first piece of work that's created. 243 00:22:57,516 --> 00:23:05,106 Um, and so now what we can do is go back to, um, we can now go to home, actually. 244 00:23:06,366 --> 00:23:10,416 And one thing we need to do is to fix that button right at the beginning. 245 00:23:10,446 --> 00:23:16,026 We didn't have a gallery created yet. We made this button. Now it needs to actually link to something. 246 00:23:16,746 --> 00:23:20,226 So let's go to editing the button. 247 00:23:21,886 --> 00:23:32,206 And then what we're going to actually do is tell it to link to not an external URL, but our gallery of work is what we want it to link to. 248 00:23:34,496 --> 00:23:37,876 Okay, so now we've got that set. 249 00:23:37,886 --> 00:23:42,166 Let's go back out of the edit button. There's also some other features you can do. 250 00:23:42,176 --> 00:23:45,235 Like what does the button look like when you hover over it. Stuff like that. 251 00:23:45,236 --> 00:23:48,566 You can play with all of that. You don't have to know any codes. Use portfolio. 252 00:23:48,836 --> 00:23:54,356 Pretty simple to use, which is nice. And so now we can go back to our pages. 253 00:23:54,356 --> 00:24:03,385 We can go back to our gallery of work. Um, and then now we have one piece of art on our gallery. 254 00:24:03,386 --> 00:24:06,606 And notice how it does this automatic grid format for us. 255 00:24:06,626 --> 00:24:13,616 This is really nice. It's very scrollable. Also, portfolio does responsive design for you automatically. 256 00:24:13,856 --> 00:24:18,295 So when you view this on an iPad or a phone it will automatically readjust. 257 00:24:18,296 --> 00:24:25,526 And it looks really nice. It does a fantastic job. If you've used Wix before, you know that you have to switch it to mobile mode, 258 00:24:25,526 --> 00:24:28,616 and then you have to make changes, and then you have to go back and make sure you didn't screw anything up. 259 00:24:28,616 --> 00:24:39,296 So it's kind of, um, a little bit more difficult. So other things that you can do once you set up your one page is you can also edit the cover image. 260 00:24:39,866 --> 00:24:47,245 So if you wanted to make a custom cover image for this page, which is your first piece of artwork, you could do that. 261 00:24:47,246 --> 00:24:50,666 You would go make that separately and then you would upload it here. 262 00:24:50,876 --> 00:24:56,916 So if you don't want them to see your piece of artwork until they go into it, then that's something that you could do. 263 00:24:56,996 --> 00:25:02,456 It could also be slightly different than the piece that you did. Or you can leave it as is and that's totally fine. 264 00:25:02,486 --> 00:25:06,326 What it's going to do is it's going to default to whatever is. 265 00:25:06,326 --> 00:25:09,776 The first image on this page will be the cover. 266 00:25:10,556 --> 00:25:16,546 Okay. So that's how that works. And then let's maybe practice if you want to add a second one right. 267 00:25:16,556 --> 00:25:22,906 Then what you would do is you would add a second piece of artwork. You would add page add a regular page. 268 00:25:22,916 --> 00:25:31,136 Maybe you call this work two or whatever the title of the piece of art is, the destination is the Gallery Create page. 269 00:25:31,616 --> 00:25:36,235 And then again you would, um, you know, start building your page. 270 00:25:36,236 --> 00:25:41,066 So you would add your second piece of art with your second caption and so on. 271 00:25:41,396 --> 00:25:46,186 Okay. Um, so we could go get another picture and do that. 272 00:25:46,196 --> 00:25:50,906 You know, we could go get a different guitar picture. We could absolutely do that. 273 00:25:50,936 --> 00:25:54,266 Okay, here's another one. So we can download that one. 274 00:25:54,986 --> 00:25:59,936 Go back here. And if you have a piece of artwork that you want to add, you can absolutely do that. 275 00:26:01,356 --> 00:26:06,176 Um. Let's see. I think it's this guy. Yeah. 276 00:26:06,326 --> 00:26:10,706 There we go. Oh, and I didn't download it properly, so it's got the watermark, but that's fine. 277 00:26:10,796 --> 00:26:17,886 No worries. And then of course, add the caption. Etc. so now you can see kind of how to build that. 278 00:26:18,216 --> 00:26:25,556 All right. And once you're kind of done with that, we can go back to the pages. 279 00:26:25,916 --> 00:26:29,326 And here is where you can control the navigation. 280 00:26:29,336 --> 00:26:32,756 So let's see. Let's go over to the gallery. So you can kind of see what I mean. 281 00:26:33,836 --> 00:26:41,846 Now that we have two pages here look what it does. It will put the most recently created page first. 282 00:26:41,876 --> 00:26:47,816 So if you don't like that order like you wanted the first one to be first, you can control that. 283 00:26:48,146 --> 00:26:51,956 The way you control that is over in the navigation on the left hand side. 284 00:26:52,376 --> 00:26:59,486 So you go to pages. You simply click and drag these pages around to control the order. 285 00:27:00,206 --> 00:27:03,356 Okay. So you click and drag these to control the order. 286 00:27:03,356 --> 00:27:07,346 And then as you keep adding them you can keep rearranging and all of that. 287 00:27:07,616 --> 00:27:13,316 And so that way if you wanted like this piece of work to be first, then this one second, this one third, this one fourth, this one fifth. 288 00:27:14,096 --> 00:27:17,666 That's how you can control the navigation here. All right. 289 00:27:18,896 --> 00:27:24,566 Our splash page is our home page. And then we have our own gallery of work here as well. 290 00:27:25,836 --> 00:27:32,076 Okay, so let's check it. Let's check and see how our, um, page is looking so far. 291 00:27:32,766 --> 00:27:41,616 If you want to kind of get an idea of what your page actually looks like, we can also maybe maybe we start from, um, the home button. 292 00:27:41,886 --> 00:27:51,146 Right. And we can preview it. So if you go back home and then hit the preview button, now we can see what our web page is going to look like. 293 00:27:51,156 --> 00:27:57,026 I didn't have an image on the front, so that's why it's blank. But here's how we can check our button and make sure it's working. 294 00:27:57,036 --> 00:28:00,036 We preview this and then we can hit View Gallery. 295 00:28:00,306 --> 00:28:05,706 Here's my gallery. I can click the link, check the page, make sure it's working. 296 00:28:06,096 --> 00:28:11,156 Um, if I wanted to, I could add another piece of navigation here to go back. 297 00:28:11,166 --> 00:28:16,686 It'll automatically do these suggestions of your other pages to kind of keep people on your site, which is nice. 298 00:28:17,046 --> 00:28:21,576 But then we can also just go back home or go back to the gallery of work. 299 00:28:21,936 --> 00:28:29,286 You can also see how is this going to look as a mobile device, you know, on a mobile device and so on in different ways. 300 00:28:29,676 --> 00:28:34,475 And so we can go to the view gallery if somebody is holding their phone sideways, this is what it's going to look like. 301 00:28:34,476 --> 00:28:39,786 And then automatically has this nice collapsible hamburger menu that it did because it's responsive design. 302 00:28:40,446 --> 00:28:43,716 We can go back to edit to get out of that preview. 303 00:28:44,166 --> 00:28:54,786 Okay. So, so far you should have a splash page and then a gallery and a button that links from the splash page to the gallery, 304 00:28:55,056 --> 00:28:59,586 and then maybe at least two pages for your pieces of artwork. 305 00:29:00,066 --> 00:29:04,096 Okay. Now other things that we can do. 306 00:29:04,126 --> 00:29:08,196 We can also edit this navigation. We can customize this. 307 00:29:08,206 --> 00:29:11,866 So if we want this to be in a different order we can adjust that. 308 00:29:11,866 --> 00:29:21,046 Basically everything on your screen in the edit mode, if you just mouseover it, you will get the option to, uh, edit that thing. 309 00:29:21,076 --> 00:29:25,756 Okay. So that's the best way to kind of manage it. You can we could change the cover image of this one. 310 00:29:26,296 --> 00:29:30,016 Edit the page info means editing. What is it called or what's it named. 311 00:29:30,016 --> 00:29:34,756 So if you add a title later you could do that. You can then just go in and edit the page and so on. 312 00:29:36,076 --> 00:29:40,066 Okay, here is the next thing we're going to do if you click on pages. 313 00:29:40,366 --> 00:29:45,315 Another thing that we need um, is a uh let's see. 314 00:29:45,316 --> 00:29:48,466 What'd he say. He said we need an About me page. 315 00:29:48,946 --> 00:29:55,396 Okay. So let's add that. So under pages on the left hand side notice you have a little plus sign here. 316 00:29:56,526 --> 00:29:59,826 And then let's add a just a regular page. That'd be fun. 317 00:30:01,416 --> 00:30:09,336 And we don't want it to be in the gallery of work though. We want the About Mead page to be just in the navigation. 318 00:30:10,176 --> 00:30:15,186 So that way somebody can easily just click in the navigation bar to the About Me page. 319 00:30:15,186 --> 00:30:18,216 And you can call this what you want. You can be about me. 320 00:30:18,246 --> 00:30:21,246 It could be Buyeo. McCall. My bio. 321 00:30:22,446 --> 00:30:28,026 You can call it artist bio. Anything like that would work and the destination needs to be navigation. 322 00:30:28,416 --> 00:30:34,286 So you'll hit create page. And now we need to edit it right so we can start building it. 323 00:30:34,306 --> 00:30:40,366 You might have a picture of yourself or a picture that kind of represents you or something like that, and then some text. 324 00:30:40,576 --> 00:30:45,975 And there's specific language on the assignment about how what the requirements of your bio are like, 325 00:30:45,976 --> 00:30:53,566 how many, uh, how long it needs to be, and so on. So this is where you would write about yourself. 326 00:30:54,586 --> 00:30:59,926 What makes you stand out? Why should somebody check out your portfolio over somebody, over someone else's. 327 00:30:59,926 --> 00:31:06,226 Right. What's different about you? What's unique? Uh, what do you what are these pieces of work? 328 00:31:06,466 --> 00:31:11,866 Part of a collection. Do they go together? Do they not? As a sort of an intro to who you are as an artist. 329 00:31:12,286 --> 00:31:15,345 That is the kind of stuff people want to see in a portfolio. 330 00:31:15,346 --> 00:31:21,946 Something that's unique and different tells them about you, as opposed to here's my art, right? 331 00:31:22,186 --> 00:31:25,486 Be interesting. Right. Be yourself. Be interesting. 332 00:31:25,846 --> 00:31:32,086 Um, so those are the things that they want to see in the bio. Let me switch back to the presentation page just to see. 333 00:31:32,866 --> 00:31:35,576 Yes. And we wanted the destination to be navigation. 334 00:31:35,596 --> 00:31:41,806 I didn't copy and paste it, but in the assignment he's got specific requirements about what he wants you to put in the About me in bio. 335 00:31:42,466 --> 00:31:45,706 So pay attention to those and you can type those in. All right. 336 00:31:46,096 --> 00:31:53,415 Here are just some other ideas to, um, that you can use to kind of change your site in general. 337 00:31:53,416 --> 00:31:58,126 So let's say you like the overall design, but you want to change the background color and stuff like that. 338 00:31:58,136 --> 00:32:10,426 Like the theme is okay if you go over to the left side navigation under under sitewide instead of like going here and editing the text that's here, 339 00:32:10,726 --> 00:32:11,176 right, 340 00:32:11,176 --> 00:32:19,366 with different font and all of that, which you can get by highlighting the text and you'll get the text menu instead of changing the font style here. 341 00:32:19,636 --> 00:32:21,016 Consider changing it site. 342 00:32:21,676 --> 00:32:30,196 Okay, because the whole point of portfolios to help you with your web design, if you go and change your font style in one place manually, 343 00:32:30,196 --> 00:32:36,045 you should probably go and change it manually in every single other place that has a similar hierarchy in your portfolio. 344 00:32:36,046 --> 00:32:37,336 And who wants to do that, right? 345 00:32:37,576 --> 00:32:43,876 Unless there's something unique about that one thing, and for some reason you wanted to use a special font just for that one thing, totally fine. 346 00:32:43,906 --> 00:32:50,446 Of course you could do that. However, under the site wide options, you can change the background. 347 00:32:50,446 --> 00:32:54,466 You can say, hey, I want the color scheme to be light instead of dark or dark instead of light. 348 00:32:54,826 --> 00:32:59,836 I want this font used instead. Um, I want a background image. 349 00:33:00,226 --> 00:33:05,656 I don't think you want that on your portfolio this time, but if you had a cool pattern you designed yourself or something, that might be cool. 350 00:33:06,076 --> 00:33:14,266 Um, you know, to do. And you can say what background color to include, you know, so you can change it to a very specific color. 351 00:33:14,266 --> 00:33:18,135 So the you would just need to get the hexadecimal code for that, 352 00:33:18,136 --> 00:33:23,806 which you can easily search up on the internet, just search for hexadecimal, uh, dictionary or whatever. 353 00:33:23,806 --> 00:33:31,716 And then you can find a specific color that you want to use. Or you could sample a color from your artwork and use that right. 354 00:33:31,726 --> 00:33:35,886 Using Photoshop or something. You could you could do that and get the code, copy and paste it here. 355 00:33:35,896 --> 00:33:39,856 Use that as your background color so you have those options there. 356 00:33:40,336 --> 00:33:45,836 Um, and then there are also options to have what's called a logo. 357 00:33:45,856 --> 00:33:49,096 The logo is just the name up here right now. 358 00:33:49,756 --> 00:33:57,526 But if you designed your own logo, right, using your artistic skills or some digital artistic skills, 359 00:33:58,096 --> 00:34:01,566 you if and if your theme doesn't have it on, you can turn it on. 360 00:34:01,576 --> 00:34:05,235 You can toggle this on and off. So if you don't want the logo, you don't have to have it. 361 00:34:05,236 --> 00:34:13,876 If you do like it, you can have it. Um, what you can do then is adjust what this logo is and you can upload an image instead. 362 00:34:14,566 --> 00:34:21,526 So if you designed your own logo, um, and some people, what a lot of people do is they might just do their initials and like a cool way, 363 00:34:21,556 --> 00:34:26,896 you know, so if you're struggling to kind of figure out what a logo might be to brand yourself, some people do that. 364 00:34:27,196 --> 00:34:31,275 Um, you know, you don't have to. It can totally just be your name. 365 00:34:31,276 --> 00:34:35,326 It's going to default to that. So or you don't have to have the logo on at all. 366 00:34:35,336 --> 00:34:39,885 You can just turn it off. Or the logo could be your name but in a different font that you like. 367 00:34:39,886 --> 00:34:44,926 That's cool or whatever. You can also say like how does it react when people roll over it? 368 00:34:44,936 --> 00:34:47,955 Like what color does it change to? Or when people scroll? 369 00:34:47,956 --> 00:34:51,946 What happens to the colors on your site? So you can do some cool stuff like that. 370 00:34:52,216 --> 00:34:59,386 That is the logo feature. Okay. So again, if I turn it off that the name goes away, if I turn it on, it goes back. 371 00:34:59,536 --> 00:35:03,436 Okay. Navigation. This needs to stay on. 372 00:35:04,186 --> 00:35:07,545 If you turn it off, you will not have navigation on your website. 373 00:35:07,546 --> 00:35:11,896 And it makes it really hard for people to visit your different pages. So definitely leave that on. 374 00:35:12,466 --> 00:35:18,375 And then if you want a footer, you can choose. If you want a footer or not, it's going to automatically have a footer down here. 375 00:35:18,376 --> 00:35:25,486 What some people do is they put these social icons, uh, with the footer, 376 00:35:25,786 --> 00:35:30,466 and then that way the social icons are at the bottom of every single page throughout your. 377 00:35:30,776 --> 00:35:35,546 Folio, so anybody could easily just click there and go to your socials if you wanted to do that. 378 00:35:36,176 --> 00:35:42,446 Otherwise, you don't have to have a footer. You can just have your your text be the end of the page. 379 00:35:42,446 --> 00:35:54,235 That's totally fine. You can also, um, edit the footer by, uh, putting in different text, um, here, uh, like, uh, you know, home. 380 00:35:54,236 --> 00:35:59,815 You can have a return to home at the end so people can just click that, um, and you can hyperlink that. 381 00:35:59,816 --> 00:36:01,465 So or you could have something different. 382 00:36:01,466 --> 00:36:08,726 You could have like a quote that you like or something at the end of every page again was going make unique in all of that. 383 00:36:08,726 --> 00:36:13,046 Right. Make you stand out and that sort of thing. So that's the footer. 384 00:36:13,916 --> 00:36:18,776 And then if you scroll down in the navigation just showing you all the settings to your page, 385 00:36:18,776 --> 00:36:22,946 after you kind of build the pieces, do all that stuff first, though, build your web, 386 00:36:22,976 --> 00:36:27,746 build your pages that you need, fix the navigation, check it, uh, put it in your artwork, 387 00:36:27,746 --> 00:36:33,416 put it in the captions, do all the, you know, nuts and bolts first, then go back and make it pretty if you want. 388 00:36:33,416 --> 00:36:35,846 Right. You got to bake the cake before you put the icing on. Right. 389 00:36:36,386 --> 00:36:43,976 So other things you can do once you have all of that sort of done, you can edit, you know, you can, uh, edit information on this page. 390 00:36:43,976 --> 00:36:50,726 You can change just things about just this page if you wanted to, um, you know, so there's some other features there. 391 00:36:51,896 --> 00:36:57,236 And again, you can preview the site. I highly recommend as you are working on your site, preview it. 392 00:36:57,236 --> 00:37:02,126 See, does it look the way you want? Do the links work when you click them? 393 00:37:02,336 --> 00:37:05,776 All of this is ah is good web design for you to just check. 394 00:37:05,786 --> 00:37:10,706 Okay, um, so highly recommend previewing the site before you publish it. 395 00:37:11,886 --> 00:37:19,875 Okay. Um, let's see other things. Let me just show you the integrations real quick if you wanted to in the future, add Behance. 396 00:37:19,876 --> 00:37:23,086 Behance is basically kind of like a LinkedIn for creatives, right? 397 00:37:23,116 --> 00:37:27,356 There's also a ton of great stuff on Behance Live that you can watch and watch. 398 00:37:27,376 --> 00:37:29,596 Some artists do some really cool work, like for free, 399 00:37:29,596 --> 00:37:35,686 which is great if you're a photographer and you have your entire Lightroom albums already organized, 400 00:37:35,686 --> 00:37:39,386 you can bring those full albums in without you having to bring every image in. 401 00:37:39,406 --> 00:37:44,116 That's nice. If you're a seller on Adobe Stock, you can add that integration. 402 00:37:45,016 --> 00:37:47,776 You don't really need those for this assignment, just showing that to you. 403 00:37:47,806 --> 00:37:51,736 You can of course choose a different theme and it would apply a different theme throughout your site. 404 00:37:51,736 --> 00:37:55,726 So if you decide I don't like this theme, you could start, you know, add a new theme. 405 00:37:55,736 --> 00:37:59,086 You don't have to type in all your stuff again. It's already there. Okay. 406 00:38:00,196 --> 00:38:06,405 Um, questions that you might have about the pages or building your site so far. 407 00:38:06,406 --> 00:38:10,126 Before I show you just a few more of the technical settings. 408 00:38:12,386 --> 00:38:16,766 How many of you have an image added to your portfolio right now? Okay. 409 00:38:16,796 --> 00:38:18,566 Awesome. If you don't, that's okay. 410 00:38:18,566 --> 00:38:26,276 Maybe you're thinking about it, but at least make the pages so that you have that created, and then you can go back and add images where you want. 411 00:38:26,416 --> 00:38:31,586 Once you decide, you know, sort of what order do you want them in, what are you going to say about them? 412 00:38:31,586 --> 00:38:38,186 All that good stuff okay. It's also not a bad idea to kind of sketch the stuff out on a rough draft, too. 413 00:38:38,186 --> 00:38:40,165 So you can kind of envision your portfolio, 414 00:38:40,166 --> 00:38:46,045 sketch out what you want and then place it in there after you kind of have a decision about what art should go next to, 415 00:38:46,046 --> 00:38:52,316 what art and that sort of thing. Okay, now let's check out these settings. 416 00:38:53,126 --> 00:39:02,486 The main thing I wanted to show you under these settings, which is a really cool feature of portfolio, is that you can change your site sub domain. 417 00:39:02,696 --> 00:39:06,266 You do not have to pay anything to host this website. 418 00:39:06,836 --> 00:39:11,576 That fee is basically included in Adobe Portfolio your access to Adobe Creative Cloud. 419 00:39:12,686 --> 00:39:19,726 Now, in the future, on your own. If you wanted to purchase a domain and connect it yourself, you could do that. 420 00:39:19,736 --> 00:39:23,066 I have had, uh, consultants do that in the past. 421 00:39:23,456 --> 00:39:27,326 They have purchased their name as the domain and connected it. 422 00:39:27,326 --> 00:39:32,545 Use that to make sure you're unconnected before you graduate. Right. You don't not have to do that for this assignment. 423 00:39:32,546 --> 00:39:40,256 For this assignment, however, if you look at what my site sub domain is going to be today, it's not very friendly, right? 424 00:39:40,256 --> 00:39:48,086 It's just taking your auburn username, which is those three initials and your numbers and making that your URL. 425 00:39:48,176 --> 00:39:51,716 That's ugly right. That's not cool. So but here's what you get to do. 426 00:39:52,226 --> 00:39:55,816 You can change it. This is what's so great. So hit settings. 427 00:39:55,826 --> 00:39:57,055 You don't have to change it right now. 428 00:39:57,056 --> 00:40:04,026 But I just want to show you make sure you know where to change it because it's important to change it first before you publish. 429 00:40:04,046 --> 00:40:08,486 Okay. Because you only can change your subdomain five times okay. 430 00:40:08,486 --> 00:40:11,636 So you want to make sure you get it changed first then publish. 431 00:40:12,116 --> 00:40:18,866 So under the domain name where it says site subdomain you can put whatever you want here which is great. 432 00:40:19,166 --> 00:40:22,586 So I could call this one Hooper Designs. 433 00:40:23,826 --> 00:40:31,206 And now my website URL is going to be Hooper Designs dot my portfolio.com. 434 00:40:31,866 --> 00:40:35,946 That's a really nice URL right? For free. So that's awesome. 435 00:40:36,246 --> 00:40:40,336 Once you have that changed you can hit apply. You don't have to do it today. 436 00:40:40,356 --> 00:40:46,776 You might want to think about what you want it to be. It can also just be your name. That's fine, but apply the change. 437 00:40:47,286 --> 00:40:55,986 And then after you have applied the change, um, then which I'll go ahead and apply it just so you can see it's not going to bother me. 438 00:40:56,226 --> 00:41:00,186 After you applied the change, then when you publish it, remember it's not published yet. 439 00:41:00,216 --> 00:41:04,386 Nobody else can see it except for you. This will be your public URL. 440 00:41:04,986 --> 00:41:08,496 The public URL is what you need to turn in for your assignment. 441 00:41:08,586 --> 00:41:12,046 So you do need to go through this step in order to be ready to turn this in. 442 00:41:12,066 --> 00:41:16,786 Because if nobody can see your site. It's just kind of the opposite of what we're trying to accomplish, right? 443 00:41:16,806 --> 00:41:23,006 It needs to be public. So get all your stuff done first and then when you're ready to publish it, this is the last thing you do before you turn it in. 444 00:41:23,016 --> 00:41:28,926 Okay. Other fun technical things you can do that is like the icing on the cake. 445 00:41:29,166 --> 00:41:32,766 There are a bunch of other settings in here that are more technical. 446 00:41:33,066 --> 00:41:36,576 Um, you can say what a page redirect would be. 447 00:41:36,606 --> 00:41:41,456 You can add Google Analytics and have track your the traffic to your website. 448 00:41:41,466 --> 00:41:44,916 You can do that on your own. That would be separate. You go set that up yourself. 449 00:41:44,916 --> 00:41:49,456 Put the tracking code here. You can give your site a meta description. 450 00:41:49,476 --> 00:41:54,215 This is a good idea to do actually. Um, describe what this site is. 451 00:41:54,216 --> 00:42:00,816 And then that's when Google when people Google things, your site may come up based upon your description. 452 00:42:01,206 --> 00:42:04,476 So it's helping people discover your website. 453 00:42:05,316 --> 00:42:11,896 There's also meta keywords you can put in to, uh, prompt people who are using Google to find your site. 454 00:42:11,916 --> 00:42:15,006 So what keywords would you want people to put in in order to find you? 455 00:42:15,246 --> 00:42:18,696 Right? Or what makes the most sense that you think most people would put. 456 00:42:19,146 --> 00:42:23,946 So you can do that. Um, these are custom meta tags. 457 00:42:23,946 --> 00:42:26,975 So if you you've messed with the HTML then you could do that. 458 00:42:26,976 --> 00:42:31,096 But we're not going to worry about that. This is actually a fun little thing. 459 00:42:31,116 --> 00:42:36,056 The favicon the favicon is this tiny little icon. 460 00:42:36,066 --> 00:42:44,196 If you look up at the top of this browser window, this PDF, which is the Adobe Portfolio logo, that's a favicon. 461 00:42:44,346 --> 00:42:45,876 You could design your own. 462 00:42:46,356 --> 00:42:53,336 And then that's a cool way to kind of people be able to pick out your, you know, site that's really unique and it's got a browser, 463 00:42:53,346 --> 00:42:57,396 you know, so what what image comes up when somebody has it open as a tab, right. 464 00:42:57,666 --> 00:43:01,866 You can upload your own image there. Same thing with the web clip icon. 465 00:43:02,256 --> 00:43:11,316 You can upload the same image for that. And then when people see it as a clip on the web, then it kind of like is a little preview image to your site. 466 00:43:11,826 --> 00:43:20,436 Same thing with the social sharing thumbnail. When people share your site, you can control what picture shows up that corresponds to your website. 467 00:43:20,736 --> 00:43:26,076 So that again could be your logo or a standard picture that you create or choose. 468 00:43:26,916 --> 00:43:34,476 Um, there's all kinds of site options. Here's one that I would recommend you select disable right click to protect your images. 469 00:43:34,896 --> 00:43:41,376 Okay. This is a good, uh, setting to go ahead and click. Anyone who knows anything about HTML can get around this in two seconds. 470 00:43:41,406 --> 00:43:47,256 However, it's telling people I'm not giving you the right to just copy and paste my stuff and take it as yours, right? 471 00:43:47,706 --> 00:43:51,366 Um, and that would be a good thing to include as a statement on your website. 472 00:43:51,366 --> 00:43:57,636 Maybe in the footer. Right. Uh, you know, content is the property of the artist. 473 00:43:57,816 --> 00:44:04,146 You know, something like that. Right. So if you at least have that. But that way they can't just right click and save the artwork that you've posted. 474 00:44:04,416 --> 00:44:08,546 Okay. Um, you can password protect a website. 475 00:44:08,556 --> 00:44:11,106 You wouldn't want to do this that in this case. 476 00:44:11,106 --> 00:44:18,996 But sometimes when you apply to contests or internships, they may ask you to password protect a website. 477 00:44:19,026 --> 00:44:24,246 This is how you could do that. And then you just send them the password so that only the judges can get in and see it. 478 00:44:25,546 --> 00:44:28,636 Cookie banner. You don't really want a cookie banner. Don't worry about that. 479 00:44:28,666 --> 00:44:34,006 Doesn't matter. It's fine. Um, if you screw up your website and you make too many, like, 480 00:44:34,006 --> 00:44:40,576 little formatting changes and you want to sort of reset it back to the original theme, you can restore the website styles. 481 00:44:40,786 --> 00:44:43,066 It's not going to delete anything from your website. 482 00:44:43,396 --> 00:44:50,536 It will just put it back to that main theme, and then your account and region is already set because you're using this account. 483 00:44:50,896 --> 00:44:55,246 Um, and uh, so it's already set to, uh, United States. 484 00:44:55,246 --> 00:44:56,926 So you're good there. You don't have to know anything there. 485 00:44:56,986 --> 00:45:03,016 So the main thing in this particular, uh, settings is fixing that domain name and then hitting done. 486 00:45:04,186 --> 00:45:08,356 Once you've done that, then when you're ready, you would hit publish site. 487 00:45:08,776 --> 00:45:13,126 Now we're going to make it live for you. You don't have to do this part just yet. 488 00:45:13,726 --> 00:45:19,006 Um, but you can, uh, but I'll show you that now, this particular site is actually live. 489 00:45:19,336 --> 00:45:22,366 We can view the gallery. Here's the work. 490 00:45:22,426 --> 00:45:25,815 We can click a page. We can view the piece of artwork. 491 00:45:25,816 --> 00:45:29,586 We can read the caption. It's suggesting another page for us. 492 00:45:29,636 --> 00:45:33,946 We can go to that. Uh, we can go to the bio, check out the bio. 493 00:45:33,946 --> 00:45:40,396 And we can also go home. So these are all the things that we have done to our our site so far. 494 00:45:40,756 --> 00:45:46,815 Um, to get it created, another type of page that you might want is is not a requirement. 495 00:45:46,816 --> 00:45:53,446 But you can also create a custom page and the navigation and make it a contact me. 496 00:45:54,536 --> 00:46:00,445 Okay, this is another thing I just kind of recommend in general to students so that you're 497 00:46:00,446 --> 00:46:04,946 not posting your personal email address and your phone number and all that stuff, 498 00:46:04,946 --> 00:46:08,966 right? So do a contact me page if you would like to. It's not a requirement. 499 00:46:09,416 --> 00:46:14,356 And then there is a form that automatically you can just enter. 500 00:46:14,376 --> 00:46:22,946 You can just add it. And this way it's pulling the people's information to you instead of you giving out your personal information. 501 00:46:22,946 --> 00:46:27,296 So if anybody's interested in your artwork, they see your site or like, wow, this is really cool. 502 00:46:27,566 --> 00:46:29,396 Uh, maybe I can buy a piece or whatever. 503 00:46:29,786 --> 00:46:36,295 They can go to the contact me, they can fill out their information, which then comes to your email address at Auburn. 504 00:46:36,296 --> 00:46:40,286 And you can choose if you want to reply to them or not. And they don't have your contact information. 505 00:46:40,286 --> 00:46:48,326 You have theirs. Okay. This is a great thing to incorporate with a public facing web page so that people can contact you, 506 00:46:48,866 --> 00:46:56,786 um, you know, without you posting your personal info. So that's another page that I would recommend is on a normal, uh, regular portfolio. 507 00:46:56,786 --> 00:47:00,506 But you don't have to have it for this assignment. Just an idea. 508 00:47:00,956 --> 00:47:11,666 Okay. Now portfolio sales as you go, which is very nice, but just so you know how to navigate back to the shell of a website that we have made, 509 00:47:12,176 --> 00:47:19,556 if you'll click the little PDF on the upper left hand corner to go back to the home screen of portfolio, 510 00:47:20,066 --> 00:47:24,926 notice that your portfolio that you made is right here. 511 00:47:24,926 --> 00:47:30,266 So when you are after you've gone away from the computer today, um, 512 00:47:30,266 --> 00:47:36,326 you can come back to portfolio.com sign in and you can access this wherever you have internet access. 513 00:47:36,716 --> 00:47:41,756 And then once you sign in, you can just edit this site and you can continue working. 514 00:47:42,206 --> 00:47:48,296 Okay. Oh here is another one if you want to see one that's uh, also kind of a little bit more finished. 515 00:47:48,866 --> 00:47:52,045 So here's one after it's got a little bit more stuff. Right. 516 00:47:52,046 --> 00:47:55,646 So you can have a navigation over here. You can have these things. 517 00:47:55,646 --> 00:48:04,556 And I custom did those, these covers. And then you can click on it and it's got the picture there or the graphic or whatever the text and information. 518 00:48:04,706 --> 00:48:09,956 I added a back to top, you know, uh bio whatever, all this kind of stuff. 519 00:48:09,956 --> 00:48:14,446 These are just examples. The podcast, this was showing how to add the podcast. 520 00:48:14,466 --> 00:48:19,226 You can add the, you know, the, um, MP3 file there, all of that good stuff. 521 00:48:19,226 --> 00:48:27,416 So that's an example of a finished one just so you can see. Um, but going back to oh, actually, I clicked out of it. 522 00:48:29,366 --> 00:48:33,336 Got a little to click happy there. Here we go. We'll go back though. 523 00:48:33,386 --> 00:48:37,375 This is a good demonstration so you can see how to get back into it. Right. All right. 524 00:48:37,376 --> 00:48:42,746 It will stay. Now here's the other main thing to understand. Last thing I want to impart upon you tonight. 525 00:48:43,346 --> 00:48:46,375 Let's say you published your site, right. 526 00:48:46,376 --> 00:48:50,726 It was live. It's already live. It's going. Here's what you got to do. 527 00:48:50,726 --> 00:48:58,226 If you make a change to your website after you've published it, you must update the live site. 528 00:48:58,676 --> 00:49:05,696 Okay? Because this is how all web pages work. Essentially, you're using portfolio to kind of edit the code and make edits to it. 529 00:49:06,596 --> 00:49:15,446 It's dependent upon you to push those changes out to the live site, and they do that on purpose so that you control when those changes go live. 530 00:49:15,776 --> 00:49:19,735 Okay. Um, so if I make a change to this, I add an image. 531 00:49:19,736 --> 00:49:24,296 I have got to go to update live site and make sure that it's gets updated again. 532 00:49:24,596 --> 00:49:32,485 Again, check your uh and then after you've updated it, just check your public URL and access it in another window. 533 00:49:32,486 --> 00:49:35,276 And then just make sure it's working and everything is showing properly. 534 00:49:35,606 --> 00:49:41,876 That's the last sort of main concept to understand with web design is that you must push out the updates live. 535 00:49:42,206 --> 00:49:45,956 Uh, if you make any changes to your website. Okay. 536 00:49:47,446 --> 00:49:51,436 Questions that you might have about Adobe Portfolio. 537 00:49:51,826 --> 00:49:55,396 Before I kind of close out, maybe show you a couple of examples. 538 00:49:59,036 --> 00:50:02,486 You finding Adobe portfolio fairly easy to use. 539 00:50:02,966 --> 00:50:07,706 It's not too bad, right? But the trick is deciding what content you want to put where. 540 00:50:08,606 --> 00:50:14,905 And then what you're going to say about it okay. Once you kind of like play around with it and create a couple of pages, then it's like, okay, 541 00:50:14,906 --> 00:50:19,886 this is not too bad and I can go back and edit it any time and I can add things, etc., etc. 542 00:50:20,306 --> 00:50:24,116 All right. Let's leave that open in case the question comes up. 543 00:50:24,746 --> 00:50:32,606 I'm going to go back to the Adobe Portfolio page, and those of you who are attending online, feel free to put a question in the chat. 544 00:50:32,636 --> 00:50:39,086 I'm happy to watch the chat and answer your question. Oh, sometimes I get asked about how do I add resumes? 545 00:50:39,416 --> 00:50:48,176 Right. So if you want to add your resume to your, uh, portfolio page, you either need to copy and paste some of the text over and add it as text. 546 00:50:48,476 --> 00:51:00,056 Or you can use Adobe Acrobat Pro, take your PDF, um, uh, resume, convert it to a Jpeg, and then upload it as an image. 547 00:51:00,266 --> 00:51:02,725 But if you want to edit it, you have to do that process again, right? 548 00:51:02,726 --> 00:51:12,416 So what some people do is they will pull out a few highlights from their resume and put that as text in a certain location, 549 00:51:12,536 --> 00:51:16,526 and they'll be like, contact me for full resume or something like that, right. 550 00:51:16,766 --> 00:51:19,786 So you can do that. We talked about all of this. 551 00:51:19,796 --> 00:51:28,286 We talked about that. Okay. Here are some great tips, uh, from some famous people who look at portfolios all the time. 552 00:51:29,786 --> 00:51:38,066 Okay, so this guy was tweeting about this. Um, I've done over 30 portfolio reviews so far this week, and there's three common things on 95% of them. 553 00:51:38,456 --> 00:51:44,306 Lots of animation. Uh, design is better than animation when it comes to great work. 554 00:51:44,306 --> 00:51:47,965 Just using the basics composition, value, structure, typography, 555 00:51:47,966 --> 00:51:55,316 hierarchy of portfolio helps you do all of that stuff automatically with the grid layout and the text and the themes, right? 556 00:51:55,826 --> 00:52:03,676 Another thing you see is overly clever out of the box portfolio sites basically just stick with a Squarespace or Adobe Portfolio grid based layout. 557 00:52:03,686 --> 00:52:08,005 Keep it simple. Show me a grid of work process write ups and an about page. 558 00:52:08,006 --> 00:52:12,746 That's all you need. Remember that companies hire people, not portfolios. 559 00:52:13,436 --> 00:52:19,346 So having good work is great, but having a friendly, respectful persona will make clients want to meet and work with you. 560 00:52:19,376 --> 00:52:25,196 Show me a picture of you. Tell me about your pets. Don't be arrogant. For most artists, addressing these three things will basically help you a lot. 561 00:52:25,206 --> 00:52:28,766 So reflect principles of design into works. Prioritize the grid based layout. 562 00:52:28,766 --> 00:52:34,106 Show the fun side of you. Right? So those are just some kind of great tips for building your own portfolio. 563 00:52:34,766 --> 00:52:42,156 If you'd like to learn more there. Adobe offers plenty more, uh, learning opportunities with Adobe Portfolio. 564 00:52:42,176 --> 00:52:45,596 This guy Terry White is great. He does awesome job these guys did. 565 00:52:45,836 --> 00:52:50,296 This is from Adobe Max, which is the creative conference which is actually happening next week. 566 00:52:50,306 --> 00:52:55,166 There's probably some sessions for free on portfolio. You could check out max.adobe.com. 567 00:52:55,856 --> 00:52:59,725 Um, and these guys go into more depth like how to make a better portfolio. 568 00:52:59,726 --> 00:53:05,696 Here's some links about that. And then you can also even add video to your portfolio. 569 00:53:05,696 --> 00:53:10,675 So if you want to get into this and go further into it, here's a sample if you want to get some inspiration. 570 00:53:10,676 --> 00:53:14,186 I've got some sample, uh, good portfolios listed there. 571 00:53:14,426 --> 00:53:18,266 And then they here's uh, also some examples of good portfolios. 572 00:53:18,266 --> 00:53:22,316 If you need some inspiration. Um, might give you some good ideas there too. 573 00:53:22,556 --> 00:53:28,836 Okay. So that is the basics to kind of getting started with Adobe Portfolio. 574 00:53:28,856 --> 00:53:34,366 Hopefully this was helpful to get you all set up with the basics for your assignment. 575 00:53:34,376 --> 00:53:40,646 Uh, today. Get that all set. And now you can work on fleshing out, you know, the content that's in there, 576 00:53:40,976 --> 00:53:45,866 adding each of your pieces of artwork with a page and a caption of the information. 577 00:53:46,196 --> 00:53:51,926 Refer to the assignment requirements. See you and make sure you're meeting all of those assignment needs and so on. 578 00:53:52,256 --> 00:53:56,686 Okay. Um, questions you might have for me. 579 00:54:01,556 --> 00:54:12,116 Okay guys, if you need help with your portfolio after today, the Adobe Creative Space, let me pull up the site real quick. 580 00:54:13,446 --> 00:54:17,075 Has a help desk and all at that help desk. 581 00:54:17,076 --> 00:54:23,166 We have Adobe up from one hub that is slash IRC Adobe. 582 00:54:23,916 --> 00:54:27,606 That's what it did. It auto completed. Uh, schedule is right here. 583 00:54:27,636 --> 00:54:30,965 Okay. And I do have one who knows portfolio very well. 584 00:54:30,966 --> 00:54:33,516 And then the others can basically help you figure it out. Okay. 585 00:54:33,876 --> 00:54:40,656 And there's a zoom link right here so that as long as they are listed as being present, they also managed zoom room at the same time. 586 00:54:40,746 --> 00:54:43,026 So that's how you can get help with portfolio after today, 587 00:54:43,026 --> 00:54:46,676 if you have questions or if you just want somebody to look at your site and give you some feedback there, 588 00:54:46,686 --> 00:54:52,284 there, some of them are design students, some of them are not there, you know, but they're all happy to give you feedback as well.