看板マート公式ブログ

看板マートが運営する公式ブログです。お客様の声や、施工事例なども紹介して参ります!

【Photoshop】写真・画像からちょっとしたGIF動画を作成する方法

はじめに

写真・画像だけだと伝わりにくいけど、動画を取るほどでもない、動画がそもそも手元にない。写真・画像で説明するとなると枚数が必要で…、こまったな〜という方には、GIF動画(GIFアニメ)がありますよ!という話です。

看板に関係なさそうですが、製作するときの説明用やHPで活用できると良いな〜と思って簡単な作り方Tipsを紹介します。

 

GIF動画とは?

こんな感じのやつです👇

f:id:kanbanmart:20181108102323g:plain

簡単に言うとパラパラ漫画です。複数の静止画をつなげて一枚で表現しているものです。画像の枚数が多くなれば、より動画らしくなり、枚数が少なければ、紙芝居的になります。

静止画(写真など)から作ることもできますし、ムービー(動画)から作ることもできます。ちなみに、上のGIF動画はiPhoneのビデオモードで撮影した動画から作りました。

ちなみに、こちらの食品サンプルに興味がございましたら、お気軽にご連絡下さい😁

 

gallery.kanbanmart.com

アプリやwebサービスで作る方法

一番簡単なのは、携帯のアプリやwebサービスで作ることです!「GIF動画 作成」「GIFアニメ 作り方」などで検索していただくと、いろいろと出てくると思いますので、是非試してみてください。

今回は、こちらではなくPhotoshopで作る方法をご紹介します!たった2枚の画像をつなげた動画ですが、1枚ずつよりはわかりやすいと思います。

 

PhotoshopでGIF動画を作る方法

まずは、作りたい動画で使用する画像を読み込みます。

ファイル>スクリプト>ファイルをレイヤーとして読み込み

f:id:kanbanmart:20181108104009p:plain

 

参照からファイルを選んでOKを押して下さい。ちなみに、今回は2枚をつなげるだけなので2枚です。

f:id:kanbanmart:20181108104055p:plain

 

タイムラインパネルを表示させます。普段はあんまり使わないですよね。

f:id:kanbanmart:20181108104215p:plain

 

タイムラインパネルが開いたら、「フレームアニメーションを作成する」にして下さい。選択したら、忘れずにそのボタンを押して下さいね!

f:id:kanbanmart:20181108104253p:plain

 

右上のボタンを押して下さい。

 

f:id:kanbanmart:20181108104454p:plain

 

レイヤーからフレームを作成を押すと、レイヤーが読み込まれます!

今回は2枚なので一瞬です笑

f:id:kanbanmart:20181108104510p:plain

 

タイムラインにレイヤーが読み込まれたら、秒数を変えたりいろいろ変更していきます。

f:id:kanbanmart:20181108104602p:plain

 

今回、秒数は「その他…」から1.5秒にしてみました。刻みます…!

f:id:kanbanmart:20181108104643p:plain

 

ループオプションは「無限」にしています。無限にループします。そのままですが。

f:id:kanbanmart:20181108104737p:plain

 

さてさて、良い感じに動画の調整が出来たらいよいよ書き出しです。

ファイル>書き出し>Web用に保存(従来)

f:id:kanbanmart:20181108104848p:plain

 

設定ではプリセットGIF128ディザにして色数を256に変更しました。

f:id:kanbanmart:20181108105009p:plain

 

色数変更したらプリセットが名前無しになりましたが気にせず進めました。

f:id:kanbanmart:20181108105046p:plain

 

画像サイズやループオプションを確認したらボタンを押すのですが、どのボタンかわかりにくいですよね。「保存」です!!

 

f:id:kanbanmart:20181108105223p:plain

 

 

すると書き出されるので、確認してみましょう!

今回作った動画はコチラ!

 

f:id:kanbanmart:20181108105324g:plain

 

 

これは、切文字を取り付ける際に原稿の切欠からペンで印をつけたところです。ちょっとしたことですが、二枚の画像で説明するより一枚のほうがわかりやすいかなと思います。

 

おわりに

今回は、わざわざPhotoshopで作ってみたのですが、アプリやwebサービスで簡単に作ることも出来ます。

わざわざ容量の重たい動画を撮影して送るほどでもないけど、ちょっとした説明に動画があると良いな〜という場合はGIF動画を活用してみて下さい🤗

 

木彫看板・木製看板用の新木材、入荷しました!

はじめに

木製看板や木彫り看板、みなさん大好きですよね😚

看板マートにも、「木の看板職人」という特設サイトをご用意しておりますので、お気軽にお問い合わせくださいね〜。

www.kanbanmart.com

 

新木材が入荷しました

さて、新しい木材が入荷しました!今日は撮影や採寸などなどで、まだHPには載せておりませんが、近々公開予定ですのでお楽しみに!

f:id:kanbanmart:20181107172310j:plain

 

木の種類によって、重さが全然違うんです!

 

 

 

おわりに

木の種類もさることながら、彫り方もいろいろ種類があるので、是非「木の看板職人」チェックしてみて下さい🤗

施工写真集もありますので、参考になればとっても嬉しいです!

www.kanbanmart.com

 

 

 

【Tips】看板に使用したい書体・フォントを調べる方法【AdobeFonts】

はじめに

昨日、切文字専門サイトのブログでMORISAWA PASSPORTで扱っている書体を調べる方法をご紹介したのですが、AdobeFonts(なんとタイムリーなことにTypekitという名称から10月15日に変更されたようです…!)でも同じようなことが出来ますので、紹介しようと思います。

blog.kirimojisign.com

 

AdobeFontsで書体を調べる方法

まずは、こちらのサイトにアクセス!

https://fonts.adobe.com/fonts

 

f:id:kanbanmart:20181106100019p:plain

 

モードを日本語モードに変更しよう

日本語を表示させるときは、モードを日本語モードにします。欧文などの場合はデフォルトモードでOKです👌

f:id:kanbanmart:20181106101430p:plain

 

フィルターでイメージにあうフォントを探そう

書体のスタイルや太さを選択することができます。

f:id:kanbanmart:20181106101606p:plain

 

気に入ったフォントが見つかったらクリック!

気に入ったフォントをクリックすると、個別ページに移動することが出来ます。

f:id:kanbanmart:20181106102103p:plain

 

サンプルテキストに製作したい文言を入力してみよう

このボックスに文字を入力すると、お好みの文言で書体を表示することが出来ます。

f:id:kanbanmart:20181106103121p:plain

 

今回は、試しに弊社の社名を入れていました。

f:id:kanbanmart:20181106103213p:plain

 

 

イメージに合った書体が表示されます

テキストサイズのスライダーを動かせば、文字サイズの変更もラクラクです。

f:id:kanbanmart:20181106103357p:plain

 

おわりに

看板では書体の選択が重要ですよね。同じ文字でも書体によって与える印象はかなり変わりますし、書体の太さによっても伝わるイメージが違います。

弊社ではMORISAWA PASSPORTやAdobeFonts以外にも多種多様な有料フォントを所有しております。はじめて看板製作をされるお客様にも安心して頂ける制作環境を整えておりますので、是非お気軽にご相談ください👍