Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Make a switch!
Search
Oursky Limited
January 16, 2012
82
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Make a switch!
Oursky Limited
January 16, 2012
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
540
SSH Can
oursky
1
340
HTTP/2
oursky
0
380
watchOS2
oursky
0
370
Common QA issues
oursky
0
230
Complex is better than complicated
oursky
0
310
Clean code again
oursky
3
400
KiriKiri x O2 x NVLMarker
oursky
0
270
Flux + React
oursky
1
410
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
160
Building the Perfect Custom Keyboard
takai
2
790
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
BBQ
matthewcrist
89
10k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.7k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.2k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
400
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.2k
Raft: Consensus for Rubyists
vanstee
141
7.5k
Transcript
Making a switch! Monday, 16 January, 12
Making a switch quickly..... First, go to google find references
Monday, 16 January, 12
Monday, 16 January, 12
Determine how big the switch is. In this case around
100px height, 70px width. Monday, 16 January, 12
Begin! (Bonus for 27 inch screen :-P) Monday, 16 January,
12
Make a rectangle using shape layer Monday, 16 January, 12
Double click your layer to open later style, add gradient,
reference to the switch you found. Monday, 16 January, 12
Add more point by your pen tool. Shape the rectangle
like the switches you found. Monday, 16 January, 12
Add some background color to see more clearly... add 2
more shape at the side for the left and right shades... Monday, 16 January, 12
Find tune the gradient, add more details. Add the black
background for the switch... Monday, 16 January, 12
Added a gradient stroke for the black rectangle. Look a
bit strange.... Monday, 16 January, 12
Compare! Monday, 16 January, 12
Compare! Monday, 16 January, 12
Fine tune a bit..., mostly the shape, and the gradient,
nothing added.... Monday, 16 January, 12
Monday, 16 January, 12
Practice and observe... Use your eyes! Monday, 16 January, 12