River wallpapers in four colors, retina ready for MacBook Pro. You can download them here: http://goo.gl/okLQp
over 1 year ago
Just added to my wallpaper rotation. What did you use to make this? PS?
I made it all in Illustrator, including the blurred shadows.
The shadows were made like this: copy the white line, outline it, make it black, apply gaussian blur, maybe 10 to 15 px.
Then make a transparency layer and add circles with radial gradient in that transparency layer, at the curves of the wire that lift from the surface. You need to play around with the clipping/transparency settings.
Then I duplicated that blurred shadow and placed it behind, or on top, but behind the white line. Then I changed the gaussian blur to less, maybe 5 px and made this one darker (less transparency). It is to emphasize the touching points where the white wire touches the surface. The trick is to reverse the transparency layer with this one, so the 'sharper' and 'softer' shadow build one harmonic shape.
Observing shadow and light behavior is the key to such effects. :)
Those blurred shadows look great. Will have to have a play around and figure out how you did that. Do you use Illustrator for UI work too?
I can send you the original Illustrator file if you like. It may help to analyse it.
I should use proper English here since you’re in Australia and not America. ;)
Yes, I use Illustrator for almost all my UI work, including iOS apps. I use settings like a 2px grid that ensures there are no blurry vectors. And then exporting to PSD works like a snap, if necessary, but in most cases I can export directly using different art boards.
Illustrator has great precision and you don’t end up with hundreds of folders and sub folders for layers.
All those dial wheel interface studies were made in and exported directly from Illustrator.
The shadows are also not using just transparency, but “soft light” setting for transparency. This works similar like in PS.
Amen, I've been using illustrator for UI work for about 12 months now. Good to hear others using it too and seeing good results!
Will have to try using soft light on my shadows. Seems to render really nice.
Do you sometimes import into photoshop and then export? I usually export straight from illustrator.
I export straight from Illustrator, using export for Web. But I have begun using Pixelmator to change or enhance the end results, if it is for illustration purposes, not actual UI elements.
Cool. I've started to play around with Sketch (http://www.bohemiancoding.com/sketch/) a bit but haven't tried pixelmator. Both look extremely promising. I really think they'll be genuine contenders to replace PS/AI in a year or two, for me at least anyway.
Always interesting to hear how other people work.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.