(16-D)デザイン的にも白と黒のコントラストを生かす | デザインってオモシロイ -MdN Design Interactive-

(16-D)デザイン的にも白と黒のコントラストを生かす

2024.4.27 SAT

【サイトリニューアル!】新サイトはこちらMdNについて




CREATIVE POINT D

デザイン的にも白と黒のコントラストを生かす


KEY WORD 1

いろいろなデザイン的アイデアを試してみる

KEY WORD 2

背景の色の組み合わせでメリハリを出す



画像自体は白と黒のコントラストが効いているのだが、デザイン的には白の部分が少なく、あまり白と黒の対比を生かせていない。そこで背景を白に変更してみる【1】。この段階でさまざまなデザイン的アイデアを試してみるといいだろう。太めの書体で大きな白い文字(ここではアルファベットの「A」を配置し、文字と画像を選択して修正メニュー→“マスク”→“マスクとしてグループ化”で画像を切り抜く【2】。文字の輪郭がわかりにくいのでドロップシャドウを適用するが【3】、これでは使用写真が部分的にしか見えず、生かしきれていないため、当初の方向性に戻ることにする。白い背景部分と画像の間に黒い帯を縦に2本入れる【4】。画像のサイズを変更してトリミングする【5】。また、右側の白いスペースが広いので、ここにグレーのラインを縦に1本引く【6】。


【1】白部分が少なく感じられるため、背景を白に変更してみる


【2】修正メニュー→“ マスク”→“マスクとしてグループ化”で文字の形に画像を切り抜く


【3】文字の輪郭が見えにくいので、ドロップシャドウを適用する


【4】白い背景部分と画像の間に黒い帯を縦に2本入れる


【5】画像サイズを変更してトリミングを検討する


【6】右側の白いスペースが広いため、グレーのラインを余白の中に1本引く
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在