Photoshop Elements を起動し、「写真の編集」を選択します。
この文書では、Adobe Photoshop Elements で Web 用のツールを作る方法について一例を紹介します。
Photoshop Elements では、ボタンやナビゲーションバーといった Web ページで使用する素材を簡単に作成することができます。 Web ページ用の画像を作成、編集するためのツールには、以下の様なものがあります。
「シェイプツール」を使用すると、ベクトルベースの図形やイラストを簡単に描くことができます。各シェイプツールでは、オプションを設定してカスタマイズが可能なので、Web ページ用のボタン、バナー、アイコンなどを作成する場合に便利です。また、カスタムシェイプツールを使用すると、動物や矢印、花などのイラストを簡単に描画することができます。
Photoshop Elements を起動し、「写真の編集」を選択します。
ファイル/新規/白紙ファイル を選択し、新規 ダイアログボックスで作成する素材のサイズに応じたキャンパスを設定し、「OK」をクリックします。
ウィンドウ上部から「エキスパート」をクリックし、エキスパートモードを選択します。
ツールバーから、シェイプツールをクリックして選択します。
作成したい画像に合わせて、シェイプツールを選択します。
選択したシェイプツールに応じて、オプションを設定します。
たとえば、カスタムシェイプツールならシェイプ画像をリストから選択したり、多角形ツールなら辺の数を指定します。
必要に応じて、スタイルを設定します。スタイルを適用するには、スタイルメニューを開き、スタイルのカテゴリを選択し、スタイル画像をクリックします。
キャンパスをドラッグして画像を描きます。設定したシェイプが描画されます。
カスタムシェイプとスタイルを使用して、効果的なアイコンやボタンなどの Web 用の素材を作成することができます。
効果パネルには、何種類ものレイヤー効果が適用されたプリセットスタイルが多数用意されているので、マウスをクリックするだけで複雑な効果を素早く適用することが可能です。また、1 つのオブジェクトに複数のレイヤースタイルを重ねて使用することで、複雑な画像を簡単に作成できます。レイヤースタイルの設定は編集することができるので、使用目的に合わせた最適な効果が得られます。
Photoshop Elements を起動し、あらかじめ用意しておいた画像や写真を開くか、新規ファイルを作成して画像を描画します。
ガイドモード、またはエキスパートモードを選択します。
次のいずれかの操作を行います。
画像や写真に効果が適用されます。
シェイプツールでは作成できないベクトル画像や文字にスタイルを適用したり、写真に効果を適用することができます。
ファイル/Web 用に保存 を選択すると、作成した画像を Web 用の素材として書き出す事が可能です。書き出すファイル形式は、元画像のカラー、色調およびグラフィック特性によって適した形式を選択します。
ファイル形式 |
適している画像 |
JPEG |
連続階調の画像に適していて、ほとんどの写真の保存に最適な形式です。 |
PNG-24 |
JPEG と同様に、写真に適した形式です。画像に透明部分が含まれている場合のみ、JPEG ではなく PNG-24 を選択します(JPEG は透明ピクセルをサポートしません。透明部分はマットカラーで塗りつぶす必要があります)。PNG-24 ファイルは、同じ画像の JPEG ファイルよりサイズが大きくなります。 |
GIF |
大部分が単一色で塗られたイラストや、ディテールが鮮明なテキストに適しています。画像をアニメーション化する場合も GIF で保存しす。 (GIF アニメーション) |
PNG-8 |
GIF と同等の形式で、GIF と同じ用途で使用します(アニメーションを除く)。 |
アカウントにログイン