ライブ配信は終了しました
生徒の皆さんは、Adobe Education Exchange(教育関係者コミュニティ)で受講することができます。13日(水)に受講可能になります。
新入社員向け研修で参加された皆さん、デザイン内製化を推進する企業(非デザイナーでPhotoshopを業務に使用する従業員の方々)の皆さんは、オンデマンド学習について教育担当の方から連絡があると思います。
尚、Adobe XD + Dreamweaver ウォーミングアップ(「高校生のためのウェブデザイン」講座受講前の予習)もライブ配信を行います。日時は決定次第、お知らせします。Photoshop ウォーミングアップと同様、社会人の皆さんは自由参加・登録不要です。
.
本日の授業のカリキュラム:
事前の準備:
- 最新のPhotoshopがパソコンにインストールされている前提で進行します
- 素材データは、Adobe Stockの無料素材を使用します。Photoshopと同じAdobeアカウントでログインしましょう!(Adobe Stockを利用していない人でも無料素材はダウンロードできます)
- Adobe Stockから以下の無料素材をダウンロードしておいてください
- AdobeStock_313604950(少年の写真/JPEG)
- AdobeStock_182624686(笑顔の女性/JPEG)
- AdobeStock_313817729(黒いテクスチャ背景/JPEG/グレースケール)
- AdobeStock_394728245(Illustratorで作成したイラスト/AI)
.
作業を始める前の基礎知識と基本操作:
- (01) Photoshopとは?
- Adobe Photoshop 公式ページ
- (02) まず最初にCreative Cloud デスクトップアプリの使い方を覚えよう!
- (03) 重要:ヘルプメニューの「GUPの互換性」を確認しておこう!
- 重要:使っているPhotoshopのバージョンやパソコンのOSのバージョンを確認する方法
- (04) Photoshopのワークスペースの使い方を理解しよう!
- 初心者は「ワークスペースをロック」を選択しておこう!
- (05) 重要:Photoshopは怖くない! 過去の作業に戻る3つの方法を覚えよう!
- 「コンピュータに保存」と「Creative Cloudに保存」の違いを理解しよう!
- (06) 作業中のファイルサイズの確認方法を理解していおこう!
- (07) 重要:快適に操作するためにナビゲーターを使いこなそう!
- この3つはセットで覚えよう! ズームツール(ショートカット:Z)/選択ツール(ショートカット:V)/画面のスクロール(ショートカット:スペースバー)
- (08) 重要:Photoshopの「環境設定」を確認しておこう!
.
Photoshopの基本操作[1]:
- (01) 初期設定のショートカットキー
- これで作業効率が劇的に上がる! Photoshopのショートカットキー早見表
- Adobe Photoshop CC おすすめショートカットキーリスト(PDF)
- (02) 練習:選択ツール(V)、移動ツール、自由変形ツール
- (03) 画像解像度とカンバスサイズ、切り抜きツール
- 画像解像度のダイアログは、プレビューを大きな画面で確認できるように、ダイアログのサイズを自由に変更できる
- カンバスサイズの応用:幅を2倍にしたい場合は「980*2」のように掛け算で設定できる
- 切り抜きツールの応用:角度補正と「コンテンツに応じる」を使ってみよう(女性の写真を使用)
- (04) アレンジ機能を活用しよう!
- すべてを水平方向に並べる/すべてをタブに統合
- 2画面表示の作業方法:〜の新規ウィンドウ/同時スクロール(shift + スペース + ドラッグ)
- (05) ブラシのサイズ変更はショートカットキーを使おう!
- 「 [(左カクカッコ)」サイズを小さくする/「 ](右カクカッコ)」サイズを大きくする
- (06) 練習:クイックアクションを活用しよう!
- (07) レイヤーのパネルオプションでサムネイルのサイズを変更しておこう
- 通常レイヤーと背景レイヤーの違いを理解できる
- 背景レイヤーは、最下位に位置する固定されたレイヤーなので描画モードや不透明度は設定できない
- 背景レイヤーに変換(レイヤー:新規:レイヤーから背景へ)
- 練習:レイヤーを追加したり、移動、削除できる
- 新規レイヤーを選択レイヤーの下に追加する方法(command (Ctrl) + 新規レイヤーアイコン)
- 練習:レイヤーを表示/非表示できる
- 作業中のレイヤーだけを表示しておきたい場合:「フィルターの種類」から「選択済み」を選ぶ
- 練習:レイヤーの順番を変更する(command (Ctrl) + [(左カクカッコ))/(command (Ctrl) + ](右カクカッコ))
- 練習:レイヤーを複製する(command (Ctrl) + J)/選択したレイヤーをドラッグして複製する
- 練習:調整レイヤーの使い方を理解しよう!
- 複数のレイヤーをグループにまとめて管理しよう!
- グループの移動:グループレイヤーを選択して、画面の画像を command (Ctrl) 押しながらドラッグ
.
Photoshopの基本操作[2]:
- (01) 超重要:Photoshopの非破壊編集を完全理解しよう!
- 重要:スマートオブジェクトで非破壊の仕組みを確認しておこう!
- 切り抜いた画像を配置し、縮小と拡大を繰り返して、比較してみましょう
- (02) 非破壊編集:オリジナルの画像は切り抜かず、レイヤーマスクを追加しよう!
- 画像を切り取る(破壊する):レイヤーマスクを右クリックして「レイヤーマスクを適用」
- レイヤーマスクを非常/非表示の切り替え(shiftキー押しながらクリック)
- (03) クリッピングマスクの活用
- 練習:背景レイヤーの上にテキストを配置して、その上に別の画像レイヤーを重ねる(テキストで型抜きしてみよう!)
- 復習(グループの移動):グループレイヤーを選択して、画面の画像を command (Ctrl) 押しながらドラッグ
- (04) 非破壊編集:オリジナルの画像をグループ(フォルダ)に入れて、レイヤーマスクをグループ(フォルダ)に移動する
.
定期的に見てほしい情報:
- Photoshop の既知の問題
- Photoshop の解決済みの問題
- 多くの問題を解決するための基本的なトラブルシューティング手順
- Photoshop でのクラッシュまたはフリーズのトラブルシューティング
.
自分で解決できない問題が発生したら?
- トラブル解決もアイデアも。困ったら聞いてみよう Adobe Support Community(アドビ サポートコミュニティ)
- コミュニティには最低限のマナーがあります
- (1) すでに誰かが同じ質問をしていないか検索して調べよう
- (2)アプリのバージョン、パソコンのOSのバージョンなどは必ず記載しよう
- (3)文章で説明できないものは画面のスクリーンショットをつけよう
.
更新日:2022年4月10日(日)PM16:00
.
Photoshop ウォーミングアップ 2022
Adobe Photoshopをまだ使ったことがない生徒の皆さんを対象とした初心者向けの講座です。
今年度は(Photoshop講座ではなく)「高校生のためのグラフィックデザイン」に変更され、ビジュアルコミュニケーションデザインを学ぶ講座になりました。Photoshopの初歩的な知識があることを前提に進行しますので、今回は初心者の方を対象にウォーミングアップ(講座受講前の予習)を実施します。
ライブ配信後、講座の記録は企業の新入社員研修で使用されますので、アーカイブの公開はありません。
- 日時:2022年4月10日(日)PM20:00 - 21:30
- 受講方法:当日の午後7:45頃に、このページの下に受講ページのリンクボタンが掲載されますのでクリックしてください
- 視聴可能なデバイス:ブラウザー上にライブ映像が表示されますので、パソコン、タブレット、スマートフォン等で視聴できます
- サンプルデータなど:Twitter(@commonstyle)に投稿します。質問なども同アカウントで聞いてください。ライブ中にお答えします。尚、このアカウントはライブ配信中、鍵がかかります(ロックされる)ので、必要に応じてフォローしておいてください
.
生徒の皆さんへ
ライブ配信の時間が遅い(PM20:00 - 21:30)ため、生徒の皆さんは学校向けのオンデマンド動画をご覧ください。ライブで観る必要はありません。オンデマンド動画は、Adobe Education Exchange(教育コミュニティ)で視聴することができます。先生に聞いてください。
社会人の皆さんへ
Photoshop未体験の高校生を対象としていますが、ライブ配信は社会人の方々も自由に受講できます(登録などは不要です)。尚、この講座は配信後に企業の新入社員研修で使用されますので、アーカイブの公開はありません。
.
.
更新日:2022年4月9日(土)/公開日:2022年4月9日(土)