515 » アルファチャンネル付き8bitPNG画像を作る方法
PNG画像について、私は人に説明するとき、以下のようにお話していました bit数色数透過容量 8bitPNG256色透過OK(ジャギあり)軽い↑ 24bitPNGフルカラー透過不可 32bitPNGフルカラー透過OK(アルファチャンネル)重い↓ つまり32bitPNGは透過できるけれど容量が重い。 8bitPNGは容量が軽く、透過もOKだけれど、透過色を指定しなければならないためジャギが目立つという難点がありました。 この問題をFireworksさんで解決できることを知らなかったのです…。 今回はFireworksを使って”アルファチャンネル付き”8bitPNGを作成する方法をご紹介します。 01：8bitPNGと32bitPNGの違い まずは半透明グラデーションありの画像を用意してみます これをPhotoshopで8bit、32bit(24bitPNGの透過あり)で保存してみます。 (※
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
Fireworksでモダンなストライプを作ってみました！ | WebDesign Basic（Webデザインベーシック）
お久しぶりです。今回はFireworksでモダン風ストライプを作ってみました！ 完成はこんな感じになります。どうでしょう？ランダムな色のストライプがスタイリッシュなイメージに見えませんか？ それでは作り方です！ まずグラデーションツールで「しわ」を適応する グラデーションツールで「しわ」を適応します。色は特に気にしなくても大丈夫です グラデーションを水平方向にかける 次にグラデーションを水平方向にかけます。（垂直方向にストライプを作りたい場合は垂直にかけます。) それっぽくなってきましたね！ 使いたい色を配色する 使用したい色と割合を決めます。なるべくグラデーションにならないように配色するのがポイントです。 あとはフィルタなどで色味を調整すれば完成です！ スタイリッシュなサイトのメインビジュアル部分や化粧品などのキャンペーンバナーのバックにも使えそうですね ●おまけ バーコード風デザインも
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Fireworksの素材集決定版 – creamu
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
ロールオーバーさせるためのボタンを作成する【fireworks】 | Journal intime de la nuit noire / ゆえのWebとか日記とか
《Journal intime de la nuit noire》は、「ゆえ」がWebデザインだとかFireworksだとか旅だとかについて気ままに書き綴っているブログです<< July 2009 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> こんばんは！ 二週間ぶりに、Fireworksチュートリアル、いきまーす！ （や、日記書こうと思ってもドラクエぐらいしかネタなくて・笑） Fireworksリファレンス第三弾は、フレームを使ってロールオーバー画像＆スライスを使ってボタンを切り出す、角の丸い「角丸」ボタンの作り方です。……やるよやるよって最初から言い続けて、漸く公開にこぎつけました……。 因みに、今回作るのは、こんな感じのボタン↓であります
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HOME (PIXEL LAB)
FireWorks.20