LPシリーズの34弾は、「Webデザインで使うPhotoshop」をテーマに開催します。
このセミナーイベントは終了しました。
フォローアップ
本イベントは終了しました。
ツイートは下記にまとめました。
フォローアップは公開しています。
- （1）黒葛原 道さん（eater）『レイヤースタイルを使いたおす！よく目にする、あの表現を作ってみよう』
- （2）庄崎 大祐さん（Stocker.jp）『試してみた！便利なPhotoshop有料プラグイン 』
- （3）石嶋 未来さん（ザ・マーズナレッジ）『Webだからこそできる、写真やイラストがないときの低コストでデキるデザイン発想方法 』
- （4）庄崎 大祐さん（Stocker.jp）『自分でスクリプトを書いて効率アップ 』
- （5）牧下 浩之さん（Plankton Design）『実案件で活用できるPhotoshopデータ作成ルール 』
概要
| イベント名 | CSS Nite LP, Disk 34「Webデザインで使うPhotoshop」 |
|---|---|
| 日時 | 2014年4月19日（土）14:15-18:30（開場13:55） |
| 会場 | 御茶ノ水ソラシティカンファレンスセンター イベントホールEAST（2F） |
| 定員 | 160名 |
| 出演 | 黒葛原 道（eater） 石嶋 未来（ザ・マーズナレッジ） @woopsdez 庄崎 大祐（Stocker.jp） @Stocker_jp 牧下 浩之（Plankton Design）@msdfjp |
| 司会進行 | 鷹野 雅弘（スイッチ）、 山本 和泉（#fc0） |
| 主催 | CSS Nite実行委員会 |
| 協賛 | WACAウェブ解析士協会、 Webクリエイター能力認定試験（サーティファイ）、 クラウドワークス、 ソシム、 ウェブ担当者通信 、 日本Web協会（旧「日本Webソリューションデザイン協会」、 サイバーガーデンbiz |
| プレゼント協賛 | awesome! クリエイターズショップ、 マイナビ |
| 参加費 | 10,000円（当日枠） 8,500円（事前決済） 3,000円（フォローアップ参加） |
| 事前登録 | 必要 |
| 備考 | スクール形式（=机があります、3人がけ） |
| Facebookページ | |
| ハッシュタグは #cssnite_lp34 です。 | |
| URL | https://cssnite.jp/lp/lp34/ |
| 懇親会 | セミナー終了後に懇親会を予定しています。 |
会社名のうち「株式会社」などは省いています。
予告なくセミナーイベントの仕様が変更になることがあります。
修正事項は、開催までにお送りするカウントダウンメール（やFacebookページ、Twitterなど）でお知らせしていますので、ご一読ください。
- 早割（早期お申し込みによる割引）は、お申し込み期日でなく、決済された日時での適用ですのでご注意ください。
タイムテーブル
2014年7月19日 時点で最新のものです。変更の可能性があります。
- タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。
- 若干、早く終わったり、延長する可能性があります。
| 開始 | # | ステージ | 出演者 |
|---|---|---|---|
| 13:55 | 開場 | ||
| 14:15 | オープニング | ||
| 14:20 | 1 | レイヤースタイルを使いたおす！ よく目にする、あの表現を作ってみよう |
黒葛原 道（eater） |
| 15:05 | 2 | 試してみた！便利なPhotoshop有料プラグイン | 庄崎 大祐（Stocker.jp） |
| 15:40 | 休憩 | ||
| 15:55 | PRセッション | WACAウェブ解析士協会 | |
| 16:05 | 3 | Webだからこそできる、 写真やイラストがないときの 低コストでデキるデザイン発想方法 |
石嶋 未来（ザ・マーズナレッジ） |
| 16:50 | 4 | 自分でスクリプトを書いて効率アップ | 庄崎 大祐（Stocker.jp） |
| 17:25 | 休憩 | ||
| 17:40 | 5 | 実案件で活用できる Photoshopデータ作成ルール |
牧下 浩之（Plankton Design） |
| 18:25 | エンディング | ||
| 18:30 | 終了 | ||
| 19:00 | 懇親会（希望される方のみ。別途、参加費が必要です） | ||
セッション概要と 出演者のプロフィール
2014年07月19日 時点での最新情報です。
セッションタイトル、内容、出演者は、状況に応じて変更する可能性があります。なお、プロフィールは、本セミナーイベント開催時のものです。
レイヤースタイルを使いたおす！ よく目にする、あの表現を作ってみよう
Webデザインで良く見かけるさまざまな表現。たとえば古い紙のテクスチャや立体的な表現など。
最近は便利な素材集やネット上でフリーの素材もたくさん配布されており、簡単に利用することができます。もちろん、それらを使ってデザインを作ってもいいのですが、自分の思い通りの素材がなかったり、他のサイトと被ってしまったり、どうもしっくりこないという経験はありませんか？
今回は、そういった素材は使わずに、プリセットのレイヤースタイルとレイヤーマスクだけでさまざまな表現を作ってみます。
本来の使い方だけでなく、パラメータをいじったり、効果を掛け合わせたりすることで、実はいろんな表現ができるようになるのがおもしろいところ。
また、このような使い方を知っておくと、素材を使う際、そのまま使うのではなく、独自のアレンジを施すことにも役立ちます。
今回のセッションでは、実際にWebデザインのネタ作りをしながら、レイヤースタイルの活用方法を学んでいきましょう。
黒葛原 道（つづらはら・とおる）
1974年 大阪府大阪市に生まれる。
マイカルグループの広告制作部門に勤務。その後広告制作会社にてインディーズ音楽系フリーペーパー（JUNGLELIFE）のデザインや、Webサイトのデザインを行う。
2001年よりフリー。
現在はデザイナー後藤修氏との共同事務所『eater』にて、グラフィックデザイン、Webデザイン、サイト構築などを手がける。また、各方面でWeb制作に関する講師も担当。
2012年からセミナーイベント「Design Pledge」を主宰。
「DTPやWebのフィールドにこだわらず、大きなくくりでデザインに関するものを扱っているセミナーイベント」をテーマに開催している。
霧島酒造主催の第8回ニシタチ霧島フラッグコンペティション奨励賞を受賞。
試してみた！便利なPhotoshop有料プラグイン
主に「スマートフォン対応」「Retinaディスプレイ対応」しつつ、Photoshopからすばやく画像を書き出すための有料プラグインの効果的な使い方を紹介します。
たとえば、Photoshop CS6やCCには「CSSをコピー」という機能がありますが、有料プラグインを使うとより効率よく、無駄のない制作が可能です。
庄崎 大祐（しょうざき・だいすけ）
Stocker.jp
下北沢でうさぎと暮らすWebデザイナーです。「Stocker.jp / diary」というWebデザイン・Web技術ネタ中心のブログや「プロになるためのWebデザイン入門講座」などの書籍を執筆しています。
渋谷で「社会人のためのWebデザインスクール」の講師をしています。
Webだからこそできる、写真やイラストがないときの低コストでデキるデザイン発想方法
提供された写真やイラストが、どうにもうまく使えないとき、素材購入に予算が避けず四苦八苦するした経験はありませんか？ 社内に用意されている素材を何度も使い回していて、テイストを変えたいときに困った経験はありませんか？
「百聞は一見にしかず」という言葉があるように、的確なビジュアルは文章よりも強くユーザーにメッセージを伝えられます。十分な素材が用意されていなくてもビジュアルのクオリティを維持するのはとても大切です。
素材がなくても無理のないデザインにする方法、解像度が足りない写真をうまく工夫する方法などなど、普段わたしが使っている「現地調達デザイン発想方法」をご紹介します！
石嶋 未来（いしじま・みき）
1982年生まれ 高校卒業後、栃木県のデザイン事務所を転々としパチンコ屋のチラシや、観光協会Webサイト、求人チラシや地域情報紙などを制作。2007年にTwitterがきっかけでライブドアに入社。Web制作を本格的にはじめる。
2009年にフリーランスとして独立。デザイン業のほか、執筆や講演、コワーキングスペース事業を行う。 2013年にデザインを教える学校「ザ・マーズナレッジ株式会社」を設立。
近著に『神速Photoshop [グラフィックデザイン編]』、『スマートフォンデザインでラクするために』がある。
越冬できるキリギリスを目指して、少し働いて好きに遊べるよう人生実験中。好きな言葉は「人生を棒にふるくらいヒマとゆとりをもって遊ぼう」。
https://blog.woopsdez.jp
自分でスクリプトを書いて効率アップ
Photoshopの作業を自動化しようとすると、まずアクションやバッチ処理が思い浮かぶと思いますが、より複雑な処理や、数値を与えてそれに従った図形の作成・移動などをさせようとすると、スクリプトを書く必要があります。
スクリプトというと難しそうに思う方もいらっしゃるかもしれませんが、PhotoshopではWeb制作者の方には馴染みのある「JavaScript」を使用することができ、しかも1から書く必要はありません。
Photoshopには「今行った作業をJavaScriptとして書き出す」機能がありますので、その機能を使って書きだしたJavaScriptの一部を変更することで、自分にあったスクリプトを作成することができます。
庄崎 大祐（しょうざき・だいすけ）
Stocker.jp
下北沢でうさぎと暮らすWebデザイナーです。「Stocker.jp / diary」というWebデザイン・Web技術ネタ中心のブログや「プロになるためのWebデザイン入門講座」などの書籍を執筆しています。
渋谷で「社会人のためのWebデザインスクール」の講師をしています。
実案件で活用できるPhotoshopデータ作成ルール
実案件におけるデザイン行程では、優れたデザイン表現はもちろん、情報設計をふまえ、定められた（あるいは定めた）デザインルールに則り、コーディング時の実現性を考慮してデザインする必要があります。
一方、デザインデータの作成についても、修正や納品データへの対応、分担しての作業など、さまざまな条件が求められます。
私のセッションでは、実案件の制作フローを念頭に置き、Photoshopでのデザインを円滑に行うためのルールやテクニックについて紹介しつつ、生成（画像アセット）やライブシェイプ、文字・段落スタイルなど、デザインの効率化に活用できるPhotoshopの機能についても触れていきます。
牧下 浩之（まきした・ひろゆき）
デザイナー／クリエイティブディレクター
株式会社Plankton Design代表取締役
東京造形大学非常勤講師
印刷媒体のデザイン事務所に在籍後、2001年に独立。以降はWeb媒体を中心に活動を行う。
コーポレートサイトやプロモーションサイトの構築を中心に、デザインのみにとどまらず企画や設計、ディレクションも行う。
クライアント、ユーザ、制作者の三者がハッピーになれるプロジェクトを心がけて日々奮闘している。
2011年に株式会社Plankton Designを設立。
参加費とお申し込み
CSS Nite LP34 は有料のイベントです。ご参加いただくには参加登録と事前決済が必要です。
参加費
- 10,000円（当日枠）
- 8,500円（事前決済）
- 7,500円（3月19日15時まで）
- 6,500円（2月27日15時まで） 懇親会（3,500円）と一緒に事前決済されると、ちょっとお得です。
| セミナーのみ | セミナー+懇親会 | フォローアップ参加 | |
|---|---|---|---|
| 3,000円 | |||
| - | |||
| それ以降（事前決済） | 8,500円 | - | |
| 当日枠 | 10,000円 |
- | |
| 当日以降 | - | - | 3,500円 |
- ご参加はお支払い済みの方から、参加確定します。
- 振込後に、こちらのフォームからご連絡いただけると助かります（Peatixで決済の場合には不要です）。
- 割引の金額は、お申し込みされた日程ではなく、決済ベースです。期限を過ぎると差額が発生します。
決済方法
お申し込みからビジネスデーで3日以内の決済をお願いします。
- PayPal（クレジットカード）
- 銀行振込
決済に関して
- 銀行振込の場合、振込手数料はご負担ください（会社から数名でご参加の場合、まとめて振込可能です）。
- PayPal決済の場合、1名ずつの決済をお願いします。
- 決済などの運営は「株式会社スイッチ」が行います。PayPalおよび銀行振込の支払先にもなります。
- お申し込みからビジネスデーで3日以内の決済をお願いします。社内の稟議の関係など、ご事情がある場合には、ご一報ください。なお、早期割引などは、決済日ベースです。決済いただく日程によっては、差額が発生することがあります。
決済のご確認（入金確認）
- PayPalでの決済
- PayPalからの自動返信メールをもって入金確認とさせていただきます。
- 銀行振込での決済
- 確認取れ次第、入金確認メールをお送りします。お振り込み後、3日から1週間ほどかかることもあります。
お願い
お申し込み前に、下記3件からのアドレスからのメール受信可能にしておいてください。
- seminar@cssnite.jp：
カウントダウンメール、フォローメールの配信メールアドレスです｡ - cssnite@gmail.com：
お申し込みの自動返信メールや受講票、お問い合わせなどの配信メールアドレスです｡ - cssnite.payment@gmail.com：
PayPal決済の自動返信メール、銀行振込確認メールの配信メールアドレスです｡
フォローアップ参加
CSS Niteの有料版は、およそ90日後に、スライド/音声などを参加されていない方にも公開しています。
今回、フォローアップを開催直後（1週間以内）に受け取れる「フォローアップ参加」を試験的に行います。
お申し込みは、1名ずつお願いします。
- フォローアップ参加は3,000円（開催まで）、3,500円（開催後）です。
- 基本的にはスライド、音声のみをシェアします。
- ビデオ撮影を行う予定です。公開可能なビデオは、開催から2週間以内にシェアします。
- 会場参加と同様のタイミングで、カウントダウンメール/フォローアップメールをお送りします。
- 領収書はPeaTiXからダウンロードしてください。
- 会場参加の方にもフォローアップを提供しますので、会場参加される方はフォローアップ参加にお申し込みいただく必要はありません。
- 会場参加をキャンセルされた方は、自動的にフォローアップ参加となります。フォローアップ参加にお申し込みいただく必要はありません。
会場参加 フォローアップ
参加カウントダウンメール 
会場での参加 
フォローアップ（スライド） フォローアップ（ビデオ）
開催の背景
CSS Niteについて
CSS Nite（シーエスエス・ナイト）は、Web制作に関わる方のためのセミナーイベントです。2005年10月、アップルストア銀座にてマンスリーイベントとしてスタート。当初は文字通り「CSS」にフォーカスしていましたが、現在は“Web 制作者にとって有益であろうトピック”を広く扱っています。
都内を中心に、神戸、岡山、山梨、札幌、静岡、広島、仙台、高知、高松、福岡、大阪、青森、長野、また、海外では韓国でも開催。マークアップ系にとどまらず、WebディレクターやSEO/SEM、プログラマー系、経営者など、Web制作に関わる方の交流の機会となっています。
これまでに380回を越える関連イベントを通して、のべ48,000名を超える方が参加するなど、Web制作業界のセミナーイベントとしてはモンスター級（2013年12月現在）。
CSS Nite LP
CSS Nite LPは、回ごとにテーマを設け、土日などに開催するCSS Niteの有料版。今回のLP, Disk 34はその第34弾。「LP34」はそこから来ています。
アップルストア銀座でのCSS Niteをシングル盤に見立てると、LP盤だよね、ということでVolではなく、Diskでカウントしています。
Webで使うPhotoshop
2012年3月、CSS Nite LP, Disk 22「Webデザインで使うPhotoshop」を開催しました。フォローアップなどを公開していますので、ぜひチェックしてみてください。
お申し込みから開催当日まで
振込連絡と入金確認メール
次に該当する場合には、お振り込み後に、フォームから、ご連絡をお願いいたします。
- お申し込みフォームで選択した送金方法と異なるものにしたい場合（送金後にご連絡ください）
例）「銀行振込を選択したが、PayPal決済した」 - お申し込みのお名前と、決済された者のお名前が異なる場合
（結婚前後で姓が変わっている場合など） - 複数名分をまとめてお振り込みされる場合
（PayPalの場合、まとめることはできません） - ビジネスデーで3日を過ぎてしまう場合、過ぎてしまった場合（ご連絡いただければ再申し込みは不要です）
入金確認メールは、銀行振込された方のみにお送りしています。
受講票、カウントダウンメール
- 「カウントダウンメール」と称して、タイムテーブルの決定や、その他のご連絡事項をメールにてお送りします（不定期）。
- 受講票は、開催の1週間ほど前にメールにてお送りします。可能であればプリントアウトして、ムリな場合には、携帯電話に転送してご持参ください（A-99のような番号とお名前にて照合しています）。
- Peatixから発行されるQRコードは利用しません。
FAQ
開催に関して
- 当日の配布資料はありますか？
- ほかのCSS Niteと同様、基本的にありません。スライドなどは、開催終了後にダウンロードいただけるようにご案内します。セミナー中に撮影いただいたり、録音いただき、個人として利用されることはOKです。ただし、撮影時に音が出る機器（携帯電話など）はご遠慮ください。
- パソコンを持参した方がいいですか？
- いいえ、必要ありません。パソコンを持ち込んでいただくのは結構ですが、電源は十分にありません。まわりの方と分け合ってご利用ください。
なお、「隣に座った方の、キーボードのタイピング音がうるさくて気が散る」といった苦情を最近よくいただきます。ご配慮をお願いします。 - 無線LANなどの環境はありますか？
- 若干のご準備はいたしますが、基本的にはご自身でご用意ください。
- 電源はありますか？
- 会場に両サイドにある電源をお使いいただいてOKですが、分け合ってお使いください（ぜひ、電源タップなど延長できるものお持ちください）。また、ACアダプターにつまづいてPCが落下などされないように、くれぐれもお気をつけください（休憩中はコードをはずしておいたり、養生テープなどで固定された方がよいかもしれません）。
- Twitterで実況中継してもいいですか？
- はい、どうぞ。ハッシュタグは「#cssnite_lp34」です。なお、場合によっては、守秘義務に関する内容があります。講演者から指示があった場合、そちらは避けていただけますようお願いいたします。
- Ustreamで中継してもいいですか？
- こちらはご容赦ください（=NGです）。主催者サイドでUstream配信する予定はありません。
お申し込み・決済に関して
- 複数名で申し込む予定ですが、まとめて振り込んでもOKですか？
- はい。その場合、お振り込み後に「振込名義」と、どなたの分かをフォームからご連絡ください。
- 申し込み時に記入したものとは異なる方法で送金したいのですが...（「PayPalを選択したけど、銀行振込したい」、「銀行振込を選択したけれど、PayPalで決済したい」、「複数人をまとめて振り込みたい」など）
- 問題ありません。お手数ですが、ご送金後にフォームからご連絡ください。
- 請求書は発行いただけますか？
- PDFに限り、発行します。請求書発行依頼フォームからご連絡ください。
- 領収書はいただけますか？
- はい。開催当日、全員にお渡しします。
法人名などの宛名の記入が必要な場合には、休憩時間に受付にてお申し出ください（事前のご連絡は不要です）。銀行振込、PayPal決済に関わらず、領収書の日付は開催日です。不都合があれば、当日、ご相談ください。なお、欠席された場合でも、ご連絡いただければ領収書を郵送します。 - セミナー+懇親会のセットで申し込みました。領収書を分けて欲しいのですが...
- 領収書はセミナーと懇親会で分けてご用意しています。
- 諸事情で、遅刻（途中退席）しなければなりません。
- 問題ありません。ただし、部分的な返金等はご容赦ください。遅刻される場合、（すでに着席されている方の注意を削ぐため）次の転換/休憩時まで、会場の後部にて待機いただきます。
- 入金確認メールはいつ届きますか？
- 早ければ翌日。状況によっては1週間くらいかかることもあります。なお、PayPal決済の場合にはPayPalからの自動返信メールをもって入金確認としますので、CSS Niteからのメールはお送りしていません。
お申し込み者と振込名が異なる場合、こちらでは照合できません。ご連絡をお願いします。
当日
- 何を持参すればいいですか？
- 筆記用具と受講票をお持ちください。
長時間のセミナーですので、座布団をお持ちいただくのもよいと思います。
映画館やセミナーなどで寒いと感じることがある方は、夏冬問わず、 ひざ掛けやカーディガン等をご持参ください。 - 受講票はいつ届きますか？
- 受講票は開催の1週間ほど前に、ご登録のメールアドレスにお送りします。プリントアウト不可の方は携帯電話に転送してご提示ください。それも不可能な場合には、受講者番号をお控えの上、ご来場ください。万が一、すべて忘れてしまった場合には、リストにてお名前を照合します。タイムテーブルは印刷したものをお渡しします。
- 会場内は飲食可能ですか？
- はい、会場内は
飲食可能です。飲み物のみOKです。長丁場ですので、軽食やおやつなどをご持参ください（ゴミはお持ち帰りいただけますようご協力をお願いします）。参加者の方のための飲み物などはご用意していません。ご自身でご用意ください（B1Fにファミリーマートがあります）。 - 遅刻しても入場できますか？
- はい、ご入場いただけます。電話やメールでの連絡などは不要です。なお、遅刻された方がセッション中に会場を移動されたり、また、関係者が誘導すると、すでに着席されている方の視界を遮り、注意をそいでしまいます。遅刻された場合、次の休憩、または、セッション間の転換まで後部にてお待ちいただくことがあります。
- 指定席ですか？
- いいえ、自由席です。視力の弱い方は、お早めにご来場いただき、見やすいお席を確保してください。
スクリーンは200インチとかなり大きいので、後ろの方のお席でも通常の視力であれば、問題なく観ることができます。見にくい場合には、途中でも席を移動してください。
空席を荷物などでふさがないようにご協力お願いします。 - 禁止事項はありますか？
- まわりの方の迷惑となりますので、シャッター音の鳴る機器、および、タブレットでの撮影を禁止します（スマホ、タブレット、コンデジ等、デバイスを問わず）。
スライドは、追ってダウンロードいただけるように、後日、フォローアップメールにてご案内します。 - スライドはダウンロードできますか？
- はい、終了後にお送りする「フォローアップメール」にて、ダウンロードのURLなどをご案内します。開催後、遅くても1週間以内にお送りしています。
- 無線LAN環境はありますか？
- 一応、ご用意しています。「CSSNITE_A」「CSSNITE_G」、「CSS Nite参加者用」などのアクセスポイントをご利用ください（パスワードは設定していません）。ただし、接続に関して確実にはお約束はできません。
- 電源はありますか？
- 会場内の電源を使用していただいて結構ですが、限りがあります。電源タップなどをご持参いただき、分け合って使ってください。なお、受付周辺に、充電コーナーをご用意していますので、休憩時間にご利用ください。
キャンセルや払い戻しについて
- 急遽参加できなくなりました。代わりの人間が参加してもよいですか？
- はい、どうぞ。その際には、フォームからご連絡ください。
- 当日、急用で欠席しました（領収書を紛失してしまいました）。領収書は発行いただけますか？
- はい、発行いたします。こちらのフォームからご連絡ください。
- PayPalでダブって決済してしまいました。
- ご連絡いただければ払い戻し処理を行います。もちろん、こちらで気付いた場合にはご連絡します。なお、返金の際、手数料（500円）のみご負担ください。
- 諸事情により参加できなくなりました。
- 下記のキャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。
キャンセルポリシー
決済後のキャンセルについては、下記のポリシーにて行わせていただきます。
| 請求書 | PDFのみ発行（希望者） | |
|---|---|---|
| 資 料 の 公 開 |
会場参加者 | |
| フォロー アップ参加 |
|
|
| 一般公開 | およそ90日後 |
|
| キ ャ ン セ ル |
3日前まで | フォローアップ参加費を 除いて返金 （フォローアップあり） |
| （計算例） | 8,500円-3,000円=5,500円 | |
| 前々日、 前日、 当日 |
返金なし（フォローアップあり） | |
参加費のキャンセル返金に関して
- キャンセルポリシーをご一読の上、キャンセルフォームからご連絡ください。
- 返金処理は、お申し出から1週間以内に実行します。
- 振込手数料/PayPal手数料は、CSS Niteが負担します（ただし、ダブりなどのご送金の場合には、ご負担ください）。
- 懇親会とセットでお申し込みの方も同様の計算です。
- 希望される方には、領収書を発行いたします。こちらのフォームからご連絡ください。
懇親会のキャンセルについて
懇親会のキャンセルについて、次のようにお願いします。
| タイミング | 返金額 |
|---|---|
| 開演後、1つめの休憩が終了するまで | 全額返金 |
| それ以降 | 返金なし |
なお、懇親会を決済されていて、当日参加されない場合にも同様です（ご連絡いただければ、後日返金いたします）。
関連情報
バナー
ブログやサイトにバナーを掲載いただければ幸いです。ソースコードのままご利用ください。
（幅200ピクセル×高さ200ピクセル）
