SEMINARクリエィティブゼミナール
DESIGNウェブデザインB
注意書き
当科目は講義回を分割して1つのテーマを作り上げるため、
欠席してしまうと授業の進行についていくのが大変困難です。
当ブログは参考書代わりになっており、授業で解説した内容を残しているため、
授業時間外でも問題なく学習することができます。
次回までに欠席した回の授業内容を確認し必要なデザイン作業を必ず行い、
次回授業開始時には全員が同じ状態で受講できるよう心掛けてください。
-
ウェブデザインB 第01回
Adobe Photoshopでの作業効率をアップするため、各種設定を調整していきます。
-
ウェブデザインB 第02回
デザインとアートの違い、ウェブデザインにおいてするべきことや工程などを考えます。
-
ウェブデザインB 第04回
デザインラフを制作します。前回配布した課題用紙を使用します。
-
ウェブデザインB 第03回
ウェブサイトのタイプやカテゴリーの違いを掘り下げます。
-
ウェブデザインB 第05回
デザインラフのチェックポイントについて、そして完成デザインの土台であるワイヤーフレームについて解説します。
MULTIMEDIAマルチメディア
-
マルチメディア 第15回
文字の入力・編集方法に関しての解説です。
-
マルチメディア 第14回
フィルター・レイヤースタイルに関しての後編の解説です。
-
マルチメディア 第13回
フィルター・レイヤースタイルに関しての解説です。
-
マルチメディア 第12回
画像の合成を行う解説の後編です。
-
マルチメディア 第11回
1枚だけではなく2枚以上の画像の合成を行う解説です。
VIDEO PRODUCTION映像制作
MOCK CLASS模擬授業
-
グラフィックデザイナーの仕事の話（在学生の皆さまへ）
グラフィックデザイナーの仕事内容やどうやったらなれるのかのお話です。
-
情報ビジネス学科の脇坂です
-
グラフィックデザイナーの仕事の話（高校生の皆さまへ）
グラフィックデザイナーの仕事内容やどうやったらなれるのかのお話です。
-
すぐにできちゃう！1minデザイン
難しそうに見えるけど実は簡単にできちゃう1minデザイン講座！
-
激打！！
KADAI FILING課題提出方法
QUESTIONNAIRE授業内アンケート課題
WEBSITESウェブデザインアーカイブ
SNIPPETSスニペット
-
[WordPress]所属記事が一件も存在しない場合でもカテゴリ一覧ページでカテゴリ名を取得表示する。
所属記事が一件も存在しない場合でもカテゴリ一覧ページでカテゴリ名を取得表示する。
-
[jQuery]opacityで非表示にした文字を順番にフェードインさせる。
-
[Welcart]商品カテゴリー複合検索ページでの「strpos」と「!==」を使った条件分岐。
商品カテゴリー複合検索ページを表示した場合の条件分岐。今回は「strpos」と「!==」を使った方法の紹介です。
-
[Welcart]エラーの表示がある場合のみエラーのブロックを表示させる条件分岐。
Welcartでエラーの表示がある場合のみエラーのブロックを表示させる条件分岐の記述です。
-
[Welcart]商品のメイン画像が設定されているかどうかの条件分岐。
Welcartで商品のメイン画像が設定されているかどうかの条件分岐の方法です。さらに、画像が設定されていない場合は代替画像を表示させます。
PHOTOSHOPPhotoshop
-
[動画解説]Photoshopで質感のある複雑なグラデーションを一瞬で作る
Photoshopで質感のある複雑なグラデーションを一瞬で作る方法の動画解説です。
-
[動画解説]Photoshopでポスターのようなタイポグラフィをつくる
Photoshopで写真をかっこよくグリッチノイズ加工する方法の動画解説です。
-
[動画解説]Photoshopで写真をグリッチノイズ加工
Photoshopで写真をかっこよくグリッチノイズ加工する方法の動画解説です。
-
[動画解説]Photoshopで写真をイラストっぽく加工
Photoshopで写真をイラストっぽく加工する方法の動画解説です。
-
[Photoshop]WebサイトのブロックやディテールのデザインパーツをPhotoshopで制作する方法
龍弥デザインの実案件の制作実績の中から「 ヘッダー」や「メインコンテンツ」の表現のPhotoshopでの作り方を紹介
ILLUSTRATORIllustrator
PREMIERE PROPremiere Pro
-
[Premiere Pro] Premiere Proで動画を書き出す手順
-
モーショングラフィックステンプレート
-
[Youtube][Adobe公式]Adobe Premiere Proの編集Tips動画まとめ
Premiere Proのタイトル・テロップアニメーション、エフェクト、トランジションの参考動画のまとめ
AFTER EFFECTSAfter Effects
-
モーショングラフィックステンプレート
-
[After Effects]簡単なホログラムエフェクト
-
[After Effects]ロトブラシで動く被写体との背景合成動画
-
[After Effects]グリーンバックのキーアウト（透明化）とSaberによる合成
グリーンバックのキーアウト（透明化）とSaberによる合成の解説です。
-
無料動画素材をダウンロードできるWebサイト
DESIGNデザイン
CODINGコーディング
-
Webサイトコーディング[HARD] 04 #cloud・#ufoアニメーション編
スクロールアニメーションのコーディング練習04 #cloud・#ufoアニメーション編
-
Webサイトコーディング[HARD] 03 #ufo・#ground編
スクロールアニメーションのコーディング練習03 #ufo・#ground編
-
Webサイトコーディング[HARD] 02 body・#cloud編
スクロールアニメーションのコーディング練習02 body・#cloud編
-
Webサイトコーディング[HARD] 01 準備・確認編
スクロールアニメーションのコーディング練習01 準備・確認編
-
Webサイトコーディング[NORMAL – Web movie – ] 03 背景動画実装編
全画面背景動画のコーディング練習03 背景動画実装編
WEB DESIGN INFOMATIONWebデザイン情報
-
[Photoshop]WebサイトのブロックやディテールのデザインパーツをPhotoshopで制作する方法
龍弥デザインの実案件の制作実績の中から「 ヘッダー」や「メインコンテンツ」の表現のPhotoshopでの作り方を紹介
-
ウェブデザインの構築 レイアウト
ワイヤーフレームの概要です。
-
ウェブデザインの構築 配色
ワイヤーフレームの概要です。
-
UIデザイン・UXデザイン・ユーザビリティ
UIデザイン・UXデザイン・ユーザビリティの概要です。
-
ワイヤーフレームの作り方
ワイヤーフレームの概要です。
VIDEO PRODUCTION動画制作
MATERIALS素材情報
TEXT EDITORテキストエディタ
SUMMARYまとめ
WEBLOGブログ
-
授業評価アンケート
-
[Youtube]「そもそも、デザインてなんだろう？」講師：佐藤卓｜Tama Design High School講義プログラム
グラフィックデザイナーの佐藤卓さんの講義「そもそも、デザインてなんだろう？」の動画
-
クオリティの高いWebデザインをアーカイブしている4つの厳選Webサイト。
デザイナーが日頃からチェックしているクオリティの高いサイトを集めている厳選した4つのサイトをご紹介します。
-
クオリティの高いバナーデザインをアーカイブしている2つの厳選Webサイト。
-
クオリティの高いWebデザインをアーカイブしている4つの厳選Webサイト。
デザイナーが日頃からチェックしているクオリティの高いサイトを集めている厳選した4つのサイトをご紹介します。
KADAIウェブデザインB課題
ALL ARTICLE全ての記事
Sponsored Link
