5.29日に行われたDreamweaverのお祭り、Dreamweaver Town Meeting in Tokyo にてタイトルの内容でお話させていただきました。7分という事で機能の紹介のみになってしまいましたが、どのようにすると便利なのか、さらにフォローしてみたいと思います。

※動画の公開は一旦ストップさせていただきますです。

「Photoshop , Fireworks から直接コピペができるよ!」という機能

少し乱暴ですが。psdファイルは直接ドリに入れるとそれ以降自動更新機能が使えるようになります。

htmlモックの時

画面遷移や細かい動作を確認したい時はhtmlでモックを作り、画面遷移を見ておくのがベストです。その際にいちいち書き出しすることなくコピペでpsdから貼り付けられるのは時間の短縮に繋ります。

運用時

デザインfix後にpsdを書き出しパーツごとに切り抜いておく事が条件となりますが、それが済むと細切れpsd上でデザインの修正を行うだけでドリ側で書き出しを行うことができます。ちょいと便利。

分業する時

fireworksでhtmlとcssを書き出しておけば、マークアップエンジニアがfireworksを起動したり、もう一度文字を打ち直さなくて済みます。元から原稿が用意されている場合でも微妙なアップデートでカンプにのみ最新アップデートがかかっている状況は多いので、これは地味に便利です。

イベントの感想

すごい人ですよね!

通常のセッションと大喜利と二つの形で行われましたがとても面白かったです。内容はもちろんですが、お話の仕方やプレゼンの見せ方、デモのスムーズさ、そういったところを特に目を向けて観察してしまいました。話すまではお腹が痛くて仕方ないですが、終ってみるととても良い経験ができたと思います。

洋服について

素早いのがずま。その隣りがまめこです。

目立ちたかったのでギンギンギラギラでさりげなく行ってみました。高円寺ポケモンズ(ネコゼ、ふっちー、ずまの仲良しご近所たち)はもう慣れてしまってスルー。さらに会場では千貫りこさんがとってもステキな着物を召していて、その魅力の前にいっきにふっとんでしまいました。

発表の前に鷹野さんがイジってくれたので、ここぞとばかりにポージングしたのですが、みなさん笑ってませんでした。はうあうあうあ。笑っていんですよ？(´･ω･｀)

• イベント名：Dreamweaver Town Meeting in Tokyo
• 日時：2010年5月29日土　15:10-19:40（4.5H）
• 会場：ベルサール新宿
・主催：CSS Nite実行委員会
・参加費：4,000円（4月末まで3,500円）
• 出演：神森 勉、伊原 力也（ビジネス・アーキテクツ）、茂木葉子（Aqua Design Studio）、 森 和恵（r360studio）、千貫りこ、たにぐちまこと（H2O Space.）、石嶋 未来（ウープスデザイン）、岡部 和昌、國分 亨（dreamseeker）、丸山 章、、宮内 純人（マックグラフィックアーツ）、湯口 りさ（RsStudio）、渕上 伸吾（カヤック）、山田 恵理子（Webridge Kagawa）、鷹野 雅弘（スイッチ）
• 告知ページ：http://cssnite.jp/dtm/tokyo/
• twitterタグ：#dwtokyo
・備考：同日・同会場で開催する「CSS Niteビギナーズ：Dreamweaver編」とのセット割あり

Dreamweaverっ子の祭典に参加できるなんてありがたいです! お祭りですね! わーい。
私は大喜利枠で7分間のショートセッションに参加します。たくさん登壇される方がいるので、セッション内容だけでなく短い時間の中でどう伝えるか、何を伝えるかを見るだけでもおもしろそうですね。わくわく。

4月いっぱいまでに申し込むと早割としてお安くなるのでチャンスですよ!

アンケートにご協力をー

公私ともに仲良くさせていただいてる#fc0さんもCss Niteビギナーズ : Dreamweaver編に出演されます。
アンケートを公開されているのでぜひぜひ答えたら、セッション内で取り上げてもらえるかもしれませんよー。

Dreamweaverについて教えてください

DreamweaverでPhotoshop & Fireworksとさらに連携する!

という事をお話します。

事前に書き出しておかなくても、PhotoshopやFireworksからコピー&ペーストでDreamweaverに画像を貼り付けることができるようになっています（ダイアログボックスでGIF/JPEG/PNGなどの形式を選択したり、圧縮率などを調整）。さらに、元データのPSD データ/Fireworks PNGに変更が生じたら、Dreamweaver側で自動的に更新してくれます。FireworksからはCSSの書き出しもできます。

これらをうまく使って作業の効率化をはかりましょう!

てな感じです。

まめこのプロフィール

高円寺ポケモンズとして仲良しなネコゼさんとずまも出るのでさらに嬉しいですね。仲良しさんと同じ場でセッションするなんて新鮮です。

「Dreamweaver Town Meeting in Tokyo」に出演します…！ | necoze LOG2 [ネコゼログログ]
kzms2 – html,css,javascript

followup – お仕事がもらえるイラストレーターのちょいテク勉強会

イラストレーターのアサイちゃんが主催した勉強会にてセッションさせていただきました。
私の発表した内容は以下になります。

じゃあ自分ができてるのかと言われればかなりまだまだな感じでございますが…。社員時代には経験できなかった受注・発注の流れやその時に勉強になった事などをまとめています。

当日まで通しのリハーサルが出来ず、用意した台本もネットワークがうまくいかなくて見られないという中、アドリブで話してみましたが、体感では何度もリハした時よりも良く喋れたのかな、なんて思ってます。えへへ。

イラストレータさん向けとなっていますが、副業やフリーランスしようと思っている方にも通じるような事です。以下にイベントで話したことの一部をピックアップ+補足しています。

デザイナーが嬉しくなるイラストレーターとは

1.データが編集しやすい

線画を統合して着色するケースなどが多いが、オブジェクトごとに独立してあるとアイコンや見出しの装飾にも使用できるためデザイナーとしては大助かり。

※こちらはむしろアナログで書いてる方が多かったのでビックリでした。いや、でもそうですよね…。懇親会ではここらを良く質問されました。カラー原稿などをアナログで貰った場合、スキャニングにかなり注意をはらう事になるので、できればそういっためんどうは避けたいですね〜なんて話しました。Adobe Illustrator 自体を使わない方もいらしたので、もっと目線を広くもたないといけないな。と感じたり。

2.テイストがしっかりしている

デザインをひっぱってくれる程個性的なイラストはとても助かる。シュールだったりキモカワいかったりするものとか好きです。デザイナーとしても発想が広がります。

3.自分から連絡してくれる

忙しくて詳細があまり伝えられなくても、不明点や質問を自分からどんどん投げてくれると発注側は答えるだけで詰まっていくので嬉しい。

自分も出来てないので気をつけたいと思うところです…。はい。

イラストレーターさんに頼む理由

1.クオリティが高い

2.スピード

3.コストパフォーマンスが良い

自分も絵はかけるが、本業に頼むほうがクオリティが高い。タッチも限定されない。制作フローも出来上がっているので自分で書き起すよりもスピードが早い。よって工数で計算するとイラストレーターさんに頼んでしまって、自分はガシガシ他の仕事している方が回転率が高く利率も良い。

これらの強みを上手く伝えるためにポートフォリオを作ろう

しっかりしたものがあると、クライアントに経費として計上する場合説得しやすいです。最近読んだ本には自分がこれからやりたい仕事の呼び水となるような実績も掲載していく事が重要とありました。

自分の知らないトコロで独り歩きしても大丈夫なように、補足情報などもしっかり盛り込んで作りましょー。

クリエイティブ業界に就職するためのポートフォリオの教科書

posted with amazlet at 10.03.25

ワークスコーポレーション別冊書籍編集部
ワークスコーポレーション
売り上げランキング: 6707

おすすめ度の平均:

最低限のことだったらいいのですが・・・
参考になりました
ポートフォリオ

Amazon.co.jp で詳細を見る

イラストレーターさんの価格って安いこともある

デザイナーでもあるけれどもイラストレーターさんの単価はもっと安いものがありました。アサイちゃんからの話を聞いてもビックリ。価格を見ると時給計算でも赤がでるくらい安い相場になっています。

原因は買い切りである事、イラストレーターがたくさんいることなどありますが、やりかた次第で価格を上げることができるのでは？と提案してみました。

提案力はお金になるよ!

首から上で勝負。イラストだけでなくアイデアを売り込もう。

イラストだけ勝負するのではなく、クライアントが困っているところをどんどん巻き取りましょう。打ち合わせとかスケジューリングも主導で進めてくれたり、必要な資料を用意しておいてくれたり、提案をどんどんしてくれたり。担当者のかわりにディレクションしちゃうぐらいの気持ちで進めてくれると助かります。便利さが伝わればリピート率も上がるのでは？

表情などパーツ化して、組合せで対応し量産

といった事も可能ですね。

なのでコナンになる事も重要

クライアントと直接話ができず、間に人が入ることが多い。なので人伝に聞いた話からでもクライアントの本音を予測できる。これらはイラストの修正量、フィードバックまでにかかった時間、デザイナーの文章からも推測できますね。

お仕事する前に知っておいて欲しいコト

NDAって？

NDA案件は秘密保持契約を変わす案件の事です。基本、そういったものは実績に掲載しちゃいけないのかな？と思っていましたが契約書によってマチマチでした。あとは良く分からなかったりもするので担当者さんに聞いてます。ボツ案も含まれるのか確認しておくとさらに良いよ!

ポートフォリオは鮮度も重要なので、聞きずらいな…と放っておかずにちゃんと質問しましょう。

お仕事の流れ

1.価格の提示(見積書を要求されたら提出)
2.正式発注
3.納品
4.請求書発行

ざっくりしてます。

なぜが提示した金額より低い金額が入金された

原因は源泉徴収。

個人でお仕事する際には原則必ず発生します。お国さまが個人の収入を見て毎回計上するのを受付るのがめんどうなため、先に10%を固定で徴収しておくのです。経費などを度外視して聴取されるため、年末にしっかり経費計算などを行い多く収めた分を取り替えします。これが確定申告ですね。

対企業のお仕事であれば必ず発生しますので、10%引かれることを考慮した上で金額を決定しましょう。年末に支払い調書というのを企業さんから貰って確定申告に使います。もらえない場合は必ず請求すること。

名刺に書いたイラストが看板などにも利用された

二次利用について

クライアントさんによっては納品されたものは自由に使ってよいと知らずに思っているケースもあります。仕事が発生した時点で契約書を交わすのが望ましいですが、なかなかできないこともあります。事前に著作権利の話をしておくと良いでしょう。

「名刺だけに使ってくださいね。他の使う場合は発生します。」と言えればいいのですが、難しいこともあるので、好きに使ってくれてかまわない前提で価格を提出するのがシンプルかもしれません。

まとめ

と、こんな感じのセッションでした。もちろん自分の実体験や提案なので「普通はそんな事しないよ」などもあるかもしれません。むしろ私にも教えてやってください><

index – お仕事がもらえるイラストレーターのちょいテク勉強会

デザイン勉強会のスタッフとしてもお手伝いしてくれた皮肉屋美人イラストレーター「アサイ チエ」ちゃんがイラストレーターの卵さんに向けて勉強会開催するようです!

イベント概要

日　程 2010年3月20日（土）
時　間 未定
会　場 未定（東京23区内で探し中です）
参加費 未定（会場が決まり次第お知らせします）
定　員 20人

アサイちゃんのイラストはかわいいっす。仕事でも何度かお世話になってるのですよー。

「ブログから仕事につなげたい!でもどうしていいのか分からない…。」

という方もいらっしゃるのではないでしょうか。アメブロではイラストレーターさんブログも盛んらしいですしね。
そういった人々に向けて以下のような内容で行われます。

基本編: ブログ以外に発展する自分ブランディングの方法
応用編: 仕事へ繋げる方法を実体験をもとに解説
発展編: デザイナー（発注側）からみた「重宝するイラストレーター」「知っておいて欲しい知識」等々

どれも卵さんには気になる内容なのではないでしょうか。

フリーランスの人にも共通する内容が多そう

「イラストレーターさん向け」と銘打たれていますが、これから個人で仕事をしていきたいと思っている人にも通じるなーと思っております。セッション内容もちゃんと決めていないので、知りたい事があれば今のうちにコメントとかで教えてくださいw

ふるってご参加くださいませー!

2月頭に毎年行われるJAGDA主催の印刷、メディア業界のコンベンション PAGE。今年行われたPAGE2010にて無料セッションでお話させていただきました。

DTPプロフェッショナルにおくる効率的web制作フローとは

私がお話したのは「DTPプロフェッショナルにおくる効率的web制作フローとは」という内容です。マークアップなどはまず置いておいて、現場のデザイナーさん向けにPhotoshopとDreamweaverの親和性、さらにFirewokrsも使うことでもっと便利にスピーディーになるのですよー。という機能の紹介をしております。

プレゼン資料

オフトーク

事前にセッション内容を検討していた時の定食屋でのミーティングです。まめこの悩みにふっちーとすんいちさんが夕飯食べながら答えてくれています。

※音声のみ

当日はデモなどをメインにしていたので、ここに出た話のほんの一部でしたね。デザイン勉強会でやってもおもしろいかもしれません。効率化の話は楽しい!

こぼれ話

前日まで繰り返したリハーサルでデモも入れて40分ピッタリといい感じにできて満足していたら、当日に持ち時間を間違えていた事が発覚して真っ青になりました。電車の中でスライドをいじったりしたのなんて初めてです。ガッデム。今回セッションのお話をくださった森さんに「ゆっくり話すことがコツですよ」と教わったので意識してみたら、なんとか時間ぴったりに話しをすることができて一安心。思い込みって怖いですね。おっちょこちょこいにも程がある!

デジタルワークフロー・ソリューションZONEにて「DTPプロフェッショナルのための、効率的web制作ワークフローとは」という内容をお送りします。

デジタルワークフロー・ソリューションZONE – JAGAT

DTPに関してはむしろ教わりたいくらい皆さん熟知されていると思うので、web制作的なお話をしようと思います。PAGE 2010のセッション自体は有料なのですが、このスペースで行なわれるセッションは無料ですのでひやかしがてら聞いてみてやってくださいませ。

DTPとweb制作では使用するソフトとそのポジションが異なるのでそこら辺のお話をしたりwebならではの作業を少しでも楽にできるソフトの機能やTIPSなどをお届けする予定です。他の皆さんがちょう豪華なので緊張。みんな応援してください!