デザインしている中で、パスを合体したり分割したり
パスを変形させることは多いと思います。
変形させるとき、多くの方は「パス」パネルを使用すると思いますが、
アイコンだけ並んでいても、どれがどんな働きをするのかわからなくなることはありませんか？
アイコンの絵でなんとなく合体する…くりぬかれる…と、動きは予想できますが
どちらのパスが前面・背面にあるかで、またさらに形が変わってきます。
今回はそんなちょっと迷う「パス」パネル、
Fireworksでいう「パスを連結」部分の早見表をつくったのでご紹介します。
さて、今回は前回の「Fireworksで立体的なアイコンを作る方法」よりも
もっと簡単にできるアイコンの作り方です。
今回は5分で作れるアイコンのご紹介！！
…の予定でしたが、ブログ記事用に作り直したら7分ちょうどかかりました。
すみません…
操作自体は簡単なので、速い方は5分でできると思います。
ぜひ、5分に挑戦してみてください！
アイコンはこちら、建物アイコンです。
ページ下部で制作動画の紹介や、ベクトルデータのダウンロードも可能です。
会社概要の見出しなどに使ってみてくださいね。
サイトや広告バナーをつくる際に、イメージアイコンを使うことがよくあります。
ただ、配布されているイメージアイコンを使用する場合、
「形を少し変えたい！」
「複数のアイコンを組み合わせて使いたい！」
など、サイトなどの雰囲気に合うよう、手を加えたくなる時があります。
ただ、データの加工が不可だったり、加工するのに時間がかかったり…
時間短縮のために配布素材を使ったのに意味がなかった！なんてこともあります。
そんな時はイメージアイコンを
最初から自分で作る！ というのも1つの方法です。
今回は、Fireworksを使って簡単に立体的なアイコンを作る方法を
ご紹介したいと思います。
3月5日（土）に、待望のFireworks特集LP14
「Photoshopper meets Fireworks」に行ってきました！
過去のブログ記事からもわかるように、弊社のメインソフトはFireworks！
入社当時はPhotoshop派で触ったこともなかったのですが、
今ではすっかりFireworksなしでは生きていけない！
このFireworks特集、たしか去年の秋ぐらい？に
開催の話があがったけれど、延期になり…
本当に開催されるの？Fireworksってそんな人気ない？
…と、余計なことを考えていましたが、当日は満席！
会場全体がFireworksへの愛にあふれてて、とても充実した１日になりました。
どのお話も面白いし、スライドもキレイでわかりやすい。
その中でも特に個人的に面白かったものをご紹介。
Fireworksをつかっていると、
「オブジェクト（パス）の整列をすると、アウトラインがぼやける！」
こんな現象がおこったことはありませんか？
しかも、一度ぼけるとCtrl+zでも元に戻らないという、やっかいなバグ。
今回は、
「整列つかってもアウトラインがぼけない！」
そんな方法をご紹介します。
「テキスト修正してサーバーにアップしたけど、今度は改行がおかしい・・・
また作り直して、アップしなおさないと・・・」
「このテーブル、項目が増えてもレイアウトが崩れないかなぁ・・・
検証面倒くさいなぁ・・・」
「打ち合わせ中に、この画像を削除したパターンが見たいっていわれけど・・・
今HTMLファイルもFTP情報もないしなぁ・・・」
こんなとき、リアルタイムでWebページを編集できたら便利ですよね。
そこで紹介するのが今回の方法です。
ブラウザのアドオンやエクステンションのインストールは一切なし！
ブラウザに左右されない！（Firefox、IE8、Chrome、Opera共通）
そんな便利な方法をご紹介します。
Fireworksの「パス」ウィンドウには、作業効率をアップさせる機能がたくさん！
でも、正直たくさんありすぎて機能がいまいちわかりにくい！！
そこで自分のマニュアルもかねて、デザインブログで
少しずつ使い切れてない機能を紹介していきたいと思います。
今回は、「ワンクリックでパスをアウトライン化」と
その応用として「オシャレな文字づくり（テキストの縁取り）」の方法を紹介します。
全社導入しているTwitterで、なにか面白いことできないかなぁ
と考えたのが、こちらのTwitterアイコン。
１つ１つをみると、普通の動物アイコン。
これをフォロワー同士でTwitterアイコンに設定し、
タイムラインがうまくつながると・・・
続きを読む
FireworksCS4を使いはじめて半年後に気づいた
ちょっと便利なあの新機能など、
｢知ってるようで、実は知らない?！ Fireworksの小技｣に引き続き
案外知らなさそうな、小技をご紹介します。
気がついたらFireworksのPNGファイルの容量が●●MBにふくれあがってる？！
レイヤーやページ機能を多用しているわけじゃないのに、どうして・・・？
Fireworksを使っていて、こんな経験はありませんか？
その原因、もしかすると[ ドキュメントライブラリ ] が原因かもしれません。
デザイン部の谷がiPhoneサイト
制作の書籍を出版しました
（担当：大崎）
ページの先頭に戻る