目次
Photoshop/Illustrator/Figmaで作成するバナー講座
仕事で使えるバナーを作成したいけれど、どのツールを使えば良いのか迷ったことはありませんか?Photoshop、Illustrator、そしてFigmaは、それぞれ異なる特徴を持つデザインツールで、多様なニーズに応えられる力強い味方です。それぞれのツールを使ったバナー作成のポイントやテクニックを紹介しながら、あなたのデザインスキルを一段と引き上げる方法をご提案します。
簡単バナー作成講座
Photoshop を使って簡単バナー作成1 | 動画で学ぶWebデザイン教室 Fukuokamiyako
5分でできる簡単バナー作成 Photoshop を使って簡単なバナー作成を行います。使うツールは、 範囲選択のクィック選択ツールとレイヤーマスク レイヤースタイルのグラデーシ…
Photoshopを使った横長簡単バナー作成2 | 動画で学ぶWebデザイン教室 Fukuokamiyako
10分で簡単バナー作成 Photoshopを使って写真サイズ変更後、切り抜きツールを使い細長いバナーを作成します。作業時間はおよそ10分です。 今回の動画では、 Photoshop2019…
バナー作成応用講座
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
中央に正方形を意識した分割バナーの作成 今回は、Photoshopを使って知っておくと超便利「よくある分割バナー」の作成方法の応用を行います。OGPのことも考えたバナー...
Photoshopのオブジェクト選択を使って、商品を並べたバナーを簡単に作成しよう!
楽天市場やさまざまなシーンでよくみかける、写真(アイテム)の背景が取り除かれて、文字を中心にあちこちに配置されているタイプのバナーの作成をPhotoshopで行います...
Figmaを知ろう!入門講座 基本操作と概要
Figmaは、Webデザインやアプリデザイン、プロトタイプ制作に特化したクラウドベースのデザインツールです。ここでは、Figmaの特徴、他のデザインツールとの違い、基本操...
どちらで作成する?フォントは何にする?
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか?
IllustratorとPhotoshopどちらで作りますか? バナーを作成する際、Webデザイナーがよく直面する疑問のひとつに、「AdobeのPhotoshopとIllustrator、どちらを使うべきか...
現役ウェブデザイナーおすすめのフォント!15選!オススメのGoogleフォント
ウェブデザインにおけるフォントの重要性 まずは、視認性(読みやすさ)が第一に挙げられます。Webサイトを閲覧したユーザーが内容をストレスなく、スムーズ理解できる...
バナー作成講座 6ステップ
STEP
バナー作成講座 まずは基本のサイズとフォント設定
01 バナー作成講座 まずは基本のサイズとフォント設定 | 動画で学ぶWebデザイン教室 Fukuokamiyako
バナー作成するための準備 バナーを作成するアプリは、特にこれでないとダメ!と決まりがあるわけではありません。使いやすい、慣れたプログラムでもかまいません 但し、We…
STEP
バナー作成講座 コピー文をバナーらしく載せる
02 バナー作成講座 コピー文をバナーらしく載せる | 動画で学ぶWebデザイン教室 Fukuokamiyako
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop にコピー文を広告バナーらしく入力していきます! バナー…
STEP
バナー作成講座 背景に写真・さくら吹雪のブラシ
03 バナー作成講座 背景に写真・さくら吹雪のブラシ | 動画で学ぶWebデザイン教室 Fukuokamiyako
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop バナーで、背景に写真やイラストを設置してみます。 バナ…
STEP
バナー作成講座 PSDファイルからの書き出し
04 バナー作成講座 PSDファイルからの書き出し | 動画で学ぶWebデザイン教室 Fukuokamiyako
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」作成講座4回目です。今回は、Photoshopを使ってアートボードごとに作成したバ…
STEP
バナー作成講座 バナーをIllustratorで作ってみた
05 バナー作成講座 バナーをIllustratorで作ってみた | 動画で学ぶWebデザイン教室 Fukuokamiyako
在宅・フリーランスになるためのバナー作成講座・イラレ編 5回目のバナー作成講座は、Illustratorを使って、バナーを作成していきます。Photoshopと異なり、写真加工は得意…
STEP
バナー作成講座 バナーをIllustratorで作って書き出す
06 バナー作成講座 バナーをIllustratorで作って書き出し | 動画で学ぶWebデザイン教室 Fukuokamiyako
在宅・フリーランスになるためのバナー作成講座・イラレ編 6回目のバナー作成講座は、5回目からの引き続き下半分のデザインをIllustratorで作成していきます。上記のよう…