[B! fireworks] saka39のブックマーク

【Fireworks】もうイラストで悩まない！ Fireworks で簡単なイラストを描いてみよう Vol.2 | バシャログ。

saka39 2012/06/08

リンク

PhotoShop&FireworksでWebデザインする為に必要な情報をまとめてみた

PhotoShopでWebデザイン PhotoShopVIP PhotoShopだけでなく、他のソフト共通で使える素材やネタも多い。これからPhotoshopでWebデザインをしたい初心者さんのためのツールパネルとかいろいろ PhotoshopをつかってWebデザインする視点で使う機能解説なので、知ってることも多いけど、ここはまず抑えておいたほうがいい！ Webデザインの1pxを作るためのPhotoshopのレイヤースタイルいろいろこの辺りの設定数値は覚えておこう！他のソフトでも応用できます。 PhotoshopでWebサイトのモックアップをつくるチュートリアル海外のチュートリアルの日本語訳での解説、グリッドシステムの勉強にもなる。日本語で読めるPhotoshopチュートリアル集まとめまずは、日本語でのチュートリアル！どんな使い方をしているのかを知るのが大事！ photos

saka39 2012/05/12

リンク

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

こんにちは、イメージ担当の長谷川です。今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定するまずグラデーションの設定をします。長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。次にノイズを適用量：10で追加します。これが同心円状のヘアラ

saka39 2012/03/12

リンク

続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス

上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。この方法は256色限定で、カラーを最適化できます。半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。詳しい手順は下記の通り。画像を開き、[イメージ]-[複製]で画像を複製します。複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン

saka39 2009/07/27

リンク

【Fireworks】GIFで支給されたロゴを簡単に白抜きに加工する方法 | バシャログ。

例えば Web サイトのリニューアル案件では「ロゴのデータはありません。現サイトで使っている gif 画像を使ってください」というケースがよくあります。「ロゴを白抜きにしたデザインパターンを作りたいんだけど…」という場合には、ロゴをトレース→パス化して使い勝手の良い素材を用意するのがベストな方法ではありますが、トレースする時間が取れない時は以下の方法がお手軽でオススメです。使用した画像加工ソフトは Fireworks です。 ↑支給された（というか Web サイトからコピーした）ロゴの例。透明化もされていないし、切り抜くのも面倒。 STEP 1 ロゴ画像をグレースケールで保存します。 STEP 2 グレースケール化したロゴ画像を背景の上に配置。 STEP 3 ロゴ画像を選択して「フィルタ」→「カラー調整」→「カラーの塗り」を設定。カラーは何色でも良いですが、ブレンドモードは「反転」に

saka39 2009/07/24

リンク