タグ別アーカイブ: 回転

カー用品店タイヤボーイ

Photoshopでタイヤを回転させる方法。「止まりすぎてやばいタイヤ」【GIFアニメの作り方】

執筆:Daily GIF89a編集部(大野謙介)

この記事で理解できること(文章量:3分)

・作業時間15ほどで、Photoshopを用いてバナー広告用のGIFアニメを作ることができる。

 

今回制作したGIFアニメ

カー用品店タイヤボーイ

今回は、Photoshopの「ぼかし(放射状)」を活用して、回転するタイヤの疾走感を表現した。もちろんカーライフサポーター「TYREBOY next」は架空のメーカーである。

 

使用した素材

タイヤ

引用元URL:http://www.pakutaso.com/20140254044post-3823.html

 

 

制作手順

0.今回、タイヤの回転のアニメーションのみを解説する。その他コメントは任意で配置をして欲しい。

10131 class=

1.新規作成で幅を336px、高さを246pxに設定し「OK」を選択する。

10132 class=

2.画像素材をドラッグアンドドロップで読み込み、レイヤーの名前を「タイヤ」に変更した。

10133 class=

3.「タイヤ」レイヤーをコピーして「タイヤ回転1」レイヤーをと名前を変更した。

10134 class=

4.「タイヤ回転1」レイヤーのタイヤ部分を「選択ツール」などで選択し、切り取る。

10135 class=

5.綺麗にタイヤ部分を切り取った「タイヤ回転1」レイヤー3回コピーして、「タイヤ回転2」「タイヤ回転3」「タイヤ回転4」と名前を変更する。その後、全てのレイヤーをグループにまとめる。グループ名は「車」とした。

10136 class=

6.「タイヤ回転1~4」のレイヤーを回転させ疾走感をだしていく。

10137 class=

7.「タイヤ回転4」レイヤーは、「ぼかし(放射状)」の量を「80」として「OK」を選択する。

10138 class=

8.「タイヤ回転3」レイヤーは、「ぼかし(放射状)」の量を「60」として「OK」を選択する。

10139 class=

9.「タイヤ回転2」レイヤーは、「ぼかし(放射状)」の量を「40」として「OK」を選択する。

10140 class=

10.「タイヤ回転1」レイヤーは、「ぼかし(放射状)」の量を「10」として「OK」を選択する。

10141 class=

11.「ウィンドウ」「アニメーション」を選択する。

10142 class=

12.フレーム1をコピーする。フレーム1は、車グループをまるごと右に「移動ツール」で移動させる。

10143 class=

13.フレーム2は、車グループをまるごと左に「移動ツール」で移動させる。

10144 class=

14.「トゥイーン」をクリックし、追加するフレームを「3」にして「OK」を選択する。

10145 class=

15.フレーム1を選択し、「タイヤ回転4」レイヤーを表示させる。

10146 class=

16.フレーム2を選択し、「タイヤ回転3」レイヤーを表示させる。

10147 class=

17.フレーム3を選択し、「タイヤ回転2」レイヤーを表示させる。

10148 class=

18.フレーム4を選択し、「タイヤ回転1」レイヤーを表示させる。

10149 class=

19.フレーム5を選択し、「タイヤ」レイヤーをのみを表示させる。

10150 class=

20.今回文字を表示させたりすることで最終的に20フレームのGIFアニメーションとなった。

10151 class=

完成したGIFアニメ

カー用品店タイヤボーイ

 

制作を終えて

今回は、Photoshopのぼかし(放射状)を活用して、回転の躍動感を描写した。TYREBOY nextで今年の冬は安心である。

 

 

執筆:Daily GIF89a編集部(大野謙介)

 

【GIFMAGAZINE】http://gifmagazine.net/

GIFアニメ好きのためのGIF作品投稿・共有プラットフォーム

GIFMAGAZINE_appstore_googleplay

 

GIFMAGAZINEアプリ版のダウンロードはこちら

 

android appstore
iOS:https://itunes.apple.com/ja/app/gifmagazine-animated-gif-magazine/id734489230?l=ja&mt=8
Android:https://play.google.com/store/apps/details?id=jp.createbox.gifmagazine