PhotoshopでレスポンシブWebデザイン!

Photoshopの新機能「デザインスペース」とは?

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
このレッスンでは、2015年末の最新版Photochop CC 2015に搭載された新しいワークスペース「デザインスペース」について、その概要をご紹介していきます。
講師:
04:09

字幕

このレッスンでは2015年11月末のアップデートでPhotoshop に搭載されたウェブやアプリケーションデザインによく使う機能だけにフォーカスした新しいワークスペースデザインスペースについてご紹介していきましょう。今画面上でご覧いただいているのは、デザインスペースと呼ばれるPhotoshop のワークスペースに切り替えた状態です。通常の Photoshop とは異なってツールですとかパネルの数がグッと減って、シンプルになっているのがお分かりになりますでしょうか。一度標準の Photoshop に戻ってみましょう。Photoshop は本来高度な写真編集アプリケーションで、3D ですとか、動画の編集機能まで備えているためウェブやアプリのデザイン作成だけにフォーカスして考えるとメニューやパネルが多すぎて必要なものを探すのが大変だったり学習コストが高い状態になってきていました。そこで新たに開発されたのがウェブやアプリのデザイン作成のために特化したシンプルなワークスペースデザインスペースなのです。このデザインスペースに対応しているのはMac では OS X 10.10 以上Windows では 8.1 64bit 以上という環境で利用することができます。 ご自身のマシン環境をぜひチェックしてみてください。対応している OS で Photoshop の最新版を起動しているとメニューバーのウィンドウからデザインスペース(プレビュー)こちらを選択するだけで UI を切り替えることができます。OS が対応しているはずなのにメニューが選択できないという方は環境設定をチェックしてみてください。Mac の方はメニューバーのPhotoshop CC から環境設定Windows の方は編集から環境設定そしてテクノロジープレビューというものがありますので開きます。テクノロジープレビューのセクションの中にデザインスペースを有効にするという項目があります。このチェックが入っていますと、デザインスペースへの切り替えを行うことができるようになります。では実際にデザインスペースに戻ってみましょう。デザインスペースではツールパネル内のツールが6つだけ、と極端に制限されています。またパネルの数も減って自分でパネルを探して開いたり閉じたりしなくてもその時に選択したオブジェクト、選択したレイヤーに応じてプロパティパネルの表示内容が自動で変わっていくので作業が直感的で分かりやすくなりました。 同じ Adobe のアプリケーションFireworks を使い慣れている方、海外を中心に人気の高い Sketch を愛用されている方にもぜひ一度試してみていただきたい作業環境です。ブラシやフィルターを使うような高度な写真編集が必要になった場合には、この右下のPS のボタンをクリックすると標準のワークスペースに戻ることができます。状況に応じて使い分けてください。以上このレッスンでは Photoshop に新しく搭載されたウェブやアプリケーションデザインによく使う機能だけにフォーカスしたワークスペース、デザインスペースの概要についてご紹介しました。

PhotoshopでレスポンシブWebデザイン!

モバイルデバイスにおいてWebを適切に表示させるための仕組みであるレスポンシブWebデザインは、すべてのWebデザイナーにとってもはや必須の取り組むべきテーマです。また最近ではPhotoshopでも美しいカンプを簡単に作れるようになりました。このコースではレスポンシブWebデザインのカンプをPhotoshopで効率的に作成するテクニックを具体的に説明します。

2時間16分 (26 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 1,990
発売日:2016年03月02日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。