background preloader

Outdoor

Facebook Twitter

Top 35 Free Web Design Resources We turn PSD to HTML, PSD to Responsive, and WordPress Coding Conversion We turn PSD to HTML, PSD to Responsive, and WordPress Coding Conversion. Here at The Site Slinger, we help talented web designers like you turn your gorgeous concepts and layouts into fully functional websites.

Top 35 Free Web Design Resources We turn PSD to HTML, PSD to Responsive, and WordPress Coding Conversion We turn PSD to HTML, PSD to Responsive, and WordPress Coding Conversion

This gives you more time to do the work you’re best at – web design, of course! – by handling the coding for you. We love working with web designers, and we know that you can never have enough free web design resources. Today we’re sharing a list of 35 of the best resources on the web for design freebies. Whether you’re looking for “plug and play” visual content, a beautiful new font, or some design inspiration, you’re bound to find new favorite free web design resources on our list. Inspiration Let’s face it – even the most talented among us get creatively stuck from time to time. Designspiration is a visual smorgasbord of high-quality designs. Stock Photography Choosing quality stock photos can make your designs come alive – but you already knew that, didn’t you? CompFight is a fast, easy way to search the Flickr image pool.

BONUS! BONUS #2! Fonts Blogs. A Non-Designer's Guide to Typefaces and Layout. How to Design a Geometric Poster in Photoshop - Tutorial - Nov192010 EmailEmail How to create a geometric poster in photoshop Last week I came across a great set of geometric posters.

How to Design a Geometric Poster in Photoshop - Tutorial -

Soon, I thought of documenting the process of creating a similar poster and share this tutorial with the readers of Pixelonomics. The implementations of this tutorial are far beyond than just creating a poster. Let’s get started with our poster. Final Result Here is a preview of what we are trying to create. Final geometric poster Setting up the Photoshop file 1. Setup photoshop file 2. Add base color Adding the main Graphic 3. Type a word 4. Rasterize type 5. The height of 1 was decreased a bit and its tip was slant-cut.The tip of 3 is decreased to create a visual spacing between 1 and 3. Editing & fine-tuning the type 6. Rename the merged layer Next, we need to add depths and shadows, both outside and inside. Adding outside depth 7. 8. Name this layer Outer Depth 9. Color overlay. Photoshoplr. Long Shadow Generator for Photoshop - A PS extension to create long shadow with one click! Long Shadow Generator is made with ♥ by Ray And this will always be free.

Long Shadow Generator for Photoshop - A PS extension to create long shadow with one click!

Donate Ask me anything: ray@rayps.com A photoshop extension to create long shadow with one click! Features: Shadow length Shadow opacity Black or white shadow Flatten or gradiant shadow Shadow angles Installation: Close Photoshop before install. 1.0 Oct 08 - Release. 1.1 Oct 08 - Fix a bug: The default length value shouldn't be "30px". 1.2 Oct 10 - Fix a bug: Dosen't works well if Photoshop current units aren't "Pixels". Use Your Interface. The Art of Color Coordination. GoodUI. Gesturecons - Icons For Multi-Touch Interfaces. Abduzeedo: Templates and UI Kits.