Adobe Photoshop CC 2017のアートボード機能を使用する方法

05の01

Adobe Photoshop CC 2017でのアートボードの概要

Photoshop CC 2017の新しいArtboards機能は、「滑らか」なものです。

グラフィックデザイナーのグループを一堂に集めて、モバイルアプリのインターフェースを設計する際の主な「苦労」が何であるかを尋ねると、「Photoshop」が教えられます。 これはかなりの数の人々を驚かせるかもしれませんが、それはかなり理解可能です。 さまざまなスマートフォンやタブレットがあり、それらはすべて画面サイズがさまざまです。 これは、必然的に複数のレイヤーとかなり複雑なワークフローを含む数十のPhotoshop .psdファイルになります。 2015年6月16日現在、すべてが消えています。 Photoshopには使い尽くされた使い勝手の良いArtboards機能が含まれています。

Illustratorユーザーの場合は、アートボードの作成と使用にかなり慣れています。 Photoshopの新しいアートボードの機能は、Illustratorのそれと非常によく似ています。

それを使用する方法を見てみましょう。

05の02

Photoshop CC 2017でアートボードを作成する方法

アートボードを追加するときに選択肢が豊富なデバイスがあります。

Photoshop CC 2017でアートボードを作成する方法は2つあります。

最初は、新しいPhotoshopドキュメントを開くときに作成することです。 ドキュメントタイプのポップアップにArtboardの選択肢が追加されました。 あなたがそれを選択すると、ポップダウンからArtboard Sizeを選択することができ、 iPhone 6 Plusから100 x 100ピクセルのLegacy iPad Spotlight サイズまで選択できます。

他の方法は、[ アートボード]ツールを選択することです。移動ツールをクリックしたままにすることで見つけることができます。

アートボードツールを選択すると、インターフェイスの一番上に移動し、新しいドキュメントを作成したときに見たのと同じリストからプリセットを選択できます。 また、アートボードのカスタムサイズを設定したり、向きをポートレートまたはランドスケープに変更したり、新しいアートボードを追加したり、Photoshop CC 2015でのアートボードの処理方法の3つのオプションから選択できます。

アートボードについては本当にすっきりしています。あなたが望むほど多くのアートボードを持てます。

03/05

Photoshop CC 2017で名前を付けてアートボードを複製する方法

アートボードの名前に方向とデバイスを追加します。

アートボードを複製するには2通りの方法があります。 最初に、レイヤーパネルを開き、アートボードを選択し、 コンテキストメニューからアートボードの複製選択し ます 。 2番目の方法は、レイヤーパネルでアートボードを選択し、移動ツールに切り替えます。 アートボードを選択してOption / Altキーを押したまま、選択した場所にコピーをドラッグします。

明らかに一般的に名前のついたアートボードを持っていても、あなたには何も言いません。 アートボードの名前を変更するには、「レイヤー」パネルで名前を選択し、名前を変更します。 上の画像では、 iPhone 6 Plus_ PortraitiPhone 6 Plus_Landscapeです。 これは、それぞれのアートボードにどのデバイスと向きが当てはまるかを正確に伝えます。

04/05

Photoshop CC 2017でアートボードにコンテンツを追加する方法

アートボードは「別々のレイヤードドキュメント」です。

あなたが推測したように、アートボードはレイヤーです。 並べ替え

各アートボードは、別々の「レイヤードドキュメント」です。これは、アートボードに追加できるレイヤーに追加できるものを意味します。 上の画像には、PortraitとLandscapeの向きに設定されたiPad Retina用のアートボードがあります。 各アートボードには、独自のレイヤー、レイヤーグループ、テキスト、 スマートオブジェクトなど、Photoshopドキュメントに追加するものがあります。

また、各アートボードのレイヤー順序とアートボードの順序を変更することもできます

05/05

iOSデバイスでPhotoshop CC 2017アートボードをプレビューする方法

Adobeプレビューを使用すると、Photoshopを終了せずにiOSデバイスでアートボードを表示できます。

これはArtboardsがPhotoshopの "キラー"機能になる場所です。

このアップデートのリリースに伴い、iPhoneとiPad用のiOS App - Adob​​e Preview - があなたのiPhoneやiPadであなたの仕事を確認できるようにしています。それはあなたのコンピュータと同じ無線ネットワーク上にあるか、 USB接続..

あなたのデバイスにAdobeプレビューをインストールし、アプリを開くだけです。

Photoshopでは、新しいデバイスプレビューボタンをクリックするだけです。 [デバイスプレビュー]パネルが開き、アートボードがデバイスに表示されます。

ここでそれは本当に "滑らか"になります。 デバイスの向きを変更すると、その向きに適用される適切なアートボードがデバイスに表示されます。

私の唯一の不満は、アプリはiOSだけです。 Android搭載端末を搭載しているユーザーは基本的に運が悪いです。 Adobeは、タッチ・アプリケーションの多くにAndroidの対応版を用意することを非常に明確にしていますが、AdobeがAndroid版のAdobeプレビューを利用できるようになるかどうかはまだ分かりません。

Photoshop CC 2017でアートボードを使用する方法の詳細については、Adobeの広範な概要をご覧ください。