Back to Plugins
Duotones

Duotones

<p>Apply Duotone Effect Filter on images. Simple, accurate &amp; fast.</p><p><br></p><p>________</p><p><br></p><p>1. How does it work ?</p><p><br></p><p>• select one (or many) shape with an image fill</p><p>• click on "Apply"</p><p>• a new duotone fill is added to your shape</p><p><br></p><p>________</p><p><br></p><p>2. Colors :</p><p><br></p><p>You can change colors using the colors inputs, by pasting/typing hex values, or selecting 1 or 2 rectangle shapes with fill color and focusing the inputs.</p><p><br></p><p>tip : click on the arrow button to invert tones</p><p><br></p><p>________</p><p><br></p><p>3. Random tones :</p><p><br></p><p>• select one (or many) shape with an image fill</p><p>• select "random" then "Apply"</p><p>• click on "Apply" again for more randomness</p><p><br></p><p>tip : the "multiple" option creates a row of 10 random duotones (only works if your shape is directly on the main page)</p><p><br></p><p>credits : inspired by Matt Kandler</p>

filterimageeffectprocessinghalftonegradientduotonephotogradients

Plugin Preview

Duotones preview

About this plugin

Apply Duotone Effect Filter on images. Simple, accurate & fast.


________


1. How does it work ?


• select one (or many) shape with an image fill

• click on "Apply"

• a new duotone fill is added to your shape


________


2. Colors :


You can change colors using the colors inputs, by pasting/typing hex values, or selecting 1 or 2 rectangle shapes with fill color and focusing the inputs.


tip : click on the arrow button to invert tones


________


3. Random tones :


• select one (or many) shape with an image fill

• select "random" then "Apply"

• click on "Apply" again for more randomness


tip : the "multiple" option creates a row of 10 random duotones (only works if your shape is directly on the main page)


credits : inspired by Matt Kandler

Plugin Details

Version11
CreatedNovember 11, 2019
Last UpdatedFebruary 24, 2022
Categoryediting & effects plugins
CreatorFabien
Stats42962 installs, 1303 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma