What is Card-Based Design and Should you be Using it?

It may seem like every website you visit lately is migrating to card-based layouts over their traditional layouts. Taking cues from social media platforms, this trend has become hugely popular across all types of websites. The question is why, and should you be doing the same?Read more

Create an Abstract Geometric Gradient Background with Photoshop

This tutorial will show you the process behind creating one of our most popular recent freebies on Medialoot, the Geometric Gradient Backgrounds pack. This technique uses vector shape layers, layer styles and of course gradients to create a stunning abstract background.Read more

Create a Mouthwatering Donut Icon with Illustrator

This step by step tutorial will teach you how to draw a mouthwatering donut icon in Adobe Illustrator using basic shapes and filters, then offset its layers and use dashed strokes effectively to give the donut a fun retro effect.Read more

How to Move a Responsive Sidebar’s Position with CSS

Most responsive layouts have multiple columns at full-size, which then collapse on mobile devices to accommodate the smaller display size. Unless you have unusual coding practices, the collapsed columns will always be automatically stacked in the order they appear in the source code. This means that columns on the left...Read more

3 Simple Techniques to Create a Diffuse Shadow in Photoshop

Diffuse shadows are a type of box shadow which give the illusion of more depth than a regular drop shadow. This effect is achieved by making the shadow smaller than the source object and offsetting it in the direction of a light source. This tutorial will cover 3 different methods...Read more

How to Mockup a T Shirt Design on a Model with Photoshop

This tutorial demonstrates how to take t-shirt artwork and mock it up on a real world model photo. This technique can be applied to any appropriate photo of a model wearing a plain shirt or vest etc. Smart Objects, Layer Masks and Displacement Maps are the main focus of this...Read more

Create a Curved Wood Presentation Background in Photoshop

This tutorial will teach you how to take a flat seamless wood texture and sculpt it into a curved presentation backdrop ideal for product mockups. The effect is achieved by using Gradients, Shape Layers, Blending Modes and the Warp Transform tool.Read more

How to Distress a Photo Using a Grunge Texture and Displacement Map

This tutorial will teach you how to distress a photograph by merging it with a grunge texture, using layer masks and displacement filters in Photoshop for a realistic result. Merge the photo and texture seamlessly to create the effect of the photo actually being painted on the wood backgroundRead 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