カバー画像メイキング

猫も杓子もFacebookをする時代ですね！

お友だちのところのネコちゃんもいよいよネットデビューということで、彼（彼女？）のFacebookカバーを制作しました。

今回は、その「画像ができるまで」をレポートします。

モデルは、みたらしさん（通称：みたこさん，ミタさん）です。

①飼い主のRyoさんトコで画像をもらいます。

②後光が差しているカンジを利用して、後ろから前へハイライトをかけます。ついでに、色カーブとシャープを繰り返して、毛並みをもっふもふに整えます。

③元画像の左端をちょっと切り取っておきます。

④③で切り取った部分にガウスをかけながら、みょーんと左方向へ伸ばします。

⑤Facebookカバーは横幅850～851pxで作るとちょうどいいらしいので、851×315ピクセルの下地を用意します。

⑥⑤の下地に、縦315pxにカットした②と④を載せます。
このとき、少し隙間を空けると、ミタさんのシャープな感じがより一層引き立ちます。
※好みにもよるけど、850幅なら隙間は5px以下がGood！それ以上にするとダサくなる気がします。


⑦キャッチコピーを「ハナタブは正義！」にしようと思うので、ポイントとなる鼻タブのイラストを描きます。

イラストといってもかんたんに円を用意するだけです。いろいろなサイズの円を描いて、背景色に近い色でベタ塗りします。ふちどりラインは色鉛筆効果を使って、わざと擦れ気味にしておくとカワイイ仕上がりになります。ブツブツをつけたら、なんだか犬っぽくなってしまいましたが、雰囲気が出ればいいのでこれでよしとします。

⑧⑥にキャッチコピーと鼻タブを載せます。
キャッチコピーには、ドロップシャドウを130度方向，サイズ4px，距離3pxで入れ、クリーム色できつめに外側光彩、グリーン色中心のグラデーションを90度でつけます。
鼻タブにもドロップシャドウ（角度,サイズ,距離ともに文字と同じ）を入れ、光彩は下画像の設定の通り。高級なカンジに仕上げます。

出来上がり！

カバー画像がキリッとした雰囲気なので、左下にくるプロフィール画像は「だらけきった正義」でもいいと思います。

使用したソフトは、①～⑦がFireworks，⑧の仕上げでPhotoshopです。




部品制作承ります！
ここ最近、CMS方式のホームページ支援や、Google系サービスの使い方講座や、HTMLコーディングの仕事ばかりで、画像加工のウデが落ちているような気がしたので、自分を戒めるためにも、あえて画像加工に特化した仕事を受けたいな…と思い、ひそかに新メニューを立ち上げました→【Facbookカバー制作】

Facebookに限らず、ブログのヘッダーやフッター，その他の部品制作も承ります！

Facebookのあれこれ制作はじめました！

「自分 どうしちゃったの？」っていうくらい今年に入って仕事領域を広げているタグチです。

先週、『HTML勉強会をはじめました！』というエントリを書きましたが、今週は、Facebookのカバー制作（個人用）と、Facebookのウェルカムページ制作（業務用）を始めました！

リア友が少ない私、実はSNSが苦手…。
それでも、Google+やTwitterはUIが軽いので、コミュニケーションサイト初心者さんにはホームページを作るよりとっつきやすいだろう…と講座を開いています。

しかし、Facebookに関しては、まず自分自身が使いこなせていないし、楽しさを感じることもできなかったので、人に教えることなんてきません

でも、最近、フェイスブック友達が増えて少し楽しくなってきました。私の場合（誰でもそうかな？）「楽しい！」と感じると「もっと知りたい！」となり、勉強をがんばります。そして、フェイスブックが、「プロフィール」を「タイムライン」という新機能に、「ファンページ」を「Facebookページ」に切り替えてくれたのも、私をヤル気にさせてくれた要因の一つです。


新しくなったフェイスブックのポイントは“画像”だなーと思います。

個人なら、オリジナルのカバー画像でじぶんをアピール！業者なら、インパクトのある画像を使ったウェルカムページで商品やサービスをPR！


…ということで、私の画像加工技術をみなさんのフェイスブック作りにお役立てください。

あ、どちらのメニューも、今のところです。

Web500のインターネット講習や講座メニューもFBページで公開中！

HTML勉強会をはじめました！

今年挑戦したい“ウェブカツ！”（Web活動）の一つに【HTML勉強会】があります。


月1回、たった1時間、Windows付属のテキストエディタ「メモ帳」に向かって、ひたすらxHTMLを打ちこむだけの簡単な勉強会です。

第1回目は「HTMLって何？」という初心者さんに、まずはウェブページの構成を知ってもらいたくて、ページ全体を仕上げるイメージですすめました。

問題とヒントをちらっと公開！
「page01.html」ファイルが穴あき問題になっています。空欄を正しいタグで埋めると、あらフシギ～！2カラムのウェブベージが完成する仕組み。

次回からはページの一部分を徹底的に作りこみたいと思います。

HTML勉強会、参加者募集中！
瀬戸市近辺で、HTMLを基礎から勉強したい人は【ウェブカツ！裏】へ！だいたい第2水曜の午後に開催します。ご質問は、でどうぞ。

今年もよろしくお願いします！

10年くらい前から、じわりじわりと年賀状をペーパーレス化しています。

今年はこんなデザイン！
実際には紙を使っていないペーパークラフトのオルゴールです。（貝さんのおかげでできました！）動物たちがくるくる回りながら楽器を演奏するんです。



このカードお届けします！
欲しい人は、のメッセージ（DM）にメールアドレスを入れてくださいね。そのメールアドレス宛てに、新年のごあいさつカードをお届けします。
※カードはPCでのみ開くことができます。携帯電話やスマホには対応してません。