Canvaデザインワークショップ2018/08

Transcript

1. https://www.canva.com/ で
   アカウント登録をお願いします
   

   View Slide

2. View Slide

3. 本編の前に
   自己紹介
   目次
   

   View Slide

4. 自己紹介
   井斉花織（いおり）
   webデザイナー
   有限会社アップルップル所属
   

   View Slide

5. ブログで
   Canvaについての
   連載
   （4月〜7月）
   

   View Slide

6. 目次 Canvaの紹介
   チュートリアル
   名刺を何パターンも
   作ってみる(~19:40)
   配色サービスの紹介
   名刺に自分らしさを
   取り入れる(~20:40)
   1-Seminar
   2-Workshop
   3-Seminar
   4-Workshop
   

   View Slide

7. Canvaの紹介
   チュートリアル
   01
   

   View Slide

8. オーストラリア発の
   オンライングラフィックツール
   

   View Slide

9. ネット
   環境
   に繋がっていれば
   無料
   ほとんど
   で
   様々な
   作品
   が作れるサービス
   POINT
   

   View Slide

10. テンプレートの種類
    お知らせ
    ブックカバー
    ブックマーク
    パンフレット
    名刺
    カレンダー
    カード
    CDカバー
    証明書
    クラススケジュール
    クーポン
    デスクトップの壁紙
    フライヤー
    ギフト券
    IDカード
    インフォグラフィックス
    招待状
    請求書
    ラベル
    授業計画
    手紙
    レターヘッド
    ロゴ
    雑誌のカバー
    メディアキット
    メニュー
    ニュースレター
    写真コラージュ
    プランナー
    ポストカード
    ポスター
    プレゼンテーション
    プログラム
    企画書
    ラックカード
    レシピカード
    レポート
    レポートカード
    履歴書
    ソーシャルグラフィックス
    タグ
    切符
    Web広告
    ウェブバナー
    ワークシート
    

    View Slide

11. スマホアプリ
    instagram
    Facebook
    Facebookカバー
    Snapchatジオフィルター
    ストーリー
    ロゴ
    ポスター
    チラシ/フライヤー
    招待状(縦長)
    カード
    写真コラージュ
    バナー
    ブログ用グラフィック
    Pintarest
    Twitterの投稿
    Twitterヘッダー
    YouTubeアート
    プレゼンテーション
    名刺
    アルバムカバー
    Kindleカバー
    

    View Slide

12. メリット
    ①操作がシンプル
    ②無料で使えるサービスが豊富
    ③グラフィックツール以外のサービスも充実
    PowerPointの感覚に近い
    illustrator,Photoshopいらず
    デザインに関する知識の宝庫
    

    View Slide

13. デメリット
    ①メディアのサイズが海外基準
    ②日本版はまだ発展途上
    ③ダウンロードの仕様が複雑
    印刷業者に頼む際は注意が必要
    未対応のサービス/日本語フォントも少ない
    webやデザインの知識がある人が伝えていくべき
    

    View Slide

14. Canvaの紹介
    チュートリアル
    01
    

    View Slide

15. https://www.canva.com/
    

    View Slide

16. 1. 画像ファイルが重くなる
    １画像幅640ピクセルで200KB前後になることも
    2. カラーモードは全てRGB
    印刷には不向き
    Canvaのダウンロードの仕様
    →その他のサービスと組み合わせて最適化する
    

    View Slide

17. JPG PNG
    Web用にダウンロードする場合
    ※PNGの特徴である「透過」は有料版のみ
    ファイルの軽さ 　　 > PNG
    PNG
    画質 JPG <
    JPG
    

    View Slide

18. イラストがメインなら
    画質重視で
    写真がメインなら
    ファイルの軽さ重視で
    JPG
    PNG
    

    View Slide

19. https://tinypng.com/
    PNGを軽くするサービス
    

    View Slide

20. 「 PDF (印刷)（推奨）」
    印刷用にダウンロードする場合
    解像度：300dpi
    でもカラーモードは「RGB」
    印刷するなら「CMYK」に変換する必要がある
    

    View Slide

21. ②PDFのままカラーモードのみ変換
    https://www.rgb2cmyk.org/
    https://pdf2jpg.net/
    ①JPGに変換してからカラーモードを変換
    JPGに変換
    カラーモードを「CMYK」に変換する方法
    カラーモードを変換
    

    View Slide

22. https://www.vistaprint.jp/
    Canvaと相性の良い印刷業者
    

    View Slide

23. 名刺を何パターンも
    作ってみる(~19:40)
    02
    

    View Slide

24. 機能を色々試して
    みる
    テンプレートの
    目星をつける
    テンプレートは
    「名刺」を使用
    とにかくたくさん
    （上限は30枚）
    目標
    制作物
    

    View Slide

25. 配色サービスの紹介
    03
    

    View Slide

26. Colors
    Palette
    generator
    

    View Slide

27. https://www.canva.com/app/
    Canvaの公式アプリサイト
    

    View Slide

28. 名刺に自分らしさを
    取り入れる(~20:40)
    04
    

    View Slide

29. 機能とサービスを掛け合わせてみる
    「名刺」はあとで
    共有します！
    他のテンプレート
    もぜひ
    目標
    制作物
    

    View Slide