Dina Aminの新しいCSS-Tricks Video Intro

私たちのビデオチュートリアルを知っていますか？特に頻繁ではありませんが、私は長い間それをやっていて、それでもそれが好きで、それを続けることを計画しています。ここに投稿すると、YouTubeでも購読できます。

長年にわたり、私はいくつかの異なるカスタムビデオタイトルアニメーションを使用してきました。これらはすべて、私よりも優れている人々によって作られています。今年5月に、私は周りに尋ねていくつかの良い提案を受けましたが、マティアスがマークを推薦することほど良いものはありませんでした。そして、マークは私にディナ・アミンに連絡しました。

ディナの作品は目を引くものです：それは素晴らしいです！彼女はストップモーションアニメーションと多くの画期的なものが得意です：

プロジェクトについて話し合い、計画します。彼女は言った：

私はAssem Kamalと協力して、CSS-Tricks YouTubeチャンネルの新しいオープニングアニメーションを作成しました。 YouTubeの視聴者がオープニングクレジットをスキップせず、CSS-Tricksのビデオをいくつか連続して見た場合、退屈しないように、非常に短く、簡潔で楽しいアニメーションを作りたかったのです。

彼女は多くの研究を行い、一連の質問をしました。彼女がビデオ、特にチュートリアルでこのようなクレジットを開く役割を非常に知っているのが好きです。それほど長くはなく、いかなる方法でも迷惑ではありません。それを繰り返し見ることがほとんど喜びであることが十分に詳細でなければなりません。

古いビデオタイトルは、キーボードから始まります。

クリスの聴衆が元のタイトルで共鳴できるものを維持したかったので、私たちはAppleキーボードから始めました。最も重要なことは、キーボードを分解したかったからです！

「キーボードを削除しましたか？！」はい、削除します。非常に適切に設計された製品である壊れたAppleキーボードをたくさん見つけるのは簡単です。すべての部品は、最も少ない部品と非常に美しく組み合わされていますが、Appleのみがこの製品を修理できます。ドライバーセットを取り出して開いて、欠陥のあるボタン接続を修復することはできません。そのため、エジプトのような国で修理するには高すぎるため、そのようなキーボードの多くは捨てられています。私たちは3つのキーボードを手に入れました。アニメーションを作成している間に1つを取り、他の2つのキーボードとは異なるキーを使用して、伸びたキーを作成しました。

彼女のInstagramストーリーでいくつかの舞台裏の情報を見るのは興味深いです：

元のタイトルへのもう1つの接続は、コンポーネントとしてのウェブサイトとレイアウトの構築のアイデアです。これは、いくつかの背景スケッチのみで元のタイトルで参照されており、現在、このバージョンで紙のプロトタイプの形で実現します。

私たちは、非常に抽象的な手順で「ウェブサイトの作成方法」を表示するプロセスを考えました。各ステップはすぐに移行して別のステップに変わります。キーボードのクリックからコードまで、次にWebサイトを構成するデザインモジュール、スクロールしてCSS-Tricksロゴを表示します。

これはすべて、ストップモーションアニメーションで行われます！手で部品を動かし、写真を撮り、ビデオにします。

コンセプトの承認を得て、小道具を準備したら、これらすべての驚くべき効果を発揮するためにウィジェットを移動するのに何時間も費やしました。

クリエイティブプロセスのタイムラプス写真をご覧ください！

最終的には、異なるアスペクト比とサイズの複数のバージョンを取得しました。これは、できる限り切り替えて、さまざまなシナリオでより適切なバージョンを使用できるため、素晴らしいことです。これがメインバージョンです！

このようなビデオの最初と終わりにこれらを置き始めました。

ディナとアッサムに感謝します！

以上がDina Aminの新しいCSS-Tricks Video Introの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。