Life's easy with Medialoot.

Unlimited access for only $14/mo.

image description

Blog Category: Tutorials

Infographic: How to Create an SVG

With SVG (Scalable Vector Graphics) in a design, you have lots of opportunities: SVG is a resolution-independent graphical format which means that you don’t have to serve up multiple versions of a given graphic to all of the different screens. And that is a huge time saver. Because SVG is...Read more

How to Create a Calendar Icon Using Bohemian Coding Sketch

This icon design tutorial for Sketch 3.x will teach you how to use the Mac app by Bohemian Coding to create an attractive calendar icon using a combination of skeuomorphic and flat design principles.Read more

How To Create an OS X Yosemite Style Safari App Icon with Photoshop and Illustrator

The next version of OS X called 'Yosemite' was unveiled by Apple last week and it features a completely overhauled user interface, including redesigned app icons. The new icons are a blend between traditional skeuomorphic styling and the ultra-flat iOS 7 style, the results are familiar yet fresh and eye...Read more

Tutorial: Easily Create an Artistic Watercolor Painting in Photoshop

Watercolor effects have long been a popular style among designers. While many of techniques involve building the watercolor strokes from scratch, in this tutorial we'll use existing watercolor textures and some simple image combination to show you how to quickly turn almost any image into an artistic watercolor painting.Read more

How To Create a Tangy Orange Text Effect With Photoshop Layer Styles

Layer styles are a fun way of quickly transforming text, but they can also be quite tricky to get right. All too often text layer styles look like tacky remnants from the Web 2.0 era. However, when used correctly and appropriately they can also be pretty awesome! This tutorial will...Read more

How to Style and Animate SVG Elements with CSS

In this tutorial, I will show you step-by-step how to animate a SVG (Scalable Vector Graphic) icon using CSS. This tutorial will give you valuable insight for using SVG as your preferred graphic format. Also, you can improve the UI and UX of your web applications by incorporating subtle animations...Read more

How to Maximize WordPress Efficiency using get_template_part and the DRY Principle

The DRY principle in any development work is crucial. DRY, or Don't Repeat Yourself, saves designers and developers tons of time when anything needs to be tweaked, edited, or completely changed. While it takes more of a top-down approach to wrap your head around a more efficient process, the efficiency...Read more

How to Create a Website Header Design Using Bohemian Coding Sketch

If you have recently added Sketch, the new vector drawing app from Bohemian Coding to your design workflow or are considering a switch from Photoshop, Fireworks or Illustrator over to Sketch, then the best way to fully get to grips with the new app is to design with it! This...Read more

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all