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
78
Make a switch!
Oursky Limited
January 16, 2012
Tweet
Share
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
510
SSH Can
oursky
1
330
HTTP/2
oursky
0
360
watchOS2
oursky
0
350
Common QA issues
oursky
0
210
Complex is better than complicated
oursky
0
290
Clean code again
oursky
3
380
KiriKiri x O2 x NVLMarker
oursky
0
250
Flux + React
oursky
1
400
Featured
See All Featured
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
280
The Limits of Empathy - UXLibs8
cassininazir
1
210
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
430
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
Evolving SEO for Evolving Search Engines
ryanjones
0
120
Writing Fast Ruby
sferik
630
62k
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
110
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
36k
Exploring anti-patterns in Rails
aemeredith
2
250
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
0
140
YesSQL, Process and Tooling at Scale
rocio
174
15k
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