Gradients in photoshop
Insightful article about omnipresent feature in web and UI design.
Things learned:
- dither, dither, dither
- combining gradients for better effect
- reflecting gradients
Glossy icon photoshop tutorial
Simple icon - link to tutorial
Things learned:
- how to create gloss effect
- custom gradient can be applied also to ‘stroke’ layer effect
- “Clipping mask” learned
- how to create ‘metallic surface’ via gradients
Buttons - photoshop tutorials
Two simple, yet good enough tutorials to learn:
glassy icon and download button
Issues learned:
- how to style rounded shapes
- global vs non-global light
- how to use ‘fill’ option more effectively
- some general blending options explained
- more photoshop keyboard shortcuts(shapes)
“landing page” photoshop tutorial
Things learned:
- very subtle (almost invisible) effects matters
- how to create custom gradient
- lack of interaction design in .psd is annoying
- gird is a must even in a small project
About This Weblog
In shorthand: It's my learning progress miniblog.(Raw notes and links about CSS, markup, JavaScript, photoshop for web, typography and web interfaces).
