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

-本日のアジェンダ-

1限目
学科 グラフィックデザイン基礎②
Photoshopを立ち上げてみましょう

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

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

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

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

本日のテーマ

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

トリミングとは?

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

本日のPhotoshopの基本操作

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

Photoshop基本操作まとめページ

ファイルの作成方法

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

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

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

■写真素材(練習用)

練習用素材まとめページ

■無料写真素材のサイト(外部)

本日の課題

とにかく2つの写真を合成して「jpg」のデータをドロップボックスのご自身のファイルにUPしてください。
※ネット上の写真には権利がありますので、あくまでも課題用として取り扱ってください。

学科 CMS構築基礎②

1限目
学科 CMS構築基礎②
「Wordpress」テーマの選定と切り替えウィジェットについて

2限目
学科 CMS構築基礎②
Illustratorの基本操作を復習しましょう

3限目
学科 CMS構築基礎②
課題制作

4限目
学科 CMS構築基礎②
Photoshopの選択範囲とレタッチについて

5限目
学科 CMS構築基礎②
課題制作

本日のテーマ

WordPressサイトのデザインを考えましょう

【資料】

Dropboxにある資料をダウンロードしましょう。
[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP1】基本操作の理解・・・
1.「Wordpress活用法の教科書②.pdf」
2.グラフィックツールの教科書①.pdf」 
3.「グラフィックツールの教科書②.pdf」

【動画①】Wordpress活用法の教科書②

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

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

Web版ポートフォリオのデザインについて

WordPressでポートフォリオを作成するためのテーマを選定しましょう。

参考サイト

注意事項

テーマを入れすぎるとサーバーのディスク容量が大きくなってしまうと同時にWordPressの動きが重たくなってしまうので不要になったテーマは削除するようにしましょう。

本日の課題

Web版ポートフォリオに摘要するテーマを選定をしましょう。