mount inc.'s banner
mount inc.'s profile picture

mount inc.

@mount_inc13,892 subscribers

design practice | ブランド戦略構築と共にウェブからグラフィック、映像制作までを行うデザイン集団。緻密な設計と美学を掛け合わせ心が動くブランド体験をつくります。

Shorts

CGWORLDのコラボ企画として、 CGアーティストまめたろうさん(まめたろう|CGアーティスト・絵本作家)の 「ぽよんぽよん」をWebGLで実装しました。 誌面では実装の流れと試行錯誤を 紹介しております。 下記のurlから、 ぜひ触ってみてください! #webgl #threejs #c4d #b3d

CGWORLDのコラボ企画として、 CGアーティストまめたろうさん(まめたろう|CGアーティスト・絵本作家)の 「ぽよんぽよん」をWebGLで実装しました。 誌面では実装の流れと試行錯誤を 紹介しております。 下記のurlから、 ぜひ触ってみてください! #webgl #threejs #c4d #b3d

105,136 görüntüleme

[舞台裏] 作品の見せ場を彩る 12個のモーショングラフィック 作品の鮮やかな色彩や 幾何学図形から着想を得たグラフィックに、 一つずつモーションをつけました。 動きのバリエーションや細かなイージングまで、 たくさんの検証を重ねながら制作しました。 .

[舞台裏] 作品の見せ場を彩る 12個のモーショングラフィック 作品の鮮やかな色彩や 幾何学図形から着想を得たグラフィックに、 一つずつモーションをつけました。 動きのバリエーションや細かなイージングまで、 たくさんの検証を重ねながら制作しました。 .

22,775 görüntüleme

【実装裏話1】 映像に合わせて線を表示するため、 blenderで線データの作成を行いました。 自然なぼけを再現するために 3Dソフトを使うことに決めました。 作成したデータは独自のpythonで、 軽量なjsonデータとして出力しています。 #webgl #threejs

【実装裏話1】 映像に合わせて線を表示するため、 blenderで線データの作成を行いました。 自然なぼけを再現するために 3Dソフトを使うことに決めました。 作成したデータは独自のpythonで、 軽量なjsonデータとして出力しています。 #webgl #threejs

101,375 görüntüleme

Web Designing 連動企画 AYANA BALI案件で行った膨大なリサーチやインプットと検証を重ね、課題解決、コンセプト、企画案までをまとめた提案資料、「229ページ」を公開。 mount の実制作前の組み立て方を、ぜひご覧ください。 #WD_AYANA つけて感想を寄せてください。 .

Web Designing 連動企画 AYANA BALI案件で行った膨大なリサーチやインプットと検証を重ね、課題解決、コンセプト、企画案までをまとめた提案資料、「229ページ」を公開。 mount の実制作前の組み立て方を、ぜひご覧ください。 #WD_AYANA つけて感想を寄せてください。 .

199,903 görüntüleme

デジタル企業の産業成長プラットフォーム「W4Partners」のウェブサイトを制作しました。 シンボルマークに込められた、企業が集まり、輝き・結晶をつくるという想いを、ロゴアニメーションにのせ表現しています。 AD, PL, D:米道 昌弘 米道昌弘 / mount inc. Dev, Logo Animation:須多 望 須多望 Suda Nozomu / mount inc. .

デジタル企業の産業成長プラットフォーム「W4Partners」のウェブサイトを制作しました。 シンボルマークに込められた、企業が集まり、輝き・結晶をつくるという想いを、ロゴアニメーションにのせ表現しています。 AD, PL, D:米道 昌弘 米道昌弘 / mount inc. Dev, Logo Animation:須多 望 須多望 Suda Nozomu / mount inc. .

41,654 görüntüleme

ロゴに宿るデジタル性を誇張せず、 上品さと精度を保つためSVGを用いました。 平面でありながら、 奥行きを感じさせる表現に挑戦しています。 AEでロゴアニメーション用の座標データを作成しエクスポート。 そのデータをもとに、 回転や結晶化のモーション、 揺らぎや煌めきをプログラムで表現しています。 .

ロゴに宿るデジタル性を誇張せず、 上品さと精度を保つためSVGを用いました。 平面でありながら、 奥行きを感じさせる表現に挑戦しています。 AEでロゴアニメーション用の座標データを作成しエクスポート。 そのデータをもとに、 回転や結晶化のモーション、 揺らぎや煌めきをプログラムで表現しています。 .

36,385 görüntüleme

Paw inc.のサイトは、 上下・左右、一方方向に情報を読み進める 従来型サイトではなく、 360度どこへでも進める設計に。 自らの手で自由に人生を描き、 その先で出会うワクワクを 大切にするPawの想いを Webならではの表現に落とし込みました🎨 .

Paw inc.のサイトは、 上下・左右、一方方向に情報を読み進める 従来型サイトではなく、 360度どこへでも進める設計に。 自らの手で自由に人生を描き、 その先で出会うワクワクを 大切にするPawの想いを Webならではの表現に落とし込みました🎨 .

38,765 görüntüleme

隠し要素)セルフィーモード インカメラに映った人のシルエットが、 影となってサイトに登場します。 影の映画が始まりしばらくすると出てくる 謎の物体をクリックするとスタートです。 スマホでも可能ですが、 PCでの体験をおすすめします。 #WebGL #Threejs #TensorFlow

隠し要素)セルフィーモード インカメラに映った人のシルエットが、 影となってサイトに登場します。 影の映画が始まりしばらくすると出てくる 謎の物体をクリックするとスタートです。 スマホでも可能ですが、 PCでの体験をおすすめします。 #WebGL #Threejs #TensorFlow

42,640 görüntüleme

裏側その1) 3D実装について 1枚の紙は単純な平面メッシュで、多様な穴のバリエーションをプログラム制御するために シェーダーでくり抜き・ベベル処理を施しています。 #webgl #threejs .

裏側その1) 3D実装について 1枚の紙は単純な平面メッシュで、多様な穴のバリエーションをプログラム制御するために シェーダーでくり抜き・ベベル処理を施しています。 #webgl #threejs .

41,284 görüntüleme

Videos

Daha fazla içerik yok.