月: 2025年2月

学科 グラフィックデザイン基礎②【オンライン】

1限目
学科 グラフィックデザイン基礎②
Illustratorの基本操作の復習

2限目
学科 グラフィックデザイン基礎②
Photoshopの写真の加工について

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

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

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

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：オンラインで座学
内容1：Illustratorの復習とPhotoshopの予習(レイヤーマスク)
内容2：バックアップについて
　※動画は以前は2ヶ月目に入ってからのために作成されていますが、早い段階でフィル管理を学ぶカリキュラムに変更しています。動画中の発言、PDFの教科書も「そろそろデータが増えてきていると…」というふうになっていますので、説明をお願いします。
内容3：
課題：なし

【注記】
・WordPress部分は「学科 CMS構築基礎①」に転記済み。（2024/8/13：大浜）

本日のテーマ

グラフィックツールの予習と復習・データバックアップの大切さについて学びましょう

【資料】

カリキュラム資料 ダウンロード用サイト
https://cu-doc.deau-ac.com/

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

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

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

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

ワンポイントアドバイス

作成したファイル（バックアップ）は消さない！

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

Photoshopのレタッチとは？

レタッチとは、主に写真の「明るさや色合いを調節」「不要なものや人物を除去」したりすることを指し、現在ではおおまかに写真編集と同じような意味で使われています。

Photoshopの基本操作

  • スマートオブジェクト
  • 選択範囲
  • レイヤーマスク
  • ブラシツール
  • 自由変形（ctrl + T）
  • レイヤーパネル
  • Web用に保存（従来）

スマートオブジェクト

Photoshopのスマートオブジェクトとは、元の画像データを保持したまま、画質を劣化させずに拡大・縮小や編集ができる機能です。

参考サイト

選択範囲

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

参考サイト

レイヤーマスクについて

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

参考サイト

ブラシツールとは？

photoshopのブラシは、サイズやエッジのやわらかさを自由に変更して画面内に色々な色や形でペイントすることができます。 エアブラシ効果や特殊効果をつけたストロークを描くことができます。
レイヤーマスクを修正するときにも使用します。

参考サイト

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

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

参考サイト

レイヤーパネル

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

参考サイト

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

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

参考サイト

次回は、Photoshopでレタッチを行います。
画像に様々な変化を加えられる事を学んで行きましょう。
また逆に、出来ない事も理解していきましょう。

本日の課題

オンラインは課題無しです。
次回は、Photoshopでレイヤーマスク(画像加工)を行います。
※不明点等は次の来校日に質問出来るようにまとめておいてください。

学科 グラフィックデザイン基礎①

-本日のアジェンダ-

1限目
学科 グラフィックデザイン基礎①
ファイルの作成方法について

2限目
学科 グラフィックデザイン基礎①
オブジェクト移動方法について

3限目
学科 グラフィックデザイン基礎①
図形の描き方について

4限目
学科 グラフィックデザイン基礎①
描いてみましょう

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

【講師用カリキュラム情報】
※このブロックは公開時は非表示になります。削除しないでください。
※講師用の情報（注記）を追記して頂いても大丈夫です。
ストーリー：とにかくグラフィックソフトを使う
内容1：illustratorを使う
内容2：illustratorで作ったものの掲載
内容3：
課題：その日作成したものをUP

本日テーマ

保存：「Ctrl」＋「S」 はこまめにしましょう。

本日のIllustratorの基本操作

  • 新規作成・開く
  • アートボード
  • 選択ツール
  • 長方形ツール
  • 楕円形ツール
  • 多角形ツール
  • スターツール
  • パスファインダー（合体・型抜き・交差）
  • プロパティパネル
  • ズームツール
  • 保存(ai)・別名で保存（pdf）

新規作成・開く

Illustratorを起動すると、スタートワークスペースが表示されます。
「新規作成」をクリックして、新規ドキュメントダイアログボックスを開きます。

保存(ai)・別名で保存（pdf）

Illustrator ドキュメントを保存すると、アートワークデータはファイルに書き出されます。 データの構造は、選択したファイル形式によって異なります。アートワークを保存できる基本的なファイル形式には、AI、PDF、EPS、FXG および SVG の 5 種類があります。
またWEBサイト用の画像「jpg、gif、png」に保存することもできます。
あと、もう一つ専用ソフトが無い方にも見てもらえるように「pdf」への保存も可能です。

ショートカットキーについて

　
Windows版
　保存：「Ctrl」＋「S」
　別名で保存 ：「Shift」「Ctrl」＋「S」
　Web用に保存（従来）： 「Alt」「Shift」「Ctrl」＋「S」

参考サイト

ワンポイントアドバイス

新規ファイルを作成したらまず「保存」をしましょう。

アートボード

アートボードは、絵画にたとえればアートワークを作成するためのキャンバスのようなものです。 アートボード内にアートワークを作成することで印刷時に書き出される範囲の目安になります。

参考サイト

選択ツール

オブジェクト全体（グループ含む）を選択するツールです。このツールで選択されたオブジェクトは、周囲にバウンディングボックスが表示され、オブジェクトの拡大・縮小・回転などを行うことができます。基本的な使い方は、オブジェクトをクリックして選択、もしくはドラッグして選択するだけです。

参考サイト

図形ツール

イラストレーターでオブジェクトを描画する方法は多数存在します。その中で、四角形や円など簡単な図形を描くのに向いているのが「図形ツール」です。図形ツールを使うことで、単純な図形を素早く効率的にアートボード上に作ることができます

参考サイト

パスファインダーツール

パスファインダーとは複数のパスを合成させたり、逆に一方のパスからもう一方の形を切り抜いたりする事ができる一連の機能の事です。 手作業では再現が難しい幾何学的なパスも工夫次第で比較的簡単に作ることができます。

参考サイト

プロパティパネル

Illustrator CC2018のプロパティパネルとは、ウィンドウ上部に表示されていたコントロールパネルをさらに使いやすくしたものになります。

ズームツール

画面上を拡大表示や縮小表示して作業しやすくします。 細かい作業をするために拡大表示がしたい、または全体を確認したいので拡大表示したい場合がります。 そんなときにはズームツールを使用します。

本日の課題

とにかく何かを描いた画像データを、ご自身のWordpress(ポートフォリオサイト)に投稿してください。