InfoLister homepage[Documentation is also available in German] What is InfoLister? InfoLister is an extension for Mozilla Firefox, Mozilla Thunderbird, Nvu, and Sunbird that collects various information about the host application and saves it to a file. Currently it prints the list of installed extensions, themes, and plugins. Install InfoLister 0.10 (works in Firefox 2, 3, Thunderbird 1.5 and 2,
PIXEL LAB ツール&エントリー一覧 PIXEL LAB 大阪南船場のFLASHを得意とする制作会社ピクセルイメージによるブログ。AS3、AIR、デザイン、3D、オリジナルツール等。 ▼Hard Typographic Artworkシリーズ | ▼DRAWシリーズ (FLASH) | ▼FLASHコンポーネント | ▼コマンド&拡張パネル | ▼日付順一覧 Hard Typographic Artworkシリーズ 2008.07.08:Design / Hard Typographic Artwork - 03.TREE編 NEW 2008.07.08:Design / Hard Typographic Artwork - 02.FLOWER編 NEW 2008.07.06:Design / Hard Typographic Aarwork - 01.HUMAN編 NEW DRA
Illustrator CSで作ったものをコピーしてFireworksにペーストする方法が見つかった。下図のようにIllustratorの環境設定 - ファイル管理・クリップボード を開いて[AICB(透明サポートなし)]にチェックを入れるだけ。 これだけで、普通にイラストレーター、ファイヤーワークス間でコピペできるようになる。 いままでこれに気づく前はIllustratorでバージョン8形式で保存してからFireworksへ読み込んでいた。面倒なことをしていたもんだ。InDesignにもオブジェクトとして編集可能な状態で取り込みができるようだ。 ちなみにコピー&ペーストできないといっても、何も持って来れないわけじゃない。ビットマップ形式ではコピペできるから、場合によってはその方が都合がいい場合もないわけじゃない。 AICBというのは、何の略だろ。アドビイラストレータークリップボードかな。
斜線の背景も最近のWebデザインの特徴の一つです。Background Image Maker を使えばカンタンに斜線の背景画像を作ることが出来ます。が、もっと便利でかつ汎用的な斜線の背景画像の作り方が Super Stripes で紹介されていたので試してみました。 まずは Fireworks で 4 x 4 ピクセルの新規ドキュメントを作成します。このままだと編集しにくいので、表示比率を 3200% にしておきます。 ラインツールで 1px の「硬い線」を斜めに引きます。 最適化パネルで書き出すファイル形式を GIF にし、さらに「透明化するカラーの追加」で線のカラーを選択します。 書き出しをすれば画像は完成です。 あとは、css で背景画像と背景色を同時に指定します。
今回は、Mac OS X のDashboard っぽいバーを作ってみます。(ちなみに、私は根っからのWindowsユーザーで、Dashboard を触ったことはありません・・・) まず、角の丸みが100%の角丸矩形を描きます。塗りの色は#000000、ストロークは「なし」にしておきます。 描画した矩形をコピー&ペーストで複製します。(下の図ではわかりやすいように複製したほうの塗りの色を変えています。)元の矩形を「base」、複製したほうを「gradation」とします。 次に「gradation」の大きさを変えておきます。幅と高さをそれぞれ2pxずつ小さくしてください。 矩形ツールで「gradation」の半分の高さの長方形を描き、「gradation」の上辺と揃えます。長方形の塗りの色を#000000、透明度を50%ぐらいにすると、重なり部分が見えるので調整しやすいです。 ここで、Par
Fireworks ショートカットコンボ(追記有) あまりにも放置気味なので何か更新しようかな、ということで、よく使うFireworksのショートカットコンボでも。 >>080912:パスパネルについて追記しました。 最前面のオブジェクトでマスクするショートカットコンボ 例えばこんなん。適当な背景の上にオブジェクトを乗せてマスクする時。 テキストにフチ線がついてるのは白背景だと分かりにくいからつけただけ。とりあえず重ねる。 いくよっ! 「Alt+M」→「M」→「G」 (「修正」→「マスク」→「マスクとしてグループ化」) さぁ!みんな声を出して覚えて! (n'∀')η<オルト エム エム ジー! 最前面のオブジェクトでマスクの小ネタ え?こんなの誰でも知ってるって? んじゃ・・・これを合わせて知ってると便利だよ! 最前面のオブジェクトでマスクする時はオブジェクトを半透明にして合わせる位置を確
オリジナルで作成した、Fireworksの拡張パネルを公開します。今日は3つ目。 勢いで激しいビジュアルを作成する際に、重宝します。 ランダムに変形・カラー変更します Fireworksの拡張パネルになります。 大量のオブジェクトを、ランダムに変形・カラー変更します。 オリジナルアートワークを作るときに、ちょこちょこつくってきたツールですんで、 あまり、デザイン業務ではつかえません(ランダムで文字を配置する時くらいかな)。 ただ、ランダムのカラー変更や、ブレンドのは、配色に迷ったときに、すごく使えます。 (自分の発想では出てこない配色ができる) 「SelectManager」と併用すれば効果的 前回のエントリーの「SelectManager」の、ランダム選択と組み合わせて使えば、 「選択オブジェクトの半分だけ、50%から100%の間で、サイズ変更する」みたいに、微調整しやすいです。 1つ1
September 12, 2017 Guide On How You Can Build And Enhance Collaboration With SharePoint SharePoint is a powerful application that empowers teams with dynamic and productive sites for every department, division and project team. The application makes it easy to share files, resources, and news enabling team members inside and outside the organization to collaborate effortlessly and securely across
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない! [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの?とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
Fireworksで作成した,アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。 Fireworksを利用して下記ような線路/路線図を簡単に描画する方法をご紹介します。 準備 下記のサイトで公開されているFireworksコマンド(すばらしいです)をインストールします。 »なんしゃましまし: Fireworks 上記ページのDOWNLOAD(ダウンロード)をクリックしてNN_FW003.zipをダウンロードします。解凍するとNN_FW003フォルダが作成されます。そのフォルダをFireworksのCommandsフォルダ※1へ移動します。 ※1:デフォルトでは下記のようになっていると思います。 C:\Program Files\Macromedia\Fireworks MX 2004\Configuration\Commands NN_FW
紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ – DesignWalkerにて紹介されていたテクニック集のうち、最初のPhotoshop Page Tear | AdrianHerritt.comで解説されている方法を、Fireworksで再現してみました。 練習なので下手くそですが、 ↑この画像が、 ↑こんな感じになります。なんとなくそれっぽいですよね。 では、やってみましょう ↑なげなわツールで適当にギザギザをつけて選択し、カットします。 ↑「Ctrl + Shift + I」で選択範囲を反転させます。 ↑右クリックして「コピーして新規ビットマップにする」を選びます。ビットマップが2個になります。 ↑再びなげなわツールで紙の切れ端部分を選択します。 ↑「コピーして新規ビットマップにする」を実行します。ビットマップが3個になります。 ↑「フィルタ > カラー調整 >
「スポットライトが当たったような画像を作る方法 | P O P * P O P」より。 今回の諦めている不便利はfkojiさんからの投稿です。 投稿したあとで自分なりに同様の効果を出す苦し紛れの方法を見つけたのですが、それよりもはるかに簡単でした。ポイントは「選択範囲の反転」。 P O P * P O Pの記事(Photoshopの例)を参考にしたらFireworksでも同様の効果を出せたので、ここではFireworksでのスポットライト効果の出し方を説明します。 ↑ 1. 「マーキーツール」を選択 ↑ 2. 「エッジをぼかす」を選択、値は5くらいで。 ↑ 3. 効果を出したい部分を選択。(点線部分) ↑ 4. 「選択」 – 「選択範囲の反転」を選択。(もしくはCtrl+Shift+Iでショートカット) ↑ 5. 「フィルタ」 – 「カラー調整」 – 「明るさ・コントラスト」を選択。 ↑
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く