Adobe Photoshop 247
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
『Photoshop』でよく手書き風の加工するのですが、毎回やり方を忘れちゃって …
一々調べながらやるのが面倒です…_(┐「ε:)_何かいい方法はないのでしょうか…ヽ(´o`;
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
簡単にスケッチ風に加工できるいいプラグインがあるよ〜d(゚∀゚)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
本当ですかっ∑(゚Д゚;!? ぜひ教えてくださいっ(゚∀゚(゚∀゚!!
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
あいよ〜っ(=゚ω゚)ノ
目次
『Architectum 3』とは!?
『Architectum 3』は選択した画像をスケッチ加工してくれるプラグインになります。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-before.jpeg)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-after.png)
使い方は超簡単です。
まずスケッチ風に加工したい箇所(フォーカスエリア)を塗り潰して
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-select-focus-area.gif)
ボタン(Generate new sketch! )をポチッと押せば、自動でスケッチ風に加工してくれます。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 便利 おすすめ](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-start-sketching.gif)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
英語版でのみ利用可能と書いてありましたが、日本語でも問題なく使うことができますd(゚∀゚)
![ふにゃ太郎](https://nextist.net/wp-content/uploads/2021/07/hunyataro.png)
めちゃくちゃ簡単ですね ♪( ´▽`)
加工後もデフォルトも含めた4種類のモードに切り替えたり
ガイド、フラグメントのON /OFF、グレースケールに切り替えたり反転することもできます。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 便利 おすすめ カスタマイズ](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-customize.gif)
ただ、Architectum 3=建築というくらいなので、ポートレイトには少し弱いです。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-portrait-sample-before.jpeg)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-portrait-sample-after.png)
Appleシリコンに未対応のプラグインのため
MacのM1、M2を利用している方はDAWを『Rosetta』モードで起動する必要があります。
![Adobe Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Apple シリコン 未対応 Rosetta 起動](https://nextist.net/wp-content/uploads/776ffa2c85a4b6b42571dfbb019ab826.png)
『Architectum 3』は『Envato market』で販売されています。
年に2〜3回はセールがあるので、セール時に購入できるとラッキーですね。
販売サイト | Envato market |
---|---|
![]() | |
通常価格 | $17(約2,400円) |
支払い方法 | クレジットカード PayPal |
販売ページ | 販売ページ |
『Architectum 3』の機能や使い方
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3パネル 機能 使い方](https://nextist.net/wp-content/uploads/adobe-photoshop-script-rchitectum-3-tool-panel.png)
『Architectum 3』の機能や使い方を解説します。
Step 1: Select focus area
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-select-focus-area-e1690274192529.png)
『Step 1: Select focus area』ではフォーカスエリアを作成します。
『New focus area』ではスケッチ風に加工したい箇所(フォーカスエリア)の選択用に新規レイヤーを作成します。
自動でブラシツール(カラーレッド)になるので、スケッチ風に加工したいところを手動でなぞります。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area New focus area](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-select-focus-area-new-focus-area.png)
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Select focus area New focus area](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-select-focus-area-new-focus-area-fill.png)
『Auto focus area』では新しいレイヤーを作成し、フォーカスエリアを自動的に選択します。
精度があまり良くないので手動でやったほうが良さそうです。。。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Auto focus area](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-auto-focus-area.png)
Step 2: Start sketching
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Start sketching](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-start-sketching-e1690274064197.png)
『Step 2: Start sketching』では作成したフォーカスエリアの情報を元に手書き風のスケッチ加工を実行します。
Step 1でフォーカスエリアを作成後に『Generate new sketch! 』ボタンでスケッチ加工を実行します。
![Adobe Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Generate new sketch](https://nextist.net/wp-content/uploads/adobe-photoshop-sketch-plugin-architectum-3-generate-new-sketch.png)
『Optimize image(recommended)』ONにすると画像サイズが大きくなり、より詳細に描画されます。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-optimize-image-recommended.png)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-optimize-image-recommended-on.png)
元画像 | Optimize image OFF | Optimize image ON | |
---|---|---|---|
サイズ | 1200×800 | 1200×800 | 3500×2333 |
容量 | 137KB | 1.6MB | 13.3MB |
Step 3: Switch modes
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-e1690273921251.png)
『Step 3: Switch modes』ではスケッチのモードを以下の4種類で切り替えることができます。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Default mode](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-default-mode.png)
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Sketch mode](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-sketch-mode.png)
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Pencil mode](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-pencil-mode.png)
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Switch modes Light mode](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-switch-modes-light-mode.png)
Step 4: Customize details
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 Customize details](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-e1690274301551.png)
『Step 4: Customize details』ではガイドや鉛筆の破片のようなエレメントを追加したり
グレースケールモードやカラーの反転をON/OFFにすることができます。
『Guides』では手書きのガイドを追加するかどうか、ON/OFFで切り替えることができます。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-guides-off.png)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-guides-on.png)
『Fragments』では鉛筆の破片のようなエレメントを追加するかどうか、ON /OFFで切り替えることができます。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-nomal.png)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-fragments.png)
『Grayscale』ではグレースケールのON /OFFを切り替えることができます。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-nomal.png)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-greyscale.png)
『Invert』ではカラーの反転を切り替えることができます。
![before画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-nomal.png)
![after画像](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-customize-details-invert.png)
『Architectum 3』のインストール方法
『Architectum 3』のインストール方法を解説します。
『Architectum 3』のインストール手順
『Architectum 3』を購入して zipファイルをダウンロードしたら展開します。
表示されたフォルダの中に『Installer.jsx』があることを確認してください。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 jsx](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-install-jsx.png)
『Installer.jsx』をインストールする方法は2通りあります。
1つは『Photoshop』を開いて、編集パネル内に『Installer.jsx』をドラック&ドロップでインストール完了。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-install-jsx-method.png)
![NEXTist](https://nextist.net/wp-content/uploads/2021/08/nextist-icon.png)
私の場合はこの方法ではダメでした…_(┐「ε:)_
もう1つの方法は上部メニューのファイル ▶︎ スクリプト ▶︎ 参照を開いて
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 スクリプト 参照](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-install-jsx-reference.png)
『Installer.jsx』を選択して『開く』をクリックします。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 スクリプト jsx](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum3-install-jsx.png)
PROFACTIONS – Architectum 3 installed successfully! Please restart your Photoshop.
(プロファクション – Architectum 3 は正常にインストールされました。Photoshop を再起動してください。)と表示されます。
『OK』で閉じて『Photoshop』を再起動します
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 解説](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-install-e1690260300540.png)
上部メニューのウィンドウからエクステンション ▶︎ PROFACTIONS – Architectum 3 を選択すると
『Architectum 3』が開いて使うことができます。
![Photoshop Plugin スケッチ 手書き Architecture Sketch Architectum 3 インストール 方法 解説](https://nextist.net/wp-content/uploads/adobe-photoshop-plugin-rchitectum-3-install-completion.png)
最後に
『Adobe Photoshop』のプラグインやスクリプトもこれからたくさん紹介していく予定なのでお楽しみに ( ´ ▽ ` )
『Photoshop』関連のおすすめ記事⬇︎⬇︎
《アクション素材(.atn)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
《ブラシプリセットファイル(.abr)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
《レイヤースタイル(.asl)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
《パターン素材(.pat)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
《テキストエフェクト(.psd)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
《グラデーション素材(.grd)の使い方や無料グラデーション素材をまとめた記事はこちら⬇︎⬇︎》
《オーバーレイテクスチャー素材(.jpg、.png)の使い方や無料素材をまとめた記事はこちら⬇︎⬇︎》
以上、最後まで読んでいただきありがとうございました(=゚ω゚)ノ