Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
作業時間を    ぐっと    短縮するFireworksの使い方    &    短縮してできた時間の有効活用    -個人サイト運営のすすめ-2012年6月16日土曜日
や ま ぐ ち      ゆ う き   山口 有由希   福岡県在住、長崎県出身   フロッグマンオフィス所属   福岡県でWebデザイナー2012年6月16日土曜日
eworksマニア       Fir      http://fw.v-colors.com2012年6月16日土曜日
本を書きました                Fireworks CS5/4/3 (速習デザイン)2012年6月16日土曜日
2012年6月16日土曜日
本日の流れ       ✦ これだけは伝えたい!Fireworksの時短ワザ15            +小ネタいけるとこまで       ✦ 時短でできた時間を使っての            個人サイト運営のすすめ       ✦ まとめ20...
Fireworks時短ワザ152012年6月16日土曜日
質問!!        Fireworks使ってますか?2012年6月16日土曜日
質問!!        Fireworks使ってますか?                ✦ イヤ、Illustratorで作ってます                ✦ Photoshop一択                ✦ イラレとフォトショ...
デザイナーだけじゃない!                すべてのポジションの人に                  役立つツールです!2012年6月16日土曜日
ラフスケッチ                 ワイヤーフレーム                 デザインカンプ                  下層デザイン                書き出し・コーディング2012年6月16日土曜日
ラフスケッチ                 ワイヤーフレーム                 デザインカンプ                  下層デザイン                書き出し・コーディング2012年6月16日土曜日
ラフスケッチ                 ワイヤーフレーム                 デザインカンプ                  下層デザイン                書き出し・コーディング2012年6月16日土曜日
サイト制作時に                無駄に時間を取られること                      &                 無駄を解消するワザ!2012年6月16日土曜日
ワイヤーフレーム     (C)Laika XDS Testing v0.0.1 Wire Frames / mccready2012年6月16日土曜日
無駄に時間を取られること       ✦ アタリ画像を書いて            いちいちサイズ書き入れて…       ✦ テキスト流し込んで…            一個一個コピペや入力が大変…       ✦ ここアイコンとかここボタン...
無駄を解消するワザ!       ✦ ガイドが簡単に引ける!「Guides Panel」       ✦ アタリ画像を簡単に「placefolder」       ✦ 楽々テキストの流し込み「PI_Textgenerator」       ✦ ...
デザイン (C)Web Design Trends / Digital Markketing2012年6月16日土曜日
無駄に時間を取られること       ✦ もう全ページできた状況で            グローバルナビゲーションに項目追加ですか…       ✦ 全ページのフッターを修正…       ✦ ボタンの見た目を全部修正?            ...
無駄を解消するワザ!       ✦ すべてのページで共通するパーツは            ページ機能を使って管理       ✦ シンボル化を使えば            フッターの管理も楽々!       ✦ サイドバーの共有は     ...
2012年6月16日土曜日
無駄を解消するワザ!       ✦ 「スタイル」機能を使って            書体やボタンの見た目を管理       ✦ 「属性のコピー」を使えば、            簡単に同じ見た目を引き継げます       ✦ 「検索と置換」機...
スライス・コーディング2012年6月16日土曜日
無駄に時間を取られること       ✦ スライスがめんどくさい       ✦ 色を拾うのが大変       ✦ これCSS3で実現てコードどうするの…2012年6月16日土曜日
無駄を解消するワザ!       ✦ 「スライスを挿入」を使いこなす            Option(Alt)+Shift+U       ✦ ページ機能を活用する       ✦ 簡単カラーコードコピー       ✦ CSSプロパティパ...
Fireworksいけるとこまで2012年6月16日土曜日
縦横比を保って                数値でリサイズしたい2012年6月16日土曜日
ここにチェックを入れる2012年6月16日土曜日
ランディングページを                   作ろうとしたら                  6000px以上の                カンバスが作れません。2012年6月16日土曜日
CS4以降なら      環境設定ファイルの設定を書き換えればいつ         でも6000px以上のカンバスが           作れるようになります。2012年6月16日土曜日
MaxDocSizeInPixels2012年6月16日土曜日
画像をリサイズしたら                 荒くなりました。2012年6月16日土曜日
画像を「シンボル化」することで                   サイズ変更しても      画質の落ちない画像にすることができます。2012年6月16日土曜日
カンバスサイズを変更した時、               カンバスの外にある            オブジェクトが削除されたり、              画像が切り取られたり               してしまう…!!!2012年6月16日...
環境設定 -> 編集 ->        切り抜き時に不要なオブジェクトを削除の                チェックを確認します。2012年6月16日土曜日
テキストオブジェクトに            テクスチャが適用されません2012年6月16日土曜日
塗りがべた塗りの時、           テキストオブジェクトにテクスチャが            適用できない不具合があります。                   が、              塗りをグラデーションに           ...
GIFの書き出しが汚い2012年6月16日土曜日
CS5.1で解消されました。        CS5を利用している人は      すぐにアップデートしましょう!2012年6月16日土曜日
インパクトのある放射状の           オブジェクトが簡単に作れる               「Sunburst」2012年6月16日土曜日
画像の傾きを直してくれる                「Level Horizon」2012年6月16日土曜日
テクスチャやパターンを一覧表示     「PI_TextureList」2012年6月16日土曜日
まとめ2012年6月16日土曜日
✦ ワイヤーフレーム作成から          デザインカンプ、モックアップに          画像のスライスまでこれ一本     ✦ CSS3の書き出しもできちゃう     ✦ シンプルなデザインからグラフィカルな          リッチ...
効率的に作業を進めることができ、                   無駄な作業を防いだり                 減らしたりすることができるので            「時間に余裕を持って」作業に                  取...
使ったことがない人も      ぜひ一度挑戦してみてください!2012年6月16日土曜日
ツールを使いこなして                よりよいWebデザインを!2012年6月16日土曜日
個人サイト運営のすすめ2012年6月16日土曜日
2012年6月16日土曜日
2012年6月16日土曜日
そもそもなぜはじめたのか?2012年6月16日土曜日
はじめての技術をいきなり業務で      初実践するのが不安だった       ✦ 見積もった工数で問題なくできるのか?       ✦ すべてのリスクが確認できているか?       ✦ 時間は間に合うのか?2012年6月16日土曜日
勉強会に行っても           身に付いていないなと思った       ✦ 学んだことはすぐに自分なりに整理して            実践しないと全く身に付かない       ✦ いざやろうとしたとき忘れている2012年6月16日土曜日
どうせなら私も         なにか人の役に立つかたちで…2012年6月16日土曜日
挑戦してみたい技術                    ×                人の役に立てそうなこと                 orやりたいこと2012年6月16日土曜日
jQuery Mobileというのが                     あるらしい…2012年6月16日土曜日
WallPaper Collection       ✦ 写真撮るのにハマってる       ✦ jQuery Mobileを使いたい       ✦ もうすぐスマホデビューする2012年6月16日土曜日
WordPressで                スマホ対応…2012年6月16日土曜日
VIVID COLORS +BLOG       ✦ WordPressでスマホ対応する時の            ベストな方法が知りたい       ✦ 最近PC版のデザインを変えたので            あわせたい2012年6月16日土曜日
PHPで画像の色を                解析できるらしい…!2012年6月16日土曜日
PHOTO STOCKER       ✦ PHPで画像の色解析ができるらしい       ✦ 写真撮るのにハマってる       ✦ 素材写真をハードディスクから探すのが面倒2012年6月16日土曜日
CSS Niteにいきたい…2012年6月16日土曜日
Fireworksマニア       ✦ Fireworksもっとひろめたい       ✦ CSS Niteにいきたい2012年6月16日土曜日
自分でサイトを運営する                    メリット2012年6月16日土曜日
業務上のメリット2012年6月16日土曜日
✦ 時間の見積り、それを利用した場合のリスクなど           を工数見積りの段階で正確に伝えられる。クライ           アントも自分も安心。       ✦ ブログを続けるのがなぜ難しいか?どうやったら           やる...
個人的なメリット2012年6月16日土曜日
好きなテイストを極められる2012年6月16日土曜日
地方にいながら東京のお仕事も2012年6月16日土曜日
本を書いたり2012年6月16日土曜日
セミナーにでれたり2012年6月16日土曜日
Fireworksに自作のパーツが                プリインストールされたり2012年6月16日土曜日
✦ ふつうに福岡で会社員しているだけでは                絶対出会えないような人たちにたくさん会えた        ✦ すさんだときに「ありがとう」って                声をかけてもらえて救われる2012年6月16日...
デメリット2012年6月16日土曜日
めっちゃ時間かかる2012年6月16日土曜日
経験を積んだことにより                業務の時間が短縮。            結果時間が生まれることに。2012年6月16日土曜日
体感で2倍以上!!!2012年6月16日土曜日
ぜひはじめてみてください!!2012年6月16日土曜日
WordPressとFireworksがあれば             誰にでもできる!2012年6月16日土曜日
ありがとうございました!                  ご質問などお気軽に。                    @yuki9302012年6月16日土曜日
Upcoming SlideShare
Loading in …5
×

Sacss WordPress Special with Fireworks

3,575 views

Published on

Sacss WordPress Specialでの発表スライドです。

  • Be the first to comment

Sacss WordPress Special with Fireworks

  1. 1. 作業時間を ぐっと 短縮するFireworksの使い方 & 短縮してできた時間の有効活用 -個人サイト運営のすすめ-2012年6月16日土曜日
  2. 2. や ま ぐ ち ゆ う き 山口 有由希 福岡県在住、長崎県出身 フロッグマンオフィス所属 福岡県でWebデザイナー2012年6月16日土曜日
  3. 3. eworksマニア Fir http://fw.v-colors.com2012年6月16日土曜日
  4. 4. 本を書きました Fireworks CS5/4/3 (速習デザイン)2012年6月16日土曜日
  5. 5. 2012年6月16日土曜日
  6. 6. 本日の流れ ✦ これだけは伝えたい!Fireworksの時短ワザ15 +小ネタいけるとこまで ✦ 時短でできた時間を使っての 個人サイト運営のすすめ ✦ まとめ2012年6月16日土曜日
  7. 7. Fireworks時短ワザ152012年6月16日土曜日
  8. 8. 質問!! Fireworks使ってますか?2012年6月16日土曜日
  9. 9. 質問!! Fireworks使ってますか? ✦ イヤ、Illustratorで作ってます ✦ Photoshop一択 ✦ イラレとフォトショがあればいいです ✦ 使ったことあるけど今は使ってない ✦ そもそも使ってないし興味ない2012年6月16日土曜日
  10. 10. デザイナーだけじゃない! すべてのポジションの人に 役立つツールです!2012年6月16日土曜日
  11. 11. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  12. 12. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  13. 13. ラフスケッチ ワイヤーフレーム デザインカンプ 下層デザイン 書き出し・コーディング2012年6月16日土曜日
  14. 14. サイト制作時に 無駄に時間を取られること & 無駄を解消するワザ!2012年6月16日土曜日
  15. 15. ワイヤーフレーム (C)Laika XDS Testing v0.0.1 Wire Frames / mccready2012年6月16日土曜日
  16. 16. 無駄に時間を取られること ✦ アタリ画像を書いて いちいちサイズ書き入れて… ✦ テキスト流し込んで… 一個一個コピペや入力が大変… ✦ ここアイコンとかここボタンとか表すのに いちいちパーツ作ったり探してくるのが手間… ✦ テーブル……………………(遠い目)2012年6月16日土曜日
  17. 17. 無駄を解消するワザ! ✦ ガイドが簡単に引ける!「Guides Panel」 ✦ アタリ画像を簡単に「placefolder」 ✦ 楽々テキストの流し込み「PI_Textgenerator」 ✦ 表が簡単に作れる「Tables」 ✦ 共有ライブラリを使えば 面倒なパーツ準備も不要!2012年6月16日土曜日
  18. 18. デザイン (C)Web Design Trends / Digital Markketing2012年6月16日土曜日
  19. 19. 無駄に時間を取られること ✦ もう全ページできた状況で グローバルナビゲーションに項目追加ですか… ✦ 全ページのフッターを修正… ✦ ボタンの見た目を全部修正? あれもこれも直さなきゃ… ✦ ほう、書体を全部変更ですか… ✦ 文字色…グレーの方がいいですねそうですね2012年6月16日土曜日
  20. 20. 無駄を解消するワザ! ✦ すべてのページで共通するパーツは ページ機能を使って管理 ✦ シンボル化を使えば フッターの管理も楽々! ✦ サイドバーの共有は レイヤーの共有機能で管理2012年6月16日土曜日
  21. 21. 2012年6月16日土曜日
  22. 22. 無駄を解消するワザ! ✦ 「スタイル」機能を使って 書体やボタンの見た目を管理 ✦ 「属性のコピー」を使えば、 簡単に同じ見た目を引き継げます ✦ 「検索と置換」機能で 一気に色を置き換えよう!2012年6月16日土曜日
  23. 23. スライス・コーディング2012年6月16日土曜日
  24. 24. 無駄に時間を取られること ✦ スライスがめんどくさい ✦ 色を拾うのが大変 ✦ これCSS3で実現てコードどうするの…2012年6月16日土曜日
  25. 25. 無駄を解消するワザ! ✦ 「スライスを挿入」を使いこなす Option(Alt)+Shift+U ✦ ページ機能を活用する ✦ 簡単カラーコードコピー ✦ CSSプロパティパネルでCSS3書き出し2012年6月16日土曜日
  26. 26. Fireworksいけるとこまで2012年6月16日土曜日
  27. 27. 縦横比を保って 数値でリサイズしたい2012年6月16日土曜日
  28. 28. ここにチェックを入れる2012年6月16日土曜日
  29. 29. ランディングページを 作ろうとしたら 6000px以上の カンバスが作れません。2012年6月16日土曜日
  30. 30. CS4以降なら 環境設定ファイルの設定を書き換えればいつ でも6000px以上のカンバスが 作れるようになります。2012年6月16日土曜日
  31. 31. MaxDocSizeInPixels2012年6月16日土曜日
  32. 32. 画像をリサイズしたら 荒くなりました。2012年6月16日土曜日
  33. 33. 画像を「シンボル化」することで サイズ変更しても 画質の落ちない画像にすることができます。2012年6月16日土曜日
  34. 34. カンバスサイズを変更した時、 カンバスの外にある オブジェクトが削除されたり、 画像が切り取られたり してしまう…!!!2012年6月16日土曜日
  35. 35. 環境設定 -> 編集 -> 切り抜き時に不要なオブジェクトを削除の チェックを確認します。2012年6月16日土曜日
  36. 36. テキストオブジェクトに テクスチャが適用されません2012年6月16日土曜日
  37. 37. 塗りがべた塗りの時、 テキストオブジェクトにテクスチャが 適用できない不具合があります。 が、 塗りをグラデーションに 変更することによって解決できます。2012年6月16日土曜日
  38. 38. GIFの書き出しが汚い2012年6月16日土曜日
  39. 39. CS5.1で解消されました。 CS5を利用している人は すぐにアップデートしましょう!2012年6月16日土曜日
  40. 40. インパクトのある放射状の オブジェクトが簡単に作れる 「Sunburst」2012年6月16日土曜日
  41. 41. 画像の傾きを直してくれる 「Level Horizon」2012年6月16日土曜日
  42. 42. テクスチャやパターンを一覧表示 「PI_TextureList」2012年6月16日土曜日
  43. 43. まとめ2012年6月16日土曜日
  44. 44. ✦ ワイヤーフレーム作成から デザインカンプ、モックアップに 画像のスライスまでこれ一本 ✦ CSS3の書き出しもできちゃう ✦ シンプルなデザインからグラフィカルな リッチデザインまで簡単に作成できる2012年6月16日土曜日
  45. 45. 効率的に作業を進めることができ、 無駄な作業を防いだり 減らしたりすることができるので 「時間に余裕を持って」作業に 取り組むことができる。2012年6月16日土曜日
  46. 46. 使ったことがない人も ぜひ一度挑戦してみてください!2012年6月16日土曜日
  47. 47. ツールを使いこなして よりよいWebデザインを!2012年6月16日土曜日
  48. 48. 個人サイト運営のすすめ2012年6月16日土曜日
  49. 49. 2012年6月16日土曜日
  50. 50. 2012年6月16日土曜日
  51. 51. そもそもなぜはじめたのか?2012年6月16日土曜日
  52. 52. はじめての技術をいきなり業務で 初実践するのが不安だった ✦ 見積もった工数で問題なくできるのか? ✦ すべてのリスクが確認できているか? ✦ 時間は間に合うのか?2012年6月16日土曜日
  53. 53. 勉強会に行っても 身に付いていないなと思った ✦ 学んだことはすぐに自分なりに整理して 実践しないと全く身に付かない ✦ いざやろうとしたとき忘れている2012年6月16日土曜日
  54. 54. どうせなら私も なにか人の役に立つかたちで…2012年6月16日土曜日
  55. 55. 挑戦してみたい技術 × 人の役に立てそうなこと orやりたいこと2012年6月16日土曜日
  56. 56. jQuery Mobileというのが あるらしい…2012年6月16日土曜日
  57. 57. WallPaper Collection ✦ 写真撮るのにハマってる ✦ jQuery Mobileを使いたい ✦ もうすぐスマホデビューする2012年6月16日土曜日
  58. 58. WordPressで スマホ対応…2012年6月16日土曜日
  59. 59. VIVID COLORS +BLOG ✦ WordPressでスマホ対応する時の ベストな方法が知りたい ✦ 最近PC版のデザインを変えたので あわせたい2012年6月16日土曜日
  60. 60. PHPで画像の色を 解析できるらしい…!2012年6月16日土曜日
  61. 61. PHOTO STOCKER ✦ PHPで画像の色解析ができるらしい ✦ 写真撮るのにハマってる ✦ 素材写真をハードディスクから探すのが面倒2012年6月16日土曜日
  62. 62. CSS Niteにいきたい…2012年6月16日土曜日
  63. 63. Fireworksマニア ✦ Fireworksもっとひろめたい ✦ CSS Niteにいきたい2012年6月16日土曜日
  64. 64. 自分でサイトを運営する メリット2012年6月16日土曜日
  65. 65. 業務上のメリット2012年6月16日土曜日
  66. 66. ✦ 時間の見積り、それを利用した場合のリスクなど を工数見積りの段階で正確に伝えられる。クライ アントも自分も安心。 ✦ ブログを続けるのがなぜ難しいか?どうやったら やる気が出るか?身をもって体験できる ✦ アクセス解析をしっかりすることにより、クライ アントにより幅の広い提案ができるようになる ✦ ひとりで全部作るので全容が把握できる2012年6月16日土曜日
  67. 67. 個人的なメリット2012年6月16日土曜日
  68. 68. 好きなテイストを極められる2012年6月16日土曜日
  69. 69. 地方にいながら東京のお仕事も2012年6月16日土曜日
  70. 70. 本を書いたり2012年6月16日土曜日
  71. 71. セミナーにでれたり2012年6月16日土曜日
  72. 72. Fireworksに自作のパーツが プリインストールされたり2012年6月16日土曜日
  73. 73. ✦ ふつうに福岡で会社員しているだけでは 絶対出会えないような人たちにたくさん会えた ✦ すさんだときに「ありがとう」って 声をかけてもらえて救われる2012年6月16日土曜日
  74. 74. デメリット2012年6月16日土曜日
  75. 75. めっちゃ時間かかる2012年6月16日土曜日
  76. 76. 経験を積んだことにより 業務の時間が短縮。 結果時間が生まれることに。2012年6月16日土曜日
  77. 77. 体感で2倍以上!!!2012年6月16日土曜日
  78. 78. ぜひはじめてみてください!!2012年6月16日土曜日
  79. 79. WordPressとFireworksがあれば 誰にでもできる!2012年6月16日土曜日
  80. 80. ありがとうございました! ご質問などお気軽に。 @yuki9302012年6月16日土曜日

×