2019年9月5日（木）

開講式・オリエンテーション

-本日のアジェンダ-

1限目
開講式・オリエンテーション

2限目
開講式・オリエンテーション

3限目
開講式・オリエンテーション

お知らせ

-欠席・遅刻等のご連絡について-

やむを得ずお休みの場合は、まずは必ずメールにてご連絡をお願いいたします。
当日、やむを得ず遅刻等する場合も、必ずメールにて必ず連絡をしてください。
ご協力をお願いいたします。
ご連絡のメールアドレスは下記になります。
deau_a@samplesdl.me

-受講中の持ち物について-

ボールペン（※消えるボールペンはNG）
書類修正用の印鑑
USBメモリー又はSDカード等のデータを移せるもの
ハンカチ・ハンドタオル

-教科書について-

教科書が必要なカリキュラムの日は事前にお知らせいたします。
原則として、教室に置いていくことはできません。
当校では紛失等の責任が持てませんので各日お持ち帰りをお願いします。

-トイレ利用について-

トイレにペーパータオルのご用意がありますが、資源確保の為ハンカチやハンドタオルをご持参していただけますと幸いです。
ご協力のほどよろしくお願いいたします。
また、トイレの清掃については週2回女性スタッフにより行います。
日々綺麗に使用していただけますようにご協力をお願いいたします。

-ゴミについて-

ゴミについてはお持ち帰りのご協力をお願いしています。
だだし、やむを得ず出るゴミ等については遠慮なく講師・スタッフにお声がけください。

-窓や他の部屋の利用-

原則窓の開閉は落下・落下物防止の為開閉NGです。
やむを得ず開閉が必要な場合は講師・スタッフが行いますので必要な場合お声がけください。
他の部屋については原則入室禁止です。
当社のお客さまがお見えになっている場合等がございますので、ご協力をお願いいたします。

-コンセントの利用について-

施設内のコンセントの利用は原則NGです。
だだやむを得ず携帯電話等の充電が必要な場合は講師・スタッフにお声がけください。

-PCの個人アカウント利用について-

教室のPCでの個人アカウントでのログインはNGです。
個人情報の流出に関しての責任は一切行えませんので、ご利用はお控えください。

-PCの持ち込みについて-

個人のノートPC等の持ち込みは原則NGになります。
ご協力をお願いいたします。

2019年9月6日（金）

学科安全衛生学科就職支援

–本日のアジェンダ–

1限目
学科安全衛生
データの管理方法と取り扱いについて

2限目
学科就職支援
自己のプレゼンについて

3限目
学科就職支援
自己のプレゼンについて

4限目
学科就職支援
他己紹介について

5限目
学科就職支援
職務経歴書・履歴書の作成について

2019年9月9日（月）

学科 WEBプログラミング基礎①

-本日アジェンダ-

1限目
学科 WEBプログラミング基礎①
WEBサイト制作の進め方について

2限目
学科 WEBプログラミング基礎①
WEBサイト制作の進め方について

3限目
学科 WEBプログラミング基礎①
WEBサイト制作の進め方について

4限目
学科 WEBプログラミング基礎①
WEBとは？について

5限目
学科 WEBプログラミング基礎①
WEBとは？について

2019年9月10日（火）

学科 WEBプログラミング基礎②

-本日アジェンダ-

1限目
学科 WEBプログラミング基礎②
文字コードについて

2限目
学科 WEBプログラミング基礎②
WEBサイト制作の進め方について

3限目
学科 WEBプログラミング基礎②
WEBサイト制作の進め方について

4限目
学科 WEBプログラミング基礎②
プレゼンについて

5限目
学科 WEBプログラミング基礎②
プレゼンについて

2019年9月11日（水）

学科 WEBコンサルティング基礎①

-本日アジェンダ-

1限目
学科 WEBコンサルティング基礎①
コンサルタントとは？

2限目
学科 WEBコンサルティング基礎①
WEBサイト制作の見積りについて

3限目
学科 WEBコンサルティング基礎①
サイトマップについて

4限目
学科 WEBコンサルティング基礎①
企画を考えてみましょう

5限目
学科 WEBコンサルティング基礎①
企画を考えてみましょう

コンサルタントとは？

コンサルティングとは、企業などの役員に対して解決策を示し、その発展を助ける業務のこと。または、その業務を行うこと。対応する日本語はない。社会的に、コンサルティング会社は、特定の事業に特化した事業会社とは区別され、コンサルティングファームと呼ばれる。ウィキペディア

参考サイト

2019年9月12日（木）

学科 WEBコンサルティング基礎②

-本日アジェンダ-

1限目
学科 WEBコンサルティング基礎②
サイトマップについて

2限目
学科 WEBコンサルティング基礎②
企画をまとめてみましょう

3限目
学科 WEBコンサルティング基礎②
企画をまとめてみましょう

4限目
学科 WEBコンサルティング基礎②
企画の発表会

5限目
学科 WEBコンサルティング基礎②
企画の発表会

サイトマップ（情報設計）とは？

一般的に、サイトを制作する際には、Photoshopなどでデザインを始める前に、まずサイトの情報設計を行います。
情報設計とは、ざっくり言うとサイトの目的を果たすために、サイトの中に何を記載するか、どんな機能を設けるのかを決めること。

2019年9月13日（金）

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

-本日のアジェンダ-

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

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

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

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

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

本日テーマ

まずは使ってみましょう。

本日のIllustratorの基本操作

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

2019年9月16日（月）

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

-本日のアジェンダ-

1限目
学科グラフィックデザイン基礎②
画像について

2限目
学科グラフィックデザイン基礎②
画像の加工方法について

3限目
学科グラフィックデザイン基礎②
画像の加工方法について

4限目
学科グラフィックデザイン基礎②
合成写真を作ってみましょう

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

本日のテーマ

「トリミング」をして合成写真を作りましょう。

■写真加工のおすすめルール
（非破壊データで作業しましょう）

「ファイルから開く（加工したい写真を取り込む）」⇒
「レイヤーパネルで複製」⇒
「右クリックでスマートオブジェクトに変換」⇒
「背景のレイヤーを非表示」⇒
「保存」

■写真素材（練習用）

■無料写真素材のサイト

2019年9月17日（火）

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

-本日のアジェンダ-

1限目
学科グラフィックデザイン基礎③
ダイレクト選択ツールについて

2限目
学科グラフィックデザイン基礎③
シェイプ形成ツールについて

3限目
学科グラフィックデザイン基礎③
レイヤーパネルについて

4限目
学科グラフィックデザイン基礎③
簡単なイラストを描いてみましょう。

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

本日のテーマ

簡単なイラストを描いちゃいましょう！

■本日のキーワード

選択ツール
ダイレクト選択ツール
図形ツール
パスファインダー（合体・型抜き・交差）
シェイプ形成ツール
レイヤーパネル
リフレクトツール
回転ツール
アンカーポイント切り替えツール
ハサミツール
消しゴムツール
変形の繰り返し「Ctrl+D」

2019年9月18日（水）

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

-本日のアジェンダ-

1限目
学科グラフィックデザイン基礎④
フォントについて

2限目
学科グラフィックデザイン基礎④
インバウンドと多言語対応

3限目
学科グラフィックデザイン基礎④
フォントの選び方について

4限目
学科グラフィックデザイン基礎④
フォントの種類について

5限目
学科グラフィックデザイン基礎④
デザインフォントについて

本日のテーマ

文字について学ぼう

文字について

参考サイト

Typekit（ Adobe Fonts ）

Adobe Creative Cloudユーザーが利用できるサービスの一つです。
Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。（Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。）

参考サイト

2019年9月20日（金）

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

-本日のアジェンダ-

1限目
学科グラフィックデザイン基礎⑤
ラスタライズについて

2限目
学科グラフィックデザイン基礎⑤
ヒストリーパネルについて

3限目
学科グラフィックデザイン基礎⑤
レタッチについて

4限目
学科グラフィックデザイン基礎⑤
作品制作

5限目
学科グラフィックデザイン基礎⑤
作品制作

本日のテーマ

本日はレタッチです

レタッチとは、画像の色の補正や汚れの除去、合成といった画像の修整や加工作業のこと。

■本日のキーワード

スマートオブジェクト・ラスタライズ
ヒストリーパネル

スポット修復ブラシツール
修復ブラシツール
コンテンツに応じた移動ツール
パッチツール
コピースタンプツール
ぼかしツール
シャープツール
指先ツール
覆い焼きツール
焼き込みツール

■写真素材（練習用）

■無料写真素材のサイト

2019年9月23日（月）

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

-本日のアジェンダ-

1限目
学科グラフィックデザイン基礎 ⑥
トレースについて

2限目
学科グラフィックデザイン基礎 ⑥
トレースについて

3限目
学科グラフィックデザイン基礎 ⑥
トレースについて

4限目
学科グラフィックデザイン基礎 ⑥
作品制作

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

本日のテーマ

本日はトレースです。

※パスを自在に扱えるようになりましょう！

■本日のキーワード

配置
プロパティパネル

オブジェクトの塗りと線（オープンパス・クローズドパス）
図形ツール
選択ツール
ダイレクト選択ツール
ペンツール
ハサミツール
連結
アンカーポイントの切り替え・追加・削除

レイヤーのロック
新規レイヤーの作成
オブジェクトのグループ化・編集・解除

■参考サイト

2019年9月24日（火）

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

-本日アジェンダ-

1限目
学科グラフィックデザイン基礎⑦
調整レイヤーについて

2限目
学科グラフィックデザイン基礎⑦
色調補正について

3限目
学科グラフィックデザイン基礎⑦
クリッピングマスクについて

4限目
学科グラフィックデザイン基礎⑦
より精度の高い合成写真を作ってみましょう。

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

本日のテーマ

本日は色調補正です。

※注意：非破壊データで作業を行いましょう！

■本日のキーワード（範囲選択）

クイック選択ツール
自動選択ツール（境界値と隣接）
被写体を選択
クイックマスクモード

■本日のキーワード（色調補正）

調整レイヤー
属性パネル
色調補正
クリッピングマスク

レベル補正
トーンカーブ
明るさ・コントラスト
色相・彩度
カラーバランス
白黒

参考サイト

色調補正と調整レイヤーについて

クリッピングマスクについて

「レイヤーパネル」で右クリック→「クリッピングマスク」
Photoshopの「調整レイヤー」で色調補正を行いましょう。調整レイヤーをコピー、結合したり「クリッピングマスク」で真下の画像にだけ色調補正をかける事ができます。

2019年9月25日（水）

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

-本日アジェンダ-

1限目
学科グラフィックデザイン基礎⑧
オブジェクトの塗りと線・描画色と背景色

2限目
学科グラフィックデザイン基礎⑧
シェイプ・ピクセルについて

3限目
学科グラフィックデザイン基礎⑧
配置について

4限目
学科グラフィックデザイン基礎⑧
写真とイラストを合わせてみましょう。

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

本日のテーマ

本日はIllustratorとPhotoshopの両方です。

■本日のキーワード

・オブジェクトの塗りと線
・描画色と背景色
・シェイプとピクセル
・配置

ビットマップデータとは？

「ビットマップデータ（Bitmap Data）」というのは、Photoshopの画像データやデジカメで撮影した写真のことで、画像を色のついた点（ドット）の羅列・集合として表現したデータのことです。分かりやすく説明すると、ビットマップデータで表現された写真を拡大すると、細かな格子状のマス目が見えますが、ビットマップデータはこのマス目のひとつひとつに色がついたものが集まって写真を作り上げています。
ちなみに、このマス目のひとつが「ピクセル」と呼ばれる最小単位で、ピクセル数が大きければ大きいほど美しい画像に仕上がります。ビットマップデータは別名で「ラスター形式」と呼ばれることもあります。
フォーマットでは、jpg、gif、png などがこれに当たります。

ベクターデータとは？

「ベクターデータ（Vector Data）」というのは、ビットマップデータのように画像を点の集合で表現するのではなく、点、線、多角形などの情報を使った複雑な計算式によって色や曲線などを表現したデータのことです。簡単に言えば、「数値を使って絵を描く」というイメージです。ベクターデータは別名で「ドロー形式」と呼ばれることもあります。
フォーマットは、pdfなどがこれに当たります。

【Photoshop】のシェイプとは？ピクセルとは？

シェイプは点や線(パス)を組み合わせて作られた形で、イラストレーターでいうオブジェクトになります。

シェイプはベクトル画像なので、拡大・縮小・色の変更をしても画質が劣化することなく使用することができます。

【Photoshop】シェイプとは？ピクセルとは？パスとの違いは？

2019年9月26日（木）

実技イラストロゴ制作実習①

-本日のアジェンダ-

1限目
実技イラストロゴ制作実習①
オブジェクトの反転と回転

2限目
実技イラストロゴ制作実習①
オブジェクトの作成・移動（数値指定）

3限目
実技イラストロゴ制作実習①
文字ツール（カーニングとトラッキング）

4限目
実技イラストロゴ制作実習①
実寸サイズで定規を作成しましょう

5限目
実技イラストロゴ制作実習①
本日の復習

本日のテーマ

実寸を意識しよう！

本日のキーワード

リフレクトツール
グリッド
回転ツール
変形の繰り返し（Ctrl + D）

図形ツール（数値で入力）
環境（＞一般＞キー入力）
整列パネル
線ツール
線パネル
文字ツール
文字パネル

2019年9月27日（金）

実技イラストロゴ制作実習②

-本日のアジェンダ-

1限目
実技イラストロゴ制作実習②
操作のおさらい

2限目
実技イラストロゴ制作実習②
ピクトグラムを作成してみましょう。

3限目
実技イラストロゴ制作実習②
ピクトグラムとは？

4限目
実技イラストロゴ制作実習②
ピクトグラム制作

5限目
実技イラストロゴ制作実習②
ピクトグラム制作

本日のテーマ

ピクトグラムを作ってみましょう

■本日のキーワード

各図形ツール
ハサミツール
回転ツール
リフレクトツール
レイヤーパネル
グループ化と解除（Ctrl + G ／ Ctrl + Shift + G ）
パスファインダー（合体・前面オブジェクトで型抜き・交差）
シェイプ形成ツール
ペンツール
選択ツール
ダイレクト選択ツール

■参考サイト

2019年9月30日（月）

実技イラストロゴ制作実習③

-本日のアジェンダ-

1限目
実技イラストロゴ制作実習③
操作のおさらい

2限目
実技イラストロゴ制作実習③
ロゴを作成してみましょう。

3限目
実技イラストロゴ制作実習③
ロゴとは？

4限目
実技イラストロゴ制作実習③
ロゴ制作

5限目
実技イラストロゴ制作実習③
ロゴ制作

本日のテーマ

ロゴを作ってみましょう

■本日のキーワード

文字
カーニング
トラッキング
書式のアウトラインの作成
アピアランスパネル
整列
効果（ワープ）
アピアランスの分割
パスファインダー
合体
前面オブジェクトで型抜き
交差
レイヤーパネル
グループ化
シェイプ形成ツール
ペンツール
選択ツール
ダイレクト選択ツール
aiのバージョン
pdfでの保存

■参考サイト

2019年10月1日（火）

実技イラストロゴ制作実習④

-本日のアジェンダ-

1限目
実技イラストロゴ制作実習④
ロゴの提案について

2限目
実技イラストロゴ制作実習④
ロゴ制作

3限目
実技イラストロゴ制作実習④
ロゴ制作

4限目
実技イラストロゴ制作実習④
ロゴ制作

5限目
実技イラストロゴ制作実習④
ロゴ制作

本日のテーマ

ロゴを提案しましょう

■本日のキーワード

文字
カーニング
トラッキング
書式のアウトラインの作成
アピアランスパネル
整列
効果（ワープ）
アピアランスの分割
パスファインダー
合体
前面オブジェクトで型抜き
交差
レイヤーパネル
グループ化
シェイプ形成ツール
ペンツール
選択ツール
ダイレクト選択ツール
aiのバージョン
pdfでの保存

■参考サイト

スマイルシナジー　ロゴデザイン・作成

2019年10月2日（水）

実技イラストロゴ制作実習⑤

-本日のアジェンダ-

1限目
実技イラストロゴ作成実習⑤
キャラクターを制作してみましょう。

2限目
実技イラストロゴ作成実習⑤
キャラクター制作

3限目
実技イラストロゴ作成実習⑤
キャラクター制作

4限目
実技イラストロゴ作成実習⑤
キャラクター制作

5限目
実技イラストロゴ作成実習⑤
キャラクター制作

本日のテーマ

キャラデザインをしてみましょう。

本日のキーワード

ペンツール
クリッピングマスク
スタイライズ
アウトライン化
アピアランスパネル
配置
パスファインダー
合体
前面オブジェクトで型抜き
交差レイヤーパネル
グループ化
各種図形ツール
ai のバージョン
pdf での保存
WEB で保存
　※別売りペンタブレット液晶タブレット

参考サイト

2019年10月3日（木）

実技イラストロゴ制作実習⑥

-本日のアジェンダ-

1限目
実技イラストロゴ作成実習⑥
成績考査

2限目
実技イラストロゴ作成実習⑥
成績考査

3限目
実技イラストロゴ作成実習⑥
成績考査

4限目
実技イラストロゴ作成実習⑥
成績考査課題提出

5限目
実技イラストロゴ作成実習⑥
成績考査補講

成績考査内容

ドロップボックスにある「grade-check_○○○○_191002.ai」に
「ロゴ」「ピクトグラム」を作成しPDF形式で提出してください。
※ファイルの「 ○○○○ 」はご自身の名前に変えて提出して下さい。

提出は、５限目終了までに
ドロップボックス「第1回成績考査」のフォルダにUPしてください。

2019年10月4日（金）

実技写真合成・補正加工実習①

-本日のアジェンダ-

1限目
実技写真合成・補正加工実習①
GIFアニメーションについて

2限目
実技写真合成・補正加工実習①
GIFアニメーションの使い方

3限目
実技写真合成・補正加工実習①
GIFアニメーションを作る

4限目
実技写真合成・補正加工実習①
GIFアニメーションを作る

5限目
実技写真合成・補正加工実習①
GIFアニメーション見てみましょう

本日のテーマ

GIFアニメーションを作ってみましょう。

GIFアニメーションについて

GIFアニメーションは、Graphics Interchange Format の「マルチイメージ」を使ったアニメーション。アニメーションGIF ともいう。マルチイメージは GIF87a で導入された機能で、複数のフレームを順に表示できる。

本日のキーワード

GIF画像で保存
GIFアニメ
Photoshop「タイムライン」
トゥイーン
レイヤーパネル
パペットワープ
カンバスサイズ

参考サイト

パペットワープ（Photoshop）

加工で写真のポーズを自由に変えたい人必見。Photoshop cs5で実装された「パペットワープ」で簡単にポーズが変えられます！座っている人が立ったり、ジャンプしたり。自由に動かして、写真の人物を元気に動き回らせることもできます。

参考サイト

パペットワープ（Illustrator）

パペットワープの機能はPhotoshopやAfterEffectsではおなじみの機能となりますが、ついにIllustratorにも搭載されました。もともとパペットとは「人形」の意味で、ワープは「歪み」となり、主に人や動物など、関節の可動を再現する変形に使用すると便利なツールになります。何かの軸を起点に歪みや回転を適用させる変形に非常に便利ですので、その使い方をご紹介します。

参考サイト

2019年10月7日（月）

実技写真合成・補正加工実習②

-本日のアジェンダ-

1限目
実技写真合成・補正加工実習②
名刺について

2限目
実技写真合成・補正加工実習②
トリムマークについて

3限目
実技写真合成・補正加工実習②
文字パネルについて

4限目
実技写真合成・補正加工実習②
名刺作成

5限目
実技写真合成・補正加工実習②
名刺作成

本日のテーマ

名刺を作ってみましょう。

本日のキーワード

「トリムマークの作成」
「ガイドの作成」
「数値での図形の作成」
「文字」
「ペンツール」
「クリッピングマスク」
「書式のアウトラインの作成」
「パスのアウトラインの作成」
「レイヤーパネル」
「グループ化」
「aiのバージョン」
「pdfでの保存」

トリムマークについて

トリムマーク（トンボ）とはトリムマークとは、印刷時や、断裁位置を明確にするために必要不可欠な「しるし」のことです。 … 内トンボは仕上がり線を示しており、内トンボから外トンボの間は裁ち落としのための”塗り足し”部分を示しています。

名刺のサイズ「91×55mm 」

参考サイト

パスのオフセット

「オフセット」という言葉にあまり馴染みはないでしょう。しかし、この機能を覚えておくと、イラレの使い方の幅が広がる可能性があります。

参考サイト

文字パネル

文字パネル（ウィンドウ／書式／文字）を使用してオプションを適用し、ドキュメント内の個々の文字に書式を設定することができます。

参考サイト

字形パネル

字形パネル（書式／字形または、ウィンドウ／書式／字形）を使用すると、あるフォントの字形を表示したり、特定の字形をドキュメントに挿入したりできます。

参考サイト

Typekit（ Adobe Fonts ）

Adobe Creative Cloudユーザーが利用できるサービスの一つです。
Webフォントとしてはもちろん、PC上のデスクトップフォントとしても使用可能です。
（Photoshopやllustratorはもちろん、Microsoft OfficeなどAdobe以外のソフトにも対応しています。）

参考サイト

2019年10月8日（火）

実技写真合成・補正加工実習③

-本日のアジェンダ-

1限目
実技　写真合成・補正加工実習③
アクセスマップとは？

2限目
実技　写真合成・補正加工実習③
クリッピングマスクについて

3限目
実技　写真合成・補正加工実習③
アクセスマップを作成してみましょう。

4限目
実技　写真合成・補正加工実習③
課題制作

5限目
実技　写真合成・補正加工実習③
課題制作

本日のテーマ

アクセスマップを作ってみましょう。

本日のキーワード

「ペンツール」
「クリッピングマスク」
「スタイライズ」
「書式のアウトラインの作成」
「アピアランスパネル」
「画像の配置」
「パスファインダー」
「合体」
「前面オブジェクトで型抜き」
「交差」
「レイヤーパネル」
「グループ化」
「各種図形ツール」
「パス上文字ツール」
「aiのバージョン」
「pdfでの保存」
「WEBで保存」
「選択ツール」
「ダイレクト選択ツール」
「変形パネル」

参考サイト

2019年10月9日（水）

実技写真合成・補正加工実習④

-本日のアジェンダ-

1限目
実技写真合成・補正加工実習④
デザインカンプ制作

2限目
実技写真合成・補正加工実習④
デザインカンプ制作

3限目
実技写真合成・補正加工実習④
デザインカンプ制作

4限目
実技写真合成・補正加工実習④
フライヤー制作

5限目
実技写真合成・補正加工実習④
フライヤー制作

本日のテーマ

レイアウト

アートボード

アートボードツールを使用して、アートボードを様々なサイズで作成したり、サイズを変更したりできます。画面上の任意の場所に配置したり、相互に重ねたりすることもできます。

参考サイト

トリムマーク

参考サイト

【1】文字デザイン

文字や文章の｢読みやすさ｣は、可読性、視認性、判読性という３つの要素から成ります。「可読性」とは文章が読みやすいか、「視認性」とはパッと見た瞬間の認識しやすさ、「判読性」とは誤読がないか、という指標です。書体（≒フォント）の種類や文字のサイズを変えたり、行間や字間を調節することで、これらの要素を高めることができます。ただし、どの要素を優先させるかは資料の目的や状況によって変わります。プレゼンのPowerPointsスライドなどでは視認性と判読性を、申請書などのWord文書などでは可読性を重視します。

参考サイト

【2】レイアウトデザイン

見やすいレイアウト、わかりやすいレイアウトを作るときの重要なポイントは、ただ闇雲に文字や絵を配置するのではなく、発表者の頭の中にある「ロジック」や「事柄と事柄の関係性」に即して文字や絵を配置することです。関係性の強いもの同士は、近くに配置したり、同じ色を使ったり、線で結んだり、大切な事項を目立つ色にしたり、目立つ場所においたり、という簡単なことです。「理論やストーリーをレイアウトする」ことが大切であるということを忘れないでください。

参考サイト

【3】配色デザイン

スライドやポスターには「色」を欠かすことができません。白黒の単調なものよりも、いくつかの色を使ったものの方が魅力的ですし、理解を助けてくれることもしばしばあります。ですが、適当に色を選んだり、むやみにたくさんの色を使うことはよくありません。色の正しい使い方を覚えておくと、快適で見やすい発表資料ができます。

参考サイト

2019年10月11日（金）

実技写真合成・補正加工実習⑤

-本日のアジェンダ-

1限目
実技写真合成・補正加工実習⑤
レイアウトについて

2限目
実技写真合成・補正加工実習⑤
フライヤー制作

3限目
実技写真合成・補正加工実習⑤
配色について

4限目
実技写真合成・補正加工実習⑤
フライヤー制作

5限目
実技写真合成・補正加工実習⑤
フライヤー制作

本日のテーマ

デザインの３要素を意識しましょう

【1】文字デザイン

参考サイト

【2】レイアウトデザイン

参考サイト

【3】配色デザイン

参考サイト

2019年10月14日（月）

実技写真合成・補正加工実習⑥

-本日のアジェンダ-

1限目
実技写真合成・補正加工実習⑥
CMYKとRGBについて

2限目
実技写真合成・補正加工実習⑥
画像解像度について

3限目
実技写真合成・補正加工実習⑥
フライヤー制作

4限目
実技写真合成・補正加工実習⑥
フライヤー制作

5限目
実技写真合成・補正加工実習⑥
フライヤー制作

本日のテーマ

入稿時の注意点を意識しましょう。

EPSとは？

EPS ファイルの読み込み Encapsulated PostScript（EPS）は、アプリケーション間でベクターアートワークを受け渡しするときに使用される一般的なファイル形式です。 … ただし、Illustrator で認識できないデータがファイルに含まれている場合、それらのデータは失われる可能性があります。

参考サイト

画像解像度について

解像度とは画像の密度、1インチ(2.54cm)あたりのピクセル数の事です。
dots per inchの略でdpiと表記されます。
72dpiの場合1インチあたり72ピクセル×72ピクセル=5184ピクセルであることになります。

CMYKとRGB

RGBカラーは、光の三原色「R（赤）・G（緑）・B（青）」のことです。
PCのモニターやデジカメ、スキャナなどは、このRGBカラーで色が表現されています。これらは混ぜれば混ぜるほど色が明るくなり、白色に近づいていくため『加法混色』と言われています。

CMYカラーは、色料の三原色「C（シアン）・M（マゼンタ）・Y（イエロー）」のことです。これらは混ぜれば混ぜるほど色が暗くなり、理論上は黒色に近づいていくため『減法混色』と言われています。理論上と書いたのには訳があり、実際にはどんどん濁った灰色になっていくのですが、一般的にイメージする『黒色』にはなってくれません。プロセスカラー印刷では、黒の部分を引き締めるために、シアン(C)・マゼンタ(M)・イエロー(Y)にブラック(K)のインキを加えた4色（プロセスカラー）でフルカラーを表現しています。

参考サイト

2019年10月15日（火）

学科　ECサイト運用基礎

-本日のアジェンダ-

１限目
学科　ECサイト運用基礎
フライヤー発表会

２限目
学科　ECサイト運用基礎
フライヤー発表会

３限目
学科　ECサイト運用基礎
フライヤー制作

４限目
学科　ECサイト運用基礎
フライヤー制作

５限目
学科　ECサイト運用基礎
フライヤー制作

本日のテーマ

色んな人の作品を見ましょう。

2019年10月16日（水）

学科　ECサイトデザイン基礎①

-本日のアジェンダ-

1限目
学科 ECサイトデザイン基礎①
バナーについて

2限目
学科 ECサイトデザイン基礎①
バナー作成

3限目
学科 ECサイトデザイン基礎①
バナー作成

4限目
学科 ECサイトデザイン基礎①
バナー作成

5限目
学科 ECサイトデザイン基礎①
バナー作成

本日のテーマ

バナー作りましょう！

レイヤースタイルについて

レイヤーに対して手軽に様々な表現が可能になる必須テクニックです。
私は本業がUIデザイナーですが、これがないと仕事にならない！っていうくらいに大事な機能となってます。

参考サイト

課題

昨日作成したフライヤーのバナーを作成してみてください。
サイズは「300px × 200px」で作成し、JPEG形式で提出してください。

2019年10月17日（木）

学科　ECサイトデザイン基礎②

-本日のアジェンダ-

1限目
学科　ECサイトデザイン基礎②
パスパネルについて

2限目
学科　ECサイトデザイン基礎②
レイヤー管理について

3限目
学科　ECサイトデザイン基礎②
バナー制作

4限目
学科　ECサイトデザイン基礎②
バナー制作

5限目
学科　ECサイトデザイン基礎②
バナー制作

本日のテーマ

元データをしっかり管理しましょう。

マスク

Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。
それと選択ツールの調整で使うクイックマスクモードがあります。

参考サイト

クリッピングマスク（ai）

クリッピングマスクは、その形状によってほかのアートワークをマスクするオブジェクトです。クリッピングマスクの内側にあるエリアのみが見えるように、アートワークをマスクの形状にクリップします。クリッピングマスクとマスクされたオブジェクトは、クリッピングセットと呼ばれます。

参考サイト

パスパネル

パスパネル. ペンツールやシェイプツールで作成したパス一覧を表示してくれます。また、パスで画像をくりぬく”クリッピングマスク”の設定もここでできます。アクションパネル. Photoshop CC、CS6でこのパネルを使って動画を編集できます。

参考サイト

課題

指定したサイトのTOPページへリンクするバナーを作成してください。
バナーで利用する写真素材は、サイト内に存在する画像を利用してください。
サイズは、幅300px × 高さ200px （できた方は幅200px × 高さ300pxで作成してみてください。）
>提出>【作品】バナー②　にJPEG方式で保存してください。

2019年10月18日（金）

実技　ECサイトデザイン実習①

-本日のアジェンダ-

1限目
実技 ECサイトデザイン実習①
マスク機能の復習

2限目
実技 ECサイトデザイン実習①
バナー制作

3限目
実技 ECサイトデザイン実習①
バナー制作講評

4限目
実技 ECサイトデザイン実習①
バナー制作

5限目
実技 ECサイトデザイン実習①
バナー制作講評

本日のテーマ

ひたすらバナー作成の練習です！

課題

旅行会社のサイトTOP、または特集ページへリンクするバナーを作成してください。
バナーで利用する写真素材は、サイト内に存在する画像を利用してください。
>提出>【作品】バナー③　にJPEG方式で保存してください。
サイズは指定なしです。

実在するサイト(画像)に、作成したバナーを当て込んでください。
>提出>【作品】バナー⑤　にJPEG方式で保存してください。
サイズは指定なしです。

2019年10月24日（木）

DTP基礎

-本日のアジェンダ-

1限目
DTP基礎
成績考査

2限目
DTP基礎
成績考査

3限目
DTP基礎
成績考査

4限目
DTP基礎
成績考査

5限目
DTP基礎
成績考査提出

成績考査内容

ドロップボックスの
　課題＞『grade-check2_○○○○_191024.ai』
に”チラシ”・”バナー2点（サイズ違い）”を作成しPDF形式で提出してください。
※ファイルの「 ○○○○ 」はご自身の名前に変えて下さい。

提出は、5限目終了までに、ドロップボックスの
　提出＞【成績考査】第2回成績考査
に格納してください。

2019年10月25日（金）

実技　ユーザーインターフェイス作成実習①

本日のアジェンダ-

1限目
実技　ユーザーインターフェイス作成実習①
Illustratorの復習

2限目
実技　ユーザーインターフェイス作成実習①
Illustratorの復習

3限目
実技　ユーザーインターフェイス作成実習①
Photoshop について

4限目
実技　ユーザーインターフェイス作成実習①
Photoshop について

5限目
実技　ユーザーインターフェイス作成実習①
入稿時の注意点

本日のテーマ

DTPに関連する機能の復習をしましょう

2019年10月28日（月）

実技　ユーザーインターフェイス作成実習②

本日のアジェンダ-

1限目
実技　ユーザーインターフェイス作成実習②
Webサイトの作成について

2限目
実技　ユーザーインターフェイス作成実習②
学習の環境について

3限目
実技　ユーザーインターフェイス作成実習②
HTMLの基本構造

4限目
実技　ユーザーインターフェイス作成実習②
HTMLの基本構造

5限目
実技　ユーザーインターフェイス作成実習②
見出しと段落

本日のテーマ

実際にHTMLを記述してみましょう。

参考サイト

2019年10月29日（火）

学科 HTML基礎①

-本日のアジェンダ-

1限目
学科 HTML基礎①
マークアップについて（復習）

2限目
学科 HTML基礎①
サブページの作成

3限目
学科 HTML基礎①
表の作成

4限目
学科 HTML基礎①
ページ同士の連携について

5限目
学科 HTML基礎①
CSSについて

本日のテーマ

サブページを作ってみましょう。

表の作成について

参考サイト

パスについて

パスは読み込むファイルの場所をコンピューターに教えるために書く
パスはhtmlのaタグ、imgタグ、linkタグ、scriptタグなどで使用する
パスの書き方は「絶対パス」と「相対パス」の２種類がある
外部サイトのファイルを読み込む場合は絶対パス、同じwebサイト内（サーバー）のファイルなら相対パス

参考サイト

2019年10月30日（水）

学科 HTML基礎②

-本日のアジェンダ-

1限目
学科 HTML基礎②
前回までの復習

2限目
学科 HTML基礎②
CSSの記述について

3限目
学科 HTML基礎②
レイアウトの調整について

4限目
学科 HTML基礎②
リセットCSS

5限目
学科 HTML基礎②
本日のおさらい

本日のテーマ

5限目
学科 CSS基礎①
課題作成

本日のテーマ

幅と高さを常に意識しましょう。

サイト制作課題

2019年11月14日（木）

学科 XD基礎②

-本日のアジェンダ-

1限目
学科 XD基礎②
画像の書き出しについて（Photoshop)

2限目
学科 XD基礎②
画像の書き出しについて（XD)

3限目
学科 XD基礎②
UIキットについて

4限目
学科 XD基礎②
課題制作

5限目
学科 XD基礎②
課題制作

本日のテーマ

画像の書き出しについて学習しましょう。

2019年11月15日（金）

実技 XD実習①

-本日アジェンダ-

1限目
実技　ＸＤ実習①
XDの留意点

2限目
実技　ＸＤ実習①
プロトタイプについて

3限目
実技　ＸＤ実習①
プロトタイプについて

4限目
実技　ＸＤ実習①
課題制作

5限目
実技　ＸＤ実習①
課題制作（提出）

本日のテーマ

デザインカンプ（ワイヤーフレーム）を作りましょう。

adobe XDについて

XDに使用することで、デザイナーはより早く、正確に、高い品質で作業できます。インタラクティブなプロトタイプをシームレスに反映し、Windows、Mac、iOS、Androidなどの様々なデバイスやプラットフォーム上でチームのメンバーやレビュー担当者と共有できるようになります。

補足情報

XDはまだまだ発展途上段階なので、便利な部分もあれば、まだまだ使い勝手の悪い部分もあります。ただし日々アップデートされているのでたまに様子を見てみてください。

参考サイト

サイト制作課題

2019年11月18日（月）

実技 XD実習②

-本日アジェンダ-

1限目
実技　ＸＤ実習②
XDの便利機能

2限目
実技　ＸＤ実習②
XDの便利機能

3限目
実技　ＸＤ実習②
XDの便利機能

4限目
実技　ＸＤ実習②
課題制作

5限目
実技　ＸＤ実習②
課題制作

本日のテーマ

XDのまとめ

adobe XDについて

本日のテーマ

DreamWeaverの操作ポイントを復習しましょう。

サイト制作課題

2019年11月22日（金）

実技 WEBデザイン実習④

-本日のアジェンダ-

1限目
実技 WEBデザイン実習④
WEBサイト公開までの流れ

2限目
実技 WEBデザイン実習④
レンタルサーバについて

3限目
実技 WEBデザイン実習④
FTPの設定について

4限目
実技 WEBデザイン実習④
課題制作

5限目
実技 WEBデザイン実習④
課題制作

本日のテーマ

サーバーアップの準備をしましょう。

参考サイト

サイト制作課題

2019年11月23日（土）

実技　スマートフォンサイト作成実習①

-本日のアジェンダ-

1限目
実技　スマートフォンサイト作成実習①
Viewportについて

2限目
実技　スマートフォンサイト作成実習①
課題制作

3限目
実技　スマートフォンサイト作成実習①
課題制作

4限目
実技　スマートフォンサイト作成実習①
Media Queries

5限目
実技　スマートフォンサイト作成実習①
Media Queries

本日のテーマ

スマホ対応について

サイト制作課題

2019年11月25日（月）

実技　スマートフォンサイト作成実習②

-本日のアジェンダ-

1限目
実技　スマートフォンサイト作成実習②
命名規則について

2限目
実技　スマートフォンサイト作成実習②
CSSの点数について

3限目
実技　スマートフォンサイト作成実習②
課題制作

4限目
実技　スマートフォンサイト作成実習②
課題制作

5限目
実技　スマートフォンサイト作成実習②
課題制作

本日のテーマ

命名規則とCSSの得点

「命名規則」について

命名規則とは、プログラミングを行う際にソースコード上の識別子の名称となる文字列を決定するためのルールを定めたもの。ネーミング規則、ネーミング規約、あるいは命名規約とも呼ぶ。通常は、ソースコードの可読性や視認性の向上、プログラミング効率およびメンテナンス性の改善などを目的としている。

参考サイト

サイト制作課題
11月9日（土）までに提出・「ワイヤーフレーム」
11月15日（金）までに提出・「デザインラフ」
11月23日（土）までに提出・「Webサイト（途中報告）」
11月27日（水）第3回成績考査・「Webサイト（出来たところまで！）」

2019年11月26日（火）

実技　スマートフォンサイト作成実習③

-本日のアジェンダ-

1限目
実技　スマートフォンサイト作成実習③
横並びのテクニックいろいろについて

2限目
実技　スマートフォンサイト作成実習③
横並びのテクニックいろいろについて

3限目
実技　スマートフォンサイト作成実習③
課題制作

4限目
実技　スマートフォンサイト作成実習③
課題制作

5限目
実技　スマートフォンサイト作成実習③
課題制作

本日のテーマ

横並びのテクニック

2019年11月27日（水）

実技　スマートフォンサイト作成実習④

-本日のアジェンダ-

1限目
実技　スマートフォンサイト作成実習④
課題制作

2限目
実技　スマートフォンサイト作成実習④
課題制作

3限目
実技　スマートフォンサイト作成実習④
課題制作

4限目
実技　スマートフォンサイト作成実習④
課題制作

5限目
実技　スマートフォンサイト作成実習④
課題制作

本日のテーマ

本日は成績考査です。

※５限終了までにサーバアップを完了させてください。

2019年11月28日（木）

学科 SNS運用基礎

-本日のアジェンダ-

1限目
学科 SNS運用基礎
SNS運用について

2限目
学科 SNS運用基礎
SNS運用について

3限目
学科 SNS運用基礎
SNS運用について

4限目
学科 SNS運用基礎
課題制作

5限目
学科 SNS運用基礎
課題制作

本日のテーマ

「SNS」の活用法とは？

SNS とは?

SNSとは、Social Networking Service（ソーシャル・ネットワーキング・サービス）の略で、インターネットを介して人間関係を構築できるスマホ・パソコン用のサービスの総称です。

参考サイト

SNSの埋め込み方

埋め込み例
のサイトURL
https://samplesdl.me/training_html-css/sns.html

2019年11月29日（金）

学科 WEB動画基礎

-本日のアジェンダ-

1限目
学科 WEB動画基礎
WEB動画について

2限目
学科 WEB動画基礎
WEB動画について

3限目
学科 WEB動画基礎
課題制作

4限目
学科 WEB動画基礎
課題制作

5限目
学科 WEB動画基礎
課題制作

本日のテーマ

「動画」の利用法と活用法

YouTubeにつて

YouTube （ ユーチューブ ）は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管（テレビ）」という意味である。

参考サイト

2019年12月2日（月）

学科 JavaScript基礎

-本日のアジェンダ-

1限目
学科 JavaScript基礎
JavaScript運用について

2限目
学科 JavaScript基礎
JavaScript運用について

3限目
学科 JavaScript基礎
JavaScript運用について

4限目
学科 JavaScript基礎
作品制作

5限目
学科 JavaScript基礎
作品制作

本日のテーマ

「JavaScript」

JavaScript とは？

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。

jQuery とは？

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。ウィキペディア

2019年12月3日（火）

実技　JavaScript（jQuery）実習①

-本日のアジェンダ-

1限目
実技　JavaScript（jQuery）実習①
jQueryについて

2限目
実技　JavaScript（jQuery）実習①
jQueryについて

3限目
実技　JavaScript（jQuery）実習①
jQueryについて

4限目
実技　JavaScript（jQuery）実習①
作品制作

5限目
実技　JavaScript（jQuery）実習①
作品制作

本日のテーマ

jQueryを使ってみましょう。

JQUERY サンプルを見つけてみましょう！

よくあるキーワードは…

カルーセル
ハンバーガーメニュー
ライトボックス
ドリルダウン
フェード

例：カルーセル（スライダー）

2019年12月5日（木）

実技　JavaScript（jQuery）実習②

本日のアジェンダ-

3限目
実技 CMS構築実習①
作品制作

4限目
実技 CMS構築実習①
作品制作

5限目
実技 CMS構築実習①
作品制作

本日のテーマ

WordPressでポートフォリオサイトを作ろう

参考サイト

2019年12月10日（火）

実技 CMS構築実習②

-本日のアジェンダ-

1限目
実技 CMS構築実習②
フォームの設置について

2限目
実技 CMS構築実習②
フォームの設置について

3限目
実技 CMS構築実習②
サーバー移転について

4限目
実技 CMS構築実習②
作品制作

5限目
実技 CMS構築実習②
作品制作

本日のテーマ

フォームの設置とサーバー移転

サーバサイドスクリプト

PHPやPerlといったプログラミング言語があります。
これらの言語はWebサーバ上で動作します。このことから、これらの言語を「サーバサイドスクリプト」と呼びます。
何らかの操作を実行すると、Webサーバにデータが送信され、サーバの中のプログラムが処理を行い、結果をブラウザに返します。

クライアントサイドスクリプト

一方、JavaScriptでは、記述したHTMLファイルはWebサーバ上でも公開されますが、ブラウザさえあれば実行することが可能です。
Webサーバは必須ではありません。
これは、Webブラウザ内でプログラムが実行されるためです。
このようなスクリプトのことを「クライアントサイドスクリプト」と呼びます。

必要な知識として

合わせて（更に上級編）

それを整理すると

1.まずプログラムが動くサーバーを用意
2.PHPやCGIのプログラムファイルを用意
3.HTML・CSS （JavaScriptで動作）でデザインをカスタマイズする

参考サイト

【MailForm01】PHPメールフォーム多機能版（著作権リンク無し）フリー（無料）｜PHP工房

WordPressのプラグイン「Contact Form 7 」

【簡単】Contact Form 7（WordPressお問い合わせフォーム設置）の使い方 …

ワードプレスのサーバー移転とバックアップについて

参考サイト

2019年12月12日（木）

学科 WEBマーケティング基礎

-本日のアジェンダ-

1限目
学科 WEBマーケティング基礎
SEOについて

2限目
学科 WEBマーケティング基礎
マーケティングについて

3限目
学科 WEBマーケティング基礎
アナリティクスについて

4限目
学科 WEBマーケティング基礎
作品制作

5限目
学科 WEBマーケティング基礎
作品制作

本日のテーマ

SEOについて

SEOとは何か？

Webページを作ったら、誰もが多くの人に見てもらいたいと思うでしょう。趣味で作ったWebページなら、お友達に見せるだけでもいいかもしれませんが、ネットショップやアフィリエイトなど、事業としてやりたい場合は訪問者を増やす施策が必要です。普通はインターネットに公開しただけでは誰にも見てもらえませんから、訪問者を呼び込む何らかの方法が必要になるのです。そこで、注目されているのがSEOと呼ばれる方法です。

SEO（エスイーオー）というのは Search Engine Optimization の頭文字を取ったもので、検索エンジン最適化と呼ばれています。これは検索エンジンの検索結果の上位に表示されるようにするテクニックです。現在インターネット利用者は必要な情報を探すために Yahoo! や Google といった検索サービスを利用している方が多いです。そして、利用者のほとんどが検索結果の１ページ目か２ページ目までしか見ていない傾向があります。つまり、これら検索サービスの上の方に表示されれば、インターネット利用者の多くを効率的に自分のWebページに呼び込むことが出来るというわけです。

SEMとは？

SEMとは Search Engine Marketing （検索エンジンマーケティング）の略でインターネット上での市場調査を行う事を指します。自社サイトのターゲットとユーザーのニーズを把握しどのようなキーワードでの検索結果に上位表示されれば最適なのかを詳しく調査します。検索エンジンの検索結果の上位に表示されるようにサイトの構成を整備するSEO(検索エンジン最適化)や、検索連動型広告などによる広告掲載などもSEMに含まれます。

LPOとは？

LPOは「Landing Page Optimization」の略で「ランディングページ最適化」と言います。広告や外部サイトからリンクを辿って最初に表示されるページをランディングページと呼びます。初めて訪れたユーザーに適切な導線（ユーザーの視線やカーソル位置を想定した流れ）や便利な検索機能を提供しコンバージョンレートを上げる為に最適なサイト構成に整備します。

参考サイト

SEO（検索エンジン最適化）とは何か – SEO HACKS

Webデザイナー（コードを書く仕事）で必要なSEO

SEO対策を意識したコーディングと言うものは、まず正確にHTMLを記述しなくてはなりません。
HTMLと言うものは多少間違った記述が行われていても、取り敢えずはウェブページとして表示されるわけです。
しかし、検索エンジンは正しいHTMLで記述されていないと評価を低くしてしまい、SEOに対してはマイナス要素となってしまうのです。
その為HTMLソースコーダーにはSEO対策を意識したHTMLの知識が必要になると言う事なのです。

ウェブページのHTMLソースコーダーとブラウザの解析
HTMLはHyperTextMarkupLanguageと言う意味を持つものです。HTMLはウェブページを表示する時の記述言語であり、ブラウザはこのHTML文書を先頭から読み込み解析を行っていきます。
そしてユーザーが見る画面を表示させているのです。HTML文書の中にはユーザーが目にする事が出来る文字列や画像と言った物が記述されています。

画像に関しては、リンクが貼られているに過ぎませんが、その画像が何処にあるのかなどのリンクの情報がHTML文書の中に記述されているのです。これらのHTMLを記述するのはHTMLソースコーダーと呼ばれる人々がHTML文書を記述しているのですが、ユーザーが目にする事のないタグと呼ばれるものがHTML文書の中にはあるわけです。
ブラウザはHTML文書を読み込む時に先頭から読み込んで行きますが、このタグと言うものはブラウザが解析を行うものであり、ユーザーが目にするものはその解析結果に過ぎないのです。

正しいキーワード選定をしましょう。

SEOの基本といえばキーワード選定から始まりますが（その前に市場・ユーザー調査があるという話は置いておき）、今回はGoogleアナリティクスを活用した効果的なキーワード選定の方法を具体的に紹介してくれた記事をサーチエンジンランドから紹介します。意外と検索ボリュームや個人の感覚で決めがちなキーワード選定、せっかくSEOをするならきちんと正しいキーワードを選びたい。 — SEO Japan

SEOの第一歩 – 本当に正しいオーガニックキーワードの選び方 …

まず、こんな記事を・・・

被リンクについて

被リンクの扱いはとても要注意です！！
まだまだ理解されていない企業、制作会社がまだ多いです。
SEO対策でとても重要な内容になります。

SNSについて

Googleアナリティクス

Google Analyticsは、Googleが無料で提供するWebページのアクセス解析サービス。元々はGoogleが2005年に買収した、米国のWeb解析ソリューションプロバイダー・Urchin社の技術を利用している。

Googleウェブマスターツール(
Google Search Console )について

SEOチェックツール

参考サイト

2019年12月13日（金）

実技　ポートフォリオ作成実習

-本日のアジェンダ-

1限目
実技　ポートフォリオ作成実習
ポートフォリオ制作について

2限目
実技　ポートフォリオ作成実習
ポートフォリオ制作について

3限目
実技　ポートフォリオ作成実習
ポートフォリオ制作について

4限目
実技　ポートフォリオ作成実習
作品制作

5限目
実技　ポートフォリオ作成実習
作品制作

本日のテーマ

ポートフォリオ制作について

2019年12月14日（土）

実技　デザイン総合制作実習①

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習①
作品制作

2限目
実技　デザイン総合制作実習①
作品制作

3限目
実技　デザイン総合制作実習①
作品制作

4限目
実技　デザイン総合制作実習①
作品制作

5限目
実技　デザイン総合制作実習①
作品制作

2019年12月16日（月）

実技　デザイン総合制作実習②

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習②
作品制作

2限目
実技　デザイン総合制作実習②
作品制作

3限目
実技　デザイン総合制作実習②
作品制作

4限目
実技　デザイン総合制作実習②
作品制作

5限目
実技　デザイン総合制作実習②
作品制作

「Adobe fonts」がCCに同期できない不具合が発生！詳細や対処法を徹底解説

本日のおまけ

元データの管理する上でとても重要なテクニックです。
面接の技術テストや実際にお仕事を始める前に確認しておきましょう。

マスクの種類

クリッピングマスク「Ai」「Ps」
レイヤーマスク「Ps」
ベクトルマスク「Ps」
シェイプマスク「Xd」
クイックマスクモード「Ps」※トリミング用
不透明マスク「Ai」※おまけとして、あまり使わないかな？

クリッピングマスク「Ai」

参考サイト

マスク「Ps」

hotoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。
それと選択ツールの調整で使うクイックマスクモードがあります。

参考サイト

シェイプマスク「Xd」

参考サイト

XD使い始めこそ知っておきたい！よく似た機能を使い分けよう …

2019年12月17日（火）

実技　デザイン総合制作実習③

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習③
作品制作

2限目
実技　デザイン総合制作実習③
作品制作

3限目
実技　デザイン総合制作実習③
作品制作

4限目
実技　デザイン総合制作実習③
作品制作

5限目
実技　デザイン総合制作実習③
作品制作

本日のおまけ「Illustrator2020」について

今回のバージョンアップは主にiPadで使えるようになります。なのでスグ覚えるものは少ないかもしれませんが、確認しておきましょう。

参考サイト

Illustrator 2020徹底検証（新機能、変更点、放置されていること）

2019年12月18日（水）

実技　デザイン総合制作実習④

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習④
作品制作

2限目
実技　デザイン総合制作実習④
作品制作

3限目
実技　デザイン総合制作実習④
作品制作

4限目
実技　デザイン総合制作実習④
作品制作

5限目
実技　デザイン総合制作実習④
作品制作

本日のおまけ「バナー」について

Webデザイナーがデザインをアピールするのにとても解りやすい作品が「バナー」です。
様々な技術や工夫と知識を表現できますし、企業担当者側も確認するのにとても便利です。改めて抑えるべくポイント整理しましょう。

【バナー作成のポイント ①】
– デザイン –

自身がただバナーを作るだけではなく、他の人が作った作品を分析・理解・表現できるかどうかも問われます。

「文字デザイン」
「配色デザイン」
「レイアウトデザイン」

可視性「対象物の存在の認めやすさ」
可読性「誤読・誤解をさせないかどうか」
視認性「見た瞬間に文字と認識できるかどうか」

表現「陰影や柄の使い方」
表現「イラストの使い方」
表現「写真の使い方」

参考サイト

【バナー作成のポイント②】
– 素材 –

商業用の作品ですので、権利や素材の使い方、加工方法についてもしっかり理解したうえでバナー作成を進めてみましょう。

写真（モデル※人物）
写真（風景※実在するか否か）
写真（商品※クレーム回避）

権利（フォント※有料・無料）
権利（写真※有料・無料）
権利（文言※使ってよい言葉かどうか）

加工（トリミング）
加工（レタッチ）
加工（色調補正）

参考サイト

【バナー作成のポイント③】
– リテイク –

ものづくりのお仕事において「リテイク」「修正」「出戻り」「変更」「やり直し」等々は必ずある話です。リテイクに強いデータを心がけて元データを作成しましょう。

バックアップ
保存方法
ファイル名の付け方

レイヤー（レイヤー名）
レイヤー（調整レイヤー）
レイヤー（マスク）

ベクターデータ（シェイプ）
ベクターデータ（パス・塗と線）
スマートオブジェクト（非破壊データ）

参考サイト

2019年12月19日（木）

実技　デザイン総合制作実習⑤

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑤
作品制作

2限目
実技　デザイン総合制作実習⑤
作品制作

3限目
実技　デザイン総合制作実習⑤
作品制作

4限目
実技　デザイン総合制作実習⑤
作品制作

5限目
実技　デザイン総合制作実習⑤
作品制作

本日おまけ「命名規則」

「命名規則」について

参考サイト

2019年12月20日（金）

職業人講話①

-本日のアジェンダ-

1限目
職業人講話①
業界のお話について

2限目
職業人講話①
業界のお話について

3限目
職業人講話①
業界のお話について

4限目
職業人講話①
作品作成

5限目
職業人講話①
作品作成

2019年12月23日（月）

実技　デザイン総合制作実習⑥

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑥
作品制作

2限目
実技　デザイン総合制作実習⑥
作品制作

3限目
実技　デザイン総合制作実習⑥
作品制作

4限目
実技　デザイン総合制作実習⑥
作品制作

5限目
実技　デザイン総合制作実習⑥
作品制作

本日のおまけ「プレゼンテーション」

ポートフォリオ作成のポイントとして、いかに「自分をプロデュース」するかを考えなければなりません。
「見てもらいたい自分」「そう思われたい自分」「変えたい自分」
そこで、改めてプレゼンテーションという手法を考えてみましょう。

参考サイト

ポートフォリオ参考サイト（追加）

2019年12月24日（火）

実技　デザイン総合制作実習⑦

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑦
作品制作

2限目
実技　デザイン総合制作実習⑦
作品制作

3限目
実技　デザイン総合制作実習⑦
作品制作

4限目
実技　デザイン総合制作実習⑦
作品制作

5限目
実技　デザイン総合制作実習⑦
作品制作

本日のおまけ「デザイントレンド」について

実際の仕事で悩むことの多い課題として、
「技術の方向性の不安」や「デザインのアイデアが尽きる」
などの事があるかもしれません。
そんな時は、自分一人で「検索したり」「本を読んだり」「動画を見たり」するのもいいですが、他人に聞いてみるのもよい方法かと思います。
会社の「先輩に相談する」
休みの日などに開催される「セミナーや勉強会」
最近では会場に足を運ばない「オンラインセミナー」
なども当たり前のように開催されています。
自分の成長にあった方法を模索し用意しておくのもいいと思います。

参考サイト

2019年12月25日（水）

実技　デザイン総合制作実習⑧

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑧
作品制作

2限目
実技　デザイン総合制作実習⑧
作品制作

3限目
実技　デザイン総合制作実習⑧
作品制作

4限目
実技　デザイン総合制作実習⑧
作品制作

5限目
実技　デザイン総合制作実習⑧
作品制作

本日のおまけ「デザイントレンド」について

参考サイト

2019年12月26日（木）

実技　デザイン総合制作実習⑨

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑨
作品制作

2限目
実技　デザイン総合制作実習⑨
作品制作

3限目
実技　デザイン総合制作実習⑨
作品制作

4限目
実技　デザイン総合制作実習⑨
作品制作

5限目
実技　デザイン総合制作実習⑨
作品制作

本日のおまけ「デザイントレンド」について

参考サイト

最後に

「デザイン」するのは結局「デザイナー」なのだから「デザイン」の主役は「デザイナー」です。
お仕事（プロジェクト）の主役である以上、
「責任」と「自覚」と「覚悟」をどれだけ持っていれるかで地位を掴み、評価されると思います。
逆に言えば
「責任」と「自覚」と「覚悟」を持てる役割が「デザイナー」です。
流行・案内・集客・顧客・戦略・品質…など
これらを「デザイン」ひとつで「どうにでも」できてしまう役割です。
「デザイン」ひとつで、いろいろ変わります。
まずはデザインを楽しんで、変化する過程や環境を楽しんで、変えられることを楽しんでいきましょう。

2019年12月27日（金）

実技　デザイン総合制作実習⑩

-本日のアジェンダ-

1限目
実技　デザイン総合制作実習⑩
発表会

2限目
実技　デザイン総合制作実習⑩
発表会

3限目
実技　デザイン総合制作実習⑩
発表会

4限目
実技　デザイン総合制作実習⑩
発表会

5限目
実技　デザイン総合制作実習⑩
発表会

2020年1月4日（土）

修了式

-本日のアジェンダ-

1限目
職業人講話②

2限目
修了式

3限目
修了式

4限目
修了式

201905開講-昼A-n001

2019年9月5日（木）

開講式・オリエンテーション

-本日のアジェンダ-

お知らせ

-欠席・遅刻等のご連絡について-

-受講中の持ち物について-

-教科書について-

-トイレ利用について-

-ゴミについて-

-窓や他の部屋の利用-

-コンセントの利用について-

-PCの個人アカウント利用について-

-PCの持ち込みについて-

2019年9月6日（金）

学科 安全衛生 学科 就職支援

–本日のアジェンダ–

2019年9月9日（月）

学科 WEBプログラミング基礎①

-本日アジェンダ-

2019年9月10日（火）

学科 WEBプログラミング基礎②

-本日アジェンダ-

2019年9月11日（水）

学科 WEBコンサルティング基礎①

-本日アジェンダ-

コンサルタントとは？

参考サイト

2019年9月12日（木）

学科 WEBコンサルティング基礎②

-本日アジェンダ-

サイトマップ（情報設計）とは？

2019年9月13日（金）

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

-本日のアジェンダ-

本日テーマ

2019年9月16日（月）

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

-本日のアジェンダ-

本日のテーマ

2019年9月17日（火）

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

-本日のアジェンダ-

本日のテーマ

2019年9月18日（水）

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

-本日のアジェンダ-

本日のテーマ

文字について

参考サイト

Typekit（ Adobe Fonts ）

参考サイト

2019年9月20日（金）

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

-本日のアジェンダ-

本日のテーマ

2019年9月23日（月）

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

-本日のアジェンダ-

本日のテーマ

2019年9月24日（火）

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

-本日アジェンダ-

本日のテーマ

■本日のキーワード（範囲選択）

■本日のキーワード（色調補正）

参考サイト

色調補正と 調整レイヤー について

クリッピングマスクについて

2019年9月25日（水）

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

-本日アジェンダ-

本日のテーマ

■本日のキーワード

ビットマップデータとは？

ベクターデータとは？

【Photoshop】のシェイプとは？ピクセルとは？

2019年9月26日（木）

実技 イラストロゴ制作実習①

-本日のアジェンダ-

学科安全衛生学科就職支援

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

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

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

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

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

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

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

色調補正と調整レイヤーについて

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

実技イラストロゴ制作実習①

実技イラストロゴ制作実習②

実技イラストロゴ制作実習③

実技イラストロゴ制作実習④

実技イラストロゴ制作実習⑤

実技イラストロゴ制作実習⑥

実技写真合成・補正加工実習①

実技写真合成・補正加工実習②

実技写真合成・補正加工実習③

実技写真合成・補正加工実習④