【パス初心者向け】トレースするときに気をつけていること - デザイナーのイラストノート
SVGの普及かアイコンブームか、パスを使ってイラストを描く方が増えた気がします。前から書いてみたかった、パスでトレースするときに気をつけるといい「作り方」と「考え方」を記事にしてみました。 文字をトレースしてみよう パストレースの練習として、文字やロゴマークをトレースすると言うのはよく聞きます。曲線あり直線有り中抜きあり、で練習にはいい素材です。特にフォントの場合はアウトラインをとることで、どこにアンカーポイントを置けばいいのか参考にすることが出来ます。 試しにこの2つのお題に取り組んでみました。この形を実現するのにどんな方法をとりますか？正解はいくつもありますが、例えばこの方法。 完成！いいじゃない！と思いますか？確かに形としては完璧なんですが、練習であれば個人的にはこちらをおすすめしたいです。 さっきとの違いが分かるでしょうか？3つの図形を組み合わせて文字の形を作っています。文字を書く
Fireworksで作ったデータ（.png）をPhotoshop形式（.psd）に変換する方法 ｜ 福岡のホームページ制作会社・メディア総研株式会社 マグネッツ事業部
どうもこんにちは。最近本格的にPhotoshop修行を始めましたがツンデレPhotoshopさんにツンツンされっぱなしで一向に仲良くなれないかわさきです。そろそろ少しはデレてほしい(´・ω・｀) さて、マグネッツでは普段、WEBページのデザインはFireworksをメインに使用して行っております。 （2013年5月にFireworks開発終了のニュースが流れまして、ゆくゆくは段階的に他のソフトに移行しないとなぁ…という感じです。しかしFireworksはWEB制作に特化した非常に使い勝手のいいソフトでなので、とても残念です…） たまにFireworksで作成したデザインデータ（.png）をPhotoshop形式（.psd）にてクライアント様にお渡しする必要がありまして、そのまま変換してみたら当たり前だけど結構変わってしまうなぁ…となって四苦八苦… で、今後同様の作業が必要になった時やりやす
これからPhotoshopに乗り換えるFireworksユーザーへ。注意が必要なポイントとその解決策
2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20
初めてPhotoshopでWeb制作する前にやっておくといい設定8(CS6/CC含む) | Design Color
はじめに 先日ちょうどAdobe Creative Cloudを申し込みました。 Photoshopをまっさらな環境にする必要があるため、今回はまさに新品状態のCS6/CCの画面で解説をします！ もくじ 定規などの単位はpxで統一 「自動選択」で図形からレイヤーを選択する 「バウンティングボックス」を表示して選択や変形をしやすくする 「ピクセルにスナップ（エッジを整列）」で端がぼやけるのを解消 レイヤーコピー時に「〜のコピー」とつけないようにする スライス書き出し時に「images」フォルダを作成しないようにする 【CS6/CCの場合】カラーテーマをグレーにする 【CS6/CCの場合】切り抜きツールを「クラシックモード」にする 起動画面。か、かっこいい…！ CS6/CCはUIが黒いのですね。ちょっと慣れない。 従来のグレーにする方法も後ほどお伝えしますので、どうぞおつきあいください！ 1.
株式会社 スカイアーク -"はたらき"から、笑顔を-
【SOLANOWA】メールアドレス不要の「誰でもログイン機能」をリリース！家族もOB・OGもみんなが読者に
Fireworksでマーキーツールを使って1分足らずで写真の縁をぼかす | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ マーキーツール（正方形選択ツール／楕円形選択ツール）を使って、速攻で写真などのビットマップ画像の縁をぼかすやり方です。お手軽なので、ほんのちょっと写真を加工したいときなど、是非使ってみて下さいね！ マーキーツールで画像を切り取る マーキーツール（正方形選択ツール／楕円形選択ツール）を使って、切り取る部分をドラッグし、選択範囲を作成します。 選択範囲を作成したまま、「プロパティ」→「エッジ」→「エッジをぼかす」を選択しましょう。 コピー&ペーストして完了 あとは、command(ctrl)+[C] → command(ctrl)+[V]などでコピペすれば、作業は完了です。プロパティで指定したエッジの数値が大きければ、そ
『これからはじめるFireworksの本』とFireworksについて自分なりに思うこと | necoze LOG2 [ネコゼログログ]
一定期間更新がないため広告を表示しています
![『これからはじめるFireworksの本』とFireworksについて自分なりに思うこと | necoze LOG2 [ネコゼログログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/80e306771376add0655deff7efaeb4c4eb512a24/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F51qn%252Bj8TkHL._SL160_.jpg)
「PhotoshopによるWebデザインカンプ制作はFireworksに比べて効率が悪い」という都市伝説について
2013/5/7に、Adobe Fireworks の事実上の開発終了が発表されました。 ただし、「バグ修正やセキュリティ関連のアップデートは継続する」とのことですが、いつまでも使い続けられることを保証するものではないので、Fireworks ユーザーの方はそう遠くないうちに別のアプリケーションに乗り換える必要があると思います。 Adobe、Web画像ツール「Fireworks」終了へ – ITmedia ニュース 移行先アプリケーションの候補の1つである Photoshop について、Twitterを見ていると「Photoshop でのWebデザインは制作効率が悪い」という方が多いようですが、私はそんなことはないと思っています。 なぜそう言えるのかについて、簡単にまとめてみました。 目次 FireworksとPhotoshop、それぞれのメリットとデメリット なぜ「Photoshopは効
Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app | Goodpatch Blog
Web制作ツールといえばAdobeのPhotoshopやFireworksですが、AdobeはFireworksの開発停止を発表してしまいましたね。そんな最中、海外のWeb/ UIデザイナーたちが使い始めている新しいWeb制作ツールを見つけました。それがSketchです。BOHEMIAN CODINGという会社がリリースしているアプリで、他にも有名なフォント管理アプリFontcaseもリリースしています。 （Sketchを使い始めている海外のデザイナーたち→「Sketch App vs Photoshop」、Dribbbleにsketchで描いた作品をアップしている人も→[.Sketch] Wireframe UI kit） アイコンやWebサイトのデザインもきれいで、Goodpatch社内でも最も話題になっているアプリ。Sketchも使ってみようと盛り上がっています。ただSketchにつ
Fireworks、新規の開発終了へ。でもまだ慌てるような時間じゃない！ | FireWorks.20
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね！を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ AdobeからFireworksの新規開発の終了が発表されました。このニュースを受け、国内でも海外でも大きな騒ぎとなっておりますね。現行のCS6を最終とし、今後のCreative Cloudへの移行や、メジャーアップデートは行わない予定とのことです。が…まだ慌てるような時間じゃないですよ！ ただ、感想だけ言わせて戴きますと、 だいぶショック受けてます。 こ、これが悲しまずにいられましょうか。 Adobe、Web画像ツール「Fireworks」終了へ といってもまだまだFireworksは活躍するかと ただ、開発終了とはいっても、現行バージョンのバグフィックスやセキュリティ改善、新しいOSヘの対応などは継続して対応して
Adobe、Web画像ツール「Fireworks」終了へ
米Adobe Systemsは5月6日（現地時間）、Webページ向けグラフィックスツール「Adobe Fireworks」の開発終了を発表した。同日発表の、6月に予定されているCreative製品のアップデートにFireworksは含まれない。 Creative Cloudへの移行に際しては、Fireworks CS6として提供を続け、バグ修正やセキュリティ関連のアップデートは継続する。 開発終了の理由は、Photoshop、Illustrator、Edge Reflowなどの他のAdobe製品との機能の重複が年々増えていることや、Web向けツールとして、従来よりもモジュール化したツールを提供する方針にシフトしてきていることという。 Fireworksは、Adobeが2005年に買収したMacromediaの製品。 Adobeは同日、Photoshop、Illustratorなどの一連のク
ウェブ制作のフローをベースにFireworksの使い方をすみずみまで学べる一冊 -よくわかるFireworksの教科書
Fireworks初心者をはじめ、使ったことはあるけどいまいち使いこなせなかった人、Photoshop, IllustratorメインでFireworksにちょっと興味がある人に読んでほしい、ウェブ制作におけるFireworksの使い方をすみずみまで学べる本「よくわかるFireworksの教科書」を紹介します。
【連載1】Fireworksのもやもや解消法｜ふわっとブログ
今年は私がはじめて執筆したFireworksの本が出ます。 多分こんな話は最初で最後だろうと思うので、発売までいろいろ宣伝をしたいなと思っています。宣伝ができることも幸せです。 なので、これからFireworksについても何かしらTipsを連載していきたいと思っています。平によろしくお願いします。 Fireworks もやもや解消法 最初の回ですが、ほんとーに細かいコツのようなものを書きます。 知ってたら、あーそれ知ってるわ〜2年前から知ってるわ〜と流し読みしてください。 アンチエイリアスがもやもやするのを直す パーツ同士を整列させたりしたタイミングで、よくアンチエイリアス（パーツのフチの境目）の部分がもやもやっとすることありませんか？
簡単♪FWで透明なガラス玉を作るっ・・・！
お久しぶりです、あんなです。 今回は「透明なガラス玉」を作ります！ これを応用すれば・・・そうっ・・・ 【鷲巣麻雀のガラス牌】も作れますよっ！ 簡単なんで試して下さい♪では早速～！ 【1】 グラデーションの円をかきます。 ・円 サイズ 90px×90px ・円 グラデーション #838383→#FFFFFF ・背景色 #E8E8E8 【２】 ①の上にぼかしのかかった円をかきます。 ・円 サイズ 74px×74px ・円 グラデーション #E8E8E8→#FFFFFF ・フィルタ→ぼかし（ガウス）4.1 【３】 さらに！②の上に円をかきます（円は少し形を崩しています） ・円 サイズ 30px×21px ・円 カラー #FFFFFF ・フィルタ→ぼかし（ガウス）4.1 【４】 「パス」→「パスの形抜き」を使用し、三日月のような形を作ります。 そしてその三日月を球体の下のほうに配置します。 ・グ
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
こんなに簡単！？Fireworksシンボルとライブラリで楽々バナー管理！
この記事は「Fireworks Lover Advent Calendar 2012」の19日目のエントリー記事です。 みなさん大量にバナーを作成したファイルどうやって管理してますか？ Fireworksのシンボルで管理しておくと、管理がとっても便利になりますよ！さらに、ライブラリで管理しておくと、複数ファイルでの管理がとっても楽になりますよ！ バナーで使いまわす素材はシンボル化！Fireworksのシンボルで管理していると、ロゴが変わったりしても、すぐに修正できちゃいます！ また画像をシンボル化することによってファイルの軽量化もおこなうことができます。 「シンボル」の使い方シンボル化したい画像を選択して、右クリック後「シンボルに変換」を選択してください。 その後「シンボルに変換」というパネルがでてくるので、 名前に任意でわかりやすい名前をつけてください。種類は「グラフィック」を選択してく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ
http://handywebdesign.net/2013/03/first-impression-of-fireworks/
マイナビ ブックス - よくわかるFireworksの教科書