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
0
72
Make a switch!
Oursky Limited
January 16, 2012
Tweet
Share
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
450
SSH Can
oursky
1
280
HTTP/2
oursky
0
310
watchOS2
oursky
0
290
Common QA issues
oursky
0
170
Complex is better than complicated
oursky
0
260
Clean code again
oursky
3
340
KiriKiri x O2 x NVLMarker
oursky
0
190
Flux + React
oursky
1
350
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
3
310
Agile that works and the tools we love
rasmusluckow
328
21k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Music & Morning Musume
bryan
46
6.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
99
18k
Speed Design
sergeychernyshev
25
780
How STYLIGHT went responsive
nonsquared
98
5.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
31
2.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
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