【制作動画付き】売れる!クリックされる!Webデザイナーが教えるサムネイル・バナーの作り方〜イラストレーター〜(#29)

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ก.ย. 2024
  • TH-camでもHPでも大切なのがサムネイル(バナー)です。
    今回は思わずクリックしてしまうサムネイルデザインの作り方を
    実際に制作動画付きでご紹介します♪
    TH-cam動画の再生回数アップも間違いなし!
    ■ オンラインIllustrator講座━━━━━━━━━━━━━━
    ○【動画レッスン】Webデザイナーを目指す人向けの Illustrator講座
    www.ririanscho...
    ○【4Days Zoomレッスン】Webデザイナーを目指す人向けの Illustrator講座
    www.ririanscho...
    ✅mikimiki LINE公式アカウント ━━━━━━
    TH-camチャンネルmikimiki webスクールの更新情報やライブレッスン情報、スキルアップに繋がるお得な情報を不定期で配信しています😄
     【無料登録はこちら】
     ➡️ liff.line.me/1...
    さらに!登録で以下特典もプレゼント中👇
    ☆Instagramフォロワーを増やすための完全ロードマップ
    ☆Canva特別テンプレート
    ☆フリーランスとして最短で収益化するためのチェックリスト
    ■無料ニュースレター ━━━━━━━
    経営者・サロンオーナー・フリーランス・個人事業主の方に「Next」がわかる
    情報を届ける無料ニュースレター
     【無料登録はこちら】無料で学べるニュースレター
     ➡️ form.run/@riri...
    ■お問い合わせ/お仕事の依頼はこちら ━━━━━━
    ▼お問い合わせ/お仕事の依頼はこちら▼
    form.run/@riri...
    ━━━━━━━━━━━━━━━━━━━━━━━━
    ▼デザインオフィスRirianのInstagram フルリニューアル▼
    / ririan007
    ■関連動画━━━━━━━━━━━━━━
    ①【初心者向け】イラストレーター〜名刺を作る手順
    • 【初心者向け】イラストレーター〜名刺を作る手...
    ■オンラインスクールRirian School.━━━━━━━━━━━━━━
    www.ririanscho...
    ○▼【日本初Canva公式アンバサダーが教える】ゼロから始めるCanva Webデザイン講座▼
    www.ririanscho...
    ○【動画レッスン】Webデザイナーを目指す人向けの Illustrator講座
    www.ririanscho...
    ○【4Days Zoomレッスン】Webデザイナーを目指す人向けの Illustrator講座
    www.ririanscho...
    ○スキルアップ個人レッスン
    www.ririanscho...
    ■mikimiki 発信メディア一覧━━━━━━━━━━━━━━
    ○Instagram
    / mikimiki1021
    ○Twitter
    / mikimiki10211
    ○mikimiki webスクールブログ版
    mikimiki1021.com/
    ■デザインオフィスRirian 発信メディア一覧━━━━━━━
    ○RirianのInstagram
    / ririan007
    ○RirianのTwitter
    / designririan
    ○Ririanのnote
    note.com/mikim...
    ○デザインオフィス RirianのHP
    ririan-dsn.com/​
    ■mikimikiのプロフィール━━━━━━━━━━━━━━
    デザインオフィスRirian | 株式会社Ririan&Co,代表取締役 扇田 美紀(mikimiki)
    Webデザイナー
    デザイン系TH-camr
    クリエイティブツールCanva日本初の公式アンバサダー
    2014年フリーランスのWEBデザイナーとして独立後、
    2020年株式会社Ririan&Co.を設立。
    自身がデザインオフィスの代表としてデザイナーとして活動する一方で、TH-camチャンネル
    「mikimiki web school」の運営や
    オンラインスクール「Ririan School.」などWebデザイナーを目指す方のサポートも精力的に行っている
    株式会社Ririan&Co. :Webサイト/ECサイト制作・Webマーケティングコンサル
    ririanco.com/
    デザインオフィスRirian. :デザイン制作・スキルアップレッスン(個人・グループ)・セミナー
    ririan-dsn.com/
    #Webデザイナー #Illustrator #mikimikiwebスクール

ความคิดเห็น • 17

  • @user-lz9kw2jx1b
    @user-lz9kw2jx1b 3 หลายเดือนก่อน

    自分記録用
    1:17  動画の目次
    1:56 サムネ作成をマスターすべき3つの理由解説
    6:30  サムネイル作成の6つポイント
    10:35 サムネイル作成工程スタート
    11:02 サイズ選択
    11:27 タイトル入力
    12:40 キーメッセージ拡大表示&調整
    13:40 photoshopで写真を編集
    14:28 編集後の写真を書き出し&保存
    14:56 illustratorに戻る&Psからの写真挿入配置
    15:14 サイズ調整 
    15:38 画像を重ねる
    16:06 グラデーションツールで見やすく調整
    18:40 タイトル文字色調整
    22:58 イラストDL
    23:40 デザインタイム
    27:13 サムネ完成
    27:21 画像書き出し&保存
    28:18 サムネイル作成の重要ポイント
    いつも分かりやすい動画をありがとうございます✨

  • @user-fx9gy1zu3s
    @user-fx9gy1zu3s 3 ปีที่แล้ว +2

    長期視聴者(いわゆるファン)を作るには、サムネイルの他に、噛んだところをするカットするなど動画の内容がすごく大事だと気づきました。

  • @milkkurumi4358
    @milkkurumi4358 2 ปีที่แล้ว

    とっても参考になりました✨ぜひ制作してみたいと思います♪

  • @WonderReview
    @WonderReview 3 ปีที่แล้ว +1

    凄く分かりやすかったです。
    プロを感じました!!

    • @WonderReview
      @WonderReview 3 ปีที่แล้ว

      追記です。
      まだ駆け出しの一か月未満ですが、
      顔出しして、視聴者が増えるのは美人さんだけだとおも思って、
      自分の動画の再生数を見てみると、確かに顔出しの方が、多いのかも。。。
      ただ、再生数が、二桁とか、参考になるか分からないけど。
      貴重な、情報ありがとうございます!!

  • @matdpwp
    @matdpwp 4 ปีที่แล้ว +2

    とてもわかりやすい動画でたくさん勉強させて頂いています!
    「売れる!クリックされる!」の吹き出しの素材を個別で選択されていたと思うのですが、どうやってやるのでしょうか?
    素材のセット全体をクリックする事しか出来ないので、、

  • @user-lw8mq4mo2b
    @user-lw8mq4mo2b ปีที่แล้ว

    ダウンロード吹き出しイラストをサクッとコピーされてましたが、私は毎回Photoshopで切り抜きをしてました💦簡単なコピーのやり方を教えてもらいたいです!

  • @vlog_hiro
    @vlog_hiro 4 ปีที่แล้ว

    めちゃくちゃためになりました!
    今までフォトショで適当に作ってたので、イラストレーターで作ってみようと思います。

  • @user-qb7nw1ss3m
    @user-qb7nw1ss3m 4 ปีที่แล้ว +1

    わかりやすいです!ありがとうございます!^^

  • @Misaki_yukaballet
    @Misaki_yukaballet 4 ปีที่แล้ว

    6つのポイント意識します。

  • @hy4685
    @hy4685 3 ปีที่แล้ว +2

    為になる動画ありがとうございます!
    質問をさせてください。私はネット販売の画像を制作初心者です
    ご紹介いただいていたACイラストを私もよく使いますが
    吹き出しの中の文字のフォントはほとんど使えない事がおおいですが
    使えたりしますか?
    かわいいフォントだな~とおもっても使えないので
    自分の持ってるフォントと雰囲気が合わない事があります。
    以前にオススメ写真を教えていただきましたが
    オススメフォントのサイトもあれば教えていただきたいです!
    (いいなと思っても無料なのか怪しいサイトに飛んで怪しいのか判断が難しい事が多くて><)
    またお時間のあるときにでも教えていただけたら嬉しいです。

  • @miyu0606
    @miyu0606 3 ปีที่แล้ว +1

    こんばんは!
    分からないことが出てきてしまい
    質問させて頂きます。
    イラストACから好きな吹き出しを選んでからダウンロードまではできたのですが、これ使いたいなという吹き出しがうまくコピーできず、使えないなですが、、、😂
    どうやれば使えるのでしょうか?!😭👏

    • @mikimikiweb
      @mikimikiweb  3 ปีที่แล้ว

      コメントありがとうございます😊具体的な画面を見ないと状況が分からないのですが、、、動画作成の参考にさせていただきますね😉✨

  • @石橋卓
    @石橋卓 4 ปีที่แล้ว

    グリッピングマスクを実行し、写真を再背面にしても透明なグラデーションが浮き上がってきません。
    原因は、グリッピングマスクするとなぜか長方形のグラデーションが消えて、完全な透明になってしまいます。
    どうすれば良いでしょうか。教えていただけないでしょうか

  • @osinc1281
    @osinc1281 4 ปีที่แล้ว

    バナー制作ってPhotoshopだけでは出来ないんですか?

  • @江戸川-m5q
    @江戸川-m5q 3 ปีที่แล้ว

    サイコ―!(^^)/

    • @mikimikiweb
      @mikimikiweb  3 ปีที่แล้ว

      ありがとうございます😊✨