// アナリティクス
【最大50%OFF!!】『Motion Design School』のサマーセール開催中!!

【Photoshop】画像を手書きスケッチ風に加工できるプラグイン『Architectum 3』を紹介!!

Adobe Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 おすすめ 便利

当サイトはアフィリエイト広告を利用しています。

Adobe Photoshop 247

ふにゃ太郎
ふにゃ太郎

『Photoshop』でよく手書き風の加工するのですが、毎回やり方を忘れちゃって …

一々調べながらやるのが面倒です…_(┐「ε:)_何かいい方法はないのでしょうか…ヽ(´o`;

NEXTist
NEXTist

簡単にスケッチ風に加工できるいいプラグインがあるよ〜d(゚∀゚)

ふにゃ太郎
ふにゃ太郎

本当ですかっ∑(゚Д゚;!? ぜひ教えてくださいっ(゚∀゚(゚∀゚!!

NEXTist
NEXTist

あいよ〜っ(=゚ω゚)ノ




『Architectum 3』とは!?

『Architectum 3』は選択した画像をスケッチ加工してくれるプラグインになります。

before画像 after画像



使い方は超簡単です。

まずスケッチ風に加工したい箇所(フォーカスエリア)を塗り潰して

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area



ボタン(Generate new sketch! )をポチッと押せば、自動でスケッチ風に加工してくれます。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 便利 おすすめ
NEXTist
NEXTist

英語版でのみ利用可能と書いてありましたが、日本語でも問題なく使うことができますd(゚∀゚)

ふにゃ太郎
ふにゃ太郎

めちゃくちゃ簡単ですね ♪( ´▽`)



加工後もデフォルトも含めた4種類のモードに切り替えたり

ガイド、フラグメントのON /OFF、グレースケールに切り替えたり反転することもできます。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 便利 おすすめ カスタマイズ



ただ、Architectum 3=建築というくらいなので、ポートレイトには少し弱いです。

before画像 after画像


Appleシリコンに未対応のプラグインのため

MacのM1、M2を利用している方はDAWを『Rosetta』モードで起動する必要があります。

Adobe Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Apple シリコン 未対応 Rosetta 起動



『Architectum 3』は『Envato market』で販売されています。

年に2〜3回はセールがあるので、セール時に購入できるとラッキーですね。

販売サイトEnvato market
Envato Logo
通常価格$17(約2,400円)
支払い方法クレジットカード
PayPal
販売ページ販売ページ
『Architectum 3』の価格比較表




『Architectum 3』の機能や使い方

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3パネル 機能 使い方

『Architectum 3』の機能や使い方を解説します。

Step 1: Select focus area

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area

『Step 1: Select focus area』ではフォーカスエリアを作成します。

New focus area

『New focus area』ではスケッチ風に加工したい箇所(フォーカスエリア)の選択用に新規レイヤーを作成します。

自動でブラシツール(カラーレッド)になるので、スケッチ風に加工したいところを手動でなぞります。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area New focus area
Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area New focus area



Auto focus area

『Auto focus area』では新しいレイヤーを作成し、フォーカスエリアを自動的に選択します。

精度があまり良くないので手動でやったほうが良さそうです。。。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Auto focus area

Step 2: Start sketching

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Start sketching

『Step 2: Start sketching』では作成したフォーカスエリアの情報を元に手書き風のスケッチ加工を実行します。

Optimize image(recommended)& Generate new sketch!

Step 1でフォーカスエリアを作成後に『Generate new sketch! 』ボタンでスケッチ加工を実行します。

Adobe Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Generate new sketch

『Optimize image(recommended)』ONにすると画像サイズが大きくなり、より詳細に描画されます。

before画像 after画像
元画像Optimize image OFFOptimize image ON
サイズ1200×8001200×8003500×2333
容量137KB1.6MB13.3MB

Step 3: Switch modes

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes

 『Step 3: Switch modes』ではスケッチのモードを以下の4種類で切り替えることができます。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Default mode
Default mode
Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Sketch mode
Sketch mode
Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Pencil mode
Pencil mode
Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Light mode
Light mode

Step 4: Customize details

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Customize details

『Step 4: Customize details』ではガイドや鉛筆の破片のようなエレメントを追加したり

グレースケールモードやカラーの反転をON/OFFにすることができます。

Guides

『Guides』では手書きのガイドを追加するかどうか、ON/OFFで切り替えることができます。

before画像 after画像



Fragments

『Fragments』では鉛筆の破片のようなエレメントを追加するかどうか、ON /OFFで切り替えることができます。

before画像 after画像



Grayscale

『Grayscale』ではグレースケールのON /OFFを切り替えることができます。

before画像 after画像

Invert

『Invert』ではカラーの反転を切り替えることができます。

before画像 after画像



『Architectum 3』のインストール方法

『Architectum 3』のインストール方法を解説します。

『Architectum 3』のインストール手順

『Architectum 3』を購入して zipファイルをダウンロードしたら展開します。


表示されたフォルダの中に『Installer.jsx』があることを確認してください。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 jsx

『Installer.jsx』をインストールする方法は2通りあります。

1つは『Photoshop』を開いて、編集パネル内に『Installer.jsx』をドラック&ドロップでインストール完了。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法
NEXTist
NEXTist

私の場合はこの方法ではダメでした…_(┐「ε:)_

もう1つの方法は上部メニューのファイル ▶︎ スクリプト ▶︎ 参照を開いて

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 スクリプト 参照



『Installer.jsx』を選択して『開く』をクリックします。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 スクリプト jsx

PROFACTIONS – Architectum 3 installed successfully! Please restart your Photoshop.
(プロファクション – Architectum 3 は正常にインストールされました。Photoshop を再起動してください。)と表示されます。

『OK』で閉じて『Photoshop』を再起動します

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 解説

上部メニューのウィンドウからエクステンション ▶︎ PROFACTIONS – Architectum 3 を選択すると

『Architectum 3』が開いて使うことができます。

Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 解説




最後に

『Adobe Photoshop』のプラグインやスクリプトもこれからたくさん紹介していく予定なのでお楽しみに ( ´ ▽ ` )

『Photoshop』関連のおすすめ記事⬇︎⬇︎

《アクション素材(.atn)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》


《ブラシプリセットファイル(.abr)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》


《レイヤースタイル(.asl)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》


《パターン素材(.pat)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》


《テキストエフェクト(.psd)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》


《グラデーション素材(.grd)の使い方や無料グラデーション素材をまとめた記事はこちら⬇︎⬇︎》


《オーバーレイテクスチャー素材(.jpg、.png)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》



以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ