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
69
Make a switch!
Oursky Limited
January 16, 2012
Tweet
Share
More Decks by Oursky Limited
See All by Oursky Limited
UI Automation
oursky
1
430
SSH Can
oursky
1
250
HTTP/2
oursky
0
290
watchOS2
oursky
0
210
Common QA issues
oursky
0
150
Complex is better than complicated
oursky
0
230
Clean code again
oursky
3
310
KiriKiri x O2 x NVLMarker
oursky
0
160
Flux + React
oursky
1
330
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
455
32k
A Philosophy of Restraint
colly
196
16k
4 Signs Your Business is Dying
shpigford
175
21k
The Mythical Team-Month
searls
215
42k
What's in a price? How to price your products and services
michaelherold
237
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
344
19k
Documentation Writing (for coders)
carmenintech
59
3.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
13
1.5k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
240
1.2M
Bash Introduction
62gerente
604
210k
Building a Modern Day E-commerce SEO Strategy
aleyda
16
6.4k
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