fc2ブログ
ブログパーツ

趣味の工房

ブログの背景画像を作成する☆

みなさん、こんばんは
この1週間、激務に追われて家でも仕事、ほとんど睡眠がとれずにいたためにブログの更新もままならず...
今日は起きたらお昼でしたw

さて、タイトルの件。
ブログの背景に画像を設定されている方も多くいらっしゃると思いますが、今回はそれを自分で作ることができるサイトをいくつかご紹介します♪

ちなみにこのブログの背景画像はどっかから拾ってきたフリー素材で、自作ではありませんw


bgMaker


ピクセルベースの背景画像を作ることができます。
作業画面は非常にシンプル。2013y02m23d_232811484.jpg

真ん中のウインドウ下部で色を選択し、12×12ピクセルのマス目に色を付けていくと、リアルタイムに背景に表示されます。またマス目の横の「+」「-」ボタンでマス目の大きさを変更できます。
2013y02m23d_233234610.jpg
丸が歪んでいますが気にしないw

ウィンドウ内の「Fill」ボタンで塗りつぶし、「Save」ボタンでダウンロード、「Gallery」でギャラリーに移動します。ギャラリーの作品はそのままダウンロードすることも、編集することも可能。


Stripemania


2013y02m23d_235612200.jpg
左側でストライプと背景の幅と、角度を選び、右側では背景色、ストライプの色の設定をします。


各種設定を変更すると、真ん中の画像に「REFRESH PREVIEW」の文字が出ますので、真ん中の画像をクリックすると、プレビューが参照できます。
2013y02m23d_235857733.jpg


ストライプ幅と背景幅を「5」、色を黒(#000000)と灰色(#333333)で設定すると、カーボンチックに♪
2013y02m23d_235910135.jpg



BgPatterns


2013y02m24d_000646623.jpg

こちらはテンプレートのパターンから、背景画像を作成できます。
ウィンドウ上部の「Colors」でパターンと背景の色を、「Canvas」で背景のテクスチャを、「Rotation」でパターンの角度を調整できます。「Canvas」と「Image」は「opacity」値を調整することで透過度の設定ができます。
設定がすんだら、右側下部の目の形のアイコンでプレビュー表示します。その隣がダウンロードボタン。

似たようなサイトにColor a Seamless Patternもあります。
2013y02m24d_001940292.jpg

パターンが豊富なのはコチラ。
A FREE Seamless-Pattern-Background Design Resource
2013y02m24d_002322951.jpg


皆さんもオリジナルの背景画像を作られてみてはいかがでしょうか。
しかし縞鋼板のパターンて、ありそうでなかなかないですねw


それではみなさん、**SeeYou**( ̄∀ ̄*)ノ


ランキングに参加しております♪

にほんブログ村



    23:58 | Trackback : 0 | Comment : 6 | Top
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示