Hidden Treasures Bauhaus – Behance Brand Identity Project Tutorial | Adobe Creative Cloud

Hidden Treasures Bauhaus – Behance Brand Identity Project Tutorial | Adobe Creative Cloud

January 12, 2020 1 By Peter Engel


hey there my name’s Daniel white some of you may know me as dan ski and in this video we’re going to learn how to create a Bauhaus inspired brand identity project all in Behance and if you like to download any of the free fonts that have been brought back to life from the Bauhaus Dessau foundation there is a link in the video description but anyway let’s jump into it righty-o so we’re now in Adobe XD and you can see I have my behance brand identity project on screen we have a logo followed by a poster followed by a business card followed by a website now I’ve designed this in full in Adobe XD but of course you can do this in other apps like Photoshop and illustrator as well the important thing is to be able to export all of the different sections individually now the reason that I’m doing this is because it’s a lot easier for someone to load especially on a mobile device loading one section at a time rather than loading the entire thing in one go is one big image so what I’m going to do now is if I just whip open the layers panel you can see here I’ve grouped these as four sections logo poster business card and website and I’m simply going to select hold shift and select all of these go to file down to export and selected and what I can do is I can export these as a suitable format so PNG or JPEG is good for Behance so we’ll just stick with PNG and you can see I’ve done this already here so I’m not going to click export again and if I just show you its exported each section as its own separate PNG cool so let’s just switch over to Behance and go to create a project and it will load a project editor and this is what you will see so we need to add our content first then add a cover photo then do some settings and we’re all good to publish so first of all because I’ve done a lot of the design work up front in XD I’m just going to go ahead and upload my files straight away so you can see I have those pngs click open and you can see the progress bars indicate how far through the upload it is and there we go so we’ve got all four sections in the project and we can click these arrows here if you want to add a little bit of spacing a bit of breathing room around the edge and we have the blue pencil icon here and we can add captions replace images if we update the design for example delete an image or a section or reorder the entire project which is what we’re going to do so I want the logo to be first as per my design in XD and I want the poster next followed by the business card and the website there we go so let’s select save new order and it will update these changes now I’ve added all the text in my design just so I have maximum creative and stylistic control but you can also add text into B hats as well so we can do this on the left so we have all these different options here or we can hover over a space in between some images and you get these same icons here these correlate to the items on the left so I could add some text here and it will insert it in between and like a type some text here with a clickable link and you get the same options here you can reorder the project and this text is now an element within the project as well we can also hover over this text and adjust the alignment to left right or center or select certain elements of the text or all of the text and you get these style related properties font font size font color bold italic underline I’m sure you’re very familiar with all of these you can adjust the alignment but you can also add a hyperlink so I could now add a URL if I were linking to an external file or a download or something I’m just going to put a toe b.com in this example and you can choose whether it opens a link in a new tab or not and when you click done you’ll see that this is now a clickable link and I can hover over this and this would link to whatever download or file or whatever it is that you’re trying to link to but of course I’ve done all of the design in XD so I don’t need to insert any additional text and there is no download in this example so I can go ahead and delete this text next on the list we have embed media so we can embed some media from a third-party site all of these different sites down here so just simply copy and paste the code whether it’s a video or an image or whatever it is copy and paste it in here click embed and it will add this into your project next on the list we have Lightroom photos and we also have Creative Cloud here essentially this allows you to import your Lightroom photos or any files from your Creative Cloud storage directly into your Behance project so that’s a really easy and convenient way to get those things in there and also we have photo grid so again we’ve got those shortcuts to import from Lightroom or Creative Cloud and also you can just upload more files into a photo grid now lastly on the list we have edit styles and layout this allows us to edit the overall as it suggests style and layout of our behance project incredibly useful so at the top we have the layouts and the spacing so you can see here it’s added this spacing of 60 pixels by default as I’ve uploaded all other sections but I’ve designed this up front in XD so I don’t really need that so I’m just gonna bring that down to zero and again you’ve got the header as well so you can add space on the header if you want but we don’t need that either dividers we don’t need that because we’ve done the design up front but for example if you’ve added your images and you’ve added all your text and you’ve done this in Behance and you haven’t designed this up front you can use these options here the spacing dividers and background to fully customize your Behance project and just design it as you go so we could change the background color we can have a background image we could add some dividers between our content so you don’t need to design our upfront it’s just something that I’ve chosen to do for this video and of course if you’re adding text you can customize the fonts for your headers sub headers paragraphs any captions that you’ve got and also text links so we had a default blue link before we can change that color and you can change the style here as well so we’ve just changed these spacing here so let’s click Save and we can actually preview our project and you can see it’s closed up that spacing and this is how the project is going to look so looks good to me let’s go back to edit and the next thing we can do is click continue and we need to add a project title now I can click in this space here and preview how this is going to look this is how my behance project will appear and be named on the platform and I can also select one of the images I’ve uploaded and use this as a cover preview or I can click the plus icon and add my own image if I like so let’s adjust the crop there something like this and you can see it changes on both previews in real time let’s click crop and continue and now we’re on to the last screen we’re nearly there so all we need to do is just go and add a bit of information about our project so we’re going to categorize this with up to three creative fields so I’ve got branding we’ve got a graphic design on the left here and we also have print design let’s click done I’m going to add the tools that I used coronis to add anyone else who helped you with the project copyright and license type so there’s lots of different options here but if you don’t know what half of these mean you have the little tooltip here which explains in a very easy to understand clear way what each of them are so select the appropriate license type and click done and then just check if your project contains a Content which it doesn’t so display you’ve got the network’s here which is Behance and we can go to edit and we can check if this appears on any other networks and who can see this and we can also disable comments on the project but we don’t want to do that where’s the sense of community in that so let’s rien a below ments discoverability and then just a bit more information here so I could take the time to write a good description and we can also add some keywords and we can separate these with commas so you can add as many as you like companies brands and schools who was the work done for so you can add additional information in here as well and I’m not going to go through all of these but you can add who did you work with what team was it and who else would you like to recognize so you can credit other people if you’d like to so it’s all very very straightforward but once you’ve done all of these you’re then good to go so we’ve got two choices we’ve got three choices actually we could we could cancel and undo everything we’ve done but we’re not going to do that we can save our project as a draft if you’d like to come back to this and edit it or add in some additional information at a later date but the other thing to do is to publish and this will publish a project live on the Behance platform so if we click Save we can then go to profile at the top and then you have over here edit project drafts and you can either delete it or you can go back and edit it and let’s just preview this one last time we can preview our entire project and there we go we have our Behance project it is done ready to go and the only thing left to do is publish and there we go that’s how to create a brand identity project on B hands