Create Professional Invoice Design for Product Quality that Elevates Your Business

Professional invoice design for Product quality

let me show you how to create a free beautiful professional invoice in Adobe Express start by going into express. adobe.com from the search bar type invoice then you can select any template you like all templates are completely editable and you can customize them to fit your needs first set the invoice colors to match your branding click on colors under current colors you will see the colors this template is using you can click on this icon to change the color for example you can turn black into this blue or you can select a custom color from the Color Picker if you don't know what colors to use you can click on the shuffle icon to generate different color combinations based on the current colors I like the original colors so I'll hit the undo button several times to return to the original invoice template but I will make one change I'll incorporate the blue from my company logo next let's work on organizing the invoice content to make it easier to edit when you click on the template you will notice that everything is grouped which is not necessarily bad but to organize things better we will ungroup the content when you click on these dividers you will see that these are images look at the label on the top right when you select an object to confirm I think using shapes will give us better results and more flexibility when editing content for now simply delete these images by pressing the backspace key on Windows that's the delete key on the Mac do the same thing for the rest of the images that create these dividers if you see a group click on this on group button and continue deleting the images you can collapse a panel to have more room to work with the current invoice is a bit dark you can change the background color by clicking on the space then select white to make it brighter next you can add your company logo but first delete the placeholders on top select the text and tap on the delete key then ungroup this shape and delete it as well you can import your logo using two methods first you can click on the photos tab and upload an image from your computer but better yet if you go into the logos tab you can click on this plus icon to import a logo and save it for future projects I've already saved my company logo so I can simply click on it to place it into my invoice template if need be you can resize your logo I don't need to do that in this case the original size works great now you can adjust the headline this text box is in a group and that's okay no need to group you can double click on it to enter the edit mode from this box you can change the name I'll type my name Jesus riris do the same thing for the headline but I'll use my company name instead Photoshop training Channel notice that adobe Express automatically resizes the text to fit the text box let's now add the dividers using shapes click on the shapes icon and from basic shapes choose this line drag it up and place it into posic position then use this slider to reduce the thickness to four next click on this icon to change the color to a lighter gray now we'll create more room to add more line items to the invoice click on the invoice information and drag it up do the same thing for the contact information but first select both objects by holding the shift key as you click on them and click on the group icon to group them and treat them as a single unit you can now drag both up at the same time and keep them align let's now add another divider you can duplicate an object by clicking on this icon or using the keyboard shortcut control D on Windows that's command D on the Mac but there's a much faster and more efficient way hover over your object when you see the four-sided Arrow hold alt on Windows option in the mac and drag down now you have a duplicate of this divider then you can use the arrow keys on the keyboard to nudge the object into position and use the controls over the shape to resize it next let's work on adding more line items to the template we'll create more room first select the table heading background hold shift and click on every table heading when they're all selected click on group and tap on the up Arrow key to move the group up if you hold the shift key as you tap the arrow keys you'll move in larger increments this next step might seem counterintuitive but it will make sense in a moment delete all the tech boxes in the bottom row now that that you only have one row go into the shapes Tab and select the square then place it over the text and use the controls to expand the width this box will cover the text because the box is on top of the layer stack to reveal the text below go into the layers panel and drag this layer down just above the background when you release the text should appear now that you can see the text adjust the height and change the color make the first R white then hold shift and click on all individual Tech boxes to select everything in this row including the background shape and place it into a group by clicking on the group button Move It Up by holding the shift key and tapping on the up Arrow key next hover over the group when you see the four-sided Arrow hold alt or option and drag down to duplicate now double click to go back into the shape change the fill color to gray to create alternating color then select both rows by clicking on them while holding shift and drag down as you hold alt or option to duplicate the rows next let's replace the bottom shape on the bottom part of the invoice select the shape and delete it from the shapes panel create a new Square then reposition and resize the square unfortunately this is the shortest a square can be but you can drag it down below the page to create the illusion that this is a thinner line then you can click on the fill Swatch to change the color I'll make it orange to add custom text click on the text icon and then click on add your text you can then reposition the text box and resize it to fit your template then use the controls on the right to adjust the look in style also you can use these text templates for example search for the words thank you from the results select any of these predesign editable text boxes you can then move and resize it and you can double click on it to edit the text this text box controls the word you and this one controls the word thank you can change these to anything you like once you're done editing your template you can click on the download button and save it as a PDF but better yet if you're a member of the Creative Cloud you can click on share and choose make template this will save your invoice as a template in A Creative Cloud Library you can then reuse it at any time to create new professional invoices if you found this video useful give us a like And subscribe