Mobile GUI Element Design in Adobe Photoshop CC (Part 1)

goo.gl/BBse40 - Design + Code a Professional Android App from Scratch
**Join DesignCourse Premium for 1-on-1 Design Training with Me:*
goo.gl/xie2iM
Project Files: designcourse.com/videos/how-to...
- Learn how to design beautiful mobile GUI design elements such as progress bars, sliders and buttons in this 2 part tutorial in Adobe Photoshop CC.
Follow us:
Facebook: / designcourses
Twitter: / designcoursecom
Google+: plus.google.com/+DesignCourse
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS weekly!
My site: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Coursetro.com.
Come to my discord server or add me on social media and say Hi!

[@DhubAgency]

Great tutorial, very easy to understand and without unnecessary steps. Keep up the good work, Gary!

[@KayLyda]

Thank You for this awesome tutorial!

[@IamGretar]

Awesome Tutorial!, keep them up.

[@ThanhNguyen-zw2sr]

Thanks so much for giving a great tutorial. I didn't know how to do that after watching this vid. Subcribed!!

[@iRaKLSS]

You are awesome .. Keep it broo

[@getcarter3291]

awesome Designs and Tutorials fantastic keep on creating also want a studio like yours :) thanks for the files aswell

[@foysalwp]

Thanks for this amazing tuts.

[@aiden5star5]

one of the best tuts i seen

[@TimothyBoyle]

Very Helpful!

[@deeproy7292]

tried it...came to it almost...had a bad time with the pen tool and need some work with the shade...I admire your work...awesome!!!

[@DesignCourse]

Thanks

[@lancecheng4400]

Nice UI elements, and I can use Markly to design specs.

[@mazharhshaikh]

THANKS FOR THIS VIDEO
GOOD WORK

[@husainahmmed9025]

nice tutorial

[@LilToo1994]

Very helpful

[@shellin3D]

Thank you

[@legendarytaekwondian7831]

Too much helpful for me

[@oliverfrandsen9401]

Your videos really help me.

[@bruce12l]

hi,how to use these gui elements in an IDE like InteliJ for android developpers?

[@thuangamkamei676]

Good one. Could you share with me the background color code?

[@m.shafik4545]

thanks

[@Daniel7D3v3l0per]

Thank you..... We need more people like you here at God's Development!

[@ima8691]

how can I use this design in my mobile application ? export to assets

[@jeyosman1]

Once the slider is prepared how do we use it to move

[@ShadowsMasquerade]

Nice tutorial. Just a quick tip though, instead of right clicking and duplicating layers every time, hit Ctrl + J instead and that will automatically make a copy of the selected layer.

[@solidhelium6704]

Great tip!

[@youfirst.]

Hi, thought it would be flat design, :-) anyway how does a developer move the flare and percents up? :-)
Thanks

[@DesignCourse]

While I love flat design, I get the urge to knock out the 3d'ism every now and then.
For your question, I've only developed 1 mobile app in my life and it's very simplistic. I know it's achievable though.

[@salahuddinahmed501]

h;;;;
;;;;
j
;

[@anarodrigues3943]

here's a few suggestions about which features of Photoshop to learn first
Image size alteration
Image merging
Layers
(I read about these and more on Trevs Photo Blueprint site )

[@hillaryeatsbabies3701]

What does he do at 8:07 Edit: NVM. His stroke after selecting the Ellipse tool is set to No Color.

[@worksmart9829]

I always wanted to know how to make these in a video and make them move

[@kartikag01]

how can we use this in android app gui element??

[@kwisatz_haderach]

Cool. But: The link to the project files is invalid... ;)

[@snackss_]

my question is how does this then get added to a website or app?

[@technologybasics3562]

Hi, Can you make a Logo for me.

[@nikstar22]

why this document size?

[@annamariarubtsova2315]

never scale that text, if the coder will be add it afterall in "pt"

[@patriotaRBC]

There are tow things i'd like to learn: how to make that circular pictures masks and how to apply in a real app !

[@NikhilHande030490]

If you ever find the answer do post it here

[@RealDids]

Nikhil Hande It's called a circular progress bar. There are a few open source libraries on GitHub etc. for iOS (probably for Android too).

[@sundancer06]

please made it a bit slower..and dont use shortcuts

[@iamgaurav]

Hi gary u came here from 2020

[@user-ge2ql3ox9v]

额

[@Indranilgslv]

uffffffffffffffffffffffffffffffffffffffff

[@blessingmaneta4480]

Lmao. This is how u looked like in 2014. Lol what happened . Did u start dating black women all of a sudden?

[@valv1616]

Thank you