Yuko Sekimoto Portfolio

やさしく 迷わせない Webデザイン

お問い合わせ
お問い合わせ

学科 グラフィックデザイン基礎③　Ｐhotoshop操作の予習

cocco

◆オンライン訓練（25/8/30）

講師：平井美江先生
カリキュラム資料：グラフィックツールの教科書②、バックアップについて

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

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

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

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

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

◆本日のテーマ

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

【動画①】グラフィックツールの教科書② [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用に保存（従来）」は、圧縮率を調整するなどして保存後のデータ容量を調整できます。

参考サイト

ワンポイントアドバイス

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

◆本日の課題

提出課題はありません。学んだことはメモをしておきましょう。
※不明点は講師にお声掛けの上、ご質問ください

◆本日の気付き・メモ

  • グラフィックツール「Adobe Photoshop」の予習とデータ管理
  • 動画「バックアップについて」視聴
    ミス・間違い・リテイクも予算に含める→間違い・誤ったデータも保管が必要
    ★生産性が高いとは？
    　自分の業務に責任を持って、能動的に効率化を実現出来ている
    　ムダを省くだけでなく、継続的に業務を効率化できる仕組み作りを意識できている
    ★生産性が低いとは？
    　睡眠不足：作業時間の質低下
    　計画性不足：作業効率の低下
    　休息不足：作業効率の低下
    　マルチタスク：作業手順（段取り）の悪化
    　目的とゴール：目的（目標）からの逆算意識の不足
    バックアップをとって振り返り、次に繋げる改善・行動の仕組みが重要
  • バックアップの具体的な方法
    ①USBメモリー　②SDカード　③外付けHDD　④NAS　⑤M-DISC　⑥遠隔地→クラウド
  • クラウドバックアップ
    ①Dropbox　②Ｇoogle Drive　③OneDrive　④Box　⑤iCloud Drive　
  • 個人的小技
    ①命名規則を作る　②ZIPファイルにしておく　③とにかく時系列をつける
    「バックアップ」と「作業管理」が大
  • 「Photoshop」の基本操作の説明
  • 次回「Photoshop」訓練用画像の選択
    ①ぱくたそ　②pixabay　②pexels　③イラストAC・写真AC　④DEAU練習用素材
  • 予期せぬトラブル対策の為、生産性向上の為、普段からバックアップを意識する
  • 次回「Photoshop」訓練用画像の２～３枚をUSBメモリに保管して持っていく
  • 「キャリコン」用フォーマットは、３種類とも紙で持っていく

コメントを残す

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

PAGE TOP