beplay类似软件-beplay体育飞翔下载菜单
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
FireworksとPhotoshopの書き出し画像を比べてみた！～ドットコーダーセッションまとめ - EC studio デザインブログ
2010年9月25日に.coder「すこーし愛して。ながーく愛して。Webパフォーマンス」でプレゼンさせていただきました。 あまりのイケてるプレゼンテーターの中にちょっと申し訳ない感じでしたが、 みなさまアットホームに迎え入れていただき、楽しい1日を過ごすことができました。 私は「みんなで使おう！Fireworks！ 〜Fireworksで画像最適化〜」というお題で プレゼンしたので、簡単にその中身をここでも紹介させていただきたいと思います。 今回はFireworksとPhotoshopの画像の書き出し方を比較してみました。 ちなみに使用したアプリケーションはFireworks CS5 とPhotoshop CS5 です。 PNGの書き出しは実はFireworksのほうが軽量！？ PNGを書き出すときに画像データ以外のチャンクという必要のないデータも書き出されます。 実はそのチャンクデータ
iPhone4をFireworksで作ってみました - アシアルブログ
こんにちは。和田です。 先日、iPhone4が発売になりましたね。 欲しいな…なんて思っているのですが、ド○モユーザーな自分には無理なんですよね。はぁ～。 はやく、SIMフリーの環境になってくれないかな…。 なんて気持ちをこめて！ じゃなかった、 今後、iPhoneアプリの提案にも使えると思い、FireworksでiPhone4を作ってみました。 ステップ-1～10にまとめたので、皆さんも作ってみてくださいね。 ↓出来上がりはこんな感じです。 まず1200×1600pixelのキャンバスを作ります。 ステップ-1 ：ステンレススチールバンド（外枠）を作る 矩形ツールで750×1472pixel（x=225,y=64）の長方形を作り、 ・丸み：28%、 ・線形グラデーション：#8c8c8c,#cccccc,#8c8c8c ・光彩（内側）：距離→2,不透明度→50%,ぼかし→1,オフセット→0
自動化のすすめ（Fireworks CS4 コマンドでより効率化！） - EC studio デザインブログ
Fireworksをもっと効率的に使いたい！ もっと便利につかえる方法はないの？と思ったことありませんか。 そんなときにはコマンドを使ってみるのはいかがでしょうか。 使いこなすと様々な作業を効率化でき、作業コストを削減することができます。 でも、コマンド機能を聞いたことない、知ってるけどあんまり使ったことない という方もいらっしゃると思います。 そこで、今回はFireworksにデフォルトではいっているコマンドと 他サイト様で公開されているコマンドを紹介していきたいと思います。 コマンドってなんだろう？ コマンドとはFireworksの作業を便利にしてくれるスクリプトです。 細かい動作をひとつずつ登録して自動処理してくれます。 コマンドを使うと手作業で時間がかかっていた作業が効率化できたり、 Fireworksでおこなった作業を保存して自分以外の人と共有できます。 コマンドってどうやって使
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
FireWorksで縁取りされた文字を作るのには、どうしたらいいでしょうか？…
FireWorksで縁取りされた文字を作るのには、どうしたらいいでしょうか？ グローを短く濃くかけるとそれらしいものができるのですが、 この方法だと少し縁取りが汚くなるように感じます。 他にいい方法はないものでしょうか？ また、FireWorksの他、Photoshop, Illustoratorでの方法も知りたいです。
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
効率的！Fireworks CS3ショートカットキーまとめをデスクトップ壁紙に！ - EC studio デザインブログ
あけましておめでとうございます、赤堀です。 今回はFireworks CS3ショートカットキーまとめデスクトップ壁紙を無料で配布します。 なぜデスクトップ壁紙かというと、今年はFireworksを使いこなしたい！と考えているときに ショートカットキーを壁紙にしてみたらいんじゃないかな？と思ったからです。 「Fireworks CS3 ショートカットキーまとめデスクトップ壁紙」でさらに作業を効率化！ Fireworksのデフォルトのショートカットを覚えて あなたの席でも私の席でも効率化！を目指しちゃいましょう。 無料でダウンロードできるので、ショートカットキーが苦手な方や Fireworks初心者の方にぜひ使っていただきたいです。 このデスクトップ壁紙のショートカットキーは Fireworks CS3をインストールしたときそのままのショートカットキーです。 デスクトップ壁紙はWindows版
知ってるようで、実は知らない?！ Fireworksの小技 - EC studio デザインブログ
こんにちは、端山です。 デザイン部は全員「Fireworks」を使っていますが、 みんな実務経験やスキルが違うので、基本独学で習得。 そのため、たまに他の人の作業をみてると 「あ、そんな簡単なやり方があるんだ！」ということが･･･ 今回はそんな「知ってるようで、実は知らない?!」 Fireworksの小技をご紹介します。 細い矢印を作る方法 オートシェイプから引く太い矢印ではなく、オープンパスから作る 細い矢印の作り方をご紹介します。 1．「ラインツール」か「ペンツール」でオープンパスを引く 2．オープンパスを選択する 3．ツールバーの「コマンド」→「クリエイティブ」→「矢印の追加」 4．好きな矢印の形を選んで「OK」をクリック！ 曲線上にテキストを配置する方法 普段あまり使うことがないので、いざという時に 「どうやるんだったかな？」と忘れてしまいがちな小技。 1．テキストを入力する 2．
ウノウラボ Unoh Labs: Webデザインする上でFireworksがステキな12のポイント
Webデザイナとして仕事をする上で、ここ数年、個人的にFireworksが手放せないツールになっています。 twitterで某人に「書いて」と言われたのもあるのですが（笑）、Web画像を作るのによいソフトをさがしている人、これから画像編集のためのソフトを選ぼうとしている人の参考に、ということで、個人的にFireworksの気に入っている点など一通りまとめてみようと思います。 ベクター画像とビットマップ画像が等しく扱えるので作業がスムーズ Fireworksは、ベクター画像とビットマップ画像を同時に扱えます。ベクターでちょっとしたアイコンを作るとか、ビットマップ画像を読み込んで編集するとか、すべてが一つのソフトの中で完結できます。IllustratorとPhotoshopを行き来したりするような手間は不要ですし、また複数のソフトを同時起動しなくていいのでマシンにも優しいです。 ビットマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kuler
Lifestyle & Business Blog - DezinerFolio