学科 グラフィックデザイン基礎③【オンライン】　2025年8月30日

2025年8月30日 最終更新日時 : 2025年10月25日 arisa

講師：平井　美江　先生

-本日のアジェンダ-

1限目
学科 グラフィックデザイン基礎③
Photoshop基本操作の予習

2限目
学科 グラフィックデザイン基礎③
バックアップについて

3限目
学科 グラフィックデザイン基礎③
本日のまとめ

4限目
学科 グラフィックデザイン基礎③
本日のまとめ

5限目
学科 グラフィックデザイン基礎③
本日のまとめ


本日のテーマ
グラフィックツール「Adobe Photoshop」の予習とデータ管理について

【資料】

下記のファイルをダウンロードしましょう。　
1.「グラフィックツールの教科書②.pdf」
2．「バックアップについて.pdf」

【動画①】グラフィックツールの教科書② [Photoshop]

【動画②】バックアップについて

バックアップは消さない！

普段からバックアップの意識を高めておきましょう！生産性の向上に必要不可欠だと考えましょう！！

これから、もっと様々なファイルを管理して作業をしていく事になります。しっかりとバックアップを取っておきましょう。
また、ファイル管理を徹底する事で、自身の作業の進行やスケジュールの管理に気を付けて、より生産性を上げていきましょう。
では皆さん多くの作品を作って行きましょう！

トリミングとは？(Photoshop)

「トリミング」とは、画像の加工ができるソフトウエアが持っている機能のひとつで、画像の周囲にある不要な部分を非表示にすることで画像の表示範囲やサイズを調整することができます。

次回のPhotoshopの基本操作

  • 選択範囲
  • レイヤーパネル
  • レイヤーマスク
  • ブラシツール
  • 描画色と背景色
  • ファイルの移動とコピー
  • 切り抜きツール
  • 自由変形（ctrl + T）
  • Web用に保存（従来）

ファイルの作成方法

Illustrator・Photoshopともファイルの作成は「新規作成」「開く」「読み込む」で出来ています。
制作した元データ「 Illustrator ならai」「 Photoshopならpsd 」から、WEB用に「jpg」「gif」「png」「pdf」等のファイル形式にすることが出来ます。

選択範囲

選択範囲によって画像の一部分または複数の部分が分離されます。特定の領域を選択することで、選択していない領域を元のままに保ちながら、画像の選択部分を編集したりエフェクトやフィルターを適用したりすることができます。

  • 長方形選択ツール
  • 楕円形選択ツール
  • なげなわツール
  • 多角形選択ツール
  • マグネット選択ツール
  • 自動選択ツール
  • クイック選択ツール

参考サイト

オブジェクトの選択と移動と削除・コピー

オブジェクトを移動させるには、｢マウスドラッグによる移動｣、｢移動コマンドによる数値指定での移動｣、｢変形パネルを使った移動｣、｢矢印キーを使った移動｣があります。選択ツールで移動したいオブジェクトを選択し、そのままドラッグします。 削除は「Delete」キーで削除出来ます。

参考サイト

レイヤーパネル

Photoshop のレイヤーは、積み重ねられた透明フィルムのようなものです。レイヤーの透明部分では、下のレイヤーが透けて見えます。レイヤーは、透明フィルムをスライドさせるように動かして、レイヤーのコンテンツを希望の位置に配置することができます。また、レイヤーの不透明度を変更して、コンテンツを部分的に透明にすることもできます。

参考サイト

レイヤーマスクについて

レイヤーマスクとは、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能だ。 レイヤーマスクを扱う最も大きなメリットは、元の画像を変更せずに部分的な補正や切り抜きが行えることである。 後に修正が必要になっても、レイヤーマスクを変更するだけでよいので非常に効率がよい。

参考サイト

描画色と背景色

描画色と背景色について に移動 – Photoshop では、ペイント、塗りつぶしおよび選択範囲の境界線の描画には描画色が使用され、消去された領域やグラデーションには … アルファチャンネルでは、初期設定の描画色はホワイトで、背景色はブラックです。

参考サイト

ブラシツールとは？

photoshopのブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。 エアブラシ効果や特殊効果をつけたストロークを描くことができます。 ブラシの設定をカスタマイズして、専用のライブラリに追加、呼び出して利用することもできます。

参考サイト

切り抜きツールとは？

【Photoshop基本操作】［切り抜きツール］とは、画像を切り抜くためのツールです。 ドラッグした範囲を四角形に切り抜き、回転や変形などを同時に行う機能を持っています。 切り抜き確定後でも、トリミング領域の移動や仕上げサイズの変更といった再編集が可能です。

参考サイト

自由変形（ctrl + T）とは？

自由変形の使い方 Photoshopの自由変形を使うことで、全体の仕上がりを見ながら画像の大きさや角度などを編集することができます。

参考サイト

Web用に保存（従来）とは？

「Web用に保存（従来）」は、圧縮率を調整するなどして保存後のデータ容量を調整できます。

参考サイト

ワンポイントアドバイス

覚えておく用語が多いので、名前だけでも把握しておきましょう。

【MEMO】
Adobe Photoshop
写真を自由自在に加工できる
作業する毎にレイヤーがどんどん増えていく

レタッチ
色調補正、不要なものや人物を除去できる（需要が高い）
before→afterの写真もアップするとよい（レタッチ力をアピール）
予測値を想定できるよう様々な写真を加工してみる
自在に選択範囲をとれるようになることが上達の秘訣

Adobe illustrator
レイヤーを自分で増やすことをしないと増えない
レイヤーを管理することが大事
＞txt →おっきいところで管理する
子レイヤーで管理しないこと　→　探す時かなり大変になる

バックアップ
データを別のメディアに保存しておくこと（外部媒体 or クラウドへ）
→　きちんとデータの管理、バックアップをとっておく
　　データやシステムの状態を複製し問題発生時の復旧に備える
　　間違いや誤ったデータも記録に残しておく

生産性
　※継続的に業務を効率化できる仕組みを作ることを意識する

バックアップの具体的な方法
・データはコピーして３つ持つ
・２種類以上の機器にデータを保存する
・バックアップの１つは遠隔地で保存する
　→　１つはクラウド上にデータを置くと安心

外付けHDD・・・耐年数３～５年
大切な思い出のデータは長期保存用光ディスク（M-DISK）併用をする

USB・・・データの欠損率が高い、長期保存に向かない
読み書きしない状態が数年以上続くと保存していたデータが消える可能性が高い、短期保存や移動のためのツールと割り切る
　→　PCへまめにデータを移すこと

M-DISK・・・100年以上保存可能、生涯保存用メディア、耐久性を高めたブルーレイディスクやDVD

※遠隔地のバックアップにはクラウドがおすすめ
☆Dropbox
誰でも簡単に操作可能な高い操作性でファイルを共有できる

☆Google Drive
無料版は15GBまで利用可能
特徴は操作性の高さ、Googleフォト、Gmailと同じ感覚で使える　　　　　

☆OneDrive
マイクロソフトのoffice365の一部として利用可能なクラウドスト　レージ、マイクロソフトのサービス、導入企業も多い
☆Box
☆iCloud Drive
アップル社のクラウドストレージ

ファイル保存時の小技
　 １.命令規則を作る
　 ２.ZIPファイルにしておく
　３.とにかく時系列をつけておく

（例）
案件名_作品名_時系列　通し番号_バックアップ_時系列　通し番号_ZIPファイル
　　→１～３をした状態でバックアップしておく

☆報連相
☆未着手・対応中・済みを徹底的に

---------------------------------------------------------------------------------
Photoshop

JPEG画像をダイレクトに開く
1000px✖️2000px バナー作成
イラレのように◻︎を開く
レイヤー目のマークで画像を見れる
➕四角マークで複写
コピーを右クリック→スマートオブジェクトに変更

無料のフリー素材のサイト
・ぱくたそ
・Pixabay
・pexels
・イラストAC
　※外国のサイトに注意

【感想】
バックアップの重要性、具体的な方法、ファイル保存のポイント、Photoshopの特徴、まずどのような作業をしていくか（デモ）について学びました。
自分自身のスマホのデータのバックアップ等、後回しにしがちですがこれを機会に大切な写真などのバックアップを今日学んだことを活かしてやっておこうと思いました。
Photoshopは次の授業で実際にやってみて基本操作を習得していきたいと思います。











＼ 最新情報をチェック ／

カテゴリー
訓練日誌

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

前の記事
20250829_illustrator_freeproduct01
2025年8月29日
次の記事
学科 グラフィックデザイン基礎②　2025年8月29日
2025年8月30日