今まで知っていたけど、Firework CS4 で使わなかった機能 「Kuler」が便利そうなので、機能をまとめて紹介します。 Adobe Kuler とはプロジェクトのインスピレーションとなる カラーテーマを作成できるアプリケーションです。 ビジュアルを作成するときに、カラーバリエーションを簡単に試すことができ、 また、Kulerコミュニティにある何千ものテーマを閲覧することも可能です。 KulerはCS4（Photoshop、Illustrator、InDesign、Fireworks、Flash）に 組み込まれていて、利用することができます。 また、上記のアプリケーションを持っていない方でも Webアプリケーションとして無償で提供されています。 Kulerの詳細はこちら Webアプリケーション版でもいいのですが、 弊社ではFireworksをよく利用するので、Fireworks版をご
フリーランスでWEB製作をされている@sou_labさんから ドラッグ＆ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です！！ ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
先週末の土曜日、「CSS Nite LP, Disk 14 / Photoshopper meets Fireworks」が開催されました。イベントにご来場下さった皆様、そして関係者の皆様、大変お疲れ様でした。 まずは、この場を借りてお礼を。ありがとうございました（深々）。 さて、当日はFireworks特集となるイベントでしたが、ボクの担当は他の登壇者の皆さんの内容とはちょっと毛色が異なるカラーマネジメントの話でした。「FireworksのTipsやテクニックなどを知りたい方が多いんじゃなかろうか、今回の内容に関して大丈夫かな？」と思っていたのですが、予想以上に良い反応をいただいておりホッと胸をなで下ろした次第です。 とはいえ、プレゼン自体はボロボロだったので、その反省や参加いただいたお礼をこめて当日伝えきれなかったことをこちらのエントリーにまとめてみました。 ＃前もって書いておきますが
こんにちは。きんくまです。 ひさびさのFireworksネタです。 ファイルを上書きするので注意が必要です。FireworksCS4で動作確認してあります。 １ フォルダを指定 ２ 指定の幅・高さ以内に画像がおさまるようにリサイズ ３ 上書き保存 ４ ２、３を終わるまで繰り返し 自分でほしいほしいと思ってて、作る機会もなかったんですが久しぶりに同じことをするため 必要になったのでつくりました。本当はPhotoshop版がほしかったんですけどね。jsx覚えたいな。 使い方としては、拙作jsfEditを使うとすごく簡単なんですが、わざわざいれたくないよという人のために。→Flash経由で大量のバッチ処理をしたところメモリの解放がうまくいかないみたいで、固まってしまうことが判明しました。このバッチはjsfをそのまま実行しないとダメみたいです、、。 １ 下のソースをコピーするか、このファイルをダウ
春山 有由希 / ハルヤマ ユウキ UX / UI Design HTML / CSS Graphic Design Photography Designer & Front-end developer 福岡でプログラマとして就職後、Web制作会社に転職し、デザイナーになりました。 ECサイト、テレビ局や番組サイトのデザイン、執筆や講師業などで経験を積んだのち上京し、株式会社Fablicで フリマアプリ フリル（現ラクマ）のUI/UXデザインを担当。 その後、楽天株式会社でデザインチームマネージャを担当したのち、 フリーランスのデザイナーを経て、現在は株式会社スマートバンクでデザイナーをしています。 MORE PROFILE
Fireworks CS5 でのスライス書き出しTipsをまとめてみました。 スライスするときによく使う、使えそうな小技をご紹介します。 スライスの作成 長方形スライスの作成 オブジェクトを選択した状態で、 右クリックから「長方形スライスを挿入」を選択すると、 選択した画像を覆うスライスオブジェクトを作成できます。 複数オブジェクトを選択した場合は選択したすべてのオブジェクトの 画像を覆うスライスオブジェクトを作成できます。 多角形スライスの作成 オブジェクトを選択した状態で、 右クリックから「多角形スライスを挿入」を選択すると、 オブジェクトのパスに沿って画像を覆うスライスオブジェクトを作成できます。 イメージマップを設定するときに便利な書き出し方です。 ※テキストオブジェクトのみの場合、オブジェクトを選択した状態で、 右クリックしても「長方形スライスを挿入」と「多角形スライスを挿入」
Fireworksのスクリプトの実行、今日めんどいなあと思う作業があって調べてみたんですけど、便利すぎて衝撃的でした。今までどうして知らなかったんだろうという感じです。以下サイトでいくつか紹介されていますが、スライスに連番＋一括名前設定は効率的すぎてやばいです。さっそく使わさせてもらっています。 ■オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB) http://www.pixelimage.jp/blog/2008/02/_fireworks.html で、上記サイトを参考に僕もFireworksでスライス名を一括置換するスクリプトを書いてみました。以下スクリプトを拡張子「jsf」で保存、対象のスライスを選択して「コマンド」→「スクリプトの実行」→保存したスクリプトを読み込んでご利用いただけます。「C:\Documents and Set
台風に対する JR の弱さはなんなんでしょう、火属性でもついてんのかしら。toyama です。 相変わらず Fireworks の小技です。 Fireworks でテキストを打って、色やらフォントやら行間を設定して、これと同じスタイルでもう1ブロック書こうと思ったら、テキストブロックそのままコピペしてテキストを上書きするのが人情ってもんですよね。楽だし確実だし。 よくあるのが、[1]みたいな長文のテキストブロックそのままコピペして[2]を書いたら、[2]の文章が思いのほか短くてテキストボックスの端があまってしまったりする状態。 こんなアンバランスな状態でも、整列コマンドなどはテキストの部分だけを見て働いてくれるのでなんら問題ないと思っていたのですが「こういうのキライ！」と社内のデザイナーに言われてしまったので（名前は伏せます）、これを解消する方法をご紹介します。 1. テキストボックスを選
Photoshop用ブラシをFireworksで。 いろんなサイトでPhotoshopの素敵なフリーのブラシ素材が配付されてて、そんな配付サイトの紹介エントリを目撃するたびに「これFireworksでそのまま使えたらいいのになぁ」なんて思います。まぁそのままブラシとしてFireworks上で使うことはできないのですが、Photoshopの素敵ブラシを使用する機会は多いのでFireworks使いの自分がどう付き合ってるのかっていうエントリです。 とりあえず前提として、Fireworks上でそのままブラシとして使うことはできない（多分）ということで、感覚的にはスタンプ画像みたいな感じで使ってます。とにもかくにも、まずはどうにかして使いたいブラシをFireworks上に移植にする事からですよね。Fireworks用にスタンプ画像的なものを用意するいくつかの方法から。 Photoshopからそのま
はじめに Fireworksには、あらかじめたくさんのテクスチャが用意されています。もちろん、自分でオリジナルのテクスチャを作ることも出来ます。 オリジナルのテクスチャを作ることにより、用意されているテクスチャよりも太い斜線・間隔が広い斜線を実現する、チャックの大きさをより大きくするなど、デザインの幅が広がっていきます。 今回は、オリジナルテクスチャの作り方・適用の仕方を紹介します。 必要ソフトウェア Fireworks CS4 体験版 購入 オリジナルのテクスチャを作る 今回は以下のような星形のデザインを、テクスチャを使ってデザインしていきます。 （完成イメージ） オリジナルのテクスチャを作る際にポイントとなる点が2つあります。 ポイント1.「白」と「黒」を意識する 今回のデザインでは、青い背景に白い星が散りばめられています。ですので、背景色が「黒」・星の色が「白」のテクスチャを作り
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Adobe Fireworks is the neglected cousi
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
こんにちは、花粉症がすっかり治ったシーブレインの toyama です。 大学生の頃はとても酷かったのに、アレか、歳のせいか。 画像のシルエットを生かして影を作りたいなー、なんて思うことがありますよね。 一つ前のエントリでもシルエットを生かした影を作ったりしていますが、面倒で投げています。だめだこんなことしちゃ！ちゃんとパス抜け！ というわけで、画像のシルエットをちゃんとパスで抜こうじゃないかというお話です。 1. 透過画像を用意 透過画像を用意します。透過画像がそもそもなかなかないので、透過画像がなければ背景を切り抜きます。なんだか本末転倒な気もしますが。 むかーしの「素材辞典」は写真によってはパスデータつきだったのにどうしてやめちゃったのかしら。 2. 範囲選択 画像をレイヤーを選択した状態で [Alt] （Mac なら[Option]）を押すと、カーソルが破線の□マークになります。範囲
自分用にメモ。 Creating and editing graphics（画像の編集、作成） Fireworks 8 : 新しいシャドウ機能の正体 Working with and Creating Textures in Fireworks（テクスチャーの作り方） Creating a Collage with Fireworks（コラージュ表現を再現） Creating Photographic Effects with Fireworks（写真に効果をつける） Converting Marquees to Paths in Fireworks 8（マーキーをパスに変換） Fireworks 8: A Power Blender for Graphics（ブレンドモード） Removing Image Backgrounds with Fireworks（背景を抜く） Creati
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912：パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ！ 「Alt+M」→「M」→「G」 （「修正」→「マスク」→「マスクとしてグループ化」） さぁ！みんな声を出して覚えて！ (n'∀')η＜オルト エム エム ジー！ 最前面のオブジェクトでマスクの小ネタ え？こんなの誰でも知ってるって？ んじゃ･･･これを合わせて知ってると便利だよ！ 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く