すべてのカテゴリ

本日は、Webサイト制作で使用した装飾パーツについてまとめます。今回は、CSSで平行四辺形のパーツを作成しました。まず、要素自体に `transform: skewX()` を指定することで、通常の四角形を斜めに変形させ、平行四辺形の形を作りました。ただし、そのままだと中の文字まで斜めになってしまうため、内側のテキストには逆方向の `skewX()` をかけて、文字が読みやすいように調整しています。さらに、右上と左下には `::before` や `::after` の擬似要素を使って、小さな三角形の装飾を追加することで作りたい六角形を完成させることができました。擬似要素を使うことで、HTML側に余計なタグを増やさずに、CSSだけでデザイン性のあるパーツを作ることができます。今回のような小さな装飾でも、サイト全体の雰囲気に合わせて形や色を調整することで、デザインの統一感を出しやすくなります。CSSだけで図形を作れるようになると、画像に頼らずに細かい装飾を表現できるので、今後の制作でも活用していきたいと思います。

After effectsによる高度な映像を作成いたします。通常の編集、動画作成では表現できない高度な映像モーションロゴやタイトルスライドショー、フォトアルバムスタジオリバティはAfter effectsでしかできないカッコイイ動画の作成をいたします。まずはお気軽にお問い合わせください。

After EffectsとPremiere Proで動画編集をしています。また、Mid-journeyでAIによる画像生成もしています。ぜひお気軽にお問い合わせください。

こんにちは、侘助289です。最近、ソフトやアプリで簡単に動画やアニメーションが作れますよね。もれず私も以前から興味があったわけなのですが、やっと先日はPremier Pro、昨晩はAfter Effects と着手。興味のあることなら勉強も苦になりませんね！笑実はイラストの100日チャレンジを行っているのですが、どうせなら描いたキャラを動かしてみるかと思いデータ作成をしてみました。カバーに置いている男の子なのですが、結果なんとか動かせたもののぎこちない。そのうちお見せできるようになればYouTubeにアップしてこちらでも見ていただけたらいいなと思います！目標があるっていいですね！

ココナラトップクラスのハイクオリティな映像を作成しますAFTER EFFECTによる高度な映像結婚式動画一般企業のPV、MV卒業、卒園の記念動画などまずはお気軽にお問い合わせください

ブログをご覧いただきありがとうございます。動画制作などを趣味にしております。mizukiと申します。自身が作成した作品などをブログに投稿していきたいと思います。作品をご覧いただき、気になりましたらご相談などさせていただけますと幸いです。今回はsaberロゴアニメーションというものを投稿させていただきます。2年ほどブランク期間があり、最近から復帰となりました。今回の作品については動画のOPなどに挿入できそうな短くかっこよくを念頭に作成してみました。よろしければ閲覧いただけましたら幸いです。