Shop Forum More Submit  Join Login
Steam - Windows 10 Fluent Design System Concept by SamuDroid Steam - Windows 10 Fluent Design System Concept by SamuDroid
Hello! This time I want to show you my Steam concept, with some Fluent Design elements! I hope you like this!
Add a Comment:
 
:iconsl4rkgg:
SL4RKGG Featured By Owner Jul 7, 2018  Student Interface Designer
its beautiful 
Reply
:iconlukemageslayer:
LukeMageSlayer Featured By Owner Nov 12, 2017  Professional Digital Artist
i want this theme
Reply
:iconcyanrooper:
CyanRooper Featured By Owner Aug 24, 2017  Hobbyist Interface Designer
really beauty! how you make the acrylic? the noise + blur?
Reply
:iconsamudroid:
SamuDroid Featured By Owner Aug 26, 2017  Student Interface Designer
I Follow the Microsoft acrylic "recipe": Blurred background + exclusion blend + Color tint (blue in this case) + noise :D
Reply
:iconcyanrooper:
CyanRooper Featured By Owner Aug 28, 2017  Hobbyist Interface Designer
but, you make this in Adobe XD or Photoshop?
Reply
:iconsamudroid:
SamuDroid Featured By Owner Aug 31, 2017  Student Interface Designer
With Photoshop ;)
Reply
:iconcyanrooper:
CyanRooper Featured By Owner Aug 31, 2017  Hobbyist Interface Designer
Ohhh... Now I understand... Great job! ;)
Reply
:iconsamudroid:
SamuDroid Featured By Owner Aug 31, 2017  Student Interface Designer
If you want to emulate it I can write for you a little guide :)
Reply
:iconcyanrooper:
CyanRooper Featured By Owner Aug 31, 2017  Hobbyist Interface Designer
That would be very useful! :D
Reply
:iconsamudroid:
SamuDroid Featured By Owner Aug 31, 2017  Student Interface Designer
- Create a rectangle (it'll be our "sidebar", in this case, 720*320px is my standard resolution)
- Apply a 30px gaussian blur to your background (top menu: Filter - Blur - Gaussian Blur) and place it above the rectangle.
- Right click the blurred background from the layers page and choose "create clipping mask".
- Create an exact copy of the rectangle, place it on above all the layers and give it a white color, give a 10% opacity and from the blending modes, select "Exclusion".
- Make a third rectangle, place it on the top and give an opacity of 60% or 80%, and blending mode "normal"; give it the color you want.
- The last layer is the "noise". To do it, just search on Google "Photoshop noise", download and import it on your project and give an opacity of 2%.
Reply
(2 Replies)
:iconjalexis1994:
jalexis1994 Featured By Owner Aug 10, 2017  Hobbyist General Artist
great, is there any way to make it real??
Reply
:iconferas-tamimi:
Feras-Tamimi Featured By Owner Sep 24, 2017  Hobbyist General Artist
If valve take this design into consideration, that would be great actually.
Reply
:iconcookies2011:
cookies2011 Featured By Owner Jul 31, 2017
Looks nice.
Reply
Add a Comment:
 
×




Details

Submitted on
July 31, 2017
Image Size
3.0 MB
Resolution
1920×1080
Link
Thumb

Stats

Views
3,315 (1 today)
Favourites
24 (who?)
Comments
18