作成:2016/12/19 更新:2017/06/06 Photoshop > Webデザイン デュオトーンを採用したアーティスティックなWebサイトも増えてきたことですし、今回は「写真全体をデュオトーンに加工するのではなく、人物と背景の透過度を変えてデュオトーン加工を施しおしゃれに見せる」方法を書きます。 エンジニア速報は Twitter の@commteで配信しています。 デュオトーンとは デュオトーン(Duo Tone)は中間的な明るさを持つ色(グレースケール)と明るい色を重ね2色で表現します。使い方によっては、レトロでアーティスティックな外観を演出することができるし、白文字との相性もいいです。印刷用語では「ダブルトーン(double tone)」と呼ばれています。 デュオトーンを採用してあるサイトを色々見ていると、 1.写真全体をそのまま加工してあるタイプ Home | Plant
![PhotoshopやCSSを使い、背景だけを薄くしてデュオトーン加工する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d748941527f868927af4ac70f9c4b597d251ef7/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fduotone_effect.jpg)