Google Design の Google Web Designer ツールを使ってみた
- By nukaga
- In note
- With No Comments
- On 26 6月 | '2014
Google Design の Google Web Designer ツール(β版)を使ってみました。
Webオーサリングアプリケーション
起動は軽い。Adobeっぽいツール感なので、Photoshopなどに慣れている人はそんなに戸惑いは無さそう。
「新しいファイルを作る」メニューで出てくるのはGoogle広告用のフォーマットと、他HTML、CSSなど。
広告用のフォーマットは便利そうと思いながら今回はHTMLを選択。
プレビューモードの使い勝手感はGoLiveに似ているかな…。テキスト等は初期位置を自由に決めることができて、そこにコードではdivが生成されていました。
パスツールが使えて自由な描画ができます。
3D機能がついていて描いた絵がぐるんぐるん動かせます。
下部にキーフレームが挿入できるウインドウがあり(アニメーション機能→詳細にしておく必要があり)CSSアニメーションが作れちゃいます。
楽しい!
せっかくなのでわぷーを動かしてみました
(わぷーとは→WordPress日本公式キャラクターわぷー http://ja.wordpress.org/about-wp-ja/wapuu/ )
CSSアニメーションだから軽い!(GoogleChromeのみ動作確認済) SVGのアニメーションにもチャレンジしてみたかったけれど今日はここまで。
サイトも作ろうと思えば作れそうだけど、それよりも最初の用途にある通り、広告バナー作成や、CSSアニメーションを作るツールとしては実践にも使えそうと思いました。
Webでの表現が広がるのは楽しいですね。
(「わぷー」 の画像は、「GPL バージョン2 またはそれ以降のバージョン」というライセンスのもとに公開されています。著作権は作者のカネウチカズコさんに属します。 GitHub わぷーのSVGファイル)