手書きのようなSVGアニメーションの作り方 -文字や図形を一筆書きのように線・ラインで描く
文字や図形、そしてイラストやロゴなどを一筆書きのように、線・ラインで描くSVGのアニメーションが驚くほど簡単に作成できるオンラインツールを紹介します。 下記のように一つずつ順番に描いたり、3つを同時に描いたり、タイミングをずらしたりもできます。 ※キャッチ画像なので、SVGアニメーションをGIFアニメにしたものです。 ラインで描くSVGのアニメーションをいくつか作成してみました。 まずは、SVGファイルを用意します。 シンプルな図形を描いたSVGのキャプチャ ※キャプチャなので、PNG画像です。 3つの図形を順番にラインのアニメーションで描いてみます。 イラストやモックアップをラインで描くアニメーションをよく見かけますね。
無料でSNSに使えるアニメーションデータや画像を簡単に作成できるオンラインフォトエディター「Crello」でオリジナルデータを作ってみた
ソーシャルメディアに投稿するための簡単なアニメーションやプロフィール画像、または広告などを作成したい時に、簡単にデザイン性が高いコンテンツを作成できるサイトが「Crello」です。オンライン上で編集するのでインストールが要らず、あらかじめ用意されている写真アイコンなどの素材やテンプレートを使うだけで簡単に作成できるというCrelloで、実際に簡単なアニメーションを作ってみました。 Crello — Free Graphic Design Software. Simple Online Photo Editor https://crello.com/ 実際にサクッと作成してみたのはこんな感じ。30種類のフォーマット、1万種類以上の素材が用意されており、テキストや画像の追加など部分的な編集でデザイン性の高い作品が作れます。 テクノロジーっぽい感じにしてみるとこんな感じになり…… ゲーム関連だと
Brandmark - make your logo in minutes
Step 1: enter your business name. Step 2: enter a few related keywords. Step 3: choose your desired color style.
知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ
「もっと楽な方法は？」「イラストレーターの効率的な使い方を知りたい。」 そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能を網羅した、新作デザインチュートリアルをまとめてご紹介します。 ステップごとに進めていくので迷うこともなく、各種ツールのより実践的な使い方まで詳しく知ることができるチュートリアルを中心に揃えています。Illutrator の可能性を広げる万能テクニックを学んでみてはいかがでしょう。 詳細は以下から。 知識ゼロから Illustrator をしっかり学ぶデザインの作り方、チュートリアルまとめ カラフルな花がらの水墨画をデザインする方法 グラデーションメッシュ機能を利用し、Illustrator ではむずかしい淡い色合いを表現できるチュートリアル。 幾何学模様を利用した雪の結晶の作
手軽にスタイリッシュなロゴを作成できるサイト｢GraphicSprings｣ | ライフハッカー［日本版］
｢GraphicSprings｣は手軽にプロっぽいロゴを作成できるサイトです。ロゴのもとになるパーツがたくさん用意されており、テキストを追加することでロゴを作成できます。色の編集や大きさをカスタマイズすることもでき、自由度は高いです。 以下に使ってみた様子を載せておきます。まずGraphicSpringsへアクセスしましょう。 まずはロゴのベースとなるシンボルを決めましょう。色んな種類があるので少し迷うかもしれませんね。 次にシンボルをベースにテキストを追加してみます。色や大きさの編集もその場で行えます。 最後に出来上がったロゴをダウンロードして完了です。手軽にスタイリッシュなロゴが作成できましたね。ロゴ作成の機会があれば、ぜひご活用ください。 GraphicSprings （カメきち）
WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌
CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。 角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳