一定期間更新がないため広告を表示しています
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
今の仕事場はFireworks8を使用しております。もうCS5が発売されたというのに… Photoshopに比べるとどうしてもトピックスが出てくる回数が少ない。 Webデザインをする機会が増えそうなので、リンク先を収集しました。 使用時にはリンク先の商用利用/個人利用のOK,NGを確認してください。 チュートリアル Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」 | DesignDevelop 2、3日前にエントリーされたチュートリアル。流行デザインが学べます FireworksのマイナーなTips11個 | Webデザインのタネ Fireworksの使用方法を記載した本はあまり見かけないので、Webデザインの仕事をはじめたての時に出会いたかったトピックスです。 【Fireworks】GIFで支給されたロゴを簡単に白
調子にのってもう一個もエントリーしとこうかな。 Adobe Fireworks では、インターネットで数多く出回っているフォトショップブラシがブラシとして使えない、と言われています。 最近でもmixiのコミュニティで質問があがっていましたし、海外でもIs there any way to use photoshop brushes in FW?とか、PHOTOSHOP BRUSHES INTO FIREWORKS?とかにもあるように、できねーYO!と言われています。 この回答は確かにフォトショップやイラストレータを使いこなしている人には正しいです。Fireworks では、ブラシとしてフォトショップの無料ブラシは利用できません。 ですが、デザインが本職ではない私のようなレベルの人間には、スタンプとして使えれば十分なので、コレは正しくありません。 で紹介されている、http://abrvie
デザインを行っていると画像の切り抜きという作業が必ず必要となることがあります。 その中でも人物の切り抜きは髪の毛を含むので普通にパスを使って切り抜いていたら非常に手間がかかってしまいます。 Photoshopを使っている場合こんな方法でできるというのは割と有名なのですが、人物の切り抜きだけのためにPhotshopにツールを変えるというのも癪なので、fireworksで試行錯誤の上、これが一番楽だろうという方法を見つけましたので紹介します。 ※環境はfireworksCS3を想定しています。 1、切り抜く画像を開く まず切り抜く画像をそのままfireworksで開きます。今回は髪の長い女性の画像を選んでみました。髪の先端が細くて切り抜くのが難しそう 2、髪の毛以外の部分のふちをペンツールで選択 ひとまず体などのふち(外側)をペンツールで選択します。髪の毛は適当に余白をとって選択しておきます。
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像(png形式)は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く