バナー作成講座

目次

Photoshop/Illustrator/Figmaで作成するバナー講座

仕事で使えるバナーを作成したいけれど、どのツールを使えば良いのか迷ったことはありませんか?Photoshop、Illustrator、そしてFigmaは、それぞれ異なる特徴を持つデザインツールで、多様なニーズに応えられる力強い味方です。それぞれのツールを使ったバナー作成のポイントやテクニックを紹介しながら、あなたのデザインスキルを一段と引き上げる方法をご提案します。

簡単バナー作成講座

バナー作成応用講座

あわせて読みたい
Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法 ピンタレストなどでよく見かける「よくある分割バナー」をPhotoshopで作成する方法を動画で解説します。シンプルな手順で作れるので、初心者の方にもおすすめです! ま...
あわせて読みたい
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用- 中央に正方形を意識した分割バナーの作成  今回は、Photoshopを使って知っておくと超便利「よくある分割バナー」の作成方法の応用を行います。OGPのことも考えたバナー...
あわせて読みたい
Photoshopのオブジェクト選択を使って、商品を並べたバナーを簡単に作成しよう! 楽天市場やさまざまなシーンでよくみかける、写真(アイテム)の背景が取り除かれて、文字を中心にあちこちに配置されているタイプのバナーの作成をPhotoshopで行います...
あわせて読みたい
Figmaを知ろう!入門講座 基本操作と概要 Figmaは、Webデザインやアプリデザイン、プロトタイプ制作に特化したクラウドベースのデザインツールです。ここでは、Figmaの特徴、他のデザインツールとの違い、基本操...

どちらで作成する?フォントは何にする?

あわせて読みたい
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか? IllustratorとPhotoshopどちらで作りますか? バナーを作成する際、Webデザイナーがよく直面する疑問のひとつに、「AdobeのPhotoshopとIllustrator、どちらを使うべきか...
あわせて読みたい
現役ウェブデザイナーおすすめのフォント!15選!オススメのGoogleフォント ウェブデザインにおけるフォントの重要性 まずは、視認性(読みやすさ)が第一に挙げられます。Webサイトを閲覧したユーザーが内容をストレスなく、スムーズ理解できる...

バナー作成講座 6ステップ

STEP
バナー作成講座 まずは基本のサイズとフォント設定
STEP
バナー作成講座 コピー文をバナーらしく載せる
STEP
バナー作成講座 背景に写真・さくら吹雪のブラシ
STEP
バナー作成講座 PSDファイルからの書き出し
STEP
バナー作成講座 バナーをIllustratorで作ってみた 
STEP
バナー作成講座 バナーをIllustratorで作って書き出す

目次