SlideShare a Scribd company logo
1 of 23
Download to read offline
デ ザ イ ナ ー の ワ ー ク フ ロ ー を 変 え る
A d o b e モ バ イ ル ア プ リ の 実 力 。
デ ザ イ ナ ー の ワ ー ク フ ロ ー を 変 え る
A d o b e モ バ イ ル ア プ リ の 実 力 。
• A d o b e モ バ イ ル ア プ リ
• 基 本 機 能
• ど ん な こ と が で き る か
井 村 さ ん の 話 が
難 し す ぎ て
肩 が 凝 っ た と 思 う の で
背 伸 び を し ま し ょ う
F a c e b o o k : t a k a s h i . k i t a m u r a . 9 9
T w i t t e r :   @ t a h _ t i m i n g
T I M I N G  北 村 崇
東 京 都 在
ロ ゴ マ ー ク 、 キ ャ ラ ク タ ー 、 グ ッ ズ 、 グ ラ フ ィ ッ ク デ ザ イ ン を
中 心 に 活 動 を 開 始 し 、 現 在 は W e b デ ザ イ ン 、 デ ィ レ ク シ ョ ン
な ど も 行 っ て い る 。
「 W o r d P r e s s 『 テ ー マ カ ス タ マ イ ズ 』 徹 底 攻 略 」
「 W o r d P r e s s デ ザ イ ン の メ ソ ッ ド 」
  他
I n s t a g r a m : t a h _ t i m i n g
Adobe Mobile Apps
Brush CC Shape CC Color CC Illustrator Draw Illustrator Line
Lightroom mobile Photoshop Mix Photoshop Sketch Premiere Clip Voice
Adobe Illustrator Draw
ベ ク タ ー デ ー タ が 作 れ る
Adobe Illustrator Line
ベ ク タ ー デ ー タ が 作 れ る
( 製 図 っ ぽ い の に 特 化 )
Adobe Brush CC
ブ ラ シ が 作 れ る
Adobe Shape CC
シ ェ イ プ が 作 れ る
Adobe Color CC
カ ラ ー が 作 れ る
Adobe Photoshop系
Lightroom mobile Photoshop Mix Photoshop Sketch
P h o t o s h o p 系 が
い ろ い ろ で き る
Adobe 動画系
Premiere Clip Voice
動 画 が
い ろ い ろ で き る
や っ て み て わ か っ た こ と
こ れ だ け じ ゃ
あ ん ま り 使 え な い
や っ て み て わ か っ た こ と
使 い 道 を 考 え よ う
使 え る か も
テ ク ス チ ャ
イ ラ ス ト
ア イ コ ン
た と え ば こ ん な 使 い 方
撮 影 ト レ ー ス 同 期
イ ラ ス ト 制 作
イ ラ ス ト 材 料
• i P a d ま た は i P h o n e … 1 台
• D r a w ま た は S k e t c h … 1 つ
• 素 材 写 真
お こ の み で
• 絵 心 … ほ ど ほ ど に
• L I N E の I D
た と え ば こ ん な 使 い 方
撮 影 加 工 素 材
背 景 動 画
背 景 動 画 材 料
• i P a d ま た は i P h o n e … 1 台
• P r e m i e r e C l i p … 1 つ
• G r u n t , g u l p な ど
お こ の み で
• 動 き … 小 躍 り 程 度
• 見 た 目 の 良 い 人
た と え ば こ ん な 使 い 方
手 書 き f o n t 化 w e b f o n t
オ リ ジ ナ ル フ ォ ン ト
フ ォ ン ト 材 料
• i P a d ま た は i P h o n e … 1 台
• S h a p e … 1 つ
• G r u n t , g u l p な ど
• F o n t G l y p h M i n i な ど
お こ の み で
• 字 … あ り も の で O K
• 日 本 語 は 8 , 0 0 0 文 字 位
結 論
プ ロ ト タ イ プ に
向 い て い る
デザイナーのワークフローを変える?
A d o b e モ バ イ ル ア プ リ の 実 力 は
あ り が と う ご ざ い ま し た

More Related Content

Similar to WP-D Fes03 Osaka Kitamura Tah

第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」Takashi Kitamura
 
コンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうコンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうYu Tamura
 
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜Yusuke Hoshi
 
html5nagoya #11 デザインツールのあれこれ
html5nagoya #11 デザインツールのあれこれhtml5nagoya #11 デザインツールのあれこれ
html5nagoya #11 デザインツールのあれこれTakashi Ishihara
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Chihiro Tomita
 
SPYSEE新検索機能の裏側
SPYSEE新検索機能の裏側SPYSEE新検索機能の裏側
SPYSEE新検索機能の裏側Naoki Orii
 
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>Daisuke Maki
 
IGNITE 2015 林田パート
IGNITE 2015 林田パートIGNITE 2015 林田パート
IGNITE 2015 林田パートTomoki Hayashida
 
JAWS-UG OSAKA Special re:invent 2015
JAWS-UG OSAKA Special re:invent 2015JAWS-UG OSAKA Special re:invent 2015
JAWS-UG OSAKA Special re:invent 2015Hiromichi Koga
 
ニコニコ学会 こしゅゆ 仮完成版
ニコニコ学会 こしゅゆ 仮完成版ニコニコ学会 こしゅゆ 仮完成版
ニコニコ学会 こしゅゆ 仮完成版koshuyu
 
めんどくさい…から始める効率化のススメ
めんどくさい…から始める効率化のススメめんどくさい…から始める効率化のススメ
めんどくさい…から始める効率化のススメChikako Mori
 
Adobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックAdobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックMori Kazue
 
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜Chihiro Tomita
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピングwariemon
 
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部Masahiro Wakame
 
Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703Stripe
 
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」エピック・ゲームズ・ジャパン Epic Games Japan
 
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games Japan
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games JapanGTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games Japan
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games JapanGame Tools & Middleware Forum
 
C#erがF#に這い寄ってみた
C#erがF#に這い寄ってみたC#erがF#に這い寄ってみた
C#erがF#に這い寄ってみたHiroshi Maekawa
 
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-nishio
 

Similar to WP-D Fes03 Osaka Kitamura Tah (20)

第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」第32回デザイン勉強会 「web制作のプロトタイピングツール」
第32回デザイン勉強会 「web制作のプロトタイピングツール」
 
コンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おうコンソールベタ打ち卒業:スクリプトエディタを使おう
コンソールベタ打ち卒業:スクリプトエディタを使おう
 
デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜デザイン負債の返し方 〜ネイルブックの場合〜
デザイン負債の返し方 〜ネイルブックの場合〜
 
html5nagoya #11 デザインツールのあれこれ
html5nagoya #11 デザインツールのあれこれhtml5nagoya #11 デザインツールのあれこれ
html5nagoya #11 デザインツールのあれこれ
 
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜
 
SPYSEE新検索機能の裏側
SPYSEE新検索機能の裏側SPYSEE新検索機能の裏側
SPYSEE新検索機能の裏側
 
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
未踏カンファレンス2012「メルコグループと未踏ソフト」(スポンサーPR枠)<字幕付き>
 
IGNITE 2015 林田パート
IGNITE 2015 林田パートIGNITE 2015 林田パート
IGNITE 2015 林田パート
 
JAWS-UG OSAKA Special re:invent 2015
JAWS-UG OSAKA Special re:invent 2015JAWS-UG OSAKA Special re:invent 2015
JAWS-UG OSAKA Special re:invent 2015
 
ニコニコ学会 こしゅゆ 仮完成版
ニコニコ学会 こしゅゆ 仮完成版ニコニコ学会 こしゅゆ 仮完成版
ニコニコ学会 こしゅゆ 仮完成版
 
めんどくさい…から始める効率化のススメ
めんどくさい…から始める効率化のススメめんどくさい…から始める効率化のススメ
めんどくさい…から始める効率化のススメ
 
Adobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニックAdobe Fireworks CS6 使いこなしテクニック
Adobe Fireworks CS6 使いこなしテクニック
 
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
ガイドラインからみたアプリUI〜iPhone用とAndroid用〜
 
人と向き合うプロトタイピング
人と向き合うプロトタイピング人と向き合うプロトタイピング
人と向き合うプロトタイピング
 
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部
TypeScript 型定義ファイルのある開発 TypeScript勉強会 VSハッカソン倶楽部
 
Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703Yasuhiko Tokunaga DevRel_meetup_201703
Yasuhiko Tokunaga DevRel_meetup_201703
 
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」
GTMF2016「Unreal Engine 4で高品質なVRコンテンツを 制作するために知っておきたい100のテクニック」
 
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games Japan
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games JapanGTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games Japan
GTMF 2016:Unreal Engine 4で高品質なVRコンテンツを制作するために知っておきたい100のテクニック Epic Games Japan
 
C#erがF#に這い寄ってみた
C#erがF#に這い寄ってみたC#erがF#に這い寄ってみた
C#erがF#に這い寄ってみた
 
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
アイデアを塩漬けにしない-世界中の人に手伝ってもらう方法-
 

More from Takashi Kitamura

38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」Takashi Kitamura
 
「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」Takashi Kitamura
 
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」Takashi Kitamura
 
WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)Takashi Kitamura
 
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」Takashi Kitamura
 
イマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiイマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiTakashi Kitamura
 
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYOTakashi Kitamura
 
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMOTakashi Kitamura
 

More from Takashi Kitamura (10)

38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
38回/デザイン勉強会@赤羽「これからはじめるWebデザイン〜Webデザイナーに必要なもの〜」
 
「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」「人にやさしいデザイン(はモテる)」
「人にやさしいデザイン(はモテる)」
 
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
大分クリエイターズ 2015/11/14 北村崇「デザインをはじめる 前に知っておきたい 本当のデザイン」
 
WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)WordCamp Tokyo2015 (Lt kitamura)
WordCamp Tokyo2015 (Lt kitamura)
 
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
20150619デザイン勉強会34「本のリ・デザイン アイデアソン」
 
イマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumiイマドキWEBデザイン/140712fsumi
イマドキWEBデザイン/140712fsumi
 
2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO2014/03/29 WordBench TOKYO
2014/03/29 WordBench TOKYO
 
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
2014/02/01 WP-D Fes #01(sat) Megane Fes in GMO
 
W ctokyo2012 timing
W ctokyo2012 timingW ctokyo2012 timing
W ctokyo2012 timing
 
Osc2012tokyo timing
Osc2012tokyo timingOsc2012tokyo timing
Osc2012tokyo timing
 

WP-D Fes03 Osaka Kitamura Tah

  • 1. デ ザ イ ナ ー の ワ ー ク フ ロ ー を 変 え る A d o b e モ バ イ ル ア プ リ の 実 力 。
  • 2. デ ザ イ ナ ー の ワ ー ク フ ロ ー を 変 え る A d o b e モ バ イ ル ア プ リ の 実 力 。 • A d o b e モ バ イ ル ア プ リ • 基 本 機 能 • ど ん な こ と が で き る か
  • 3. 井 村 さ ん の 話 が 難 し す ぎ て 肩 が 凝 っ た と 思 う の で 背 伸 び を し ま し ょ う
  • 4. F a c e b o o k : t a k a s h i . k i t a m u r a . 9 9 T w i t t e r :   @ t a h _ t i m i n g T I M I N G  北 村 崇 東 京 都 在 ロ ゴ マ ー ク 、 キ ャ ラ ク タ ー 、 グ ッ ズ 、 グ ラ フ ィ ッ ク デ ザ イ ン を 中 心 に 活 動 を 開 始 し 、 現 在 は W e b デ ザ イ ン 、 デ ィ レ ク シ ョ ン な ど も 行 っ て い る 。 「 W o r d P r e s s 『 テ ー マ カ ス タ マ イ ズ 』 徹 底 攻 略 」 「 W o r d P r e s s デ ザ イ ン の メ ソ ッ ド 」   他 I n s t a g r a m : t a h _ t i m i n g
  • 5. Adobe Mobile Apps Brush CC Shape CC Color CC Illustrator Draw Illustrator Line Lightroom mobile Photoshop Mix Photoshop Sketch Premiere Clip Voice
  • 6. Adobe Illustrator Draw ベ ク タ ー デ ー タ が 作 れ る
  • 7. Adobe Illustrator Line ベ ク タ ー デ ー タ が 作 れ る ( 製 図 っ ぽ い の に 特 化 )
  • 8. Adobe Brush CC ブ ラ シ が 作 れ る
  • 9. Adobe Shape CC シ ェ イ プ が 作 れ る
  • 10. Adobe Color CC カ ラ ー が 作 れ る
  • 11. Adobe Photoshop系 Lightroom mobile Photoshop Mix Photoshop Sketch P h o t o s h o p 系 が い ろ い ろ で き る
  • 12. Adobe 動画系 Premiere Clip Voice 動 画 が い ろ い ろ で き る
  • 13. や っ て み て わ か っ た こ と こ れ だ け じ ゃ あ ん ま り 使 え な い
  • 14. や っ て み て わ か っ た こ と 使 い 道 を 考 え よ う
  • 15. 使 え る か も テ ク ス チ ャ イ ラ ス ト ア イ コ ン
  • 16. た と え ば こ ん な 使 い 方 撮 影 ト レ ー ス 同 期 イ ラ ス ト 制 作
  • 17. イ ラ ス ト 材 料 • i P a d ま た は i P h o n e … 1 台 • D r a w ま た は S k e t c h … 1 つ • 素 材 写 真 お こ の み で • 絵 心 … ほ ど ほ ど に • L I N E の I D
  • 18. た と え ば こ ん な 使 い 方 撮 影 加 工 素 材 背 景 動 画
  • 19. 背 景 動 画 材 料 • i P a d ま た は i P h o n e … 1 台 • P r e m i e r e C l i p … 1 つ • G r u n t , g u l p な ど お こ の み で • 動 き … 小 躍 り 程 度 • 見 た 目 の 良 い 人
  • 20. た と え ば こ ん な 使 い 方 手 書 き f o n t 化 w e b f o n t オ リ ジ ナ ル フ ォ ン ト
  • 21. フ ォ ン ト 材 料 • i P a d ま た は i P h o n e … 1 台 • S h a p e … 1 つ • G r u n t , g u l p な ど • F o n t G l y p h M i n i な ど お こ の み で • 字 … あ り も の で O K • 日 本 語 は 8 , 0 0 0 文 字 位
  • 22. 結 論 プ ロ ト タ イ プ に 向 い て い る デザイナーのワークフローを変える? A d o b e モ バ イ ル ア プ リ の 実 力 は
  • 23. あ り が と う ご ざ い ま し た