10 Flat Design Tips & Techniques Photoshop Tutorial

10 THINGS AND MORE EVERY DESIGNER SHOULD KNOW ABOUT PHOTOSHOP! | We’re going to build an entire confirmation pop up badge user interface as we work through ten steps of flat design techniques in Photoshop.

In this Photoshop tutorial, we will work our way through ten different flat design techniques that every graphic designer should know about. We’ll build a simple UI using shape layers, masking, layers styles, custom color schemes, textures, transparency effects, gradients, subtle effects, retina graphics, exporting and saving layers as graphics, and so much more! You’re going to love it!

tutvid is a YouTube channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the YouTube channel by pressing the red button.

–

CREDITS:

[IamMclovn]

such an under rated channel. You upload nothing but quality videos.

[martyvictor]

Nathan is far and away the most comprehensive trainer out there Take it from a long time PS Designer who was happy to learn a few new tips in this Tute. Many trainers skip the UI details or cant be understood. The magnifying focus on the GUI in this tute is top o the line...

[ugby]

Your tutorials have been helping me not be trash at Photoshop for awhile, so thank you

[JesusWy]

I'm going to watch this tomorrow since it's late here, but I really felt like dropping a big THANK YOU. You make the best tutorials plus you really know what you're talking about.

[fangyong]

Wow as a beginner just by start watching this first tutorial video I feel like I know quite a bit of PS hotkeys, techniques and tips.
Great video!!!

[theadongo]

This channel keeps improving my graphic designing techniques

[Zakaria.Hossain]

please make this type of flat design tuts more !! I just loved this tut!

[marcherrmann]

Although not being a graphic designer and even less needing to create any flat design in the near future..., I've absolutely enjoyed and soaked up your tutorial, once again. Great stuff!

[Havarow]

I’m not joking.




This is one of the best tutorial I’ve ever seen 😳 That’s so professional and clear 👏🏼

[SquidneyAzalea]

49 minutes of Nathaniel??? I totally needed this today!! Thank you for uploading amazing videos!!!

[sidneymarshall]

Those websites are very useful. thank you for another awesome tutorial!

[ithundur]

I got so invested in the video that I didn't notice that 49 minutes had passed!

[ray_liu]

Great tutorial, very enjoy it =D
19:52 8th: flat shadow



28:21 properties panel: hit gradient bar
28:23 > gradient editor window: add to 4 different color boxes (as many as your color theme) for your gradient, angle=0
29:25 > "V": select the bar> top bar: height=6px

[jc_digital]

First off I love your videos! You are currently my favorite channel. Is there any way you can add link to the site you mention in your videos just to make it easier to go them?

[GeorgeJoVassilatos]

another super tutorial. Nathaniel you rock !!!

[paulomonteiro]

This tutorial is insanely good. I'd love to have it downloaded for further needs.

[jamieway]

Brilliant Tutorial. You got me thinking a different way . You are the authority . I will be buying some lessons from you . thanks again

[cyberwasp]

Fantastic tutorial. I check your channel daily. It seems all of the other sites are dropping Photoshop tutorials. I'm thinking of Cancelling my kelbyone subscription as they've gone all photography.  Keep up the great work!!

[DanialJaveed]

This was mighty helpful, thank you so much Nathaniel! Your videos have always been nothing but topnotch.

[leadcraft]

thank you thank you thank you!! Very cool tutorial! Thank you from Belarus bro)