Banner

Dirtify is an ingenious Blender addon that empowers you to effortlessly add stunning dirt, grime, and weathering effects to your 3D models, creating a new level of realism in your scenes.

Dirtify: Enhance 3D Realism

woman in black long sleeve shirt using black laptop computer

Before after slide

Text + image

<h1 style="white-space:pre-line">Update 2.0.1</h1>
<h2>Smart Materials</h2>
<p>Creating smart materials is now effortless with Dirtify. Simply add various effects as layers to seamlessly craft dynamic materials.</p>
<p>4 Metal Materials Added. (more materials will be added in the coming updates)</p>
<p>We have created a Free Library of materials including Metal, Wood, Planets, Fabrics etc.. over at <a href="https://blendermats.com/" target="_blank">blendermats.com</a> </p>

<h2>Tri-Linear Projection</h2>
<p>sometimes, the objects we work with are not UV unwrapped. By using the Tri-Linear method, the textures appear much better and more seamless.</p>
<p>This method of projection ensures that the texture appears consistent and smooth across different parts of the model even if its not UV unwrapped   </p>

Header text

Here's how it works

Video

List

Key Features

<p>Keep your base materials safe! Dirtify works non-destructively, adding dirt effects as separate layers.</p>

Layer-Based Workflow

<p>A versatile collection of over 15 assets designed to jumpstart your creative projects efficiently. </p>

15+ assets to get you started

<p>Optimized for EEVEE, providing seamless integration and stunning real-time rendering for your 3D projects.</p>

EEVEE Compatible

Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Enhanced Slider with Dynamic Image</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            background-color: #f0f4f8;
            margin: 0;
        }
        .slider-container {
            width: 100%;
            max-width: 100%;
            padding: 18px;
            background: #fff;
            border-radius: 1px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            text-align: center;
            position: relative;
        }
        .slider {
            width: 100%;
            -webkit-appearance: none;
            appearance: none;
            height: 8px;
            border-radius: 5px;
            background: linear-gradient(to right, #4CAF50, #8BC34A);
            outline: none;
            transition: opacity 0.3s, background 0.3s;
        }
        .slider:hover {
            opacity: 1;
        }
        .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #4CAF50;
            border: 2px solid #fff;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
            cursor: pointer;
            transition: background 0.3s, transform 0.2s;
        }
        .slider::-webkit-slider-thumb:hover {
            background: #45a049;
            transform: scale(1.1);
        }
        .stops {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            position: relative;
        }
        .stop-label {
            font-size: 12px;
            color: #333;
            position: absolute;
            bottom: -11px;
            transform: translateX(-50%);
        }
        .image-container {
            margin-bottom: 20px;
        }
        .slider-image {
            max-width: 100%;
            height: 100%;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <div class="slider-container">
        <div class="image-container">
            <img src="https://via.placeholder.com/400x200" alt="Slider Image" class="slider-image" id="sliderImage">
        </div>
        <input type="range" min="0" max="4" value="0" class="slider" id="mySlider" step="1">
        <div class="stops" id="stops">
            <div class="stop-label" style="left: 2%">L0</div>
            <div class="stop-label" style="left: 26.3%">L1</div>
            <div class="stop-label" style="left: 50%">L2</div>
            <div class="stop-label" style="left: 74%">L3</div>
            <div class="stop-label" style="left: 96%">L4</div>
        </div>
    </div>

    <script>
        const slider = document.getElementById('mySlider');
        const stops = document.getElementById('stops').children;
        const sliderImage = document.getElementById('sliderImage');

        slider.addEventListener('input', function() {
            // Highlight active stops
            Array.from(stops).forEach((stop, index) => {
                if (index <= slider.value) {
                    stop.style.fontWeight = 'bold';
                } else {
                    stop.style.fontWeight = 'normal';
                }
            });

            // Update image source based on slider value
            updateImage();
        });

        function updateImage() {
            const sliderValue = parseInt(slider.value);
            let imageUrl;

            // Determine image URL based on slider value
            switch (sliderValue) {
                case 0:
                    imageUrl = "https://iili.io/JLx3wu4.jpg";
                    break;
                case 1:
                    imageUrl = "https://iili.io/JLx3X8G.jpg";
                    break;
                case 2:
                    imageUrl = "https://iili.io/JLx3Ot2.jpg";
                    break;
                case 3:
                    imageUrl = "https://iili.io/JLx3knS.jpg";
                    break;
                case 4:
                    imageUrl = "https://iili.io/JLx3Nwl.jpg";
                    break;
                default:
                    imageUrl = "https://iili.io/JLx3wu4.jpg";
            }

            // Update image source
            sliderImage.src = imageUrl;
        }
    </script>
</body>
</html>



Imperfections in 3D are essential because they make digital creations look real and interesting. Perfect models can seem fake, while small flaws like scratches, dents, and uneven textures add a touch of reality. These imperfections give objects character and history, making them more relatable and visually appealing. In short, imperfections help create more believable and engaging 3D models.

Why ImPeRfECtIoNs in 3D 

Image grid

More Before/After  

Dirtify Effects

Image

Text

<p class="normal" style="white-space:pre-line">Dirtify 2.0 is compatible in EEVEE and CYCLES</p>