(第151話)
Adobe Photoshop Elementsでのスライドショーの作り方を説明いたします。
画像はクリックすると大きくして見られますが、9.10.11は更に画面を大きくして細部を見る為に
を突付いて見てくださいね。
1.先ず、Photoshp Elementsを開き、必要な枚数の画像を「ファイル」から「開く」で取り込みます。「ドラッグ」でも、「画面をダブルクリック」でも入れられます。画像は動かせますが重なって入りますのでスライド順と逆順に入れた方が便利です(最初の画面をラストに入れる)
![](https://blogimg.goo.ne.jp/user_image/3c/03/0c7bf94f064429ec6ae883e4faa636b5.jpg)
2.ベースとなる画像(スタートに出る画像)を左から右にドラッグで移動させます。
![](https://blogimg.goo.ne.jp/user_image/05/5c/12b8328521a1a5d1b2e30bb089bfc3bf.jpg)
3.左の画像を右に重ねてゆく為に、先ず左の画像(青いライン)をクリックし(アクティブにする意味)「選択範囲」から「すべて選択」を選びます。点線で選ばれたら編集からコピーします。
![](https://blogimg.goo.ne.jp/user_image/78/ac/b7b1c80b350b6fb9e8bd369b30fb5b92.jpg)
4.コピー状態のまま右の画像(青い部分)をクリックし(アクティブが右画像になります)、「編集」から「ペースト」を選ぶと右に張り付きます。左に元の画像も残っています。
![](https://blogimg.goo.ne.jp/user_image/47/42/1012a3892fddb1d9f60c74383b2a9b72.jpg)
5.左にある元の画像を(4.の左画像)を×印で閉じますと、下から次の画像が見えてきます。
6.次の画像も先ほど同様に(3に戻る)範囲選択してコピーし、右に貼り付け、左の画像を消してゆきます。
![](https://blogimg.goo.ne.jp/user_image/21/78/95a2a2477c75c82121f503be8bb93570.jpg)
7.全部貼り付け終わると左が空になり、右に全部が重なっています。
![](https://blogimg.goo.ne.jp/user_image/3b/65/9c7badbcf740d4fe2d284e734b208fc4.jpg)
8.「ファイル」から「Wab用に保存」を選んでクリックすると9の画面に代ります。
![](https://blogimg.goo.ne.jp/user_image/17/8b/f0eef92d1cec6de8afbae710f5c0c532.jpg)
9.右上の部分の「アニメーション」と「繰り返し」にチェックをいれ、スピードを決めます。1.5秒にする場合は1.0を選んで、1.5に修正します。サイズ変更も可。(クリックして拡大画面でご覧下さい)
![](https://blogimg.goo.ne.jp/user_image/50/c9/15802acf7bf951b08a1da822291b6e2e.jpg)
10.「アニメーション」にチェックを入れた時点から画像はアニメのスタート時の物に代わります。画面下のプレビューをチェックして確認します。
![](https://blogimg.goo.ne.jp/user_image/64/ea/d16100717ba9f3281baf29c0ff7ab4a9.jpg)
11.プレビュー画面です。動きを確認し、良ければ×印でこの画面を閉じますと9の画面に戻ります。修正したければ再度修正し、このままで良ければOKをクリックします。保存画面が出てきますのでgifで保存します。
要約すると、左の画像を右に貼り付けてアニメ設定にしてから保存すると言う事です。
![](https://blogimg.goo.ne.jp/user_image/31/b0/60f991963c200741b4d105b520a4d401.jpg)
12.完成したアニメーションです。皆さん、お疲れ様でした。
Adobe Photoshop Elementsでのスライドショーの作り方を説明いたします。
画像はクリックすると大きくして見られますが、9.10.11は更に画面を大きくして細部を見る為に
![](https://blogimg.goo.ne.jp/user_image/19/10/3743320f79e612f2eba097e13320fca6.jpg)
1.先ず、Photoshp Elementsを開き、必要な枚数の画像を「ファイル」から「開く」で取り込みます。「ドラッグ」でも、「画面をダブルクリック」でも入れられます。画像は動かせますが重なって入りますのでスライド順と逆順に入れた方が便利です(最初の画面をラストに入れる)
![](https://blogimg.goo.ne.jp/user_image/3c/03/0c7bf94f064429ec6ae883e4faa636b5.jpg)
2.ベースとなる画像(スタートに出る画像)を左から右にドラッグで移動させます。
![](https://blogimg.goo.ne.jp/user_image/05/5c/12b8328521a1a5d1b2e30bb089bfc3bf.jpg)
3.左の画像を右に重ねてゆく為に、先ず左の画像(青いライン)をクリックし(アクティブにする意味)「選択範囲」から「すべて選択」を選びます。点線で選ばれたら編集からコピーします。
![](https://blogimg.goo.ne.jp/user_image/78/ac/b7b1c80b350b6fb9e8bd369b30fb5b92.jpg)
4.コピー状態のまま右の画像(青い部分)をクリックし(アクティブが右画像になります)、「編集」から「ペースト」を選ぶと右に張り付きます。左に元の画像も残っています。
![](https://blogimg.goo.ne.jp/user_image/47/42/1012a3892fddb1d9f60c74383b2a9b72.jpg)
5.左にある元の画像を(4.の左画像)を×印で閉じますと、下から次の画像が見えてきます。
![](https://blogimg.goo.ne.jp/user_image/16/4e/54da2c2693e5c4d53e03c5bde15651a2.jpg)
6.次の画像も先ほど同様に(3に戻る)範囲選択してコピーし、右に貼り付け、左の画像を消してゆきます。
![](https://blogimg.goo.ne.jp/user_image/21/78/95a2a2477c75c82121f503be8bb93570.jpg)
7.全部貼り付け終わると左が空になり、右に全部が重なっています。
![](https://blogimg.goo.ne.jp/user_image/3b/65/9c7badbcf740d4fe2d284e734b208fc4.jpg)
8.「ファイル」から「Wab用に保存」を選んでクリックすると9の画面に代ります。
![](https://blogimg.goo.ne.jp/user_image/17/8b/f0eef92d1cec6de8afbae710f5c0c532.jpg)
9.右上の部分の「アニメーション」と「繰り返し」にチェックをいれ、スピードを決めます。1.5秒にする場合は1.0を選んで、1.5に修正します。サイズ変更も可。(クリックして拡大画面でご覧下さい)
![](https://blogimg.goo.ne.jp/user_image/50/c9/15802acf7bf951b08a1da822291b6e2e.jpg)
10.「アニメーション」にチェックを入れた時点から画像はアニメのスタート時の物に代わります。画面下のプレビューをチェックして確認します。
![](https://blogimg.goo.ne.jp/user_image/64/ea/d16100717ba9f3281baf29c0ff7ab4a9.jpg)
11.プレビュー画面です。動きを確認し、良ければ×印でこの画面を閉じますと9の画面に戻ります。修正したければ再度修正し、このままで良ければOKをクリックします。保存画面が出てきますのでgifで保存します。
要約すると、左の画像を右に貼り付けてアニメ設定にしてから保存すると言う事です。
![](https://blogimg.goo.ne.jp/user_image/31/b0/60f991963c200741b4d105b520a4d401.jpg)
12.完成したアニメーションです。皆さん、お疲れ様でした。
![](https://blogimg.goo.ne.jp/user_image/78/0d/d3b56fa897865d2a961066a5a42a29b4.gif)
責任感のあるzooさんに感謝です。
アニメーション、ばっちりできました。
ペーストするところが間違っていたようです。
すごくうれしいです。
先日はソフトも画像も無いままに文章だけでは厳しかったですよね。上手に説明できていなかったらしいので頑張って作ってみました。お役に立ててとれも嬉しいです。
丁寧な解説を有難うございます。ブログ「カンアオイ」にもリンクさせて頂きました。
お役に立てますなら嬉しい限りです。
作業していてグッと合理的な方法が一つ見つかりました。PrntScrn(プリントスクリーン)でパソコン画面をコピーする時にAltキーを押しながらすると最前面のアクティブ画面だけを保存できるのです。カットの手間が省けて重宝しました。ご参考まで
1、をやって、2、にかかろうとしたところで画像が全て消えちゃったぁ~f(^^;)
Hビルダーのウエブアニメーターとどっちが楽なんでしょうか?
でもAdobe Photoshop Elementsを覚えたいnettonさんです。
手取り足取りおせ~~てぇ~~♪
ハイハイ手でも足でも取ってお教えいたしますよ。
病弱だから先週はダウン気味でお休みしちゃいましたが明日は出席予定です。その時にでも。
HPビルダーより写真の挿入が簡単の様な気がしますが、どうして入らないのかね?
もしかしたらツールの何処かが突付いてあるのかもね~。いずれまた
何も書いてないから2.0以下かな?
zooさんのは5.0ですか?
画面が少し違ってますが、基本的には同じなんですね。
画像処理は自己流でやってましたので、な~るほどと
目からうろこです。
また宜しくお願いします。
私は欲しくてソフトを買ったくせにパソコンが重くて動かなくなりそうで長いこと放置してありました。
ようやく去年入れたものの使い方が解らないまま又放置。去年の秋、必要があってスライドショーの作り方をアチコチ聞き歩いた末に、ふ~さんに教えて頂いたのでした。
Photoshop Elements は2.0なんです。カメラでもビデオでも買いたくて買いながら使えるようになる頃には古い機種になってしまうという・・呆れた性格です。