吹き出しの変更(2) シェイプの移動、回転、色変更
Webサイト掲載画像に吹き出しありコメントを作成すると内容がわかり易くなります。
吹き出しの作成ページでは、カスタムシェイプツール、文字ツールを使用し吹き出し図形の描き方、文字入力操作を説明しました。
シェイプツールや文字ツールを使用した画像をPhotoshop形式(Psd形式)で保存しておくと、その後の変更操作を容易に行えます。
当ページでは、Photoshop形式(Psd形式)で保存した吹き出し画像の変更操作方法を説明します。
吹き出し図形の変更には、いろいろなパターンがあり、その中から「吹き出し図形の回転と色変更」の操作を説明します。
■ 吹き出し図形の変更(移動、回転、色変更)イメージ ■
吹き出しの変更(2) シェイプの移動、回転、色変更 操作方法
1.画像を開く あるいは「吹き出しの作成」ページの続き
吹き出しの作成ページの続き あるいは
同ページ終了後(Photoshop形式(*.PSD)にてファイル保存)の再開です。
Photoshop形式のファイルを開きます。
ファイルの開き方は、「ファイルを開く」を参照ください。
2.画像の表示
(1)画像の表示
「吹き出し図形を描く(作成)」ページで作成されたPhotoshop形式(*.PSD)の画像が表示されます。
サンプルでは、画像解像度 500×375px、表示倍率 100%で表示されています。
(2)レイヤー
パネルエリアには、三つレイヤーがあります。
①テキストレイヤー :コメント
②シェイプレイヤー :吹き出しの図形
③背景レイヤー :背景画像
上記①②のレイヤーを使用し変更操作します。
3.吹き出し図形の移動、反転
(1)移動ツールの選択
ツールボックスから移動ツールを選択します。
(2)シェイプレイヤー(吹き出し図形)の選択
パネルエリアのシェイプレイヤー(吹き出し図形のレイヤー)を選択します。
サンプルでは、画像上の吹き出し図形の周りが点線で囲まれ、点線上の8か所に印(□)が表示されます。
この印を操作することにより図形の各種変更が可能です。
(3)吹き出し図形の移動
点線内をドラッグし吹き出し図形を移動します。
サンプルでは、吹き出し図形を右上から左下へ移動します。
なおコメントは、そのまま残ります。
(4)吹き出し図形の回転(その1)
メニューバーの「イメージ」→「回転」→「レイヤーを180°回転」を選択すると、 吹き出し図形が、180°回転します。
サンプルでは、吹き出し図形の下部分が、上に回転しました。
(5)吹き出し図形の回転(その2)
上記(4)と別の方法にて回転できます。
図形の周りの点線に8ヶ所の印(□)と1ヶ所の〇印があります。
〇印の少し上付近にポインタを移動するとポインターの形が半円の様な両矢印に変わります。
この状態で回転する方向にドラッグすると図形が回転し、回転角度を手動調整できます。
4.吹き出し図形の色変更
(1)シェイプレイヤーの確認
シェイプレイヤー(吹き出し図形)が選択されていることを確認します。
(2)シェイプレツールの選択、色設定
ツールボックスからシェイプツールを選択します。
シェイプの種類はどれでもよく、「カラー」を選択し、
スウォッチから好みの色を選択します。
これでシェイプ図形の色が変更できます。
サンプルでは、薄緑を選択しています。
吹き出し図形の色が変更されました。
5.コメントの移動
(1)テキストレイヤー(コメント)の選択
パネルエリアのテキストレイヤー(コメントのレイヤー)を選択し、ツールボックスの移動ツールを選択します。
画像上のコメントの周りが点線で囲まれ、
点線内をドラッグするとテキストを移動できます。
(2)コメントの移動
コメントの点線内をドラッグし移動します。
サンプルでは、画像の右上にあるコメントを左下にある吹き出しの上に移動します。
6.吹き出し図形の移動、回転、色変更 完成
吹き出し図形を右上から左下に移動、回転さらに色変更したイメージです。
7.画像ファイルの保存
ファイルの保存は、「 ファイルを保存 」を参照ください。
この「吹き出しを描く」ではレイヤーを使用しています。
保存時のファイル形式を、Jpeg形式(サイト掲載用)以外にPhotoshop形式(*.PSD)で保存しておくと後で変更できます。