Adobe認定トレーニングセンター

Photoshop

新機能は使えるのか?アートボードの追加

 

フォトショップでデザインやドキュメントを作成する作業を複数のアートボードを表示しながら1つのPSDデータで管理し、ウェブサイトやスマートフォンのアプリケーションを素早くデザインすることが可能になりました。Photoshopでアートボードを追加する方法をご紹介します。(Photoshop CC2015から実装)

そもそもアートボードとは?

アートボードは、アートを作成するために必要なキャンバスのようなもので、印刷時に書き出される範囲の目安になるので便利です。アートボードはガイドと同じで印刷時には表示されません。

実際に使ってみます

 

スマートフォン用に作ります。

アートボードを作ってしまえばドラッグ&ドロップで簡単に複製できます。

スマートフォンのアプリケーションやWEBサイトのデザインを考える際に1つのpsdデータで行え、移動やコピーもアートボード内で行えるので作業効率が格段に早くなります。

 

今度は写真の編集する際に実際に見比べながらデザインしたいと思う事があるのでアートボードをわけながら作業してみました。

 

どうでしょうか?色調補正でカラーを変更した後のビジュアルも確認しやすいです。

レイヤーパネルでもはっきり分けられていて管理が簡単でした。

1つ気づいたことは、アートボードを変えてもFX(レイヤースタイル)は全てのアートボードに影響していました。影の方向などは全て統一されています。

 

アートボード追加方法

 

1.レイヤーパネル→オプションを開きます

オプションはパネル右上にある「三」というアイコンです。下画像を参考にしてください!

2.アートボードを新規追加….を探して選択してください。真ん中あたりにあると思います。

 

3.アートボード1を追加します。幅と高さを設定する場合は「アートボードを新規設定」下側に設定画面が表示されていると思います。

下画像ではpx(ピクセル)となっていますがmm(ミリメートル)で入力しても大丈夫です!印刷物用の写真を加工する場合などIllustratorと合わせてA4サイズ(210mm x 297mm)で作りたい事があるとおもいます、そういった場合であっても○○mmと入力で大丈夫です。

 

アートボードが追加されました!ですがこの状態ではアートボードが2枚あるような状態ではありません!

実はアートボード1が確定しただけでアートボード2は存在していないです、ですのでアートボード2を同じ方法で作っていきます。

4.アートボード2を作る。(1〜3の方法と同じです。)

これでアートボード2がレイヤーパネルに表示されたと思います。アートボード2で編集していくには新規レイヤーをアートボード2に作りましょう!

アートボード2ができたと思います!


新しい機能なのでまだまだ使い方がありそうです。今までのPhotoshopとは違った新しい使い方ができそうです!

 

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Photoshop

    好きな色に変える! 色相・彩度の使い方

    photoshopの色調・彩度使って 1ポイント色を変えていきます…

  2. Photoshop

    フォトショでマダムを若返らせてみた

    フォトショップは女性にとって魔法のようなツールです。だって、シワやホク…

  3. Photoshop

    飛び出す写真を作ってみよう

    飛び出す写真の作り方を今回紹介したいと思います。まず、レイヤー…

  4. Photoshop

    服のシワに合わせて文字を合成しよう

    写真の服に模様や文字を合成してみたいということはありませんでしょうか。…

  5. Photoshop

    広角補正で写真の歪みを補正しよう

    Photoshopで写真の歪みを修正する方法に、レンズ補正がありますが…

  6. Photoshop

    雷を作ってみよう

    簡単に出来る雷の作り方の紹介です。まず、ツールパネル下にある描…

最近の記事

  1. Illustrator

    金色(GOLD)のグラデーションを作ってみよう
  2. Photoshop

    斜めの画像を正面画像へと補正する方法
  3. Illustrator

    インド国旗を作ろう!その①
  4. Photoshop

    好きな色に変える! 色相・彩度の使い方
  5. Others

    キーボードの操作を画面に表示しよう!フリーソフト「KeyCastr」
PAGE TOP