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
75
Make a switch!
Oursky Limited
January 16, 2012
Tweet
Share
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
480
SSH Can
oursky
1
300
HTTP/2
oursky
0
330
watchOS2
oursky
0
310
Common QA issues
oursky
0
190
Complex is better than complicated
oursky
0
270
Clean code again
oursky
3
360
KiriKiri x O2 x NVLMarker
oursky
0
220
Flux + React
oursky
1
370
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Documentation Writing (for coders)
carmenintech
72
4.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Designing for Performance
lara
610
69k
The Cult of Friendly URLs
andyhume
79
6.5k
How STYLIGHT went responsive
nonsquared
100
5.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Optimizing for Happiness
mojombo
379
70k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Six Lessons from altMBA
skipperchong
28
3.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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