CSSアニメーションの進化もすごいですが、3DのCSSアニメーションも驚きの進化です! 高校を卒業したばかりの18才の少年がつくった3Dアニメーションのライブラリを紹介します。 voxel.css voxel.css -GitHub voxel.cssのデモ voxel.cssの使い方 voxel.cssのデモ 上部のアニメーションgifは、voxel.cssのトップページで楽しめます。 ファイルサイズの関係で尺を半分くらいにしているので、ぜひ全編を下記ページでお楽しみください。
こんにちは、デザイナーの白浜です。 今回は、普通に描くと形を取るのがむずかしい傘のイラスチを、Illustratorの3D機能を使って簡単に描く方法をご紹介したいと思います。 今回の記事はこちらのまとめをもうちょっと補足した感じの内容になっております。 Illustratorでお絵かきTIPSつめあわせ http://togetter.com/li/743226 下準備 のちに使用する、傘の本体部分のシンボルをあらかじめ登録しておきます。 ポイントは、ストライプ状に並べた長方形オブジェクトの下だけ、ワープ機能を使って(今回は下弦を使いました)波なみにしておくことです。 作ったものは、あとからシンボルをダブルクリックすれば編集可能なので、ざっくりとで大丈夫です。 傘の部分を作る つづいて、傘の部分を作っていきます。 傘の断面のパスを描く まず初めに、傘の断面のパスを描きます。 このパスが一周
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く