Sketchを買ったら読んでおきたい！基本的なことからちょっとした小技、ショートカットまとめ | Goodpatch Blog
つい最近までSketchは日本であまり知られておらず、日本語でSketchについて書いている記事はほとんどありませんでした。ところが5月7日にFireworksの開発終了が発表され、代替ツールとしてSketchの名前が急浮上。それに合わせたのかSketchが5月8日に半額セールを行い、Sketchについて書かれた記事やツイートも増えてきて、注目度の高まりが感じられます。とはいえ英語日本語問わず、Adobe製品に比べたら圧倒的に情報量が少ないSketch。Adobe製品と同じような機能やショートカットも多いですが、使いこなせるようになるまでは少し時間が掛かりそうです。Goodpatchでもマニュアルや記事を読みながら、隙間時間にSketchを触ってその機能を確かめています。というわけで今回は、Sketchの基本的な機能や、発見した小技、ショートカットなどをまとめてみました。 先日アップした「
Fireworksが開発終了って聞いたけど….みんなはホントのところどう思ってるの？ WP-Dメンバーに聞いてみたよ♪
Fireworksが開発終了って聞いたけど….みんなはホントのところどう思ってるの？ WP-Dメンバーに聞いてみたよ♪ 2013.05.09 | ちょっと困った！ | 考える。 こんにちは、サーモンです。皆さん連休はどうでしたか？サーモンは仕事やら家族の行事やらでほとんど平常運転でした。 連休明け、AdobeからのFireworksの開発終了のお知らせで、びっくりした人も多いんじゃないでしょうか。 サーモンもFireworksは愛用してて、スライスのしやすさとか、ページ機能とか気に入っていたので、とってもさみしい気持ちになりました。 うーん。みんな、ホントのところどう思ってるのかな？ そんな訳でWP-D内で、このことに対するみんなの意見を聞いてみましたよっ！
Fireworks をオープンソースで継続させようという署名活動
先日、Adobe Fireworks に関して、他製品との機能的な重複の問題から、今後の新規開発はやめてバグフィックスのみの提供にしますという発表があった件、書きましたが、早速、Fireworks の存続を臨む方々が、Change.org （世界最大規模の署名プラットフォーム） で、「Adobe 様、Fireworks のコードをオープンソースとして公開してください」 という署名活動をはじめています。 Petition ： Adobe.com: Release Adobe Fireworks to Open Source ： Change.org Today Adobe announcement that Fireworks the graphics platform will no longer be developed by the team at Adobe. This petiti
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 CS6の新機能、CSSプロパティパネルを便利に使ったWebデザインの流れまとめ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
G3株式会社さまのコーポレートサイトを制作させていただきました。 CSSプロパティパネルが便利すぎて… 今回、FireworksのCSSプロパティパネルが最高すぎることによってかなりの短時間でサイト制作できたので、それのご紹介がてら、どのようにサイトを作っていったかご紹介したいと思います。 すでにサイトがWordPressで動いていて、別のテーマで運用中だったので、 テキスト等もそのまま流用でき、私の作業としては純粋にWordPressテーマのデザインとコーディングの部分でしたので今回ご紹介するのはその部分の流れになります♪ まず、イメージを膨らませる イメージ固めから入りました。 会社のコンセプトが「毎日をワクワクさせちゃえ！」だったので、私の中でのワクワクのイメージを考えてみます。 google画像検索でワクワクを検索してみたり。 なんとなーくブルーが多い印象。 こういうものも参考にし
IllustratorからFireworksに狙い通りの幅でペーストする | Webデザインのタネ
一定期間更新がないため広告を表示しています
Mac版のFireworksで「かな」「英数」をうまく切り替える方法 | WebDesign Basic（Webデザインベーシック）
お久しぶりです Mac版のFireworksでは「かな」「英数」の切り替えボタンが何故か「手のひらツール」になってしまいます。 Macをお使いの方ならストレスを感じた事があるのではないでしょうか。 そこで、今回はMacのショートカットキーを使ってうまく入力ソース切り替える方法を書いてみようと思います。 [command]＋[space] で文字ソースの切り替え こんな感じのウィンドウが出ます。[command]キーを押しながら[space]キーを押すと入力ソースが切り替わります。 使いやすいようカスタマイズ まず、『カタカナ』は使わないので非表示にします。 「システム環境設定」から「言語とテキスト」を選んで「入力ソース」タブ内のことえり項目から「カタカナ」のチェックを外します。 『カタカナ』の項目だけなくなりました。これだけで十分使いやすくなりました。 入力ソースを選択するウィンドウを非表
Fireworks・Photoshopを使い分けている方へ。 - OKWAVE
こんにちは！ Web用ということで・・ 写真だけ・・ロゴだけ・・というような単品の素材でしたらPhotoshopで・・ ボタンやロゴ、写真など複数の素材を使って作るような大きなものの場合（スライスを使うような場合）はFireworksです。 ただし、それぞれの素材は簡単なものならFireworksで済ませられますが、凝ったものや修正、合成などが必要な素材はPhotoshopで作ってFireworksに持ち込む形になります。 ロゴやイラストで凝ったものでしたらイラストレーターです。 Fireworksで済ませられるものは出来るだけFireworksで作業します。 その方が後から修正が入っても簡単に済ませられます。 Dreamweaverを使っている場合・・ですが。 （私が）Fireworksの方が使いやすい部分は、グラデーションですね。パターンも多く画面で確認しながら変形できますので適当にい
Fireworksの「レイヤーからファイルに書き出し」が目からウロコ | バシャログ。
『哀しき獣』という韓国映画が面白すぎたので、もう一度観たいminamiです。 Fireworksの画像書き出しではもっぱらスライスの使用をプッシュしてきた当ブログですが、「レイヤーからファイルに書き出し」って便利じゃない・・・という衝撃を改めてお届けします。 「レイヤーからファイルに書き出し」使ってる？ Fireworksの書き出しメニューには幾つか項目がありますが、「レイヤーからファイルに書き出し」は今まで使ってきませんでした。 要因としては、 Photoshopと違いオブジェクトを直接編集できるので、パーツ毎のレイヤー分けを意識していなかった 画像書き出しはスライスが強力なので他の方法を気にしたことがなかった というのがあると思います。しかし、場合によってはスライスで管理するよりもこちらのほうが便利！ということで見なおしてみました。 同じレイアウトで大量に画像を作りたい 例えば以下のよ
作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
Why has Adobe stopped developing my app or service?
Why has Adobe stopped developing my app or service? Last updated on Sep 18, 2024 | Also applies to Adobe Fireworks, Edge Animate, Edge Code CC, Edge Inspect CC, Edge Reflow CC Find out why Adobe is no longer actively developing certain Creative Cloud apps, such as Edge Animate and Fireworks, and services such as the Creative Cloud Market. To focus our efforts on capabilities that are most valuable
高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド＞ Smart Resize ＞ Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
Photoshopユーザが今すぐFireworksに乗り換えるべき10の理由 | ベイジの社長ブログ
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ！ (フェンリル | デベロッパーズブログ)
こんにちは！デザイナーの長谷川（ヒロユキ）です。 僕は Fireworks 大好きっ子なのですが、残念ながらフェンリルのデザイナーは殆ど Illustrator や Photoshop でデザインしているので、今日は僕が Fireworks を手放せない理由のひとつであるページ機能を紹介したいと思います。 ●動的なコンテンツや背景などのスライス書き出しがメッチャ楽 Fireworks CS3 で実装されてしばらく使わずにいたページ機能は今では無くてはならない機能です。 こういうデザインの場合、メニューの背景の画像とボタンの画像をそれぞれスライスしたいのですが、レイヤーのみで管理しているとスライスを重ねるしかなく、必要な画像をスライスする時に他のスライスを非表示にして背景レイヤーを消して…などと非常に面倒です。 ここでページ機能が威力を発揮します。 デザインができたら、ページを複製します。複
LP14：Photoshopper meets Fireworksが終了しました｜CSS Nite公式サイト
LP14：Photoshopper meets Fireworksが終了しました 記事公開日：2011年3月 5日（土） 3月5日、ベルサール九段でLP14：Photoshopper meets Fireworksを開催し、240名ほどの方のご参加いただきました。 ツイートは下記にまとめました。 Togetter - 「CSS Nite LP14「Photoshopper meets Fireworks」」 こちらでもまとめていただきました。 Togetter - 「CSS Nite LP, Disk 14「Photoshopper meets Fireworks」」 次のブログ（など）で取り上げていただきました。ありがとうございます。 CSS Nite LP, Disk 14「Photoshopper meets Fireworks」に参加してきました | ColdSleep CSS N
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ngi-d.net
http://creative-tweet.net/blog/2013/05/introduction-of-thesketch.html
【Fireworks】Fireworksの基本技！[ box-shadow ]のあしらい再現方法まとめ | バシャログ。
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ
YUKI HARUYAMA Portfolio Site | 春山 有由希
