本気でAndroid用のアイコンを作る
この記事はAndroidAdvent Calendarのエントリーです。 はじめにAndroidが国内に出回って5年が経ちました。 当初の標準アイコンのままアプリがAndroid Marketに公開されるような状態は落ち着き、時代とともにデザインも洗練され一定の秩序が見られるようになってきました。 しかし、未だにデザイン面を考察した形跡が見えないアプリも少なくありません。 スマートフォンは多数のアプリを使うため、ルールに基づいたプラットフォームで一貫性のあるデザインを土台にするのが操作性の良さにつながります。 独自性を出すためや新たな操作性を開拓するためにあえてルールを守らないと言う事もありますが、まずはデザインルールを知りその上で設計することが大原則になります。 ランチャーアイコンアプリデザインについて語る上でランチャーアイコンから入らない訳には行きません。 ランチャーアイコンはアプリの
Aaron Beall - Fireworks Guru - Export
Export Commands Command bundle for Adobe Fireworks Aaron Beall 2011 - fireworks.abeall.com Version 1.0.6 Description: An assortment of commands to export Fireworks designs to other formats: Export Pages and States - Exports both pages and states to files at the same time, with a customizable filename schema. Export Slices As Sprites - Exports slices combined as a single image, or each slice as an
みんなのFireworksで、パターンを使ってきれいなWebデザインを目指す。Photoshopもあるよ！ | Web屋のーりー
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/nori44/nori44.jp/public_html/blog/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524 みなさん、Fireworksつかってますか？ Fireworksを知らないなんてもったいない。Webサイトのデザインを作るのに便利なんですよ。 今回は自分自身のメモ用でもあるんですが、Fireworksでのパターン適用方法です。Photoshopでのやり方もついでにご紹介！ パターンってなに？ そもそも、パターンって何な
Instagramっぽいフィルタに憧れてFireworksで写真を加工してみた - F.Ko-Jiの「一秒後は未来」
Twitterのプロフィール画像に使っているくまの写真を使ってFireworksで遊んでたら、なんだかいい感じに加工ができてひとり喜んでしまったんでやり方を紹介してみる。 ↑ 元の写真はこれ。 この写真にノイズ、カラーの塗り、シャドー、ぼかしといったフィルタを適当に追加してみた。 ↑ 出来上がった写真がこれ。 ちょっとInstagramっぽくない？んなことない？ ちなみに使っているFireworksはCS3なのでちょっと古いです。たぶん機能の10%も使いこなせてないし、最新版にもアップグレードしてない。 なので使い方が合ってるかわからないし、説明中に出てくる機能はバージョンによっては変わってたりするかもしれません。あしからず。 「カラーの塗り」というフィルタを使ってみる ↑ 昔から謎だったこのあたりのフィルタ。 ↑ 「カラー調整」にある「カラーの塗り」というフィルタを選び、適当に色をグレー
| Fireworksだけで綺麗な切り抜きをする場合の設定と方法神戸ホームページ制作センター
切り抜きを行うツールとしてphotoshopを使われている方は多いと思います。細かい、複雑な切抜きはやはりphotoshopの方が便利だったりしますが、 Web制作において忘れてはいけないFireworksでもかんたんに綺麗な切抜きができます。 今回は複雑な形と思われる ・水の切り抜き ・炎の切り抜き の方法について記述したいと思います。 設定を変更しておく 編集→環境設定→編集→選択精度 単純に高いほうが精度がいいです。 ここでは最高の10に設定。 “自動選択ツール”と”選択範囲をパスに変換”を使う 自動選択ツール Wで切り取る部分を選択 プロパティはこちら “アンチエイリアスをオン” 許容量は切り抜きたい境目の色の差があいまいな場合は数値を低くして精度を高めたりして調整してください。 選択部分を削除 選択された切り取る部分を削除します。 選択してDelete さらに綺麗にしていく 素材
ロゴのパス抜き面倒くさいからFireworksにがんばってもらう | 予習と復習
ロゴの支給が画像のみ、その上背景色がついてて、なんだかスピードが求められてる。 そんな時、ロゴのパス抜きなんかやってると面倒くさい上に時間もかかる。さて、どうしたものか………ちょっと、制約はあるけどAdobe Fireworksさんに解決してもらいましょう。 ロゴはレギュレーションシートと.pngとか.aiとかで支給！！それが理想 しかし現実は………「現行のウェブサイトから引っ張ってきて下さい。」「.jpgしかありませんけどこれでいいですか？」「パワポで送りま〜す。」等々。いろんな感じです。ヘッダーの背景色の問題で、ロゴは透過して使いたいなぁ………パスで抜くかぁ………これなんのフォント？？………はぁ、めんどい………。 Fireworksさんお願いします。 では、このサンプル画像でやってみようと思います。 はい。じゃあその画像ををFireworksで開いて下さい。 それでは行きますよ。 手順
Fireworksで.icoファイル(ファビコン)を作成する方法 | サイブリッジラボブログ
こんにちは、けっつんです。 こないだの土日、社長はミラコスタにお泊まりしていたようですが 私は実家に帰り、ひさしぶりにお菓子作りとかしちゃいました。 ちんすこう作りました。ちんすこうって作れるんですね。 ちょっと焦げましたがちゃんとちんすこうでした。 さて、今日のテーマです。 .ico形式のファイルを作成するのに、いちいちジェネレーターを使ったり Photoshopにプラグイン入れて書き出してみたりなど いろいろ方法はあるかと思いますが、 今回はサイブリッジのデザイナのように、普段のデザイン作業はFireworksで！ ほかのソフトをいちいち立ち上げるのメンドイんだよね というひとにオススメのエクステンションをご紹介します。 インストールと使い方 ExportAsFavicon | johndunning.com ここからダウンロードしたファイルをFireworksにインストールします。
Adobe Fireworks で Photoshop ブラシなどを使う方法（あくまでなんちゃって方式 - Office L テクニカルノート
調子にのってもう一個もエントリーしとこうかな。 Adobe Fireworks では、インターネットで数多く出回っているフォトショップブラシがブラシとして使えない、と言われています。 最近でもmixiのコミュニティで質問があがっていましたし、海外でもIs there any way to use photoshop brushes in FW?とか、PHOTOSHOP BRUSHES INTO FIREWORKS?とかにもあるように、できねーYO!と言われています。 この回答は確かにフォトショップやイラストレータを使いこなしている人には正しいです。Fireworks では、ブラシとしてフォトショップの無料ブラシは利用できません。 ですが、デザインが本職ではない私のようなレベルの人間には、スタンプとして使えれば十分なので、コレは正しくありません。 で紹介されている、http://abrvie
DEZIMO.COM: fireworksで人物の切り抜き方法
デザインを行っていると画像の切り抜きという作業が必ず必要となることがあります。 その中でも人物の切り抜きは髪の毛を含むので普通にパスを使って切り抜いていたら非常に手間がかかってしまいます。 Photoshopを使っている場合こんな方法でできるというのは割と有名なのですが、人物の切り抜きだけのためにPhotshopにツールを変えるというのも癪なので、fireworksで試行錯誤の上、これが一番楽だろうという方法を見つけましたので紹介します。 ※環境はfireworksCS3を想定しています。 １、切り抜く画像を開く まず切り抜く画像をそのままfireworksで開きます。今回は髪の長い女性の画像を選んでみました。髪の先端が細くて切り抜くのが難しそう ２、髪の毛以外の部分のふちをペンツールで選択 ひとまず体などのふち（外側）をペンツールで選択します。髪の毛は適当に余白をとって選択しておきます。
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
Fireworksで色の置換 ｜ ブログ | ホームページ制作・webコンサルの流楽
この紫なデザインが一瞬で緑になります。 Fireworksの「編集」＞「検索」で、 ・ドキュメントの検索 ・カラーの検索 ・検索→紫 ・置換後→緑 ・適用→適用したい箇所（今回はすべてにしました） として、検索ボタンを押すと… 一瞬で全部緑に！ こんな風に、Fireworksで色の検索置換が出来るとは知りませんでした。 もちろん、紫でも、まったく同じ色である必要があって、 微妙に違う紫を使用していると、緑にはなりませんが、 同じ色ならグラデーション部分まで変更してくれるのが嬉しいです。 実際にデザインをしていく上では、上の画像のように全部同じ紫という事はあまりなく、 HTML化後ならCSSの変更もあって、色変更が一瞬でできる事はありませんが。。。 それでも、ひとつひとつ色を変更していた時の事を思えば、とても便利な機能です。 ソフトにはまだまだ知らない機能がいっぱいあって、全体の10％の機能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG画像を出力するFireworks拡張機能 | hifi-dev
https://help.adobe.com/archive/ja_JP/fireworks/cs5/fireworks_cs5_help.pdf
Fireworksでモックの変更に便利なシングルレイヤー編集 | Webデザインのタネ
YUKI HARUYAMA Portfolio Site | 春山 有由希
YUKI HARUYAMA Portfolio Site | 春山 有由希
クレヨン風の線を書く of Fireworksの効率的な使い方
YUKI HARUYAMA Portfolio Site | 春山 有由希
toriho-dai.com
YUKI HARUYAMA Portfolio Site | 春山 有由希