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
81
0
Share
Make a switch!
Oursky Limited
January 16, 2012
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
530
SSH Can
oursky
1
330
HTTP/2
oursky
0
370
watchOS2
oursky
0
360
Common QA issues
oursky
0
220
Complex is better than complicated
oursky
0
300
Clean code again
oursky
3
390
KiriKiri x O2 x NVLMarker
oursky
0
260
Flux + React
oursky
1
410
Featured
See All Featured
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
340
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
500
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.5k
How to Ace a Technical Interview
jacobian
281
24k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The agentic SEO stack - context over prompts
schlessera
0
720
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
120
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Claude Code のすすめ
schroneko
67
220k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
170
Building AI with AI
inesmontani
PRO
1
840
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