2万円HP制作|ihaのブログDTP・Webデザイン系企業に就職したスタッフIhaのブログテンプレート制作目録です。イラスト、フォト、プログラム、呟きなどいろいろ投稿していきます。基本的にはブログテンプレートデザインを制作した過程を書いています。18:14:38テーマ:お仕事いろいろスクナビ(スクールナビ)用のGIFアニメを制作しました。゚)今更・・・って感じがしないでもないですが、ホッカイドウスクールナビとトウホクスクールナビがオープンしてます。オープンしてるのに、リンクバナーだけが沖縄版のまんまってのは、おかしいので作りました。県外版のリンクバナーってことで、バナーの中に地方を指定する文字列は入れてません。21:24:25テーマ:お仕事いろいろもう書くことは無いかもしれないと思ってたけど、GIFアニメ制作したので書いちゃいます・・・GIFアニメ制作記08。誤解されると困るので、GIFアニメは先週の木曜日に制作しました。リフォーム・修理一括見積り依頼GIFアニメ内の文言通り、「リフォームから修理、トラブル等の見積り・相談のかんたん比較」が出来ます。ご利用に関しては無料です。沖縄で「リフォーム」と言うと、家もしくは部屋を丸ごと改装することを指すようだ、と聞いたので「修理」と言うキーワードも含めています。タンク清掃と幅広いです。詳しくはリフォーム修理一括見積り相談を閲覧ください(サイト名ですが知らぬ間に変わってました)。言ってくれればGIFアニメの文言も変えたのにな・・・サイズ6サイズのGIFアニメを制作しました。125×125ちなみにオールAIで作ったので、246×60は38.89KBと軽い方です。写真は1枚も入れてませんので。̄;)でも、20フレーム以上作っちゃいました(-_-;)125×125に関してはその倍のフレーム数です。Flashで作れ!って言われそうですが、あんな重いの作るよりGIFアニメの方がスマホにも汎用で使えます。スマホ(iPad含む)でFlashを見る場合、専用のアプリが無いと見れませんからねぇ。以下、続きに出来立て6サイズ一覧あり。20:20:32テーマ:お仕事いろいろタウンネットBlogの姉妹サイトになるかは知りませんが、沖縄移住者サイトに制作済みWebバナーが掲載されていました(^∀^)採用されたGIFアニメはどちらも246×60のサイズでした。沖縄タウンネット沖縄格安印刷デザインこのサイズならナビゲーションメニューにも対応できて良いですね。後者の沖縄格安印刷デザインのWebバナーは301.41KBと、キャプチャーを使ったので前者(沖縄タウンネットのバナー:サイズは22.53KB)よりも15倍くらい重いです。07:03:53テーマ:お仕事いろいろ久々のGIFアニメ制作記!もう「07」まで来るとは・・。無料一括見積もりサイト」のGIFアニメです。昨日言われて3個作り、今日残りの3個の制作が完了しました。test88×31100×60246×60468×60728×90125×125今回は文字が少なかったのでテストで作ったものもありますが、やっぱ伝えたい文字列が含まれているのは01~06なので、こちらを選んで制作しました。制作スピードを上げるために、凄えシンプルに且つ素材の作成から入ったので、結構時間短縮して作れました。GIFアニメ制作記05までの自分なら、1から作ってたと思いますが、01・02・06を先にシンプルに作り上げ、06の素材(背景とキャラ)をコピー。03・04・05に活かしました。見て分かると思いますが、03・04・05はサイズが大きくなっただけです。表示確認も良好でしたが、IEとFirefoxでアクションスピードが全然違う気がします。なんかFirefoxが速い気がします。19:47:00テーマ:お仕事いろいろ今日はブログテンプレート用にGIFアニメを制作しましたw・・・ですが、所詮GIFなので・・256色なので'800×450'のヘッダーイメージには先ず向きません。フォト画像をそのまま使ってますので。Flashにしないとダメなようですw制作後、サイズを見るとあまりのでかさに驚きました。;゚д゚)))これです、これ。08:46:00テーマ:お仕事いろいろGIFアニメ制作記も05となりました。本来なら1個出来たらアップロードして計3個のはずだけど。GIFアニメ制作ということもあり、いろんな過程を綴ってきました。そこで今回アップロードしたのは、掲載を忘れていたデザイン・印刷用のGIFアニメ(8/22制作)です。こちらも前回同様、デザインは一つに絞って制作しました。88×31100×60246×60468×60728×90125×125このGIFアニメですが、よ~~く観察すると枠がぐらぐら動いてるのが伺えます。一度クリッピングマスクをかけた後、透明分割までしてからPhotoshopでGIFにしてるので、オブジェクトが内側に寄ってるのか知りませんが、それでGIFアニメではぐらぐらして見えるようになっているのかもしれません。'125×125'の始めの「格安印刷!!」が降りてきたシーンでは背景も多少ぐらついて見えます。結果論ですが、バン!ぐらぐら・・という動きが加わっているように見えなくもないです。降ってきた「格安印刷!!」の衝撃でぐらぐら揺れている、感じ。あと所詮GIFなので色数が256色しかありません。おかげでデカくて太い赤文字のグラデーションの境界が見える形になってしまっています。思わぬ結果ですが、そこだけ光で照らされたような感じになっているので、それはそれで有りです。08:46:00テーマ:お仕事いろいろ先週金曜日(8/19)にアップロードできなかった沖縄タウンネットのGIFアニメです。デザインはサイズが上がる毎にちょこちょこ細かなデザインを追加しています。GIFアニメ制作記03でも文章で書いたけど、やっぱ画像あってのものですからね。88×31100×60246×60468×60728×90125×125制作には1日使いました。18:49:00テーマ:お仕事いろいろだんだん期限が迫ってきましたが、出来上がったものをアップします。今回、制作したGIFアニメは昨日同様に、2万円ホームページの'246×60'、'468×60'、'125×125'の3サイズです。これは、おきなわタウンネットでお持ち帰り用のイメージリンクになるようです。ちなみに直リンク禁止・・まあこれは当然ですね。246×60468×60125×125このGIFアニメ制作に至り、サーバにあったものをそのまま使用しています。デザイン・配置を変えてますが、どのサイズも書かれていることはほぼ同じです。強調したい部分に動きを加えたり、2秒間静止させてます。'468×60'は遊び心を入れてみたり。19:05:00テーマ:お仕事いろいろ昨日作ったGIFアニメの修正が完了しました。OKは出てないのですが・・・とりあえずは余白や字間等、昨日指摘を受けた部分を念頭に置いて、今日もGIFアニメを制作しています。昨日のものは、88×31の一番小さいもので、書体もサイズも限定され考えることに時間割いてたし、今日は大きいGIFアニメ(728×90)から制作しました。ガオ君に吹き出しを加えて喋っているように制作。これだけ横長だとキャラクターでも入れない限り埋めきれないという本音もありますし。考える時間が長い分、素材もサーバにあるもので制作。1から作ってたら時間がいくらあっても足りません。そのことを踏まえて、二番目に小さいものを制作。このサイズ(100×60)が適切だったので。最後に、昨日の修正分(88×31)。後回しにするのがあまり好きではないので制作しました。19:35:00テーマ:お仕事いろいろ今日からGIFアニメの制作に取り掛かりました。このGIFアニメを金曜日までに仕上げて提出しないといけません。絵コンテでちょっと苦戦しました(-.-;)簡単そうに見えるけど、仕上げるサイズや種類が豊富なので、かなりハードです。今日その内の1個をようやく完成させたのが17時くらいでした。・・修正入ったけどね。・・けど、考えてみたらそうなんですよね。他人に見せて分かる欠点ってよくあるし、私の場合・・全体の余白の処理が出来てなかったり、文字1文字1文字においてバランスが取れてなかったり、等々。左右を見比べたら、絶対分かります。左が私が作ったものです。ちなみに文字のカラーは抜きにしても全てのコマに修正が入っています。これを見て余白の研究しながら明日また作業に取り掛かろうと思います。)SearchMeプロフィールは個別に作りたいと思うのは自分だけでしょうか?上の画像は訓練校に居た頃制作。デッサンしたことあるけど、これはただのラクガキです。ブログテンプレート量産中!・・・でも今はPHPとjQueryで遊んでるラボの人です。最近はラボよりもWordPressやタウンネットブログのエンジンを使ってサイト制作(仕事)をやってます。Editor-ΛトップページブログテンプレートデザインプログラムWebデザインサイトマップDTP・Webデザイン系企業に就職したスタッフIhaのブログテンプレート制作目録です。イラスト、フォト、プログラム、呟きなどいろいろ投稿していきます。基本的にはブログテンプレートデザインを制作した過程を書いています。