画像・動画関連

シルエットACの画像を活用してヘッダーを作るよ(;゚∀゚)=3ハァハァ

目安時間 8分

そんなわけで(笑)

本日はシルエットACというサイトのサービスを活用して
ヘッダーを作る事にしました!!




シルエットACはこちら♪

このサイトはいわゆる画像の素材を提供するサービスです。
会員になれば使うことが出来ますヨ


・イラストAC
・写真AC
・年賀状AC
・地図AC
・フォントAC


というサービスがそろっています。

ちなみにダウンロードに無料版だと時間がかかりますが、
有料会員になると待ち時間がなくなります。


まあその辺は使ってみるとアピールしてきますから(笑)
必要な人は使ってみたらどうですかね。


ちなみに私は年払いの有料会員です
だから使い倒しますヨ(笑)


ずっとヘッダーを文字のままだったワードプレスを
そろそろヘッダーつけようかなって思いましてね。


その過程をレポートしてみました♪


使用したソフトは「フォトショップ」です
ええ。10万近くする高級ソフトです(笑)


廉価版も使えますよ(笑)
それはさておき。


まずはヘッダーを使用するワードプレスの、
実際に使用するヘッダーのサイズを調べます。


私は「リファインプロ」のバージョン2.0を使ってます
実は先日2.0が公開されている事に気づきましてww


入れ替えしてみたんですけど。

このバージョンはブログのサイズ・・・横幅が
オプションで簡単に設定できるのがいいですね。


その辺はまた別記事でレポートしますね。
今日はヘッダー(;゚∀゚)=3ハァハァ



ブログのサイズを1200ピクセルに設定したので、
フォトショップを起動しました




■ファイル⇒新規で




幅1100ピクセル×縦200ピクセルを作成しました




ブログのイメージカラーが赤なので(好きなんですw)
燃えるね!!




土台を赤にしました
塗りつぶしツールで全面まっかに染め上げました!


うん、真っ赤ww


さて。
ここでさっきのシルエットACに戻ります

イラストでもいいんですけど。
シンプルでちょっと格好いい感じに仕上げたかったので、
シルエットにしてみました


シルエットACの人物カテゴリから好きなシルエットを
適当にダウンロードします


今回作るブログはニュース系なのでスポーツもいいかも
このとき注意することは、ダウンロードの形式を


pngにすること。
jpegでもいいんですけどね。


えーと、例えていうならjpegは四角いキャンバスに
絵を書いた時に、絵がない場所は白いです。


pngは絵がない部分は透明になってます


アニメのセル画だと思うとわかりやすいですかね

セル画は透明なシートにキャラクターを書いて
キャラ以外は透明です


後ろが透けて見えます

それを生かして背後に風景を重ねると
風景の前にキャラがいるように見えますよね

透明のセル画だと思ってもらえればいいですね


ここまでわかってもらえた前提で・・・
作業の続きに入りましょうか


まずはさっきダウンロードしたシルエットACの画像を
圧縮されているので解凍します


私の場合はそれをフォトショップで呼び出して、
さっき作った赤い土台の上に起きます


ちなみにシルエットは


・黒
・青
・緑
・赤
・黄色


の5色が用意されていますよ


土台がもっと地味ならいろんな色を組み合わせても
バランスさえ調整すればいいと思います。


今回は赤で非常に主張が激しいので
組み合わせるシルエットは地味に黒で行きましょうか




シルエットACで無料ダウンロードしてきた
バイオリニストのシルエットです


サイズがでかすぎるので調整します




■イメージ⇒画像解像度


サイズを土台が縦200ピクセルなので・・・とりあえず
同じ200に調整しました


小さくしたシルエットを「移動ツール」を選んでから
シルエットの上でマウスの左を押したまま
土台の部分へ移動して離します





はい、移動完了(笑)

こんな感じでその他のシルエットもサイズ調整してから
土台の上に移動して場所なんかを調整します



(´ε`;)ウーン…こんな感じですかね
適当に配置しちゃいましたけどww


カラーを白とか入れてもいいかも
ちなみに。


基本は黒ですが、右下にレイヤーというのがありますね。
そこに「不透明度」というのがあります




基本は100%で、真っ黒表示です


薄い色も元は真っ黒なんですが、この不透明度を
下げてやると色が薄くなったようになります。


この上にサイト名を文字ツールで入れて出来上がりです




仮に入れてみました(笑)
白い文字なら映えますねー
下が赤ですからね(;・∀・)


逆に文字を赤で縁取りを白にしても目立ちます


まずは自動選択ツールで文字がない場所をクリック


すると文字以外の場所を選ぶので、
上にあるメニューの


■選択範囲⇒選択範囲の反転を選びます


そうすると、それまで文字以外を選んでいたのが
文字のある場所を選択に選びます


そうしたらさっきと同じく選択範囲を押して


■選択範囲⇒選択範囲の変更⇒選択範囲を拡張を選びます


えーと。
10ピクセルぐらいでもいいかな


すると、さっき文字にピッタリ沿っていた選択範囲が
外側に10ピクセル広がりました!


ここで右下のレイヤーが順番に表示されているメニューの
右から二番目のアイコン(一番右がゴミ箱になってます)


■新規レイヤーを作成を選びます


新規レイヤーを選んだら選択されている場所のどこかで
色を塗りつぶしてみましょう



さっきとは逆に文字を赤に変えて、さっき選択した
幅を広げた選択範囲を白で塗りつぶしてみると・・・




こうすると文字がはっきり見えますねー
まあ他にもいろいろな加工の仕方があるんですが。


これが一番簡単な文字の目立たせ方かなー
これを覚えておくと背景が写真とかでも


文字が埋もれることがないように工夫して
サイト名や説明文を入れられますね!


そんなわけでシルエットACを使ったヘッダー作りでした!

この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

ブログと管理人について♪


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

管理人の咲月ミオです
元同人作家のお絵かきアフィリエイターです

■咲月ミオ作動画■

自己紹介動画
 ★自己紹介動画

自己紹介にと作った初めての動画です。
音声出ます。
初めてこういう形で自分の声聞きました(笑)


同僚の語る飛行機雲の真実?
 ★飛行機雲の真実?

会社で実際にあった
同僚との会話です…実話なんですよ?

登場人物紹介♪
★★★舞台設定★★★
田舎の会社
その辺によくありそうな中小企業の
地方の小さな事務所の仲間たち


会社の低迷により給与等がダウン。
社員は生活の為に副業を始めるが…?


新米アフィリエイターの明日を見守る

★★★登場人物紹介(主な人達)★★★



咲月ミオです。

お絵かき兼社員兼アフィリエイターの
三足わらじ生活も早10年以上!

最近の不景気とカス営業の負の連鎖で
会社の業績ただ下がりの給与・賞与も
ダウンやカットが折り重なる。

そんな危機感に会社の同僚たちが
アフィリエイトに参戦し、
気が付けばそのアドバイスをするハメに

マイペースにのんべんたらりと生きたい
それが身上だったのだが結局
なんだかんだと面倒を見ている様子。

しかし!!
うん十年以上も会社員根性で生きてきた
彼らの尻をぶっ叩いて行動を促すのは

想像以上に大変だった!
そんな咲月ミオと彼らとの攻防戦劇場。




同僚A子

冗談抜きで機械に弱く、職場で初めて
パソコンに触れる。


最低限の伝票入力は慣れたけど、
新しい事はなかなか習得できない。

やる気がないわけではないのでやるのだが、
覚えるのにかなり時間がかかる。

おじーちゃんやおばーちゃんに
インターネットとは?と教えるのに
苦労するのと同等の理解度(笑)

だがやる気がないわけではない



自称「できる男」ツモリくん

中堅どころのベテラン営業君。
口だけは達者でオレオレ詐欺を働く。

間違いを指摘されると

「言ってたんだけどな~もう~」


と、ちょっと言い方がおかまくさい。
結果が出ていない時点で出来てないのと
同意義なのだがそれは全部他のせい。

自分は出来る男だと信じて疑ったことが
過去一度もない。

会社の赤字はすべて時代のせいと
いいきる男。
余談だがそばによると非常に臭い



職場一のやられキャラ。

突っ込まれないとほぼ目立たない、
下手すると認識されないレベルの地味さ。


平穏を愛するゆえにそっとしておいて
もらいたいようだがそうするとたぶん

いたの?


と、素で問われる危険が非常に高い。
スイーツが好きで何気に女子力が高い。

手作りスイーツを時々作って食べている。
ふるまう人はいないらしい。


ちなみにスルーするというスキルは
持ち合わせていないらしい
(ご丁寧に返してくる)


その他の登場人物はこちらから

★★★ブログの登場人物について★★★

登場人物を増やしすぎて
あれこれ設定するだけで非常に時間食う。


ちょっと調子に乗り過ぎた感じ(笑)
まあ暇つぶしにはなりますww
咲月ミオにメールを送る♪
★★★咲月ミオにメールを送る★★★


質問・ご相談などお気軽に。

画像をポチッとクリックすると
別窓が開きますよ♪
  最近の投稿