Life's easy with Medialoot.

Unlimited access for only $14/mo.

image description

Blog Category: Tutorials

How to Install and Use Web Fonts on Your Site

We have some awesome web fonts here at Medialoot. If you’d like to use them on your site, here’s a quick guide at how to get them installed. I’ll be using our On Air Desktop and Web Font, which comes with two styles.Read more

How to Create an Abstract Mosaic Background in Photoshop

Learn how to use filters, smart objects and adjustment layers in Photoshop to convert a photograph into a unique abstract mosaic effect. Perfect for making custom wallpapers for your devices or desktop.Read more

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

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