Submit Search
Upload
今から始めるPhotoshopによるWeb制作-初期設定編
•
30 likes
•
14,609 views
regret raym
Follow
第4回 Creators MeetUpで発表したスライドです。
Read less
Read more
Report
Share
Report
Share
1 of 43
Download now
Download to read offline
Recommended
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
Marie Suenaga
ゆるふわ勉強会第3回にてhttp://suema-r.com/blog/photoshop_basic_01/
プロ向けオンラインサイトクリエイター?「webflow」で 何がどこまで出来るのか?
プロ向けオンラインサイトクリエイター?「webflow」で 何がどこまで出来るのか?
takayuki katumata
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化
Kumiko SHIMIZU
2016年1月23日 Dorpamine Vol.1 「みんなの開発環境」LT スライド
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Knock!Knork! Webデザイントレンド2016(2016年3月12日開催)の発表資料です。
再放送キャンペーン1225
再放送キャンペーン1225
webcampusschoo
schoo WEB-campus
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordBench神戸のレスポンシブ座談会でLTさせていただた資料です。 低コスト案件においてレスポンシブWebデザインに取り組むときの、考え方、取り組み方などについて、ひとつの考えをまとめてました。 内容的にはやや偏りがありますが、ディレクションの一つの方向性として、参考になればと思ってのお話です。
Recommended
Photoshopで効率よくデザインしよう!
Photoshopで効率よくデザインしよう!
Marie Suenaga
ゆるふわ勉強会第3回にてhttp://suema-r.com/blog/photoshop_basic_01/
プロ向けオンラインサイトクリエイター?「webflow」で 何がどこまで出来るのか?
プロ向けオンラインサイトクリエイター?「webflow」で 何がどこまで出来るのか?
takayuki katumata
Illustratorのカンプとうまく付き合う方法
Illustratorのカンプとうまく付き合う方法
Takuya Nishitani
2012年7月7日 CSS Nite in OKAYAMA vol.3にて講演
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化
Kumiko SHIMIZU
2016年1月23日 Dorpamine Vol.1 「みんなの開発環境」LT スライド
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Knock!Knork! Webデザイントレンド2016(2016年3月12日開催)の発表資料です。
再放送キャンペーン1225
再放送キャンペーン1225
webcampusschoo
schoo WEB-campus
HTML5+wordpressで電子書籍
HTML5+wordpressで電子書籍
Wataru Asai
スライドだけじゃ情報足りないので興味ある方はFBやtwでコンタクトしてくれると嬉しいです。
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
WordBench神戸のレスポンシブ座談会でLTさせていただた資料です。 低コスト案件においてレスポンシブWebデザインに取り組むときの、考え方、取り組み方などについて、ひとつの考えをまとめてました。 内容的にはやや偏りがありますが、ディレクションの一つの方向性として、参考になればと思ってのお話です。
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
WCAN 2015 Autumnのセッション「Sketch VS Photoshop Webデザイン4番勝負」のスライドです。Webデザインに欠かせないいくつかの項目について2つのツールを比べてみました。
Webエンジニアのための プロジェクションマッピング
Webエンジニアのための プロジェクションマッピング
KatsuyaENDOH
Javascriptによるプロジェクションマッピングシステム(開発予定)
社内勉強会プロジェクションマッピング
社内勉強会プロジェクションマッピング
Shugo Numano
デ部会 女子部 20170329
デ部会 女子部 20170329
Masami Kanemoto
【cloudpackデ部会・女子部】第3回 コーディングどこまでできる? webデザイナー女子相談会 https://devkai.connpass.com/event/51792/
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
masaya yamao
ローカルでのWordPress開発環境に向けて WordBench 三重 5月度勉強会
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
masaya yamao
WordPressのローカル開発環境構築 WordBench Nagoya 2018年5月度勉強会 1.Local by Flywheel での開発環境構築について 2.ローカル開発環境の技術と他の開発環境の紹介
cafe.Blend#1杯目
cafe.Blend#1杯目
c-mitsuba
cafe.Blend#1杯目
久しぶりにWebエンジニアのためのプロジェクションマッピング
久しぶりにWebエンジニアのためのプロジェクションマッピング
KatsuyaENDOH
CSSによる変形と、p5.jsでコンテンツ生成までの途中経過。
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
2009/07/02 三鷹プログラマーズカフェにて
インブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき
スマートフォンアプリ開発 ミニマル→ラージ開発手法
スマートフォンアプリ開発 ミニマル→ラージ開発手法
ssusere0ed14
ミニゲームから大きなゲームを製作する開発手法の具体的な手法内容を記載。
ペアプロどうでしょう?
ペアプロどうでしょう?
hiroyuki Yamamoto
名古屋アジャイル勉強会の第八回ワークショップ資料です。小学校6年生向けの算数のドリルを題材にペア作業体験を行いました。
CG技術を魔法に喩えて分かりやすく!
CG技術を魔法に喩えて分かりやすく!
mamo20
リアルタイムCGを使ったインタラクティブ作品を誰かと一緒に作る時って、自分の持つ技術がどんなものか口で伝えるの難しいですよね。 CG技術は言葉にする上では専門用語に頼るしかなくて、それを知らないスタッフには、技術をアピールできません。そのため、適切な技術を持ったクリエイターを探すのも一苦労です。 そこで、CG技術7つをピックアップし、ゲームや漫画に出てくる魔法や忍術にたとえることで、分かりやすく説明を試してみました。 発表では例として上記分類を紹介します。
Photoshop magic vol.0
Photoshop magic vol.0
Yoko Keito
第二回 Web勉強会資料
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
Mom Studeo
MomStudeo 第1回のサロンです。 当日プロジェクタへのアダプタを忘れて大わらわになりましたが Scratchで直接説明して遊んでもらいました^^
初めてのプラグイン開発で学んだ教訓
初めてのプラグイン開発で学んだ教訓
Yuki Okamoto
WordFes名古屋2013のLT資料です MonacaPressプラグイン開発時に学んだことを扱っています
リアルタイムCGのためのグラフィックスライブラリ
リアルタイムCGのためのグラフィックスライブラリ
Satoshi Mabuchi
リアルタイムCGのためのオープンソースライブラリの紹介です。 https://github.com/PremiumGraphics/DirectView http://www.premiumgraphics.co.jp/ https://www.facebook.com/premiumgraphics2014 https://twitter.com/PreGra2015
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
第29回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/15401/ 昨今、非エンジニアの間でもGitが浸透してきましたが、コマンド操作に慣れない方も多いのではないでしょうか? GUIツールでコマンドいらずなGitライフをオススメします。 コマンドだと複雑な操作もラクラクなので、エンジニアの方でもこの機にぜひ。 武井絵利菜@skyguild http://skyguild.jp
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat
株式会社プレミアムグラフィクスの会社案内
株式会社プレミアムグラフィクスの会社案内
Satoshi Mabuchi
,akls 静岡県浜松市のソフトウェア開発会社、 株式会社プレミアムグラフィクスの会社案内です。 http://www.premiumgraphics.co.jp https://www.facebook.com/premiumgraphics2014 https://twitter.com/PreGra2015
セキュリティはじめのいっぽ #cmujp
セキュリティはじめのいっぽ #cmujp
tama200x Kobayashi
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
Akira Matsuda
第5回Creators Meetup session04 で使った資料です。
More Related Content
What's hot
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Risako Imai
WCAN 2015 Autumnのセッション「Sketch VS Photoshop Webデザイン4番勝負」のスライドです。Webデザインに欠かせないいくつかの項目について2つのツールを比べてみました。
Webエンジニアのための プロジェクションマッピング
Webエンジニアのための プロジェクションマッピング
KatsuyaENDOH
Javascriptによるプロジェクションマッピングシステム(開発予定)
社内勉強会プロジェクションマッピング
社内勉強会プロジェクションマッピング
Shugo Numano
デ部会 女子部 20170329
デ部会 女子部 20170329
Masami Kanemoto
【cloudpackデ部会・女子部】第3回 コーディングどこまでできる? webデザイナー女子相談会 https://devkai.connpass.com/event/51792/
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
masaya yamao
ローカルでのWordPress開発環境に向けて WordBench 三重 5月度勉強会
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
masaya yamao
WordPressのローカル開発環境構築 WordBench Nagoya 2018年5月度勉強会 1.Local by Flywheel での開発環境構築について 2.ローカル開発環境の技術と他の開発環境の紹介
cafe.Blend#1杯目
cafe.Blend#1杯目
c-mitsuba
cafe.Blend#1杯目
久しぶりにWebエンジニアのためのプロジェクションマッピング
久しぶりにWebエンジニアのためのプロジェクションマッピング
KatsuyaENDOH
CSSによる変形と、p5.jsでコンテンツ生成までの途中経過。
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
2009/07/02 三鷹プログラマーズカフェにて
インブラウザデザインのすすめ
インブラウザデザインのすすめ
株式会社ND&I しかたこうき
スマートフォンアプリ開発 ミニマル→ラージ開発手法
スマートフォンアプリ開発 ミニマル→ラージ開発手法
ssusere0ed14
ミニゲームから大きなゲームを製作する開発手法の具体的な手法内容を記載。
ペアプロどうでしょう?
ペアプロどうでしょう?
hiroyuki Yamamoto
名古屋アジャイル勉強会の第八回ワークショップ資料です。小学校6年生向けの算数のドリルを題材にペア作業体験を行いました。
CG技術を魔法に喩えて分かりやすく!
CG技術を魔法に喩えて分かりやすく!
mamo20
リアルタイムCGを使ったインタラクティブ作品を誰かと一緒に作る時って、自分の持つ技術がどんなものか口で伝えるの難しいですよね。 CG技術は言葉にする上では専門用語に頼るしかなくて、それを知らないスタッフには、技術をアピールできません。そのため、適切な技術を持ったクリエイターを探すのも一苦労です。 そこで、CG技術7つをピックアップし、ゲームや漫画に出てくる魔法や忍術にたとえることで、分かりやすく説明を試してみました。 発表では例として上記分類を紹介します。
Photoshop magic vol.0
Photoshop magic vol.0
Yoko Keito
第二回 Web勉強会資料
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
Mom Studeo
MomStudeo 第1回のサロンです。 当日プロジェクタへのアダプタを忘れて大わらわになりましたが Scratchで直接説明して遊んでもらいました^^
初めてのプラグイン開発で学んだ教訓
初めてのプラグイン開発で学んだ教訓
Yuki Okamoto
WordFes名古屋2013のLT資料です MonacaPressプラグイン開発時に学んだことを扱っています
リアルタイムCGのためのグラフィックスライブラリ
リアルタイムCGのためのグラフィックスライブラリ
Satoshi Mabuchi
リアルタイムCGのためのオープンソースライブラリの紹介です。 https://github.com/PremiumGraphics/DirectView http://www.premiumgraphics.co.jp/ https://www.facebook.com/premiumgraphics2014 https://twitter.com/PreGra2015
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
Erina Takei
第29回 Creators MeetUpの登壇資料です! http://cmu.connpass.com/event/15401/ 昨今、非エンジニアの間でもGitが浸透してきましたが、コマンド操作に慣れない方も多いのではないでしょうか? GUIツールでコマンドいらずなGitライフをオススメします。 コマンドだと複雑な操作もラクラクなので、エンジニアの方でもこの機にぜひ。 武井絵利菜@skyguild http://skyguild.jp
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
Hajime Ogushi
WP-D Fes #03 in GMO Yours Web制作の最新事情を理解制作現場をいまこそアップデートしましょう!! Tokyo 2015.02.22.sun Osaka 2015.03.07.sat
株式会社プレミアムグラフィクスの会社案内
株式会社プレミアムグラフィクスの会社案内
Satoshi Mabuchi
,akls 静岡県浜松市のソフトウェア開発会社、 株式会社プレミアムグラフィクスの会社案内です。 http://www.premiumgraphics.co.jp https://www.facebook.com/premiumgraphics2014 https://twitter.com/PreGra2015
What's hot
(20)
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Sketch VS Photoshop Webデザイン4番勝負 - WCAN 2015 Autumn
Webエンジニアのための プロジェクションマッピング
Webエンジニアのための プロジェクションマッピング
社内勉強会プロジェクションマッピング
社内勉強会プロジェクションマッピング
デ部会 女子部 20170329
デ部会 女子部 20170329
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
ローカルでのWordPress開発環境に向けて【WordBench 三重 5月度勉強会】
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
WordPressのローカル開発環境構築【WordBench Nagoya 5月度勉強会】
cafe.Blend#1杯目
cafe.Blend#1杯目
久しぶりにWebエンジニアのためのプロジェクションマッピング
久しぶりにWebエンジニアのためのプロジェクションマッピング
プログラマのためのPC自動化
プログラマのためのPC自動化
インブラウザデザインのすすめ
インブラウザデザインのすすめ
スマートフォンアプリ開発 ミニマル→ラージ開発手法
スマートフォンアプリ開発 ミニマル→ラージ開発手法
ペアプロどうでしょう?
ペアプロどうでしょう?
CG技術を魔法に喩えて分かりやすく!
CG技術を魔法に喩えて分かりやすく!
Photoshop magic vol.0
Photoshop magic vol.0
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
プログラミング?なにそれこわい?なママも楽しんじゃうサロン
初めてのプラグイン開発で学んだ教訓
初めてのプラグイン開発で学んだ教訓
リアルタイムCGのためのグラフィックスライブラリ
リアルタイムCGのためのグラフィックスライブラリ
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
GUIツールで送る快適な Gitライフ@Creators MeetUp #29
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
これで大丈夫。Web制作で使うコマンドラインツールの名前と役割をざっくり理解する
株式会社プレミアムグラフィクスの会社案内
株式会社プレミアムグラフィクスの会社案内
Viewers also liked
セキュリティはじめのいっぽ #cmujp
セキュリティはじめのいっぽ #cmujp
tama200x Kobayashi
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
Akira Matsuda
第5回Creators Meetup session04 で使った資料です。
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
Reimi Kuramochi Chiba
第2回 Creators MeetUpのエディタ論争のセッションスライド。Crescent Eve推しの内容です。 #cmujp
Responsive Web Design make with CSS Framework
Responsive Web Design make with CSS Framework
Komei Otake
第4回 Creators Meetup でお話したResponsive Web DesignをFoundationのグリッドシステムを利用してサクッと作り、CSS Preprocesserで効率的に作る方法のスライドです
StartUp Sass + Compass [基本と活用]
StartUp Sass + Compass [基本と活用]
Komei Otake
Coda
Coda
horike37
Creators meetup5
Creators meetup5
Kenichi Mukai
「第5回Creators MeetUp」の発表資料です。 http://atnd.org/events/40410
The color makotohirahara
The color makotohirahara
Makoto Hirahara
Google devtools活用術
Google devtools活用術
Yuki Tanaka
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
Shinsaku Chikura
開発合宿のすゝめ
開発合宿のすゝめ
Reimi Kuramochi Chiba
クリエイティビティを刺激するクリエイターの集う場所、第4回 Creators MeetUp http://atnd.org/events/39337 で話してきた内容。八ヶ岳で行った開発合宿の成果発表です。
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
Reimi Kuramochi Chiba
ダークサイドに堕ちそうなものづくりニストたちへ。 偉大なるジェダイマスターの心得をもとに励むがよい!
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
Reimi Kuramochi Chiba
クリエイティビティを刺激するクリエイターの集う場所、第5回 Creators MeetUp http://atnd.org/events/40410 で話してきた内容。すべてのものづくりニストに捧げるアイデアのお話。
Prototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
Naoki Kanazawa
Slides for Creators MeetUp Vol.5
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
Keisuke Imura
2013/5/27のCreators MeetUpで担当したセッションのスライドです。
高速化はじめの一歩
高速化はじめの一歩
Yuki Nakane
第3回 Creators MeetUpで使用したスライドです。
Web制作のアレコレ
Web制作のアレコレ
regret raym
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイト
regret raym
React入門-JSONを取得して表示する
React入門-JSONを取得して表示する
regret raym
ファンタラクティブ・オープンミーティング#11で使用した資料です。
MT東京 ぱくたそ/PAKUTASO
MT東京 ぱくたそ/PAKUTASO
regret raym
2014年5月23日のMT東京 ケーススタディ2で発表したぱくたそについてのセッションです。
Viewers also liked
(20)
セキュリティはじめのいっぽ #cmujp
セキュリティはじめのいっぽ #cmujp
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
ドメインとDNS これだけ知ろう5つの技 / 第5回Creators Meetup session04
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
昔の恋の話をしよう。CrescentEve - 2人のエディタの物語
Responsive Web Design make with CSS Framework
Responsive Web Design make with CSS Framework
StartUp Sass + Compass [基本と活用]
StartUp Sass + Compass [基本と活用]
Coda
Coda
Creators meetup5
Creators meetup5
The color makotohirahara
The color makotohirahara
Google devtools活用術
Google devtools活用術
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
オンラインタスク管理ツールをWebサービス開発と運用に役立てよう!
開発合宿のすゝめ
開発合宿のすゝめ
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
ものづくりに行き詰まったSTAR WARSファンへ捧げる - ジェダイマスター12の教え -
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
マインドマップ発想法×ロジックツリー手法によるコンテンツ設計
Prototyping by Adobe Illustrator
Prototyping by Adobe Illustrator
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
高速化はじめの一歩
高速化はじめの一歩
Web制作のアレコレ
Web制作のアレコレ
Movable typeでモバイルギャラリーサイト
Movable typeでモバイルギャラリーサイト
React入門-JSONを取得して表示する
React入門-JSONを取得して表示する
MT東京 ぱくたそ/PAKUTASO
MT東京 ぱくたそ/PAKUTASO
Similar to 今から始めるPhotoshopによるWeb制作-初期設定編
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/234/room ーーーーーーーーーーーーーーーーーーーーーーー
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
Yasufumi Nishiyama
2014年9月27日に札幌市民ホール会議室で開催されたSaCSS Vol.58でお話させていただいた際のスライド資料です。 これは2013年9月に開催されたDirector's Nightでお話した内容の改訂版となります。(→ http://www.slideshare.net/yasufuminishiyama/directors-night-20130921 ) ここに記載されていることが全てではないですし、今現在、西山が全て出来ているかと問われるとおそらくNOですが、ご参考ください。
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
schoowebcampus
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 WEB生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 http://schoo.jp/class/1611/room ーーーーーーーーーーーーーーーーーーーーーーー
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Naoki Umehara
2013/2/14に目黒雅叙園で行われたデブサミ2013 【14-E-7】[TED] Technology Enterprise Developmentのセッションの資料です。 #devsumi #devsumiE Developers Summit 2013 Blog 「Developers Summit 2013に登壇しました。Ricoh UCS for iPad でみる エンタープライズ アジャイル開発」 http://numeha.hatenablog.com/entry/2013/02/16/130449
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
Shuhei Iitsuka
インブラウザデザインについて(考察)
インブラウザデザインについて(考察)
takumaro web
社内でプレゼンをしたときのものです。
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
Ishikawa Yuya
BtoBデザイナーによるBtoBデザイナーのためのLT勉強会にて発表したLT資料 https://b2b-designer-lt-1.peatix.com/ エンジニアが画面設計して感じた点、エンジニアと一緒に仕事をするために身につけておくと良いスキルや、心構えなどをデザイナーの方向けに語りました
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
takaaya
▼2016/01/25 クラスメソッド×RoomClip×ネイルブック DesignNight http://dev.classmethod.jp/news/design-night-vol-01/ 問い合わせが多かったんですが、使用フォントは「丸丸ゴシック」です RoomClip / http://roomclip.jp/
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Miho Yamamori
2012年2月18日、 CSS Nite in Fukui, vol5でのスライドです。
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
祐磨 堀
社内勉強会資料。制作系のフロントエンド技術者向けに、ソフトウェアテストについて概要をまとめたスライドです。 ・テストとは何か ・frontplateのテスト環境 ・実践ユニットテスト ・実践システムテスト ブログで更に詳しい情報を記載しています: http://media-massage.net/works/docs/learning_software_test_from_web_production_side/ 本資料に関連し、『Pairwiser』について更に掘り下げた記事『Webアプリのテスト工数を削減できるかもしれないペアワイズ法とPairwiser』もQiitaに公開しています。 http://qiita.com/y_hokkey/items/0a433ba25a5c5587d4ad
最近の実装方針について
最近の実装方針について
大介 秋本
【 札幌 勉強会 】スマホアプリ開発 あしたの為の環境と設計のアプローチ – Developers.IO Meetup 10 - の発表資料
誰でもVTuberになれるWebアプリFaceVTuberの立ち上げ話
誰でもVTuberになれるWebアプリFaceVTuberの立ち上げ話
Ryo Kurauchi
PANORA/SVVR Japanさんが2018/04/22に開催した 第1回VTuberハッカソン展 https://vtuberhack01-ex.peatix.com/ で発表したFaceVTuberの発表資料を公開いたします!! https://facevtuber.com 他の技術資料 https://qiita.com/kotauchisunsun/items/dd2aa895321a55faf1a1
Web開発の 今までとこれから
Web開発の 今までとこれから
Shinichi Takahashi
PHPerがこれからを生き抜くためのふんわりしたお話。
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
Asami Yamamoto
2018年6月9日に開催されたABC2018Springの講演資料。 濫立するデザインツール、プロトタイプツールの選び方。 先日Googleから発表されたMaterial Theme Editorを使ってみた結果の共有。
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
Yoshinori Kobayashi
プログラミングが初めての人。 学習方法がわからない人。 これから新しい言語を学ぶ人。 今回は、プログラミングの学習方法についてのお話 向けのお話です。 プログラミングを高速で身につけるには、 写 経( しゃきょう) がよいです。 サンプルプログラムやテキストのコードをとりあえず、どんどん打ち込むことで慣れや間隔が身に付きます! もっとも挫折しにくくて、初心者でもはじめやすい勉強になります。
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
Kawaji Masaki
WordPress.org にユーザー登録することで、お気に入りプラグインを管理する方法と、最近お気に入りに追加したプラグインを紹介します。 WordPressもくもく勉強会@日本橋 #05(2017.05.20)で発表したスライドです
ChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみた
JustSystems Corporation
デザインスプリントというフレームワークが最近注目されています。プロジェクトによって多種多様にカスタマイズされていっているようです。本来全員が一同に集まって行うものですが、本格導入を視野に入れて、今回はあえてチャットでのデザインスプリントを行ったらどうなるか?を検証してみました。そこから見えてきた失敗談をお話ししたいと思います! こうしたデザインワークを一緒にやっていきましょう! エントリーはこちらから⇒http://goo.gl/AhB52W
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
Chloe Takahashi
このプレゼンは、 ・イラストレーターだけど、WEBデザインもやることになった ・ディレクターだけど、UIデザインを勉強することになった ・エンジニアだけど、WEBデザイナーと仕事することになった という人たちの、 UI/UXデザインへの一歩を応援するプレゼンです。 見習いデザイナーより
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
sogawaminoru
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
Yusuke Hirao
2015年7月25日 マカベン × HTML5fun のセッションで使用したスライドです。
Similar to 今から始めるPhotoshopによるWeb制作-初期設定編
(20)
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
WEBデザインにおける、Photoshopの作業速度向上テクニック 先生:黒葛原 道
だから、Webディレクターはやめられない Z
だから、Webディレクターはやめられない Z
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
Ricoh UCS for iPad でみる エンタープライズ アジャイル開発
かんたんキレイなウェブデザイン
かんたんキレイなウェブデザイン
インブラウザデザインについて(考察)
インブラウザデザインについて(考察)
エンジニアと"協同"してサービスをつくる
エンジニアと"協同"してサービスをつくる
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
アプリを生み出す現場でUI/UXデザイナーが意識するべきこと:RoomClip
福井で「しあわせデザイナー」になるために
福井で「しあわせデザイナー」になるために
Web制作者視点で理解するソフトェアテスト
Web制作者視点で理解するソフトェアテスト
最近の実装方針について
最近の実装方針について
誰でもVTuberになれるWebアプリFaceVTuberの立ち上げ話
誰でもVTuberになれるWebアプリFaceVTuberの立ち上げ話
Web開発の 今までとこれから
Web開発の 今までとこれから
デザインツール戦争とMaterial Theme Editor
デザインツール戦争とMaterial Theme Editor
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
ChatOpsでデザインスプリントをやってみた
ChatOpsでデザインスプリントをやってみた
もしも素人営業ウーマンが UI/UXデザイナーになったら
もしも素人営業ウーマンが UI/UXデザイナーになったら
デザイナーとプログラマーの 仲良し大作戦
デザイナーとプログラマーの 仲良し大作戦
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
プログラム組んだら負け!実はHTML/CSSだけでできること2015夏
More from regret raym
SlackにHubotを設定して対話する
SlackにHubotを設定して対話する
regret raym
ファンタラクティブ・オープンミーティング#12で使用した資料です。
CreateJSを使ったアニメーション表現の基礎
CreateJSを使ったアニメーション表現の基礎
regret raym
ファンタラクティブ・オープンミーティングの7回目で使用した資料です。
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
regret raym
Web Creator Conferenceで発表した、無料写真素材サイトぱくたそのスライドです。
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールする
regret raym
ファンタラクティブ・オープンミーティング#6で使用した資料
Chefで作る開発環境
Chefで作る開発環境
regret raym
ファンタラクティブ・オープンミーティングで使用した資料です。
Dockerの導入
Dockerの導入
regret raym
ファンタラクティブ・オープンミーティング第4回で使用した資料
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 vol.02 Bitbucketと連携する
regret raym
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
regret raym
Funteractive Open Meeting Vol2で使ったJenkinsのインストール資料。
Yurufuwa007
Yurufuwa007
regret raym
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
regret raym
第6回ゆるふわ勉強会。メインループとサブループ。
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson Portfolio
regret raym
WordCamp Tokyo 2012のハンズオン「ちゃっちゃとCoolなポートフォリオを作りましょう」で発表したスライドです。ハンズオンのため作り方抜きで、事前説明です。
WordCamp Tokyo2012 Session
WordCamp Tokyo2012 Session
regret raym
WordCamp Tokyo 2012で発表した「ギャラリーサイトの制作手順」です。
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
regret raym
Wp html5
Wp html5
regret raym
More from regret raym
(14)
SlackにHubotを設定して対話する
SlackにHubotを設定して対話する
CreateJSを使ったアニメーション表現の基礎
CreateJSを使ったアニメーション表現の基礎
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
1年間で100万PV増やしたコンテンツ運用と最適化|写真素材サイトぱくたそ
FluentdとGrothForecastをインストールする
FluentdとGrothForecastをインストールする
Chefで作る開発環境
Chefで作る開発環境
Dockerの導入
Dockerの導入
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 vol.02 Bitbucketと連携する
Jenkinsの導入 Vol.01
Jenkinsの導入 Vol.01
Yurufuwa007
Yurufuwa007
WordPressで投稿記事情報の取得方法
WordPressで投稿記事情報の取得方法
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 handson Portfolio
WordCamp Tokyo2012 Session
WordCamp Tokyo2012 Session
Css拡張言語のコトハジメ
Css拡張言語のコトハジメ
Wp html5
Wp html5
今から始めるPhotoshopによるWeb制作-初期設定編
1.
Creators MeetUp Photoshopによる Web制作 –
初期設定編 いまから始める
2.
Yuu ( Yuji
Tsukaguchi ) Freelance Web Designer / PAKUTASO Engineer @regret_raym 今から始めるPhotoshopによるWebデザイン制作
3.
今から始めるPhotoshopによるWebデザイン制作
4.
今から始めるPhotoshopによるWebデザイン制作
5.
agenda 1. ワークフローのおさらい 2. 初期設定 3.
アクション設定 4. JSXの設定 今から始めるPhotoshopによるWebデザイン制作
6.
今から始めるPhotoshopによるWebデザイン制作 ワークフローのおさらい
7.
従来のワークフロー 情報 設計 画面 設計 デザイン カンプ 実装 テスト ディレクター デザイナー
コーダー 今から始めるPhotoshopによるWebデザイン制作
8.
マルチデバイス対応 今から始めるPhotoshopによるWebデザイン制作 Source: A Respo‘n1s3e.0
t5o.1 ‘9R Wesepbo Dnesviveelo Wpeerb S eDleecstiigonn is Not the Future’
9.
情報 設計 画面 設計 デザイン カンプ 実装 テスト ディレクター デザイナー
コーダー 問題 発生 修正 修正 修正 従来のワークフロー 数百種類あるデバイスの デザインカンプは作れない 今から始めるPhotoshopによるWebデザイン制作
10.
今から始めるPhotoshopによるWebデザイン制作
11.
ワークフローの改善 プロト タイプ 調整 テスト Bootstrap foundation Edge Inspect About
responsivepx Semantic VIEWPORT RESIZER SDK 今から始めるPhotoshopによるWebデザイン制作
12.
Progressive Enhancement Graceful Degradation Pixel
Perfect 今から始めるPhotoshopによるWebデザイン制作
13.
Designing in the
browser 今から始めるPhotoshopによるWebデザイン制作
14.
制作ツールの選択肢 今から始めるPhotoshopによるWebデザイン制作
15.
Sketch http://www.bohemiancoding.com/sketch/ 今から始めるPhotoshopによるWebデザイン制作
16.
ひとつのツールで全部を作る必要はない 得意なコトは得意なモノで 自分の効率の良さを追求する 今から始めるPhotoshopによるWebデザイン制作
17.
出来ることに越したことはない 実際使用するとき、困らないようにするために 今から始めるPhotoshopによるWebデザイン制作
18.
今から始めるPhotoshopによるWebデザイン制作 初期設定
19.
単位の設定 [編集] → [環境設定]
→ [単位・定規] 単位をpixelに 今から始めるPhotoshopによるWebデザイン制作
20.
グリッドの設定 [編集] → [環境設定]
→ [ガイド・グリッド・スライス] スタイルを「点線」、グリッド線「pixel」、分割数「100」 今から始めるPhotoshopによるWebデザイン制作
21.
自動選択ツールの設定 自動選択にチェック、レイヤーを選択 今から始めるPhotoshopによるWebデザイン制作
22.
レイヤー名称のコピー解除 右上のメニューから[パネルオプション] 今から始めるPhotoshopによるWebデザイン制作
23.
レイヤー名称のコピー解除 チェックを解除 今から始めるPhotoshopによるWebデザイン制作
24.
今から始めるPhotoshopによるWebデザイン制作 アクションの設定
25.
アクションとは? Photoshopで操作した動作を記録・再生できる 今から始めるPhotoshopによるWebデザイン制作
26.
写真を自動で加工 http://howicopewithlife.deviantart.com/art/Li ght-Leaks-Photoshop-Actions-free-361385964 今から始めるPhotoshopによるWebデザイン制作
27.
たとえば 1.レイヤーの格納グループ作成 2.トリミングを使ったスライス 今から始めるPhotoshopによるWebデザイン制作
28.
今から始めるPhotoshopによるWebデザイン制作 レイヤーをコンテンツごとに 格納するグループを作成 レイヤーの格納グループ作成 1. 新規アクション 2. グループ作成 3.
記録終了
29.
今から始めるPhotoshopによるWebデザイン制作 ロゴだけスライスする トリミングを利用したスライス 1. 新規アクション 2. 新規ファイルに レイヤーを複製 3.
トリミング 4. 保存 5. 記録終了
30.
DEMO 今から始めるPhotoshopによるWebデザイン制作
31.
繰り返し行う作業は、 アクションを作成して効率化できる 今から始めるPhotoshopによるWebデザイン制作
32.
今から始めるPhotoshopによるWebデザイン制作 アプリ、JSXなど
33.
スライスは、数が多いと処理が面倒… ガイドを引くのが面倒… レイヤー機能を拡張したい… 今から始めるPhotoshopによるWebデザイン制作
34.
アプリ、プラグインをうまく使う 今から始めるPhotoshopによるWebデザイン制作
35.
Cut&Slice me http://www.cutandslice.me/#jp
36.
今から始めるPhotoshopによるWebデザイン制作 Slicy http://macrabbit.com/slicy/
37.
GUIDEGUIDE http://guideguide.me/ 今から始めるPhotoshopによるWebデザイン制作
38.
Pixel Dropr http://pixeldropr.com/ 今から始めるPhotoshopによるWebデザイン制作
39.
Tych Panel 2 http://lumens.se/tychpanel/ 今から始めるPhotoshopによるWebデザイン制作
40.
12 New Photoshop
Tools for CS6 http://dmonzon.com/freebies/12-photoshop- tools-cs6/ 今から始めるPhotoshopによるWebデザイン制作
41.
参考サイト 柔軟なワークフロー(Design Spice)
初めてPhotoshopでWeb制作する前に やっておくといい設定8(CS6含む) (Design Color) 今から始めるPhotoshopによるWebデザイン制作
42.
Photo by http://www.pakutaso.com/ 今から始めるPhotoshopによるWebデザイン制作
43.
ありがとうございました
Download now