パス画像をFontに変換！「icoMoon」を使ってみた。 | バシャログ。
1月が終わってしまいましたね～！春が待ち遠しい、seki です。 今回は、今まで画像として書き出して使っていたピクトグラムなどのパス画像を、フォント形式で吐き出してくれるサービス「icoMoon」のご紹介です。一度自分で作ってみたくてウズウズしてました。詳細は以下より。 作り方について 参考サイト→http://webamb.com/web_service/773.html はい！こちらの記事にとても分りやすく紹介されています！ とりあえずその通りにやってみましょうか。 1. Fireworksでまずは元となるアイコンを作る パスツールを使ってサクサク。よくメニュー周りなどで使えそうなものを作ってみました。 無心で作りすぎたせいであまり統一性がありませんが、参考までに。 塗りは黒ベタで。もし描くのが難しいという方は、フリー配布されているアイコンから持ってきても良いかと。 もちろんイラレで作
Fireworks と Photoshop 、gif の書き出しっぷりを比べてみた | バシャログ。
お盆時期を終えて、電車の中がいつも通りの混雑具合になってきました。 まだ夏休み取ってない toyama です。 サイトに使う画像パーツを書き出すときは、スピードと扱いやすさで Fireworks を主に使用しているのですが、どうしてもきれいに書き出せないパーツがありました。jpg で書き出すとサイズの割りに容量が多くなるし、gif ファイルで書き出してもなんだか荒れた感じ。 グラデーションを使ったパーツなんかによくあります。 そこでふと、同じファイルを Photoshop で書き出すとどうなるだろう？と思いついてやってみました。 結論から言うと Photoshop の方がキレイです。 比べてみる 作ったオレンジのグラデーションを使ったボタンっぽいものを Fireworks と Photoshop で 書き出します。 結果は以下です。 Fireworks で書き出したものは横に入って欲しくな
【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。
例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。 「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。 使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。 カラーは何色でも良いですが、ブレンドモードは「反転」に
fireworksで大量の画像を自動でリサイズする方法。 | kimihiko Tech
【テンプレート】都道府県リスト ⇒ 18006 (2018/11/06) ⇒ yasu (2015/05/26) ⇒ (2013/10/04) ⇒ やまこ (2013/06/04) ⇒ (2012/11/26) ⇒ (2012/07/27) ⇒ (2012/04/02) ⇒ (2012/01/27) ⇒ kimidora (2012/01/05) ⇒ (2011/11/05) ⇒ (2011/04/01) ⇒ (2011/01/07) ⇒ (2010/11/27) ⇒ kara (2010/11/27) ⇒ し (2010/11/25) ⇒ (2010/11/01) ⇒ (2010/09/17) ⇒ (2010/07/25) ⇒ あい (2010/07/21) ⇒ PATENT-MAN (2010/07/06) 運営者プロフィール ⇒ 飯塚 (2018/11/06) Windows7,vi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
