34「Webデザインで使うPhotoshop」(2014年4月19日開催)LPシリーズの34弾は、「Webデザインで使うPhotoshop」をテーマに開催します。このセミナーイベントは終了しました。フォローアップ本イベントは終了しました。LP34「Webデザインで使うPhotoshop」が終了しましたツイートは下記にまとめました。Togetterまとめフォローアップは公開しています。URLhttp://cssnite.jp/lp/lp34/懇親会セミナー終了後に懇親会を予定しています。会社名のうち、株式会社などは省いています。予告なくセミナーイベントの仕様が変更になることがあります。修正事項は、開催までにお送りするカウントダウンメール(やFacebookページ、Twitterなど)でお知らせしていますので、ご一読いただけますようお願いします。早割(早期お申し込みによる割引)は、お申し込み期日でなく、決済された日時での適用ですのでご注意ください。時点で最新のものです。変更の可能性があります。タイムテーブルはあくまでも目安であり、当日の流れによって、調整しながら進行します。若干、早く終わったり、延長する可能性があります。Design)18:25エンディング18:30終了19:00懇親会(希望される方のみ。時点での最新情報です。セッションタイトル、内容、出演者は、状況に応じて変更する可能性があります。プロフィールは、本セミナーイベント開催時のものです。目にする、あの表現を作ってみようWebデザインで良く見かけるさまざまな表現。古い紙のテクスチャや立体的な表現など。最近は便利な素材集やネット上でフリーの素材もたくさん配布されており、簡単に利用することができます。それらを使ってデザインを作ってもいいのですが、自分の思い通りの素材がなかったり、他のサイトと被ってしまったり、どうもしっくりこないという経験はありませんか?今回は、そういった素材は使わずに、プリセットのレイヤースタイルとレイヤーマスクだけでさまざまな表現を作ってみます。本来の使い方だけでなく、パラメータをいじったり、効果を掛け合わせたりすることで、実はいろんな表現ができるようになるのがおもしろいところ。このような使い方を知っておくと、素材を使う際、そのまま使うのではなく、独自のアレンジを施すことにも役立ちます。今回のセッションでは、実際にWebデザインのネタ作りをしながら、レイヤースタイルの活用方法を学んでいきましょう。大阪府大阪市に生まれる。マイカルグループの広告制作部門に勤務。その後広告制作会社にてインディーズ音楽系フリーペーパー(JUNGLELIFE)のデザインや、Webサイトのデザインを行う。2001年よりフリー。現在はデザイナー後藤修氏との共同事務所『eater』にて、グラフィックデザイン、Webデザイン、サイト構築などを手がける。各方面でWeb制作に関する講師も担当。Pledge」を主宰。「DTPやWebのフィールドにこだわらず、大きなくくりでデザインに関するものを扱っているセミナーイベント」をテーマに開催している。霧島酒造主催の第8回ニシタチ霧島フラッグコンペティション奨励賞を受賞。試してみた!便利なPhotoshop有料プラグイン主に「スマートフォン対応」「Retinaディスプレイ対応」しつつ、Photoshopからすばやく画像を書き出すための有料プラグインの効果的な使い方を紹介します。CS6やCCには「CSSをコピー」という機能がありますが、有料プラグインを使うとより効率よく、無駄のない制作が可能です。大祐(しょうざき・だいすけ)Stocker.jp下北沢でうさぎと暮らすWebデザイナーです。diary」というWebデザイン・Web技術ネタ中心のブログや「プロになるためのWebデザイン入門講座」などの書籍を執筆しています。渋谷で「社会人のためのWebデザインスクール」の講師をしています。社内に用意されている素材を何度も使い回していて、テイストを変えたいときに困った経験はありませんか?「百聞は一見にしかず」という言葉があるように、的確なビジュアルは文章よりも強くユーザーにメッセージを伝えられます。十分な素材が用意されていなくてもビジュアルのクオリティを維持するのはとても大切です。デザイン事務所を転々としパチンコ屋のチラシや、観光協会Webサイト、求人チラシや地域情報紙などを制作。2007年にTwitterがきっかけでライブドアに入社。Web制作を本格的にはじめる。2009年にフリーランスとして独立。デザイン業のほか、執筆や講演、コワーキングスペース事業を行う。2013年にデザインを教える学校「ザ・マーズナレッジ株式会社」を設立。[グラフィックデザイン編]』、『スマートフォンデザインでラクするために』がある。越冬できるキリギリスを目指して、少し働いて好きに遊べるよう人生実験中。好きな言葉は「人生を棒にふるくらいヒマとゆとりをもって遊ぼう」。http://blog.woopsdez.jp自分でスクリプトを書いて効率アップPhotoshopの作業を自動化しようとすると、まずアクションやバッチ処理が思い浮かぶと思いますが、より複雑な処理や、数値を与えてそれに従った図形の作成・移動などをさせようとすると、スクリプトを書く必要があります。スクリプトというと難しそうに思う方もいらっしゃるかもしれませんが、PhotoshopではWeb制作者の方には馴染みのある「JavaScript」を使用することができ、しかも1から書く必要はありません。Photoshopには「今行った作業をJavaScriptとして書き出す」機能がありますので、その機能を使って書きだしたJavaScriptの一部を変更することで、自分にあったスクリプトを作成することができます。大祐(しょうざき・だいすけ)Stocker.jp下北沢でうさぎと暮らすWebデザイナーです。diary」というWebデザイン・Web技術ネタ中心のブログや「プロになるためのWebデザイン入門講座」などの書籍を執筆しています。渋谷で「社会人のためのWebデザインスクール」の講師をしています。diary社会人のためのWebデザインスクール実案件で活用できるPhotoshopデータ作成ルール実案件におけるデザイン行程では、優れたデザイン表現はもちろん、情報設計をふまえ、定められた(あるいは定めた)デザインルールに則り、コーディング時の実現性を考慮してデザインする必要があります。デザインデータの作成についても、修正や納品データへの対応、分担しての作業など、さまざまな条件が求められます。私のセッションでは、実案件の制作フローを念頭に置き、Photoshopでのデザインを円滑に行うためのルールやテクニックについて紹介しつつ、生成(画像アセット)やライブシェイプ、文字・段落スタイルなど、デザインの効率化に活用できるPhotoshopの機能についても触れていきます。デザイン事務所に在籍後、2001年に独立。以降はWeb媒体を中心に活動を行う。コーポレートサイトやプロモーションサイトの構築を中心に、デザインのみにとどまらず企画や設計、ディレクションも行う。クライアント、ユーザ、制作者の三者がハッピーになれるプロジェクトを心がけて日々奮闘している。