画像加工テクニック・作例

更新日:2009年05月18日

Photoshop Elements 6.0で作る雨降りアニメ

梅雨らしい写真を使って、雨降りGIFアニメーションを作ってみませんか? 長きにわたり好評のPhotoshop Elementsで作る雨降りアニメ記事を、Photoshop Elements 6.0版にリメイク。スグ試せる画像付きです。

梅雨の晴れ間をぬっておでかけ。でもこの時期、なかなかパッと明るい画像が撮れませんよね。それならいっそ、梅雨らしい写真を使って、雨降りGIFアニメーションを作ってみませんか?

今回作成する雨降りGIFアニメーション

今から6年前に、Photoshop Elementsの過去のバージョンで雨降り効果の作成記事をご紹介しましたが、最近のバージョン(Photoshop Elements 6.0)では同じ方法で作ることができません。
そこで今回は、新しいバージョンの木目調のレイヤースタイルを利用して、雨降りアニメーションを作る方法を紹介します。2コマ構成のGIFアニメーションなので、容量も小さくできます。今回はサンプル画像を用意していますので、下記のチュートリアルと同時進行でお楽しみください。

なおこの記事では、Adobe Photoshop Elements 6.0を使用しています。それ以前のバージョンでは同じ方法で作成できない場合があります。

木目調の効果を利用する

Photoshop Elementsにあらかじめ用意されている木目調のレイヤースタイルを利用して雨を作っていきます。

最初にPhotoshop Elements 6.0のスタンダード編集モードを起動して、雨降り画像の元になる写真を開きます。ここでは下にある「ajisai01.jpg」を、Photoshop Elementsにドラッグ&ドロップしして、画像を開きます。

 「ajisai01.jpg」 12.1KB 200×150ピクセル
この画像を、Photoshop Elementsにドラッグ&ドロップします。

Photoshop Elementsのスタンダード編集画面に画像が開いたところです。

背景レイヤーを複製して同じレイヤーを3つにします。
レイヤーパレットで[背景]レイヤーを[新規レイヤーを作成]ボタンにドラッグします。すると[背景のコピー]レイヤーが重なります。
同じようにして追加された[背景のコピー]レイヤーを[新規レイヤーを作成]ボタンにドラッグします。[背景のコピー 2]レイヤーが追加されます。

[背景]レイヤーを複製し、さらに[背景のコピー]レイヤーを複製して、3つ同じ内容のレイヤーができあがりました。

複製したレイヤーの1つを木目調の画像に変えます。
[背景のコピー 2]レイヤーが選択された状態で、[効果]パレットの[レイヤースタイル]ボタンをクリックして、カテゴリを[パターン]に設定します。効果の一覧から[オーク]をダブルクリックまたは選択した状態で[適用]をクリックします。
画像全体が木目調の画像になります。

レイヤースタイルの[オーク]を適用した状態です。

次は、この木目調の画像を雨降り画像に変えていきます。次のページへ>>

1 2 3
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

土屋 徳子

漫画家としてデビューした後、コンピューターグラフィックに出会う。ソフトの解説書の執筆がきっかけでライ…

続きを読む

ガイドからのお知らせ

  • 写真の加工や画像を作って楽しむ情報やテクニックをお伝えします。09/04/01

住まいには、人の個性がよく現れるもの。同じ空間をどのように使うかで、雰囲気も、快適さも大きく変わってくる。ここでは、「建築家と家を建てる」ガイド の川畑博哉氏が厳選した10軒を紹介し、建築家それぞれのこだわりのポイントを紹介しよう。建築のプロたちが考え出した、マネしたくなるアイデアが満載! さぁ、いますぐチェック!

人気CG・画像加工ランキング

Powered by 価格.com

デジタル関連コミュニティ

北欧好きが、愛用の北欧モノを見せ合うコミュニティ

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

ショッピングカタログ

All About ウェブマガジン

女性向け

雨が楽しくなる!レイングッズ15

男性向け

マネしたくなるアイデア住宅

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック

知識・経験を生かして、記事を書いてみませんか?