2020-01-20box前回のブログで、Photoshopを使ってのGIFアニメーションの作り方をご紹介しましたが、Photoshopなんて持ってない!という方も多いと思います。そんな人には朗報かもしれない、GIFアニメーションの作り方。自由度は低いけれど、とにかく簡単に作れてしまうので、自作のGIFをブログに貼っても面白いと思う。因みに、htmlの編集ができる環境のみ。私は、Wordpressを使っています。解説動画も作ってみた。GIFアニメーション専用のウェブサイトGIPHYを使うこのウェブサイトを使って、GIFアニメーションを簡単に作る。・文字たったこれだけ。登録をしなくても作れるけれど、いくつか作る予定があるなら、会員登録をして自分専用のページを作ると良い。始めに、”Create”を選択。ウェブサイトに画像か動画をアップロード使いたい画像をそのままアップロードもできるし、YouTubeなどからリンクを貼って作ることもできる。動画をアップロードするときは、15分以内のものしか使えない。画面上でどの部分を使いたいか、何秒のアニメーションにするか設定することが可能。使いたい素材をウェブ上にアップロード。使いたい文字を入れる使いたい文字を、枠の中にタイピングする。下に、装飾も選べる部分があるので、好きなものを選択。フィルターもかけられるフィルターのボタンを押すと、いろいろなフィルターが選ぶことができる。フィルターだけではなく、スタンプツールなども充実していて、結構楽しめる。ステッカーもクリックするだけで追加できて、私好みの怪しいものも多い。デザインが決まったらアップロードここまでGIFアニメーションの作り方は終了。気に入ったものができたらそのままアップロード。GIPHY”をクリック。アップロードが終わったら、リンクを取得GIFアニメーションのアップロードが終了したら、このような画面になる。この時点でブログに貼る用のhtmlリンクを作成する。htmlコードを生成したいので、“Embed”をクリック。生成されたコードをコピーする。”Responsive”をオンにするかオフにするかはお好みで。htmlリンクをブログに貼るだけあとは、それぞれの方法でhtmlコードを埋め込むのみ!!先ほどGIFアニメーションのウェブサイトで作ったばかりのリンクを、そのままブログに貼ることができる。GIPHYサイト名が入ってしまうけれど、邪魔なら消してしまうことも可能。GIPHYを消すだけ。work.”という内容があるので、他の人の作ったGIFを貼るときは、クレジットを残しておくべきかと思います。簡単なので、オリジナルのGIFアニメーションを作ってみては?背景を白くもできるんですが、下の方が切れてしまうエラーが出てしますので、FIrefoxでも試してみたけど、改善されず、ウェブサイト側の問題かもしれません。PhotoshopでGIFアニメーションを自作する方法をご紹介します。【超初心者が挑む】ワードプレスブログのサーバーお引っ越し実は2度目の引っ越し。前回も大変だったけど、今回は数日で終わった(それでも長い!)。調べても、中々完璧なマニュアルを探すのは難しくて、いろんなサイトのマニュアルやブログを見比べてやっとこさ終わった。写真から、文字を起こす画期的な方法があるので、ここで大公開します。ドキュメントを使っての写真からの文字起こし方法を説明。別の言語でも対応可能でき、翻訳機能もあり。今回は英語の資料を使います。天然染料で染めた糸で織り上げるタペテの美しさに魅了される[オアハカ/テオティト...キーワード検索できます。Nishinoどうしても大好きな旅が続けたくて、デジタルノマドというライフスタイルを選びました。フォトストックサイトで写真を販売したり、翻訳やライター、ウェブ系のデザインのお仕事もしています。現在は、アメリカ人の彼と一緒にメキシコを旅しています。Twitter更新してます。Migrationの容量の上げ方【初心者でも簡単にできた】5なぜ一人旅をするべきか。何のために一人で旅をするのか。なんでもお気軽にご相談ください。info@aiworldexplore.comメッセージはツイッターかFacebookページからの方が確認しやすいです。キーワード検索できます。出版中!!ぼちぼちやってます。Daysフルタイムで旅をしている。写真、旅、訪れた場所や感動した出来事。