美少女3Dアバター作成&配信アプリ「カスタムキャスト」を利用して、おみくじアプリを制作しよう!
デザインパートでは、カスタマイズしたキャラクター素材を、PhotoshopやIllustratorを使ってタイトル画面やカードの制作をします。
コーディングパートでは、デザインしたカードがランダムで出現する、おみくじ機能を実装したWebアプリを制作します。
テキスト教材とサンプルファイルも用意しているので、経験のない方でも完成させることができます。
また受講生役として「カスタムキャスト」の3Dアバター "小町ちゃん" が登場します。
■完成イメージと授業の様子
授業について
授業テキストと素材のダウンロードはN予備校で
■https://www.nnn.ed.nico/lessons/482528546
※Webデザインコースの受講には PC と Photoshop、Illustrator、Adobe XD を利用できる環境が必要です。
※Adobe XDの必要システム構成
Adobe XD をインストールして使用するには、Windows 10 Creators Update(64 ビット)(v1703(ビルド 10.0.15063)以降)または macOS 10.12 以降が必要です。
情報は次のバージョンに対応しています。2018 年 10 月および 12 月リリース(バージョン 13.0 と 14.0)
Adobe XDの必要システム構成について
N予備校 Webデザインコース
現役で活躍するWebデザイナーによる生授業と、最新の環境に準拠した書き下ろしの教材で学習することができ、初心者が企業に求められる即戦力のデザイナーとして就職できるチカラを身に付けるまで、丁寧にステップを踏んで学ぶことができます。
【グラフィックデザインコース】
Webデザインだけでなく、グラフィックデザイン自体に必要な知識や技術を学習できるコースです。
PhotoshopやIllustratorの基本的な操作を、オリジナルグッズの製作などして楽しく学べます。
また、フライヤーやインフォグラフィクスなどでグラフィックデザインに求められる豊かな表現力を学び、そこからWebの仕様を踏まえた表現の方法を理解してもらいます。
現場でも多く制作される飲食店のWebサイトを、学習した技術をもとに制作し、受講完了するとひとつのポートフォリオとしてまとめられるようになります。
【HTML・CSSデザインコース】
Web制作においてなくてはならないHTMLやCSSについての基礎的なスキルを始めとし、レスポンシブウェブデザイン、インタラクティブなサイトを作るためのJavaScript、オリジナルのブログを作ることができるWordPressなど、実際の制作現場で使われているWebデザインの手法を幅広く学ぶことができます。
高機能エディタ「Visual Studio Code」を活用し、効率よくコーディングを行うためのコツも伝授します。
■N予備校 Webデザインコースサイト
講師紹介
イシジマミキ / グラフィックデザインコース
1982年⽣まれ。Web、DTPに限らず幅広く デザインを⾏い講演や書籍執筆など多数。
2013年にザ・マーズナレッジ株式会社設⽴。 これまでに培ったデザインの考え⽅やフリーラ ンスの実績を元に、より実践的な技術を教え、 企業の即戦⼒な⼈材を育てている。
「神速Photoshop[グラフィックデザイン編]」、 「スマートフォンデザインでラクするために」などの 著書を持つ。
小島芳樹(yoshikikoji)/ HTML・CSSデザインコース
Webデザイナーとしてゲーム会社で働いたり、Webディレクターとして制作会社や事業会社で働いていました。
現在は独立をして、色々な会社のWeb制作のお手伝いをしたり、自分でサービスを作っています。
高校生の頃は演劇にハマっていました。尊敬する俳優は古田新太さんです。
運営しているブログやブックマークサービスで、Webデザインに関する情報を発信しています。
・
https://technical-creator.com/
・
https://siori.design/
N予備校
N予備校では、
・実力派予備校講師による大学受験対策授業
・ドワンゴエンジニアが教えるプログラミング授業
を双方向性システムを取り入れた生放送とオリジナルのテキスト教材で学ぶことができます。
■生授業で使える機能はこんなにたくさん
・「コメント機能」・ふと思ったことを同時に受講しているメンバーと共有できる
・「質問機能」・・・疑問に思ったことをその場で聞くことができる
・「クイズ機能」・・他の受講者の考えと正答率をその場で知ることができる
・「挙手機能」・・・自分の考え方を紹介できる
N予備校の生授業は、ただ講師の解説を聞いているだけではありません。
授業は、講師とあなたが一緒に作り上げていきます。
このように、参加すればするほど楽しめるのが、N予備校の生授業です。
ネットでつながる大教室を、この機会に体感してください。
これまでの学習の仕方をより効果的に、より楽しいものに変化させたいというあなたの受講をお待ちしています!
紹介した機能はN予備校のアプリからの受講で利用することができます。
N予備校は、ニコニコのIDでログイン可能です。
PCからの視聴は こちら
スマホ用アプリでもご利用いただけます。
・
iPhone版
・
Android版
アプリを起動し、メニューから「授業」→「すべてのコース」からご覧ください。
詳しいシステムについては
こちら
N予備校公式twitter ⇒
@n_yobikou
N予備校の学費は、月額1,000円です。
入学すると『大学受験対策・中学復習講座・プログラミング』すべてのコースと機能をご利用いただけます。
学費に関する詳細は こちら
カスタムキャスト
■ダウンロードは こちら