『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン

Photoshop基本編 070 グラデーションの作り方(CS6)(12分58秒)

Photoshop基本 初心者 独学 グラデーションの作り方(CS6)

今回は、グラデーションの作り方について解説しています。

背景をグラデーションで塗りつぶしたり、シェイプや文字にグラデーションをかけていきます。

グラデーションで描画する方法はいくつかありますが、ここでは塗りつぶしレイヤーを利用する方法やレイヤースタイルを利用した方法を行います。

概要

  • 背景をグラデーションで塗りつぶす。
  • グラデーションのスタイル
  • グラデーションの色を指定する
  • グラデーションエディタの説明
    • 色と位置の指定
    • 色の追加と削除
    • 不透明度の指定
  • 角丸長方形(シェイプ)やテキストにレイヤースタイルを利用してグラデーションをかける。

グラデーションを使いこなすことで奥行き感を出したり、べた塗りにはないイメージに仕上げることができます。

いろいろなグラデーションを作ってみてください。

この動画でのpsdファイルは以下からダウンロードできます。

  • PhotoshopCS6 グラデーションの作り方

この記事が気に入ったら
いいね ! しよう

福本 智子

フリーランスWebデザイナー・Webスクール講師。 子育てをしながら、趣味で始めたネットショップからWebを活用したビジネスの楽しさにはまり、Web屋の道を歩む。 Web制作業務に加え【Webデザインを学びながらビジネス力も身につける体験型スクール&コミュニティ】を運営。 フリーランスでWebデザイナーを目指す方々のサポートに注力している。

Pocket
LINEで送る

関連記事

ライター紹介

Webメディア部 メンバー募集!

  • Webデザインを学びながらビジネス力も身につける体験型スクール&コミュニティ Webクリエイターズオンラインスクール

ログイン

新米クリエイターズ Webメディア部

『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。

Web・DTPデザイナー・会社員・アルバイト・ライター・ブロガー・主婦・子育てママ...etc。
現在の肩書きは違えど目指すところは皆「フリーランスのWebデザイナー(クリエイター)」

日々の学びやお役立ち情報をブログで発信・アウトプットをしながらWebの世界でコンテンツを配信する、
Webサイトを運営する、アクセスを集めるってどんなことなのか?を体感していきます。

新米クリエイターならではの気づきや学び、Webデザイナーの腕を磨いていく模様をリアルに感じていただけます!