【受験レポート】カラーユニバーサルデザイン検定3級
ユニバーサルデザインとは？ Wikipediaによると、ユニバーサルデザインの定義は以下の通りです。 文化・言語・国籍や年齢・性別・能力などの個人差にかかわらず、できるだけ多くの人々が利用できる...
1
0
Comment0
22 search resultsShowing 1~20 results
Stocked
You need to log-in
After Effectsチュートリアル：建造物アニメーションとロゴモーショングラフィックス（第3弾）
「建造物アニメーションとロゴモーショングラフィックス」というタイトルで過去2回記事を解説を書きましたが、過去の記事では網羅しきれなかった内容である、仕上げのロゴに木の葉が落ちてくるアニメーション...
1
0
Comment0
After Effectsチュートリアル：建造物アニメーションとロゴモーショングラフィックス（後半：ロゴアニメーション）
前回、「After Effectsチュートリアル：建造物アニメーションとロゴモーショングラフィックス（前半：建造物アニメーション）」という記事の後編として、今回はロゴアニメーションのチュートリア...
2
0
Comment0
After Effectsチュートリアル：建造物アニメーションとロゴモーショングラフィックス（前半：建造物アニメーション）
架空の「GREENFOREST」という都市開発の宣伝を想定した動画広告を作ってみました。 概要 このチュートリアルでは、After Effectsを使用して、何もない土地に緑が生い茂り、家やビル...
3
1
Comment0
After Effectsでスマホの上で車が走るアニメーションを作成する方法（vol.2）
前回「After Effectsでスマホの上で車が走るアニメーションを作成する方法（vol.1）」では、車が走るアニメーションについて説明したので、今回は出現するアニメーションについて解説します...
3
2
Comment0
After Effectsでスマホの上で車が走るアニメーションを作成する方法（vol.1）
素材サイトを眺めていたら動かしたくなるイラストがあったので、試しに動かしてみようと思います。 完成品はこれです。 今回のアニメーションはおおきく2つに分けられます。 A）車が走っているアニメーシ...
2
2
Comment0
WompとBlenderの比較
はじめに 2022年にリリースされた3DモデリングツールのWompについてコーヒーカップを作成し、Blenderで作成したコーヒーカップと比較し、その使い勝手や機能のレビューを行います。 Wom...
4
1
Comment0
UXデザイン基礎検定を受けてみた
UXデザイン検定基礎とは UX検定基礎は、ユーザーエクスペリエンス（UX）向上の取組みに欠かせないスキルとマインドを実践的かつ体系的に学ぶ、全ビジネスパーソン向けの資格試験です。 UXインテリジ...
4
1
Comment0
HCD基礎検定を受けてみた
HCD基礎検定とは HCD検定とは、 「人間中心デザイン（HCD）基礎知識体系」をベースとした検定試験制度です。2020年にNPO法人人間中心設計推進機構(HCD-Net）のHCD専門資格認定セ...
7
1
Comment0
弊社サービス「リビンマッチ」のロゴでフォントを作ってみた
2024年に創立20周年を迎える弊社のサービスの1つである「不動産一括査定サイト リビンマッチ」のロゴでフォントを作ってみました。 「リビンマッチ」のカタカナ6文字はベクターデータが存在するので...
2
0
Comment0
ブランディングの一環として会社のロゴアニメーションを（勝手に）作ってみた
2024年に創立20周年を迎える弊社のブランディングの一環として、「勝手に」コーポレートロゴのモーションロゴを作ってみました。 目的 リビン・テクノロジーズ株式会社の視覚的なアイデンティティを向...
3
0
Comment0
弊社創立20周年にあたり、20世紀FOXのテンプレートを使ってみる
2024年は弊社リビン・テクノロジーズ株式会社の創立20周年にあたり、いろいろな企画が動き出しています。 アニバーサリーサイトや関連動画を見ていたところ20世紀スタジオ（旧社名は20世紀フォック...
2
1
Comment0
Blenderで作った3DモデルをSketchfabを使ってサイトに表示させる
3Dオブジェクトをサイトに表示する方法の一つにSketchfabを使用するという選択肢があります。 Sketchfabとは、3Dモデルの共有サイトで、ここで取得したコードをサイトて埋め込むことに...
1
1
Comment0
サイトに表示するアニメーションをLottieで作る（Lottie編）
前回の記事で、AfterEffectsを使ったアニメーションを作成したのでサイトにアニメーションを実装する手順を説明します。 【流れ】 1）拡張機能「Bodymovin」をダウンロード、インスト...
2
1
Comment0
簡単にARを体験するならAdobe Aeroがいいかもしれない
簡単にARを作って体験したいという場合、Adobe Aeroがノーコードで気軽に作れます。 また、豊富なアセットがデフォルトで用意されていて、素材を用意していなくても結構遊べます。 【スターター...
2
0
Comment0
サイトに表示するアニメーションをLottieで作る（After Effects編）
webサイトやアプリで情報などを送信した後に表示するページに、以下のようなアニメーションをつけてみます。情報を紙飛行機に見立ててが左から右に飛んで行った後にチェックマークが出てくるアニメーション...
7
4
Comment1
AfterEffectsでコインが宙を舞うアニメーションを作ってみた
下のような回転させながら扇形に広がっていく3Dコインの動画を作ります。 AfterEffectsの基本的な操作ができる方を対象とした記事です。 （A）コイン（B）背景（C）キラキラの3要素を組み...
5
2
Comment0
時期が時期なのでハロウィーン仕様の404ページを作ってみた
期間限定だが、404ページをハロウィーン仕様にしてみました。 ページを読み込んだら、1秒かけてカボチャの口が開いて、メッセージ「404 File not found.」が表示されるというアニメー...
22
5
Comment1
グラスモーフィズム（glassmorphism）のジェネレータを比べてみた
2020年末頃から話題になっているグラスモーフィズムですが、グラスモーフィズムとは「透明度が高い背景とぼかしを組み合わせることで半透明のすりガラスを表現したような見栄え」のデザインをいい、以下の...
5
1
Comment0
CSSだけで作るRevealAnimation
テキストや画像が下から出てくるRevealAnimationの作り方を紹介します。 全体の流れは以下の通りです。 ①ページを表すると、ロゴ画像下から出てくる ②数秒後、ロゴ画像が消えて背景全体に...
3
1
Comment0
22 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles