目次
Photoshop講座：ウェブデザインに活かせるテクニックを学ぼう
ウェブデザインを作成する際、Adobe Photoshopは欠かせないツールのひとつです。画像編集ソフトとして知られるPhotoshopは、視覚的に魅力的なウェブデザインを作成するために必要な多くの機能を備えています。特に、ビジュアルデザインや画像加工が中心となるプロジェクトではその力を最大限に発揮します。Photoshopを使いこなすことで、細部にまでこだわったプロフェッショナルなデザインが実現可能です。
Fukuokamiyakoでは、Photoshopを使ったバナー作成を中心に紹介しています。バナーを作成するために必要な範囲選択やレイヤースタイルなども合わせて学習していきましょう。
おすすめの選択ツールは？
あわせて読みたい
Photoshop ぶっちゃけ範囲選択多すぎ！Webデザイナーは何を使っていますか？
Photoshopを使うとき、範囲選択ツールの多さに迷ったことはありませんか？矩形選択ツールやなげなわツール、AIを活用した被写体選択ツールなど、その種類は豊富で、それ...
Phoroahop レイヤースタイルを使って「プロフェッショナルな見た目」を作成！
あわせて読みたい
Phoroahop レイヤースタイルを使って「プロフェッショナルな見た目」を作成！
Photoshopのレイヤースタイルは、デザイン作業を効率化しながら、プロフェッショナルな見た目を作るための強力な機能です。文字や図形、画像などのレイヤーに、影をつけ...
Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法
あわせて読みたい
Photoshopを使用。知っておくと超便利「よくある分割バナー」の作成方法
ピンタレストなどでよく見かける「よくある分割バナー」をPhotoshopで作成する方法を動画で解説します。シンプルな手順で作れるので、初心者の方にもおすすめです！ ま...
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
あわせて読みたい
Photoshopでアイキャッチ画像の作成。中央を意識した6分割バナー -応用-
中央に正方形を意識した分割バナーの作成 今回は、Photoshopを使って知っておくと超便利「よくある分割バナー」の作成方法の応用を行います。OGPのことも考えたバナー...
Photoshopのオブジェクト選択を使って、商品を並べたバナーを簡単に作成しよう！
あわせて読みたい
Photoshopのオブジェクト選択を使って、商品を並べたバナーを簡単に作成しよう！
楽天市場やさまざまなシーンでよくみかける、写真（アイテム）の背景が取り除かれて、文字を中心にあちこちに配置されているタイプのバナーの作成をPhotoshopで行います...
01バナー作成講座 まずは基本のサイズとフォント設定
あわせて読みたい
01 バナー作成講座 まずは基本のサイズとフォント設定
バナー作成するための準備 バナーを作成するアプリは、特にこれでないとダメ！と決まりがあるわけではありません。使いやすい、慣れたプログラムでもかまいません 但し...
02 バナー作成講座 コピー文をバナーらしく載せる
あわせて読みたい
02 バナー作成講座 コピー文をバナーらしく載せる
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop にコピー文を広告バナーらしく入力していきます！ バナ...
03 バナー作成講座 背景に写真・さくら吹雪のブラシ
あわせて読みたい
03 バナー作成講座 背景に写真・さくら吹雪のブラシ
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」今回は、Photoshop バナーで、背景に写真やイラストを設置してみます。 バ...
04 バナー作成講座 PSDファイルからの書き出し
あわせて読みたい
04 バナー作成講座 PSDファイルからの書き出し
在宅・フリーランスになるためのバナー作成講座 Webサイト制作で必要な要素のひとつ「バナー」作成講座4回目です。今回は、Photoshopを使ってアートボードごとに作成し...
現役Webデザイナーがここは使える！写真素材サイトを紹介
加工に必要な写真素材サイト
あわせて読みたい
現役Webデザイナーがここは使える！写真素材サイトを紹介
Webデザインのお仕事をする中で、魅力的な写真素材は欠かせません。しかし、どの写真素材サイトを選べば良いのか迷うことも多いはずです。そこで、今回は現役Webデザイ...
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか？
あわせて読みたい
Webデザイナーだったら、IllustratorとPhotoshopどちらでバナーを作りますか？
IllustratorとPhotoshopどちらで作りますか？ バナーを作成する際、Webデザイナーがよく直面する疑問のひとつに、「AdobeのPhotoshopとIllustrator、どちらを使うべきか...