BLOG

Webデザインをはじめる前にやっておきたいPhotoshopの設定◎

SHARE SHARE SHARE SHARE

こんにちは!

デザイナーのsachikoです。春は新しいことを始めたくなる季節ですね。

今日は、これからWebデザインに挑戦したい!という人向けに

まずはやっておきたいPhotoshopの環境設定をご紹介します。

 

s_shutterstock_216225727 (1)

 

1 単位をpixelに変更しよう

 

2016.3譛・blog01.fw

 

「環境設定」>「単位・定規」を表示し、定規:pixel 文字:pixelに設定

初期設定では単位がmmになっているので、まずは単位をWebデザイン用にpixelに変更しましょう。

2 10pxの間隔でグリッドを表示されるようにしよう

 

2016.3譛・blog02.fw

 

「環境設定」「ガイド・グリッド・スライス」内、グリッド線:10pixel、分割数:1 に設定。

これで10pxの間隔でグリッドが表示されます。グリッドは正確にデザインするときに便利な機能です!

グリッド表示のショートカット「command+@」(mac)「ctrl+@」(win)で表示・非表示を切り替えて確認しながらデザインを進めましょう。

 

3 移動ツールでレイヤーの選択ができるようにしよう

 

2016.3譛・blog03.fw

 

「ツールパネル」内「移動ツール」を選択し、画面上部のツールオプションバーにある「自動選択」にチェックを入れる。

移動ツールでオブジェクトをクリック&ドラッグするだけでレイヤーの選択ができるようになります。「Option(mac)Alt」(win)を押しながらクリック&ドラッグすると簡単に選択したレイヤーがコピーできますよ!

 

4 レイヤーのサムネイルを変更して分かりやすくしよう

 

2016.3譛・blog04.fw


「レイヤー」パネルの右上のドロップダウンから「パネルオプション」内「サムネールの内容」下「レイヤー範囲のみを表示」を選択する。

「ドキュメント全体を表示」はドキュメント全体がサムネールになるため、サムネールからオブジェクトが判別しにくい場合があります。そんな時は、こちらの設定でオブジェクトが含まれる部分だけをサムネールに表示させましょう。

デザインが進むにつれレイヤーは増えていくので、レイヤー作成時に判別しやすいレイヤー名をつけることも忘れずに!

 

コピーしたレイヤー名に「○○のコピー」と付けないようにしよう

 

2016.3譛・blog05.fw

 

「レイヤー」パネルの右上のドロップダウンから「パネルオプション」「コピーしたレイヤーとグループに「コピー」を追加」のチェックを外す。

レイヤーをコピーするとレイヤー名が「○○○のコピー」となりますが、これがわずらわしい人はここでこの機能をOFFにしておきましょう。

 

いかがでしたか?

それではみなさん、快適なデザインライフを!

 

20150901_企業理念KV_R6

 

リッチメディアでは、一緒に働く仲間を募集中!

私たちと共に、未来を想像して、創造していきましょう★

 

WRITER

Sachikoさんアイコン

Sachiko

デザイナー

Sachikoさんアイコン

RECOMMEND

HU-logo_543x130

0SHARE

INFORMATION

22 May 2017

弊社サービスをご利用頂いている皆さまへ

HU-logo_543x130

31SHARE

INFORMATION

10 May 2017

ヘルスケア大学に対するWebメディア上での疑義に関してのご報告と今後の取り組み

%e3%83%aa%e3%83%83%e3%83%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%83%ad%e3%82%b4

8SHARE

INFORMATION

08 May 2017

メディア・コンプライアンス委員会設立のお知らせ

PReyecatch

9SHARE

MEDIA

28 April 2017

「婦人画報」にヘルスケア大学が掲載されました。

伊藤ゆみヘアカット前後

2SHARE

PRESS RELEASE

18 April 2017

ヘアスタイル情報アプリ『HAIR』、avexと共同開催のヘアコンテスト 最終審査結果発表
~グランプリはヘアサロン「Un ami」のHIRAさんに決定し、ヘアカット・撮影を実施!~

HU-logo_543x130

0SHARE

INFORMATION

17 April 2017

弊社運営サイトの医師監修について

PReyecatch

0SHARE

MEDIA

05 April 2017

財経新聞に当社に関する記事が掲載されました。

ヘルスケア大学

16SHARE

PRESS RELEASE

31 March 2017


美容・健康情報サイト『スキンケア大学』『ヘルスケア大学』『メンズスキンケア大学』 参画の医師数が4,000名を突破

HAIR STYLE CONTEST 一次審査通過作品

22SHARE

PRESS RELEASE

08 March 2017

ヘアスタイル情報アプリ『HAIR』、avexとヘアコンテストを共同開催 ユーザーの一般投票開始
~一次審査通過15作品中、上位4作品が最終表彰対象に~

HU-logo_543x130

8SHARE

PRESS RELEASE

03 March 2017

『ヘルスケア大学』、 耳の日にちなみ、
「耳に関する記事」 アクセスランキングを発表
~注目はトップ10の6割がおたふく風邪(流行性耳下腺炎)~