山田美優/情報デザイン研究II
をテンプレートにして作成
HOME
ABOUT
最新の更新
2021
MEMBER 2021
青木暁光
石坂大翔
出光美心
岩崎貴生
岩下雄真
内尾颯太
江川珠貴
大中啓旦
亀田日向
川村洸太
木村円香
久保絢菜
倉員優実
桑原歩未
鴻上早紀
崔昊
佐光美憂
柴田一輝
竹谷匠冬
田籠祐貴
田代爽乃
内藤彩乃
西山実伶
濱有希子
濱田侑里
藤本唯人
松岡佑樹
松藤陽
村山陽菜
山田宗周
渡邊来美
渡辺侑貴
中西華子
原田朋奈
水田修太朗
宮副咲葉
猪須大翔
川面翔太
隈翔太
柴田葉月
角祐菜
豊岡壮大朗
吉井麻吏菜
2022
MEMBER 2022
棈松智也
梅木悠民
江頭奏
大井このか
大石颯
太田糸音
太田姫奈
越智楓
鎌田真幸
楠田佑月
興梠媛愛
後藤太成
坂井彩華
指方依緒
徐泰陽
杉野市之助
堤晴司
角田雄一
中井千尋
原朋恵
平嶋明日花
増田里奈
深町彩海
藤島早希
宮路咲希
梁井英翔
山口愛麗
山本彩花
松田葉奈
松本龍太郎
石松匡広
上田莉帆
宇田川春稀
宇美希美
佐野美和
竹之内咲希
土斐崎種定
野村優亜
福田千紗
山川彩香
山田侑加子
重松優花
2023
MEMBER 2023
秋月靖雅
浅田真優花
阿南慶子
荒谷唯斗
安藤貴仁
池邉成
井上大河
岩本愛結
梅﨑美和
浦朱里
江村梨里香
大場こころ
勝田喜一
亀崎瑞穂
神田舞
白井くるみ
髙市遥
竹松莉羽
寺田圭志
中村心香
原晴紀
菱谷実来
日山晃良
平崎千夏
福井涼
堀玲二
山口恵
早稲田加奈恵
渡邊優希
石井彩晶
大神槙之介
大熊玄樹
大山花音
岡萌絵子
荻野美咲
鐘ヶ江雅
金田桜子
北村美優香
清野梨果
高庄玲衣
津覇稜也
中川飛鳥
福屋早希乃
脇山千寛
2024
STAFF
専任教員一覧
伊藤敬生
井上貢一
井上友子
岩田敦之
桜井祐
永嶋さゆり
北島己佐吉
OBOG
2023年度卒業生
2022年度卒業生
2021年度卒業生
2020年度卒業生
2019年度卒業生
SESSION
専門科目一覧
ソーシャルデザイン概論
ソーシャルデザイン演習
情報デザイン演習IIA
情報デザイン演習IIB
地域ブランド企画演習IIA
地域ブランド企画演習IIB
視覚デザイン演習
Webデザイン演習
3DCG演習
情報デザイン研究I
地域ブランド企画研究I
卒業研究
教務ガイダンス
RecommendedVideo
BasicKnowledge
PROJECT
LINKS
SEARCH
開始行:
*映えとる?
〜イラスト集の制作とWEB展示〜
#image(mainvi.png)
-''Miyuu Yamada''
-'''Keywords:Illstration,Website,SNS'''
-[[WEB展示会用イラスト>https://drive.google.com/drive/fol...
-[[インスタグラム>https://www.instagram.com/miyuuuuuuu01/]]
-[[PC版:プロトタイプ>https://xd.adobe.com/view/9c2a729a-...
-[[スマホ版:プロトタイプ>https://xd.adobe.com/view/cc683...
-[[GitHub:サイトページ>https://miyuuyamada.github.io/BAE...
-[[GitHub:ファイル>https://github.com/MiyuuYamada/BAETOR...
~
**Overview
***What is this?
//&color(red){これは何か・・を簡潔に};
イラスト集の制作とWEBサイトでの展示
~
//***Background and Purpose
//&color(red){プロジェクトの背景と目的};
***Background
SNSで作品を発信する機会は増えたが、プロのイラストレーター...
自分たちの力でもWEBサイトとイラスト集の制作が可能であると...
~
***Purpose
多くの人に作品を見てもらえて、どこでも交流を深められるた...
そのために、誰でも気軽に閲覧できて、SNSよりも深掘りしたサ...
それに加え、冊子を制作することで、デジタルとアナログでど...
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
山田が女性、山路が男性のイラストを描く。
作品のテーマとしては、SNS映えするような男女。
そのテーマを軸に、場所やコンセプトなどを決め、それぞれ2、...
一方が1枚を完成させ、それをもう一方が参考にしてイラストを...
合作も制作する。
~
***Outputs
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
WEBサイト
-[[GitHub:サイトページ>https://miyuuyamada.github.io/BAE...
A4冊子
-[[WEB展示会用イラスト>https://drive.google.com/drive/fol...
~
***Member
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
山田美優
イラストの制作、サイトの制作
[[山路由依>山路由依/情報デザイン研究II]]
イラストの制作、サイトロゴの制作、冊子のレイアウト制作
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-MacBook Pro
-Wacom Cintiq Pro 24
-CLIP STUDIO PAINT
-XD
~
***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
2022.9.21 - 2022.12.21
~
***Conclusion
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
自分達で、サイトや冊子を作ることができるということがわか...
2人で制作したことにより、タッチの違う作品が隣り合わせにな...
また、サイトと冊子で、印象の差が出ることも実感できた。
サイトでは、ある程度の大きさで画像を固定してしまうため、...
しかし、A4の冊子だと、ページいっぱいに印刷して、近づけて...
そうすると、視界いっぱいでイラストを見ることができる。
イラスト単体だと、冊子の方が強い印象を与えることができて...
ただ、そこまでの技術がまだ備わっていないことがわかったた...
~
~
~
**Research
***Current Situation
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
最近、インスタグラムやツイッターなどのSNSで自身の作品を公...
スマホやタブレットなどで手軽にデジタルイラストを描けるよ...
そのことや、コロナの流行を受けて、デジタルでの展示が増え...
その中で、目を惹くイラストとはどのようなものかを知る。
~
***Precedent
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[オンライン美術館 HASARD>https://wam-hasard.com]]
「誰でも・いつでも・無料で」、オンライン上でアートを楽し...
-[[モンスターストライク オンラインアート展>https://lp.an...
期間限定で開催されていたのモンストのオンラインアート展。
オンライン上で無料に楽しめて、150点以上の作品を展示されて...
~
***Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[イラスト・マンガ描き方ナビ>https://www.clipstudio.net/...
CLIP STUDIOがイラストのポイントについて解説しているサイト。
~
~
**Project Management
***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[後期スケジュール>https://docs.google.com/spreadsheets/d...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
%%-イラストの制作%%
%%-WEBサイトのデザイン変更%%
-WEBサイトの公開用のサーバーを決める
-スマホ版のメニュー画面を作る
-各ページの制作
%%--HOME%%
--ILLUSTRATION
%%--PROFILE%%
--CONTACT
~
~
~
#hr
CENTER:''WORK LOG''
//&color(red){List the most recent information at the top...
#hr
~
~
**2022.12.21〜
***作業内容
-HOMEの下の方にもっと見るボタンを追加した
-画像を押すとポップアップ表示されるようにした
-文字にlightboxをつけると白くなって見えなくなってしまった...
~
**2022.12.14
***作業内容
-最終発表をした。
-山路さんの作品のタイトルを教えてもらい、仮のタイトルから...
-フッターをつけた
~
**2022.12.7
***作業内容
イラストを全部完成させた
-[[紫の子>https://drive.google.com/drive/u/0/folders/1APj...
--背景の葉っぱと白い花を書き加えた
--身体とドレスも整えた
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--背景の花を増やし、茎と葉っぱも描いた
--花冠の影も加えた
-[[メイドさん>https://drive.google.com/drive/u/0/folders/...
--洋服を描いた
--フリルがうまく描けた
--背景が寂しかったので、チェキ風にした
-[[黒い服の女の子>https://drive.google.com/drive/u/0/fold...
--首から下の部分を描いた
--山路さんの絵と対応するような配色の衣服にすることを心が...
サイトもコーディングをした
-プロフィールページの行間や文字の大きさを整えた
-ホームに画像を追加した
-イラストページにも載せる画像を決めて載せた
--イラストの下の名前と丸い画像の部分を押すとプロフィール...
~
**2022.11.30
***作業内容
-3つのイラストの制作を進めた
-[[紫の子>https://drive.google.com/drive/u/0/folders/1APj...
--青と紫のバラを描いた
--葉っぱを増やしているところ
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--後の花を増やしている最中
-[[メイドさん>https://drive.google.com/drive/u/0/folders/...
--山路さんのカフェ店員の子と対になるべく制作し始めたイラ...
--眼帯→黄緑のカラコン
--ウエイター→メイド
--紫の髪→インナーを紫に
~
**2022.11.23
***作業内容
-[[黄色いお花の子>https://drive.google.com/file/d/1rgTVy6...
--ひたすら葉っぱを描き続けた
-[[サイト>https://miyuuyamada.github.io/BAETORU/]]のPROFI...
~
**2022.11.16
***作業内容
-[[黄色いお花の子>https://drive.google.com/file/d/1rgTVy6...
--後は陰影をつけるだけ
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--後は背景の緑と洋服を描けば終わる
-山路さんのカフェのウエイターの子と対になるようにメイドさ...
~
**2022.11.9
***作業内容
-葉っぱを加筆した
--ただ、バランスがおかしいので、修正したい
--とりあえず、土曜日までに完成間近のイラスト2枚を完成させ...
~
**2022.11.2
***作業内容
-中間発表をした
-合作のデータを山路さんに渡した
--左側の腕は男の子の腕を女の子が掴んでるような構図にした...
--プリクラ設定なので、背景は白
--ペンで落書きしたような柄を上から描き加えようと考えている
~
**2022.10.26
***作業内容
-[[黄色いお花のイラスト>https://drive.google.com/file/d/1...
--おそらくあと3時間くらいで完成するのでは
-CSSでスマホ版の文字の大きさを変えられることを確認した
-ハンバーガーメニューはいまいち分からなかったので一旦保留
--11月中旬までにはどうにかしたい
~
**2022.10.19
***作業内容
-[[黄色いお花のイラスト>https://drive.google.com/file/d/1...
--多分あと2、3個追加した後に葉っぱを大量に描けば完成
--中間発表までには完成させたい
-HOMEのABOUTの部分を調整した
--画面を狭くしても折り返せなかったので、折り返せるように...
-ロゴを山路さんが制作した[[新しいロゴ>https://drive.googl...
~
**2022.10.12
***作業内容
-サイトのナビメニューを制作した
-GitHubにファイルをアップロードした
--まだHOMEしかいじってません
--ロゴがまだできていないので、イラストで代用してます
[[ファイル>https://github.com/MiyuuYamada/BAETORU.git]]
[[サイトページ>https://miyuuyamada.github.io/BAETORU/]]
~
**2022.10.5
***作業内容
-合作のイラストの制作を進めた
--プリクラを撮るカップル設定
--顔は完成したので、手と服を19日までには仕上げたい
-新しい自撮り設定のイラストを描き始めた
--山路さんがカフェ(ダーツバー?)の店員の絵を描いていた...
-他のイラストにもちょいちょい描き加えた
~
**2022.9.28
***作業内容
-冊子のレイアウトについて話し合った
-サイトのHTMLとCSSを書き始めた
--ナビメニューの制作がなかなかうまくいかない
--ファーストビューとabout部分をまずは作ろうと思う
-[[紫の髪の女の子のイラスト>>https://drive.google.com/dri...
~
**2022.9.21
***テーマ案
-イラストのWEB展示とイラスト集の制作
--アートギャラリーの予約が取れなかったので、WEBサイトの制...
-タイトルは『映えとる?』に変更
~
***作業内容
-授業ページの更新
-冊子制作におけるアイディア案を話し合った。
~
~
~
終了行:
*映えとる?
〜イラスト集の制作とWEB展示〜
#image(mainvi.png)
-''Miyuu Yamada''
-'''Keywords:Illstration,Website,SNS'''
-[[WEB展示会用イラスト>https://drive.google.com/drive/fol...
-[[インスタグラム>https://www.instagram.com/miyuuuuuuu01/]]
-[[PC版:プロトタイプ>https://xd.adobe.com/view/9c2a729a-...
-[[スマホ版:プロトタイプ>https://xd.adobe.com/view/cc683...
-[[GitHub:サイトページ>https://miyuuyamada.github.io/BAE...
-[[GitHub:ファイル>https://github.com/MiyuuYamada/BAETOR...
~
**Overview
***What is this?
//&color(red){これは何か・・を簡潔に};
イラスト集の制作とWEBサイトでの展示
~
//***Background and Purpose
//&color(red){プロジェクトの背景と目的};
***Background
SNSで作品を発信する機会は増えたが、プロのイラストレーター...
自分たちの力でもWEBサイトとイラスト集の制作が可能であると...
~
***Purpose
多くの人に作品を見てもらえて、どこでも交流を深められるた...
そのために、誰でも気軽に閲覧できて、SNSよりも深掘りしたサ...
それに加え、冊子を制作することで、デジタルとアナログでど...
~
***Concept
//&color(red){基本的な考え方、枠組み、視点など};
山田が女性、山路が男性のイラストを描く。
作品のテーマとしては、SNS映えするような男女。
そのテーマを軸に、場所やコンセプトなどを決め、それぞれ2、...
一方が1枚を完成させ、それをもう一方が参考にしてイラストを...
合作も制作する。
~
***Outputs
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
WEBサイト
-[[GitHub:サイトページ>https://miyuuyamada.github.io/BAE...
A4冊子
-[[WEB展示会用イラスト>https://drive.google.com/drive/fol...
~
***Member
//&color(red){共同プロジェクトの場合のみ|メンバーと役割...
山田美優
イラストの制作、サイトの制作
[[山路由依>山路由依/情報デザイン研究II]]
イラストの制作、サイトロゴの制作、冊子のレイアウト制作
~
***Tools
//&color(red){使用するツール|ハードウエア・ソフトウエア};
-MacBook Pro
-Wacom Cintiq Pro 24
-CLIP STUDIO PAINT
-XD
~
***Term
//&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX...
2022.9.21 - 2022.12.21
~
***Conclusion
//&color(red){プロジェクトが完結したら「まとめ」を記載し...
自分達で、サイトや冊子を作ることができるということがわか...
2人で制作したことにより、タッチの違う作品が隣り合わせにな...
また、サイトと冊子で、印象の差が出ることも実感できた。
サイトでは、ある程度の大きさで画像を固定してしまうため、...
しかし、A4の冊子だと、ページいっぱいに印刷して、近づけて...
そうすると、視界いっぱいでイラストを見ることができる。
イラスト単体だと、冊子の方が強い印象を与えることができて...
ただ、そこまでの技術がまだ備わっていないことがわかったた...
~
~
~
**Research
***Current Situation
//&color(red){プロジェクトのテーマに関わる社会の現状と問...
最近、インスタグラムやツイッターなどのSNSで自身の作品を公...
スマホやタブレットなどで手軽にデジタルイラストを描けるよ...
そのことや、コロナの流行を受けて、デジタルでの展示が増え...
その中で、目を惹くイラストとはどのようなものかを知る。
~
***Precedent
//&color(red){プロジェクトのテーマに該当する先行事例の紹...
-[[オンライン美術館 HASARD>https://wam-hasard.com]]
「誰でも・いつでも・無料で」、オンライン上でアートを楽し...
-[[モンスターストライク オンラインアート展>https://lp.an...
期間限定で開催されていたのモンストのオンラインアート展。
オンライン上で無料に楽しめて、150点以上の作品を展示されて...
~
***Technology
//&color(red){プロジェクトの遂行に必要な技法・技術に関す...
-[[イラスト・マンガ描き方ナビ>https://www.clipstudio.net/...
CLIP STUDIOがイラストのポイントについて解説しているサイト。
~
~
**Project Management
***Schedule
//&color(red){計画的な遂行のために、進行管理表を作成して...
[[後期スケジュール>https://docs.google.com/spreadsheets/d...
~
***ToDo
//&color(red){やるべきこと(タスク)を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメ...
%%-イラストの制作%%
%%-WEBサイトのデザイン変更%%
-WEBサイトの公開用のサーバーを決める
-スマホ版のメニュー画面を作る
-各ページの制作
%%--HOME%%
--ILLUSTRATION
%%--PROFILE%%
--CONTACT
~
~
~
#hr
CENTER:''WORK LOG''
//&color(red){List the most recent information at the top...
#hr
~
~
**2022.12.21〜
***作業内容
-HOMEの下の方にもっと見るボタンを追加した
-画像を押すとポップアップ表示されるようにした
-文字にlightboxをつけると白くなって見えなくなってしまった...
~
**2022.12.14
***作業内容
-最終発表をした。
-山路さんの作品のタイトルを教えてもらい、仮のタイトルから...
-フッターをつけた
~
**2022.12.7
***作業内容
イラストを全部完成させた
-[[紫の子>https://drive.google.com/drive/u/0/folders/1APj...
--背景の葉っぱと白い花を書き加えた
--身体とドレスも整えた
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--背景の花を増やし、茎と葉っぱも描いた
--花冠の影も加えた
-[[メイドさん>https://drive.google.com/drive/u/0/folders/...
--洋服を描いた
--フリルがうまく描けた
--背景が寂しかったので、チェキ風にした
-[[黒い服の女の子>https://drive.google.com/drive/u/0/fold...
--首から下の部分を描いた
--山路さんの絵と対応するような配色の衣服にすることを心が...
サイトもコーディングをした
-プロフィールページの行間や文字の大きさを整えた
-ホームに画像を追加した
-イラストページにも載せる画像を決めて載せた
--イラストの下の名前と丸い画像の部分を押すとプロフィール...
~
**2022.11.30
***作業内容
-3つのイラストの制作を進めた
-[[紫の子>https://drive.google.com/drive/u/0/folders/1APj...
--青と紫のバラを描いた
--葉っぱを増やしているところ
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--後の花を増やしている最中
-[[メイドさん>https://drive.google.com/drive/u/0/folders/...
--山路さんのカフェ店員の子と対になるべく制作し始めたイラ...
--眼帯→黄緑のカラコン
--ウエイター→メイド
--紫の髪→インナーを紫に
~
**2022.11.23
***作業内容
-[[黄色いお花の子>https://drive.google.com/file/d/1rgTVy6...
--ひたすら葉っぱを描き続けた
-[[サイト>https://miyuuyamada.github.io/BAETORU/]]のPROFI...
~
**2022.11.16
***作業内容
-[[黄色いお花の子>https://drive.google.com/file/d/1rgTVy6...
--後は陰影をつけるだけ
-[[花冠の子>https://drive.google.com/drive/u/0/folders/1A...
--後は背景の緑と洋服を描けば終わる
-山路さんのカフェのウエイターの子と対になるようにメイドさ...
~
**2022.11.9
***作業内容
-葉っぱを加筆した
--ただ、バランスがおかしいので、修正したい
--とりあえず、土曜日までに完成間近のイラスト2枚を完成させ...
~
**2022.11.2
***作業内容
-中間発表をした
-合作のデータを山路さんに渡した
--左側の腕は男の子の腕を女の子が掴んでるような構図にした...
--プリクラ設定なので、背景は白
--ペンで落書きしたような柄を上から描き加えようと考えている
~
**2022.10.26
***作業内容
-[[黄色いお花のイラスト>https://drive.google.com/file/d/1...
--おそらくあと3時間くらいで完成するのでは
-CSSでスマホ版の文字の大きさを変えられることを確認した
-ハンバーガーメニューはいまいち分からなかったので一旦保留
--11月中旬までにはどうにかしたい
~
**2022.10.19
***作業内容
-[[黄色いお花のイラスト>https://drive.google.com/file/d/1...
--多分あと2、3個追加した後に葉っぱを大量に描けば完成
--中間発表までには完成させたい
-HOMEのABOUTの部分を調整した
--画面を狭くしても折り返せなかったので、折り返せるように...
-ロゴを山路さんが制作した[[新しいロゴ>https://drive.googl...
~
**2022.10.12
***作業内容
-サイトのナビメニューを制作した
-GitHubにファイルをアップロードした
--まだHOMEしかいじってません
--ロゴがまだできていないので、イラストで代用してます
[[ファイル>https://github.com/MiyuuYamada/BAETORU.git]]
[[サイトページ>https://miyuuyamada.github.io/BAETORU/]]
~
**2022.10.5
***作業内容
-合作のイラストの制作を進めた
--プリクラを撮るカップル設定
--顔は完成したので、手と服を19日までには仕上げたい
-新しい自撮り設定のイラストを描き始めた
--山路さんがカフェ(ダーツバー?)の店員の絵を描いていた...
-他のイラストにもちょいちょい描き加えた
~
**2022.9.28
***作業内容
-冊子のレイアウトについて話し合った
-サイトのHTMLとCSSを書き始めた
--ナビメニューの制作がなかなかうまくいかない
--ファーストビューとabout部分をまずは作ろうと思う
-[[紫の髪の女の子のイラスト>>https://drive.google.com/dri...
~
**2022.9.21
***テーマ案
-イラストのWEB展示とイラスト集の制作
--アートギャラリーの予約が取れなかったので、WEBサイトの制...
-タイトルは『映えとる?』に変更
~
***作業内容
-授業ページの更新
-冊子制作におけるアイディア案を話し合った。
~
~
~
ページ名: