I'm Hidenori Noda. Freelance Art Director/ Motion Graphics Designer in TOKYO. This website contains my works, some photos and motion ideas.
CSS3のアニメーションってスゴい! 先日のぽんたくんの記事でも紹介されたように、CSS3ではアニメーションも制御できるようになりました。 ということで、ぼくもCSS3のアニメーションを使ってdemoをいくつか作ってみました。 SafariやChromeなどwebkitブラウザで表示してみてください。 コピペで使えるCSS3アニメーション - jsdo.it ※PLAYボタンをクリックすると表示されますよ 見れない人のために動画も撮ってみました。 どうですか?CSSだけで、まるでFlashを使ってるような表現ができちゃうんです。 今回はこのCSSのアニメーションのチュートリアルをご紹介します。 「NEW!」というアイコンが、1文字ごとにぴょこんぴょこん跳ねるアニメーションを作ってみましょう。 上記のdemoでいうと二つ目の動きです。 HTML <p class="animetionNew
98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作るチュートリアル集です。 かなりクオリティーの高いものが揃っていますね。 Create an Aperture Style Camera Lens Icon Apertureライクなカメラレンズのアイコン How to Create a Shiny Bucket Icon 光沢のあるバケツアイコン Create a Stylized GPS Icon iPhoneアプリに使えそうな、GPSアイコン Tutorial: How to Create a Television Icon かわいい旧式のテレビアイコン How t
TOP > Design , vector > イラストレーターで描くアイコンチュートリアル55「55 Adobe Illustrator Icon Design Tutorials」 グラフィックデザイナーであればまず間違いなく毎日のように使うソフトウェア「illustrator」。非常に多機能で、レイアウトだけではなく、様々な表現が可能ですが、今回紹介するのはイラストレーターで描くアイコンチュートリアルを集めたエントリー「55 Adobe Illustrator Icon Design Tutorials」です。 How to Create a Yellow Submarine Icon with Gradient Meshes 立体的なものからステッカーのようなもの非常にリアルなものと様々な表現のイラストレーターによるアイコンの作り方がまとめられています。今日はその中からいく
決定版が続きますが、かなりクオリティーが高いのでご紹介。 Design ShardでPhotoshopのテキストエフェクトチュートリアルが18個紹介されています。 いくつかご紹介しますね。 ↑はミルクタイポグラフィーエフェクト。 » Candy Coated Text キャンディーで斜めストライプのテキスト » Smooth Glass Type アクアなテキストエフェクト » Text In Stitches ステッチ柄のテキスト » Create Destructive Black and White Lettering with a Dramatic Splash Effect スプラッシュエフェクト » Using Light and Shade to Bring Text to Life 光と影のあるテキストエフェクト ほかにもかっこいいものが揃っているので、ぜひ見てみてください
DTPの制作現場に携わってると時々「この文字を立体的に表現できる?」なんてリクエストを受ける事がありますが、最近ではAdobeのアプリに3D表現の機能が充実してきたので、昔みたいにサードパーティーのプラグインを使ったりしなくてもお手軽に立体表現ができる様になってきました。ただ、どうしても「いかにも」な感じになったり、質感が乏しかったりで、先方が首を縦に振ってくれる物を作るのが難しい場合も有ります。 そこで、フリーの3DCGソフトを使ってIllustrator等で表現するよりもリアルに文字や図形を立体化する方法を紹介したいと思います。3DCGを制作する際にスキルを要する「モデリング」の部分はIllustratorで作ったパスを使うので、あとは表面の質感(マテリアルやテクスチャ)、光源を設定してやる部分さえ何とか出来れば形になると思います。 フリーで使える3DCGソフトとして、自分はいつも『B
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く