カテゴリー: Photoshop

PhotoshopデータをiPhoneでリアルタイムで確認出来る「Adobe Preview」

photoshop-preview

Photoshopでスマホサイトのデザインを行う際、今までだったら

Photosho → 書き出し → スマホに画像を転送

という手順を踏む必要がありました。
一度だけ確認するほどのものならそれもいいですが、画像を差し替えたり、色を変えたりと微調整を繰り返すのであれば、そのたびに書き出して、画像を転送しないといけないのでとても面倒ですし時間もとられます。

Photoshop CC 2015からPhotoshopで開いているPSDデータをiPhoneでリアルタイムで見ることが出来るようになりました。
これ、本当に楽なので是非使ってみることをおすすめします!

続きを読む

Photoshopで表(テーブル)を作成する

完成形

診療所のホームページなどを作る時に、診療時間などを表(table)で作る時があります。htmlでは以前書いた「Numbers」を使ってHTMLのテーブルを作成する方法を使えば簡単に作成できますが、Photoshopで作るのは少し面倒です。
Photoshopはもともとそういった目的で作られていないので当然といえば当然ですが、PhotoshopでWebデザインをする人にだったら、Photoshopで表を作ったという経験は何度かあるんじゃないでしょうか。

今回はなるべく簡単に表を作る方法をご紹介します。
ちなみに今回はおおよその外形サイズだけ指定して、細かい寸法調整まではやりません。

続きを読む

これからPhotoshopでWebデザインをはじめる人が覚えておくといい便利機能5選

レイヤースタイル

僕はWebデザイナーを始めた5年前からデザインはずっとPhotoshopを使ってきました。

最近ではIllustratorや何かと話題のSketchを使っている人も増えてきていますね。SketchなどWebデザインに特化しているのでどんどん勢力をのばしてるわけですが、僕はそれでもまだPhotoshopの方が好きですね。
自分がPhotoshopでWebデザインを行う理由として、

  • 写真を加工も一緒にできる
  • ピクセル単位でデザインできる
  • レイヤースタイルなどの種類が豊富
  • GIFアニメーション・シネマグラフが作れる

などが主な理由でしょうか。
それからPhotoshop CCに新たに「デザインスペース」というWebとアプリケーションデザインに特化した機能が追加されたりとSketchに負けじ劣らず、どんどん使いやすくなっているのではと思います。

PhotoshopでWebデザインをするデメリットと言いますか、Sketchとかと比べると操作性が直感的ではないので習得には時間がかかるのではないでしょうか。
Photoshopには本当に多くの機能があって、それを使いこなそうと思ったら経験と時間を積み重ねるしか無いのですが、はじめてWebデザインをする上ではいきなり全部を覚えるのは効率が悪い。

ということで、今回は最初に設定しておくと便利な機能を紹介します。
出来るだけ作りたいものや状況に合わせて説明したいと思います。

続きを読む