Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

isaikaori
August 23, 2018

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

isaikaori

August 23, 2018
Tweet

More Decks by isaikaori

Other Decks in Design

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. 画像ファイルが重くなる
    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