読者です 読者をやめる 読者になる 読者になる

ハロトレWebデザインの勉強03月14日開講クラス授業補足ブログ

Photoshopを使う

Photoshop基礎

Photoshopとは

https://helpx.adobe.com/jp/photoshop/how-to/photoshop-cc.html?set=photoshop--get-started--overview

Photoshopを使う目的

  • Webページ上に表示する画像を、効率よく最適化する(データ量が軽い、きれいな状態にする)
初心者がPhotoshopの勉強をする3つのポイント
  1. 選択範囲を決める(どこをという最初の部分。または主語にあたります。)
  2. 補正する(写真をキレイにします。目的にあった画像にします。)
  3. 加工する(マスクや合成をして、元の画像にはない特徴をつくっていきます。)

Photoshopの起動とカラー設定

Photoshopの初期化

目的は、無駄に消費されているメモリの記憶をリセットすることです。

  1. アイコンをダブルクリック等で起動します。
  2. このとき[Ctrl]+[Alt]+[Shift]を押したままにします。
  3. Adobe Photoshop設定ファイルを削除しますか?」とダイアログがでます。


  1. 『はい』を押して進みます。

カラー設定

  • 「編集」→「カラー設定」
  • 「Web・インターネット用 - 日本」を選択する

パレット位置の初期化

[ウィンドウ]→[ワークスペース]→[初期設定をリセット]



※パレットの位置の初期化により、授業中の操作がしやすくなります。

複数画像の扱い

ドキュメントウィンドウ
ファイルの情報
  • 左下にあるファイルの容量の部分を押す
  • 「幅」「高さ」「モード」「解像度」が表示されます


画像の拡大縮小
  • 表示の拡大:Ctrl(command)+「+」
  • 表示の縮小:Ctrl(command)+「-」
  • 原寸(100%)表示:Ctrl(command)+「1」
ナビゲーターパレット
  • エリアの拡大縮小や移動が簡単にできます

ズームツール
  • 原寸(100%)にする:ダブルクリック

手のひらツール(グラバーハンド)


括弧の中の英字は、英語モードのときそのキーを打つとそのツールに変更できるという意味です。

環境設定

一般
  • この初期設定が最も使いやすい

ファイル管理

パフォーマンス

単位・定規