Category
Archives
Cocotiie
Trial And Error!やってみよう!の精神でWeb制作をしています。初心者の方にも伝わるよう、心がけています。少しでも誰かの助けになれれば嬉しいです。宜しくお願い致します。

2006年:Web制作に関する覚書きブログをはじめる。

2018年:Cocotiie(ココッティー)として運営開始。
テーマをSWELLにしてリニューアルしましたSWELLについて

[Photoshop] 網掛け画像の作り方

網掛けの作り方
網掛けの作り方

画像に文字を乗せる際に便利な網掛けフィルター。テーマによっては、ワンクリックで適応できる物もありますが、通常はCSSで設定しますが、手軽に画像自体を加工する方法をシェアします。

網掛け画像
網掛け画像の完成図

この記事ではPhotoshop CS6を使用しています

INDEX

準備

網かけしたい画像レイヤーの上に、適当な濃さのグレーの塗りつぶしレイヤーを重ねます。後で好きな色に出来るので何でも良いのですが、見やすさを考えると、濃いめのグレーがお勧めです。

画像は非表示にしておくと作業しやすいので、一旦非表示にします。

レイヤーをドット柄にする

グレーのレイヤーを加工します。フィルター/ピクセレート → [カラーハーフトーン]

網掛け画像

最大半径は任意ですが、4ピクセル以下には設定出来ません。チャンネルを全て45くらいにします。[OK]するとドット柄になります。

網掛け画像

そのまま、選択範囲/色域指定 → 選択[ハイライト] にすると、点と点の間の白い部分だけが選択されます。

網掛け画像

選択されている状態で、キーボードの[Delete]ボタンを押すと白い部分だけ削除されます。

網掛けの調整

画像レイヤーを表示にし、ドット柄のレイヤーの不透明度を調節します。

網掛け画像

メイン画像だけ簡単に網掛けするなら

WordPressのテーマ、Swellならメイン画像、スライドの網掛けが簡単です。

おすすめのテーマ
このブログもSWELLです

\ ぜひ使って欲しい /

高速最適化済み、高機能、驚きの使い心地
深い知識不要で素敵なサイトが作れます。

支払は一度だけ。アップデートはずっと

\この記事がお役にたったら/

広告を減らしサイトを見やすくする予定です

cocotiieの運営をサポートして頂ければ嬉しいです

「金額を入力」で1円から入力できます

よかったらシェアお願いします
  • URLをコピーしました!
  • URLをコピーしました!

コメント ※ハンドルネームでお願いします

コメントする

INDEX