[B! logo] extra_numberのブックマーク

インスピレーションを刺激するモーショングラフィックスの世界へようこそ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

おつかれさまです。デザイナーのみやです。かっこいいアニメーションって何度でも見たくなりますよね。Webサイトでもアニメーション含めてデザインがカチッとハマるとすごく気持ち良いです。そんなアニメーションを考える上で、インスピレーションを得られるモーショングラフィックスがいっぱいあります。いくつか見つけてきたのでまとめました。モーショングラフィックスまとめ https://dribbble.com/shots/3479327-Letter-Animation マンガ的なコミカルな動きが見ていて楽しいです。衝撃とか慣性とかを細かくつけてあげるとイキイキとした動きになる例ですね。 https://dribbble.com/shots/4895350-Moon-Animated-Logo 文字が重なったときに色が反転してるのとか、月とか星の軌道が細かく表現されています。柔らかに広がってい

extra_number 2022/01/12

リンク

Hand Lettered Logos - Google 検索

すべて画像ニュース動画custom calligraphylettering typography logo designhand drawnlettering designfamous logoshandwritingfonthandwritten logodribbblebrush lettering Creating a hand-lettered... www.invisionapp.com Hand-lettered Logos - 462+... 99designs.com Hand lettered Logos - First... www.pinterest.com Hand Lettering Logos on... www.behance.net How to Create a Hand... creativemarket.com Pin by Brand Union

extra_number 2014/01/16

リンク

Sensitive... Google風ロゴの作り方

Googleのロゴで使われているフォントは「Catull」という名前らしいです。書体のサンプルは IdentiFont にあります。（この書体自体は残念ながら有料です。）書体が手に入らなければ、別の書体で試してみてください。次にGoogle風ロゴの作成ですが、想像していたよりも作り方は簡単です。慣れてしまえば5分で出来上がるはずです。どのように作っているかは下のPSDファイルを開いてみてください。今回はPhotoshopを用いて作りましたが、使っているフィルタは「ドロップシャドウ」と「ベベルとエンボス」の二つだけなので、フリーのソフトでもこの機能があれば十分作れると思います。上下のロゴはPhotoshopを使って実際に作成したものです。 →　Google風SensitiveとGoogleロゴのPSDファイル ※フォント情報はラスタライズしてあります。上のSensitiveのサンプルがト

extra_number 2012/09/13

google
logo

リンク

Adding Social Proof to Your Website with Client Logos & Press Mentions - Designmodo

Add Brands That Everyone Knows First and foremost, you need brands that people trust. That’s the whole idea behind social proof. You want to add logos onto your page that people recognize and will say “if they use this website then it MUST be good”. Take a look at the SatisMeter homepage and see if you can find the “happy customers” logo section. How many of those companies do you recognize? You m