ウェブサービス・店舗・企業ソフト・ツールお得情報やお小遣い稼ぎとかその他サイトマッププライバシーポリシーHOMEお絵かき・動画ヘッダーを手作り加工手順書!お絵かき楽しいです(;゚∀゚)=3ハァハァヘッダーを手作り加工手順書!お絵かき楽しいです(;゚∀゚)=3ハァハァ今日は・・・朝からずっと忙しくて後回しになっていたブログやサイトのヘッダーを作りました。́∀`)そんなわけで。本日はその中の一つのお絵かきブログのヘッダーの作り方の流れをレポート。つづいてバナープラス様の仕事風景まずはできあがりをどうぞまずは出来上がりからご覧下さい。本日作成したのは実は三つ(笑)一つ目はここです(笑)二つ目は日記ブログ※ゲーマーですが、何か?はここと合併しました2つ目はさっき出来上がった日記ブログです。ヘッダーを作っていきましょうか。画像のサイズを打ち込む」⇒新規キャンパスが開く新規キャンパスはそのまんま、絵を書く紙の事ですね。ここに直接かいてもいいんですが。修正が面倒になるので。背景というのが一番下の絵を書く紙の下地部分?その上に一番下のマークをポチッと押して、その上にレイヤーというが追加されました。レイヤーとは?そうですねぇ。アニメ・・・の作りご存知ですか?アニメはキャラクターが動いてその背景がそのまま残ってますよね。背景の絵の上にキャラクターの絵を載せているだけです。透明なシートの上に絵を書きます。その透明なシートは書いた絵の部分以外は透明なので、その下に背景になる写真などを重ねるとキャラの後ろに背景が出た感じになります。このレイヤーは透明なシートなんですよ。この透明なシートに絵を書くとどうなるか。はい、ざくざくと絵を書きました。重ねて重ねて重ねまくって仕上げていくんですよ。服の部分とか手に持ってるのはスケッチブックなんですが。スケッチ部分だけというように別々のレイヤーに色をつけていきます。全部消す事がないんですよね~手間はかかりますが、後が楽ですよ。これを繰り返して他の部品も塗り分けしていきます。はい、出来た(はしょりまくりww)キャラクターの部分だけできましたね。これを元にして今度はバナープラスで加工していきます。いや、フォトショップも機能的にはすごい優秀なんです。高いだけあってな(笑)ただ写真の加工が本業なので。欲しい機能を強化しているバナープラスには操作面で勝てない部分ある。それ用に作られたツールには敵わないんだヨ文字を縮小したりとか角度変えたりとかもフォトショップできますが、バナープラスのように細かく角度は変わらないし。文字もボタン一つで装飾はできないしね。目的が違うのでこの辺はバナープラスのほうが上だわ。いうわけで、ここからバナープラスにチェンジするわけですが。その前に一つやっておくとあとあととても楽な事。それはキャラクター以外の背景を消す事。透明にしちゃえば背後に何か置いても後ろが透けて見えますからね。背景にバナープラスの背景画像を置いたりも出来ます。写真を後ろに飾ってもいいですし。この辺もフォトショップで出来ますが・・・細かい作業がバナープラスのほうで一片にやっちゃうほうがぶっちゃけ楽なので。バトンタッチ★します。いうわけでフォトショップで背景抜きますよ!!まずはたくさんレイヤーが重ねてあるので、これをまとめます。「レイヤー」⇒「表示レイヤーを結合」すると一つになります。はい、一つにまとまりましたね。このデータを保存する時にはレイヤーを残しておいたバージョンも保存しておくと後日何か変更したい時には便利です。次に赤く囲んだ部分にカーソルを持って行きまして・・・右クリック「背景からレイヤーへ」を選ぶと背景と書いてあったのがレイヤーになってます。レイヤーの名前をつけるように言われますがそのままレイヤー0でいいですよ。次はメニューから自動選択ツールを選んで、キャラクターのいない真っ白の部分を左でクリック。すると選択された証に点々で白い場所が波打ってますね。一度だけでは他に白い部分があったなら、そのままその選べてない場所の上でシフトキーを押しながら左クリック!すると選択範囲が広がります。無事背景が抜けました(・∀・)それを今度は「PNG」形式で保存してください。次はバナープラス様にバトンタッチだ!つづいてバナープラス様の仕事風景というわけで、今度はバナープラスにバトンタッチです。はい、バナープラスの立ち上げた画面です。さっきの画像を呼び出す前に土台となるキャンバスのサイズを決めます。!!ここで作りたいヘッダーとかバナーのサイズを指定してキャンパス部分を呼び出しますさっきフォトショップで作った画像を呼び出す前にその画像を乗せる土台の大きさを指定してやります。ちなみにさっきの画像は「1100×400」です。これはテンプレートの横幅や縦幅でいろいろ変わりますが。うちはそのサイズ!なので、サイズ指定に1100と400と打ち込みます。すると土台のキャンパス部分が出てきたので、さっき作った画像を呼び出しますよバナープラスは一番上のでかいタブで画像関係とテキスト関係を簡単に作業の切り替えが出来ます。分ける事でわからなくなりにくくしてあるんですねーまあそもそもヘッダーやバナーつくりも、この上のタブを順番に進めれば自動的に出来上がる流れになっています。ファイルから」を選びますバナープラスに収録されている素材以外を呼び出すときには「ファイルから」を選ぶとパソコン内のフォルダを探せるので、さっき保存した画像ファイルを選びました。するとすると~♪はい、出ましたwキャンパスのサイズを画像のサイズピッタリに指定したのではみ出さず重なってますね。ここからあれこれ加工していきますよ。ちなみにバナープラスに収録されている素材は右端の赤く囲んでいる部分から選ぶだけです。!!このツールもさっきフォトショップの時に説明したのと同じで素材の背景は透明。そこにあれこれ重ねる事ができるのですが。゚⊿゚)ポイッと置く事になるので。順番を変えてやります。画像の置く順番を後ろ前変えました。ここでボタン一つで順番変えられますからね。あと背景画像の大きさが足らなかったので縦にピッタリ合わせました。えーと、次は・・・とりあえず飾る前にテキストを置きますかじゃないとあれこれ置いていいかわかんないし。上のタブから「文字設定」に切り替えます。左の新規追加を押してその横のスペースに打ち込みたいテキストを打ち込んでね。文字色を変えたりしたい時には、そのたびに別に新規追加でテキストを作って設定。文字も斜めに簡単になります。この辺もフォトショでも出来ますが微妙な動きが出来ないw背景画像をバナープラスの素材を駆使するとこんな感じかな~まあ今回はお絵かきブログのヘッダーなので、過去書いたオリジナル絵を背景に適当に乗っけてみよう背景に昔書いた落書きを乗っけてみました。オリジナルのみですけど。・GIF形式この三種類から選びますその辺はお好みで「バナー作成」ボタンを押すと画像の保存場所を選んで、保存名を打ち込んで保存ボタンをポチッと。コメントはありません。解説戦隊デキルンジャー!【お絵かき編】コメントを残す返信をキャンセルする。゚д゚)自己紹介がてら作った動画です。第一弾は一応自己紹介動画という事で作ったもの。第二弾は会社で実際にあった同僚との会話です...実話なんですよ?管理人の咲月ミオです。ここは咲月ミオが気ままにお絵かきをする1次創作作品展示ブログす。以前ありました二次創作は全て削除しありません。気が向けばpixivに移行するかもしれませんが。しない可能性のほうが大きい。更新もなくなんとなく残していただけなので、別にいいかなって思っていますので。現在のこのブログは私のオリジナルキャラで構成された1次創作ブログとなっています。「咲月さんち」もちろん普通の日記もありますが(笑)全てに絵を描く余裕がないのでww文字だけだったらすみません。主な登場人物の紹介です。座右の銘と共にお送りします。他にも何人か出てくると思うので随時追加。家族と会社の同僚です。基本的に妹様と同僚が突っ込みに入ります。悔いても二度と戻っては来ないもの...ロート製薬の糀肌化粧品の中から糀肌濃厚くりーむをまずはお試し!低糖質ダイエット中でもスイーツを食らう。初めましての方も、こんにちわの方も。管理人の咲月ミオです。このブログは管理人の日常が思うままに見境なく適当に描かれたいい加減な空間なんですよネひどいwwが、否定しない。その時気になった事とか面白かった事とか様々な憤りをぶつけたり茶化したり自由に生きてます。そんなわけなので温い目で見て下さい。゚д゚)いやいや、至って普通の日常よ?絶滅危惧種とかでもないし、宇宙生命体でもない。ふ・つ・う・で・す面白くないから却下。ひどい!!という感じで日常の会話を面白おかしく書き綴ったブログになっています。下層にはゲームのプレイ日記も掲載中。暇つぶしには最高ですが、攻略情報がまとめてある訳でもないので見る意味があるのかどうか...微妙?姉さまの楽しみ方が偏りすぎなの。★そして相反するダイエットネタ★健康第一!売ってたら下さい。マイペースなので日常の気になった事はだらだらっと書き綴ると思われます。Reserved.このページの先頭へ。