Fireworksのここが便利!この機能がたまらない!こんなところが好き!こんなこともできちゃう!!などなど、Fireworks大好きなAdventCalendarです。
![Fireworks Lover Advent Calendar 2012 - Adventar](https://cdn-ak-scissors.b.st-hatena.com/image/square/216cc359e648393f04b96c88311401bbb5691aa2/height=288;version=1;width=512/https%3A%2F%2Fadventar.org%2Fog_image.png)
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル(現ラクマ)のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Last week I was wasting my free time (just a few hours :) vectorizing iPhone GUI to make a Fireworks Library. As it has several combinations, buttons, backgrounds, etc, I wrote some lines of code (with a little help of my friends sofanaranja and mamuso) to improve the simple vector symbols into rich symbols, with some variables. kekoponte also help me beta-testing. I don’t have enough time to wast
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
お盆時期を終えて、電車の中がいつも通りの混雑具合になってきました。 まだ夏休み取ってない toyama です。 サイトに使う画像パーツを書き出すときは、スピードと扱いやすさで Fireworks を主に使用しているのですが、どうしてもきれいに書き出せないパーツがありました。jpg で書き出すとサイズの割りに容量が多くなるし、gif ファイルで書き出してもなんだか荒れた感じ。 グラデーションを使ったパーツなんかによくあります。 そこでふと、同じファイルを Photoshop で書き出すとどうなるだろう?と思いついてやってみました。 結論から言うと Photoshop の方がキレイです。 比べてみる 作ったオレンジのグラデーションを使ったボタンっぽいものを Fireworks と Photoshop で 書き出します。 結果は以下です。 Fireworks で書き出したものは横に入って欲しくな
理論編 画像加工におけるモザイクとは、特定の領域(モザイクひとマス)に含まれる色を平坦化する加工のこと。つまり領域毎にそこに含まれる色の代表値を選び出し、その領域を選んだ色で敷き詰めればモザイクになります。 Fireworks MXによる実践編 例としてこの画像の真ん中にモザイクを掛けます。 まず、モザイクを掛けたい範囲を選択。以降、選択範囲を維持したまま操作を続けます。解除されないように注意。 そして選択範囲をコピーしてそのままペースト。同じレイヤーに新たなビットマップオブジェクトが作成されます。 ここで環境設定を開き適当な画像補間方式を選ぶ。一般的にはバイキュービックで良いでしょう。この補間方式によって出来上がるモザイクの雰囲気が少し変わります。 続いて数値を入力して変形で選択範囲を縮小。この時に選ぶ倍率でモザイクの荒さが決まります。この例ではモザイク一つを5×5ピクセルにするために、
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン(ちょっと言い方を変えてみた)では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう?1 は彩度(鮮やかさ)が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
こんにちは! Fireworksのバージョンが分からないので大雑把に・・。 写真画像の上に【矩形ツール】で四角のオブジェクトを描きます。 オブジェクトのカラーは白で、バージョンによっては黒で・・(両方やってみて下さい) そのオブジェクトを選択した状態で【プロパティインスペクタ】の『角丸の半径』というところを調整します。 【レイヤー】パレットで写真とオブジェクトの両方を選択して・・ おそらく『修正』メニューの中に『マスクとしてグループ化』というのがありますので、適応します。
Fireworks8入門・動画講座(バナーやボタン・ヘッダー画像の作り方) ファイヤーワークス8の使い方を動画で紹介します。 バナーやボタン・ヘッダー画像の作り方など、ホームページのパーツや素材を制作する方法に絞って機能を紹介します。 ※Adobe® Fireworks® はAdobe Systems Incorporated(アドビ システムズ社)の商標です。 人気のエントリー一覧 [ 人気のエントリー一覧 | 最新のエントリー一覧 ] チカチカと点滅するアイコン(3)アニメーションGIFの書き出し ファイヤーワークスの「イメージプレビュー」で... (4)写真を合成して、ヘッダ画像を作る 横長のヘッダー背景、複数の写真をこんなふうに... チカチカと点滅するアイコン(2)アニメーションの設定、透明GIF ファイヤーワークスでアニメーションを作るには... (4)Dreamweaverと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く