• 更新日:
  • 公開日:

Photoshopで漫画のような集中線を描く方法

集中線ってご存じですか?漫画で用いられる技法で、中央に集中するように何本もの線が引かれたものをいいます。写真の一部を目立たせたいときにこの集中線を用いればインパクト間違いないです!今回はPhotoshopを使って漫画のような集中線を描く方法をご紹介していきます。

素材の用意

今回は当サイトでも大変お世話になっている無料の写真素材『PAKUTASO』さんからダウンロードした画像を使用しています。

concentration-line
家政婦は見た(猫)

Step1.画像を開く

[ファイル > 開く]を選択し、集中線を描きたい画像を選択します。

watercolor-painting01

背景レイヤーとして画像が追加されました。

concentration-line

Step2.新規レイヤーを作成

[レイヤー > 新規 > レイヤー]を選択します。

concentration-line

下記の設定をします。

  • レイヤー名:集中線
  • 描画モード:乗算
  • 乗算の中性色で塗りつぶす(白):チェック
concentration-line

Step3.ノイズを加える

[フィルター > ノイズ > ノイズを加える]を選択します。

concentration-line

量を[80%]にします。

concentration-line

ノイズが加わりました。

concentration-line

Step4.フィルター「スクロール」をかける

[フィルタ > その他 > スクロール]を選択します。

concentration-line

下記の設定をします。

  • 垂直方向:最大値
  • 未定義領域:端のピクセルを繰り返して埋める
concentration-line

ストライプ模様になりました。

concentration-line

Step5.フィルター「極座標」をかける

[フィルタ > 変形 > 極座標]を選択します。

concentration-line

[直交座標を極座標に]をチェックします。

concentration-line

集中線らしくなりました。ただ中心まで集中線がきてしまっているので取り除きます。

concentration-line

Step6.中心を空ける

[楕円形選択ツール]を選択します。

concentration-line

中心付近に楕円を描きます。

concentration-line

[選択範囲 > 選択範囲を変更 > 境界をぼかす]を選択します。

concentration-line

ぼかしの半径を[20px]に設定します。

concentration-line

[Delete]を押すと中央の集中線が取り除かれます。
[Ctrl + D(Mac:Command + D)]で確定します。

concentration-line

このページを見ている人におすすめの商品

PR

独学Photoshop 楽しく基本が身につくガイドブック

独学Photoshop 楽しく基本が身につくガイドブック

ビッグセール情報

  • ビッグセール情報

Step7.オトマトペを加える

漫画っぽくするためにオトマトペ(ドーン、ガチャガチャ、キラキラなどの擬声語)を追加してみましょう。
今回のオトマトペ素材は『マンガ素材辞典β』さんのものを使用させていただいています。

concentration-line
http://www.sozaijiten.com/manga/03_so.html

Step8.完成

[ファイル > 埋め込みを配置]でオトマトペ素材を設置します。
お疲れ様です。これで完成です!

concentration-line

まとめ

今回は漫画で使われているような集中線をPhotoshopで描く方法をご紹介しました。オトマトペも追加するとよりユーモアがある写真に加工することができます。工夫して面白い写真を作ってみましょう!

あなた
読み込み中回答を作成しています。少々お待ち下さい...
AIアシスタント
'; var desc = '

AIの回答が的確でない場合は質問文を変えてみてください。別の質問をしたい方も含め、以下のボタンを押してください(何回でも無料で質問できます)。

もう1度質問する

'; $("#ai-input").html(html); $("#ai-count").remove(); $("#ai-submit-bottom").html(desc); $.ajax({ url: "https://sitebk.com/wp-admin/admin-ajax.php", type: "POST", data: { action: "chatgpt_ajax", message: message }, success: function(response) { var html = '

AIアシスタントの回答は正確ではない場合もあります。

'; response = response.replace(/\n/g, "
"); $("#ai-response").html(response); $("#ai-attention").append(html); $("#ai-message").val(""); }, error: function (e) { console.log(e + "エラーが起きました"); }, }); }); $("#ai-message").keypress(function(event) { if (event.keyCode == 13) { event.preventDefault(); $("#ai-submit").click(); } }); });
あなた

あと100文字

コメント

この記事へのコメントをお寄せ下さい。

0 コメント
すべてのコメントを表示

キーワードで記事を探す(記事数)