タグ

fireworksに関するsivippのブックマーク (6)

  • Yoropan@Fla - Fireworksに入れてみた機能拡張

    【スタイル】  ●Web 2.0 styles 概要:上図のようなスタイルが入っている。 インストール方法:解凍したらスタイルパネルからスタイルの読み込みでweb20styles.stlを選ぶ。 Tips:photoshopライブエフェクトを使ってスタイルを作っているのでCS3から。 【コマンド】 ●DistriFusion FW8 画面はこんな感じ。(2つ画面がありますが、タブでごとの切り替えた画面を合成しています。) 概要:ドキュメント内のオブジェクトを複数のドキュメントに分配、逆に複数のドキュメントをひとつのドキュメントに結合できる。 インストール方法:Distrifusion_fw8_ja.mxpをインストールしようとするとPDFを書き出す場所を聞くダイアログが出るので任意の場所を選択。「コマンド」>「FireworksZone」に追加される。 Tips:Webレイヤ

  • すこしズルしてリアルなアイコンを作る方法 | バシャログ。

    も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない! [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの?とお思いかもしれませんが何故ならすこしズルいからです。 今回はこのの写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か

    すこしズルしてリアルなアイコンを作る方法 | バシャログ。
  • PhotoshopチュートリアルをFireWorksでつくってみる - EC studio デザインブログ

    デザイン部の新免です。 EC studioでは主にFireworksを使用して素材を作っています。 いろいろ作り方を参考にしたいと思い探してみるのですが、 Photoshopでカッコイイ素材を作るチュートリアルは 沢山紹介されていますが、なかなかFireworksを使用した 素材のチュートリアルと言うのが見つかりません。 そこで今回は、メモ的な感じでPhotoshopのチュートリアルを 参考にして、Fireworksで素材をつくってみます。 今回は COSMO-DESIGNS.COM こちらのサイトで紹介していたものを参考にしました。 まずはファイルの「新規作成」から ・幅:400px ・高さ:400px ・解像度:72px/in ・キャンバスカラー:カスタムカラー(#353535)で 新規ファイルを作ります。 楕円ツールを選択し、好きな大きさの円を描きます。 フィルタから「Photosh

  • 【Fireworks】Fireworksでボタン画像を作る8つのステップ | バシャログ。

    ボタン画像を作る手順やテクニックは色々とありますが、そのうちのひとつをご紹介します。 使用したソフトは Fireworks8 です。今回は、たった 8 つのステップでそれなりに見栄えの良いボタンが作れるのが特長です。 Step 1 矩形の上にテキストを置いて、準備オッケー。 Step 2 矩形をほんの少し角丸にします。 アールをきつくすると素人っぽい画像になってしまうので注意。 Step 3 矩形の塗りをグラデーションにします。 Step 4 矩形とテキストの間に上記のようなパス(透過率50%)を置きます。 パスは矩形をコピーしてパスにし、ナイフツールでスパっとやると簡単に作れます。 Step 5 先ほど作ったパスのサイズ・位置を微調整して、塗りのエッジをぼかします。 Step 6 そのままだと立体感に欠けるので、最初に置いた矩形にフィルタ:シャドウ(内側)を適用します。 Step 7 テ

    【Fireworks】Fireworksでボタン画像を作る8つのステップ | バシャログ。
  • jmblog.jp - fireworks - fireworks

    Archive for the 'fireworks' Tag 01.26.07 Fireworksのバッチ処理ログファイルの場所 tagged fireworks, tips 01.19.07 Web2.0っぽいグラデーションのコツ tagged fireworks, tips, web2.0 09.10.06 FireworksでWeb2.0デザインしてみる - Part.5 tagged fireworks, tutorial, web2.0 07.23.06 FireworksでWeb2.0デザインしてみる - Part.4 tagged fireworks, tutorial, web2.0 07.21.06 FireworksでWeb2.0デザインしてみる - Part.3 tagged fireworks, tutorial, web2.0 07.21.06 Firework

  • Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ*ホームページを作る人のネタ帳

    Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ*ホームページを作る人のネタ帳
  • 1