Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
19:00 - 21:3019:00 - 21:30
SHIBUYASHIBUYA
presented bypresented by
T E C H L A B PA A K
デザインの 手 法
模 倣 から 学 ぶ
0629
金澤直毅 Naoki Kanazawa
1982
WEB & GRAPHIC
Rikkyo Univ. > Design Company > Instructor > Freelance > Life is Tech !
life-is-tec...
SUMMER CAMP 2015 中高生向け IT & プログラミングキャンプ
TECH LAUNCH AUDITION 中学生・高校生・学生のための起業・開発支援オーディション
Be Startup
Be Startup 中学生・高校生のための起業体験プログラム
Code Girls 女子中学生・高校生のための IT ワークショップ
TECH for TEACHERS 先生に、最先端の「情報」の授業を。
Life is Tech ! Singapore シンガポール支社
どんなデザインにも
共 通の 原 則 が ある
http://lit.sh/design20150318
デザインの 原 則
どんなデザインも
要 素 の 組 み合 わ せ
http://lit.sh/design20150420
デザインの 要 素
ロゴデザインで 学 ぶ
ワークフロー
http://lit.sh/design20150525
デザインの 発 想
模 倣から学 ぶ
デザイントレンド
デザインの 手 法
http://lit.sh/design20150629
1. 流行を知る
2. Illustrator基礎
3. 模倣の実践
MENU
1.流行を知る
APPLE or BRAUN
Case1
Google
APPLE BRAUN
1960s Braun Products Hold the Secrets to Apple's Future
Sir Jonathan Paul Ive
APPLE - Chief Design Officer
Simplicity isn't simple.
Dieter Rams
BRAUN - Design Director
Less, but better.
Flat
Geometric
Polygon
Material
SWISS DESIGN
Case2
O
Flat?
Material?
Geometric?
Google
SWISS GRAPHIC
流 行は繰り返 す
流 行に囚 わ れず
最 適な手 法を
選 択 する
2.Illustrator基礎
Circle
PRACTICE
Illustrator - Shape
M
L
1. ドラッグで描画
2. (Ctrl)+ ドラッグで正方形 ( 正円 )
※クリックで数値入力で描画
Illustrator - Select
1. 図形 / 文字をクリックで選択
2. ドラッグで移動
3. 何もないところをクリックで解除
※ (Ctrl) 押しっぱなしでいつでも選択ツール
Illustrator - Text
T
1. クリックで入力
2. 余白を (Ctrl)+ クリックで選択解除
3. (Ctrl) 押しっぱなしで移動
4. バウンディングボックスで調整
1. 画像を作業フォルダに保存
2. ドラッグ&ドロップ
※右クリック > 重ね順を調整
Illustrator - Photo
1. 画像の上に図形を描く
2. 画像と図形を選択(Shift + )
3. 右クリック
4. クリッピングマスク作成
Illustrator - Mask
1. ドラッグで図形を描画
2.「.」をクリック
3. ウインドウからグラデーションパネル
4. スライダーに色を割り当てる
Illustrator - Gradient
Illustrator - Zoom
Option(alt)+
+
+ +
※ (Ctrl)+1 で 100% 表示
SPACE
3.模倣の実践
WEB
写真+タイトル+ボタン
WORKSHOP 1
写真
DESIGN METHOD
タイトル
ボタン
SIGN UP
DESIGN METHOD
S I G N U P
D E S I G N M E T H O D
S I G N U P
D E S I G N M E T H O D
S I G N U P
透明(描画モード)
乗算
スクリーン
オーバーレイ
カラー
METHOD
写真
紫陽花を撮る
タイトル
ボタン
撮影スポット
紫陽花を撮る
撮影スポット
撮影
スポット
紫
陽
花
を
撮
る
透明なグラデーション
METHOD
DTP
写真+タイトル+本文
WORKSHOP 2
都市と自然
Urban Life
Photo by Naoki Kanazawa
2122
特 集
二子玉 川
田園都市線 二子玉川駅を中心とするエリア。渋谷からのア
クセスもよく、高島屋を中心としたショッピングセンターが
立ち並ぶ洗練された街...
都市と自然
Urban Life
Photo by Naoki Kanazawa
2122
特 集
二子玉 川
田園都市線 二子玉川駅を中心とするエリア。渋
谷からのアクセスもよく、高島屋を中心としたシ
ョッピングセンターが立ち並ぶ洗練された街...
裁ち落とし
重ねてずらす
墨+色
METHOD
その他
WORKSHOP 3
7/18
お申込みお申込み
Code Girls
7/18
お申込みお申込み
Code Girls
Code Girls
Code Girls
Code Girls
本日の
デザイン
本日の
デザイン
Books
つ
み
か
さ
ね
19:00 - 21:3019:00 - 21:30
SHIBUYASHIBUYA
presented bypresented by
T E C H L A B PA A K
デザインの 手 法
模 倣 から 学 ぶ
0629
Thankyou!
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
模倣から学ぶデザインの手法 by Life is Tech !
Upcoming SlideShare
Loading in …5
×

模倣から学ぶデザインの手法 by Life is Tech !

2,950 views

Published on

2015/6/29 @ TECH LAB PAAK
http://techlabpaak.com/events/796

Published in: Design
  • Be the first to comment

模倣から学ぶデザインの手法 by Life is Tech !

  1. 1. 19:00 - 21:3019:00 - 21:30 SHIBUYASHIBUYA presented bypresented by T E C H L A B PA A K デザインの 手 法 模 倣 から 学 ぶ 0629
  2. 2. 金澤直毅 Naoki Kanazawa 1982 WEB & GRAPHIC Rikkyo Univ. > Design Company > Instructor > Freelance > Life is Tech ! life-is-tech.com DESIGNER designless.net
  3. 3. SUMMER CAMP 2015 中高生向け IT & プログラミングキャンプ
  4. 4. TECH LAUNCH AUDITION 中学生・高校生・学生のための起業・開発支援オーディション
  5. 5. Be Startup Be Startup 中学生・高校生のための起業体験プログラム
  6. 6. Code Girls 女子中学生・高校生のための IT ワークショップ
  7. 7. TECH for TEACHERS 先生に、最先端の「情報」の授業を。
  8. 8. Life is Tech ! Singapore シンガポール支社
  9. 9. どんなデザインにも 共 通の 原 則 が ある http://lit.sh/design20150318 デザインの 原 則
  10. 10. どんなデザインも 要 素 の 組 み合 わ せ http://lit.sh/design20150420 デザインの 要 素
  11. 11. ロゴデザインで 学 ぶ ワークフロー http://lit.sh/design20150525 デザインの 発 想
  12. 12. 模 倣から学 ぶ デザイントレンド デザインの 手 法 http://lit.sh/design20150629
  13. 13. 1. 流行を知る 2. Illustrator基礎 3. 模倣の実践 MENU
  14. 14. 1.流行を知る
  15. 15. APPLE or BRAUN Case1
  16. 16. Google APPLE BRAUN 1960s Braun Products Hold the Secrets to Apple's Future
  17. 17. Sir Jonathan Paul Ive APPLE - Chief Design Officer Simplicity isn't simple.
  18. 18. Dieter Rams BRAUN - Design Director Less, but better.
  19. 19. Flat Geometric Polygon Material SWISS DESIGN Case2
  20. 20. O Flat?
  21. 21. Material?
  22. 22. Geometric?
  23. 23. Google SWISS GRAPHIC
  24. 24. 流 行は繰り返 す
  25. 25. 流 行に囚 わ れず 最 適な手 法を 選 択 する
  26. 26. 2.Illustrator基礎
  27. 27. Circle PRACTICE
  28. 28. Illustrator - Shape M L 1. ドラッグで描画 2. (Ctrl)+ ドラッグで正方形 ( 正円 ) ※クリックで数値入力で描画
  29. 29. Illustrator - Select 1. 図形 / 文字をクリックで選択 2. ドラッグで移動 3. 何もないところをクリックで解除 ※ (Ctrl) 押しっぱなしでいつでも選択ツール
  30. 30. Illustrator - Text T 1. クリックで入力 2. 余白を (Ctrl)+ クリックで選択解除 3. (Ctrl) 押しっぱなしで移動 4. バウンディングボックスで調整
  31. 31. 1. 画像を作業フォルダに保存 2. ドラッグ&ドロップ ※右クリック > 重ね順を調整 Illustrator - Photo
  32. 32. 1. 画像の上に図形を描く 2. 画像と図形を選択(Shift + ) 3. 右クリック 4. クリッピングマスク作成 Illustrator - Mask
  33. 33. 1. ドラッグで図形を描画 2.「.」をクリック 3. ウインドウからグラデーションパネル 4. スライダーに色を割り当てる Illustrator - Gradient
  34. 34. Illustrator - Zoom Option(alt)+ + + + ※ (Ctrl)+1 で 100% 表示 SPACE
  35. 35. 3.模倣の実践
  36. 36. WEB 写真+タイトル+ボタン WORKSHOP 1
  37. 37. 写真
  38. 38. DESIGN METHOD タイトル
  39. 39. ボタン SIGN UP
  40. 40. DESIGN METHOD S I G N U P
  41. 41. D E S I G N M E T H O D S I G N U P
  42. 42. D E S I G N M E T H O D S I G N U P
  43. 43. 透明(描画モード) 乗算 スクリーン オーバーレイ カラー METHOD
  44. 44. 写真
  45. 45. 紫陽花を撮る タイトル
  46. 46. ボタン 撮影スポット
  47. 47. 紫陽花を撮る 撮影スポット
  48. 48. 撮影 スポット 紫 陽 花 を 撮 る
  49. 49. 透明なグラデーション METHOD
  50. 50. DTP 写真+タイトル+本文 WORKSHOP 2
  51. 51. 都市と自然 Urban Life Photo by Naoki Kanazawa 2122 特 集 二子玉 川 田園都市線 二子玉川駅を中心とするエリア。渋谷からのア クセスもよく、高島屋を中心としたショッピングセンターが 立ち並ぶ洗練された街。一方で、多摩川沿いに赴けば自然 を感じることもできる。季節限定でカフェもオープンするこ とも。田園都市線 二子玉川駅を中心とするエリア。渋谷か らのアクセスもよく、高島屋を中心としたショッピングセンタ ーが立ち並ぶ洗練された街。一方で、多摩川沿いに赴けば 自然を感じることもできる。
  52. 52. 都市と自然 Urban Life Photo by Naoki Kanazawa 2122 特 集 二子玉 川 田園都市線 二子玉川駅を中心とするエリア。渋 谷からのアクセスもよく、高島屋を中心としたシ ョッピングセンターが立ち並ぶ洗練された街。 一方で、多摩川沿いに赴けば自然を感じること もできる。季節限定でカフェもオープンすること も。田園都市線 二子玉川駅を中心とするエリ ア。渋谷からのアクセスもよく、高島屋を中心と したショッピングセンターが立ち並ぶ洗練され た街。一方で、多摩川沿いに赴けば自然を感じ ることもできる。
  53. 53. 裁ち落とし 重ねてずらす 墨+色 METHOD
  54. 54. その他 WORKSHOP 3
  55. 55. 7/18 お申込みお申込み Code Girls
  56. 56. 7/18 お申込みお申込み Code Girls Code Girls Code Girls Code Girls
  57. 57. 本日の デザイン
  58. 58. 本日の デザイン
  59. 59. Books
  60. 60. つ み か さ ね
  61. 61. 19:00 - 21:3019:00 - 21:30 SHIBUYASHIBUYA presented bypresented by T E C H L A B PA A K デザインの 手 法 模 倣 から 学 ぶ 0629
  62. 62. Thankyou!

×