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では写真の建物などの歪みは、「レンズ補正」を使って歪…

  2. Photoshop

    画像を昔の写真風にしてみた

    技術の進歩で風景をとても綺麗に撮影できるようになった。しかし子供の頃、…

  3. Photoshop

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

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

  4. Photoshop

    ヴァニシング・ポイントを使った合成画像の作成

    Photoshopの機能の一つ「Vanishing Point」を使用…

  5. Photoshop

    画像を文字とシェイプでマスクする

    文字だけなら簡単!クリッピングマスク。こんな風に、文字で水の画像を…

  6. Photoshop

    4つのマスクを使いこなそう!マスクの基本操作

    とても便利なマスクですが、実は4種類あることをご存知ですか?今回はその…

最近の記事

  1. ウイスキーのボトルと本とバラの造花
  2. 自然光で撮った人形と本とカメラとクッキー
  1. Illustrator

    地図をつくろう
  2. Illustrator

    破線・点線の作り方
  3. Illustrator

    最近使用したフォントの表示を消す方法
  4. Photoshop

    モザイクを入れよう!
  5. Illustrator

    コマンドXとコマンドF(B)を使ってオリンピックマークを作ってみよう
PAGE TOP