プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
プラカンブログ ホームページ制作に関する役立つ記事からおもしろ記事など。 プラスデザインカンパニーの スタッフによるブログです。
※Light版を追加したので、エントリーを全体的にアップデートしてます(2010/04/14 )。 以下のエントリーのつづきです。 オリジナルツール / フォント一覧管理パネル 「PI_FontList(AI用)」を作りました。 前回はAI用だけリリースしましたが、今回は、以下のバージョンをリリースします。 機能限定、軽快動作のLight版も追加してます。 Fireworks CS4用 Flash CS4用 Photoshop CS4用 Illustrator CS4用 CS3の場合は、アプリごとに動いたり、動かなかったりして、検証が大変なので、CS4以上としています。 もうすぐ登場するであろうCS5については、当然、未検証です(たぶん、いけると思うけど)。 ■ScreenShot 通常版「PI_FontList」 Light版「PI_FontList_Light」 ■「PI_FontLi
どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・`) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 (2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…) たまにFireworksで作成したデザインデータ(.png)をPhotoshop形式(.psd)にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
Dlifeで新たにスタートした「4400 未知からの生還者」が気になって仕方ないmackyです。Dlifeとビールさえあれば…。どうぞよろしくお願いします! さて今日は、まだまだバリバリ使わせてもらっているFireworksの、ペーストにフォーカスしてみようと思います。 Fwの便利ペーストその① ~属性のペースト編~ 属性のことなるテキストを配置します。 一番上の属性に統一させます。 ではまず、 Ctrl+Cで統一させたい属性のテキストをコピーします。 次に、 属性を変更したいテキストを選択し、Ctrl+alt+shift+Vでペースト。すると… もう完成ですね。 ビギナーには知っておくと嬉しい時短ショートカットですね。 Fwの便利ペーストその② ~マスクのペースト編~ マスクの扱いは早めに制しておきたいですよね。 画像を用意します。 マスクしたい形のオブジェクトを描きます。 オブジェクト
学校ではPhotoshopを習っていたのに、 いざ働き始めるとFireworksだったということがあるかもしれません。 Fireworksでよく使う機能と便利な方法・技をまとめました。 基本的な使い方 文字設定/Fireworksで覚えておくと便利な文字設定まわりのTips 文字に線/Fireworksでできる文字装飾(縁取り編) 破線の書き方その1/【Fireworks】 ストロークを破線で描く 破線の書き方その2/Fireworksで破線をラインツールやペンツールを使わずに一瞬で描く方法 マスク/Fireworksで写真をマスクする方法 シンボルとライブラリ/こんなに簡単!?Fireworksシンボルとライブラリで楽々バナー管理! - tomo_e memo フィルター/ライブフィルターによるエフェクトの作成 ドロップシャドウ/「Fireworks」で差がつくドロップシャドウの3つのコ
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね!を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworks Lover Advent Calendar 2013の9日目です。みなさん「共有ライブラリ」は使ってますか!?共有ライブラリとは、シンボル化したオブジェクトを共有ライブラリの中に登録しておくことで、別のファイル上でも、いつでも登録したシンボルを呼び出すことができるという、便利なFireworksの機能です。 共有ライブラリには、自分で作成したオブジェクトを登録することも出来ますが、実は、既にデフォルトの状態で、数多くのオブジェクトが登録されています。 アイコンの素材など、初期登録といえど点数もなかなか多いので、「最初から入ってるアイコンの一覧があったらいいのになー。」と思い、折角だったので中身をざ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
最近昼間の暖房が少し暑いくらいなので、油断して薄着で出かけてみたら夜寒くて死にそうになった seki です。 今回は、先日Fireworksの拡張機能を色々復習&整理をしていた時にたまたま見つけた拡張機能「Transform Panel」というのを入れてみたので、機能のご紹介をします。Fireworksで要素のサイズや細かい座標をプロパティで直接入力する人には、痒い所に手が届く良さを感じられるかと。 詳細は以下より。 ダウンロード http://www.senocular.com/fireworks/extensions/?entry=572 こちらからダウンロードしてください。 「Transform Panel」で出来ること まずは基本となる便利な機能を一つ一つ見ていきましょう。 実際のパネルがこちら。 簡単に言うと画像やテキストの変形を補佐してくれる拡張機能です。 1.小数点単位を表示
When creating wireframes, it's often useful to suggest the presence of text without using actual words, which can distract the viewer from the overall layout. Even "lorem ipsum" dummy text requires the selection of a typeface and size, which may be too much detail for the mockup. In hand-drawn mockups (does anyone still draw by hand?) you could use a marker to draw lines of different lengths to su
TweetWebデザインのワイヤーフレームを作るとき、テーブルを作るのがけっこうめんどくさい。 そんなときに便利なFireworksの拡張機能「Tables」をご紹介します。 これさえ使えば何個も四角形をつくったり線を引いたりすることなく、クリックするだけで簡単お手軽にテーブルを表現することができるのです。 Tablesは下記のサイトからダウンロードすることができます。 Tables – Adobe Fireworks Extensions, Commands and Panels – johndunning.com mxpファイルをダウンロードしてFireworksへのインストールを済ませたら早速使ってみましょう。 まずは適当に表組みの中に含めたい要素を配置します。 空白にしたい部分にもとりあえず適当な要素を配置しておきます。 配置したい要素を選択してCreateボタンをクリックします。
前回はFireworksで塗りのテクスチャやパターンを使用しましたが今回は最後にマスクでちょっとひと手間かけた感じに仕上げていきたいと思います。記事の最後に、イラスト作成によく使う小ネタ2つ付きです。 Fireworksのマスクは単純で、組み合わせいろいろ Fireworksのマスクはすごくわかりやすくて、これもFireworksが好きな理由のひとつです。グループ化したパスでもマスクできるので、写真の切り抜きで、シャープなところをボケたところが混在する写真なんかすごく便利です。 今回はこんな感じで、単調になりがちな、ただの「塗り」で構成されたイラストをテクスチャでマスクして質感をプラスします。 イラストを描く 前回と同じく、「木炭画」→「滑らか」のモクモクした線でイラストを描きます。塗りは普通です。 マスクを作る 描けたら、模様を入れたいところだけグループ化します。顔にテクスチャを入れると
mega ball hollywoodbets Nam Minh Húc cũng có chút linh niệm mở ra nhẫn trữ vật trên ngón tay. Hội đồng tuyển sinh netbet live roulette ⚽ kortspel baccarat 🎖️ coral online betting offers - fb-research.net ameristar blackhawk phone Chẳng lẽ Bệ hạ đã quên hàng ngàn linh hồn đã chết trên chiến trường! Lễ hội đèn lồng Trung thu betway mobile apk Hai mẹ con Nan Mingxu và Nan Mingyu nhìn nhau, crypto ea
来年のテーマを早くも「断捨離」に決めた sakai です。 今回は Fireworks でワイヤーフレームを作成する際に活用したい機能についてです。 この記事は Fireworks Lover Advent Calendar 2012 の 10日目です。良記事ばかりなので、ぜひチェックしてみてください! Fireworks でワイヤーフレームを作成することのメリット そもそも、なぜ Fireworks でワイヤーフレームを作るの? ピクセルベースで作業ができる。 ピクセルベースでオブジェクトを作成・配置できるので、グリッドでレイアウトすることも簡単です。 ページ機能・共有レイヤー・共有ライブラリ・ステート機能が強力すぎる。 Web サイトの制作に特化したツールだけに、他のツールにはない強力な機能があります。 ワイヤーフレームの作成からコーディング直前までの工程を Fireworks オンリ
3日間、ノロウイルスにやられ寝込んでいました ishida です。 手洗い・うがいはキチンとしておきましょうね。 さてさて今回は、「Fireworks Lover Advent Calendar 2012」 8日目のエントリーとして Fireworksでワイヤフレーム・モック作成時に覚えておくと便利な拡張機能について2つご紹介します。 自分はワイヤーフレーム作成につかうツールは、もっぱらFireworksです。 CS6にバージョンアップされてからワイヤーフレーム用の共有シンボルがめちゃくちゃ増えて、デザインツールとしてだけではなくワイヤフレーム作成ツールとしても便利になりました。 ちなみに共有シンボルの「ワイヤフレーム」内にあるパーツはこんな感じです。 また「jQuery Bootstrap」のパーツもあったりします。 これだけでもかなり便利なのですが、コンテンツ内のアタリ画像とダミーテキ
やばい、メモリ不足で挙動がおかしいなんてことはありませんか。 編集ファイルが保存できなくなる前にページを分けて保存できないのか? でも1ページ毎に保存するなんてめんどくさそう。 私もそう思っていました。 そこで海外のFwユーザ@chunwuiに相談したところ、普通にできるよとやり方を教えてもらいました。 まずメニューからファイル>書き出しを選択。 書き出しダイアログの書き出しプルダウンで「ページからファイルへ」を選びます。 そして書き出し形式を「Fireworks PNG」にします。ここがミソです。 CS6では対象ページを選べますが、CS4で確認したところ選べるのは「すべてのページ」だけのようです。 書きだされたFireworks PNGはページ名がファイル名になります。 CS6ではページパネルで右クリックして「選択したページの書き出し」を選んでも同じことができます。 以上、ページ数の多い
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね!を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ Fireworksには、Photoshopでいう「アクション」と同様の機能として、「コマンド」という機能が搭載されています。この機能を利用すると、ある一連の操作を記憶しておき、いつでも呼び出してオブジェクトに対して実行する事ができるので、大変効率アップに繋がります。それでは、使い方についてご紹介します! 一連の操作を「コマンド」として記録する まず、Photoshopの場合ですと「記録を開始」→「記録を中止」→「アクションを保存」といった流れで操作の記録を行いますが、Fireworksの「コマンド」には「記録を開始」に相当する操作はありません。 ちなみに、コマンドの記録には「ヒストリーパネル」を使います。 コマンドを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く