B-bow-log http://qmix.blog8.fc2.com/ ひたすらちまちまブログをカスタマイズするための備忘ログ ja http://qmix.blog8.fc2.com/blog-entry-75.html 配布テンプレート一覧 【snow_pink_snow】【snow_blue_snow】【retro_note】【round_yellow】【marble】各記事のタイトルからビスコさんのところでプレビューや動作確認ができます。＊デザインテンプレートは、CSSデザイン、HTMLソース、素材作品に於いてすべて作者qmiに帰属します。また、お借りした画像等素材に関しては、該当する素材サイト様（フッター部分にリンク記述）に帰属しますので、素材サイト様の規約をご確認ください。カスタマイズはテン 【snow_pink_snow】
【snow_blue_snow】
【retro_note】
【round_yellow】
【marble】
各記事のタイトルからビスコさんのところでプレビューや動作確認ができます。


＊デザインテンプレートは、CSSデザイン、HTMLソース、素材作品に於いてすべて作者qmiに帰属します。

また、お借りした画像等素材に関しては、該当する素材サイト様（フッター部分にリンク記述）に帰属しますので、素材サイト様の規約をご確認ください。

カスタマイズはテンプレートをご自分で利用するうえでは自由ですが、カスタム後の作品の再配布、譲渡はご遠慮ください。

フッター部分
* designed by qmi
また
HTML内記述も削除しないでください。
+++++++++ ここは削除しないでください！+++++++++
このテンプレートは、作者qmiに帰属します。
カスタマイズは自由ですが、デザイン等加工後の再配布、共通テンプレートへの登録はご遠慮ください。
Copyright (C) 2005 B-bow-log All Rights Reserved.
http://blog8.fc2.com/qmix/

再配布：自分の作品として他人に譲渡、共有テンプレートに登録
カスタム：画像や素材差し替え、ソース書き換え・・・ご自分で利用する分ではご自由に。
（できればデザインが崩れない程度に）

カスタム方法やカスタマイズ後の不具合についてサポートいたしかねます。
なお、質問等は聞き逃げ（？）が多いので一切受付ません。了承ください。

あくまで最低限のマナーをわきまえていただければ、わかることだと思いますが・・
お守りいただけない方は利用をご遠慮ください。
ほかのテンプレート、またテンプレート作家さんの規約に添えるものをお探しください。


ご意見、ご指摘、またリクエストございましたら、それぞれテンプレート記事にてコメントのほどよろしくお願いいたします。
ご意見等に対しできるかぎり対応させていただきますが、こちらのテンプレートに関わらず初歩的な質問等は、
サポートフォーラム　テンプレ掲示板
http://blog.fc2.com/forum/viewforum.php?f=3
やHP作成支援サイト等でお調べいただくようお勧めします。

よろしくお願いいたします。

]]> テンプレート 2007-12-01T22:00:00+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-71.html 共有テンプレート　-3- 【retro_note】ひさしぶりに登録させていただきました。 はじめての3カラムです。素材も全部作りました。プラグインには対応してません。 06/06/26 更新 プラグイン対応可おおまかなボックスはこのとおりです。両カラムとは、#side_left　#side_rightプロパティでフロート決め、以下にそれぞれ.sideプロパティで共通設定になってます。<!--サイドバー右--><div id="side_right" class="side">お好きな場所（上記の左右 【retro_note】
retro_note_s

ひさしぶりに登録させていただきました。
はじめての3カラムです。素材も全部作りました。
プラグインには対応してません。 06/06/26 更新 プラグイン対応可

おおまかなボックスはこのとおりです。
retro_note_box
両カラムとは、#side_left　#side_rightプロパティでフロート決め、以下にそれぞれ.sideプロパティで共通設定になってます。
<!--サイドバー右-->
<div id="side_right" class="side">
お好きな場所（上記の左右どちらかdiv内）に内容（<h3><ul><li>）ブロックごとに移動配置してください。
なにかありましたらお気軽にコメントお寄せくださいまし。

（2005/12 リリース）
]]> テンプレート 2007-06-14T00:00:00+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-79.html コメント欄での絵文字・デコレーション機能のカスタマイズ コメント欄での絵文字・デコレーション機能のカスタマイズについて&lt;form method=&quot;post&quot; action=&quot;./&quot; name=&quot;comment_form&quot;&gt;&lt;textarea id=&quot;comment&quot; cols=&quot;40&quot; rows=&quot;8&quot; name=&quot;comment[body]&quot;&gt;&lt;/textarea&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://blog●.fc2.com/load.js&quot;&gt;&lt;/script&gt;&lt;br&gt; &lt;te コメント欄での絵文字・デコレーション機能のカスタマイズについて

<form method="post" action="./" name="comment_form">

<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea>
<script type="text/javascript" src="http://blog●.fc2.com/load.js"></script><br>
<textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea>


☆赤部分を追加する

☆●部分は、自分のサーバ番号（urlに振られている番号）に変更
"http://blog●.fc2.com/load.js"


]]> テンプレート 2006-11-10T17:09:25+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-77.html プラグインについて とりあえず、公式テンプレから部分的にコピッてきたプラグインを恐る恐るいじってます・・まだ詳しい動作を理解できませんが、コレをサイドバー部分に入れればいいらしい・・　&lt;div id=&quot;side&quot;&gt;&lt;!--plugin--&gt;&lt;!--plugin_first--&gt;&lt;h3 style=&quot;text-align:&lt;%plugin_first_talign&gt;&quot;&gt;&lt;%plugin_first_title&gt;&lt;/h3&gt;&lt;p style=&quot;text-align:&lt;%plugin_first_ialign&g まだ詳しい動作を理解できませんが、コレをサイドバー部分に入れればいいらしい・・

　<div id="side">
<!--plugin-->

<!--plugin_first-->
<h3 style="text-align:<%plugin_first_talign>"><%plugin_first_title></h3>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
<!--/plugin_first-->

<!--plugin_second-->
<h3 style="text-align:<%plugin_second_talign>"><%plugin_second_title></h3>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description>
</p>
<%plugin_second_content>
<p style="text-align:<%plugin_second_ialign>">
<%plugin_second_description2>
</p>
<!--/plugin_second-->

<!--plugin_third-->
<h3 style="text-align:<%plugin_third_talign>"><%plugin_third_title></h3>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description>
</p>
<%plugin_third_content>
<p style="text-align:<%plugin_third_ialign>">
<%plugin_third_description2>
</p>
<!--/plugin_third-->

<!--/plugin-->
　</div>

サイドバー左右で分ける場合は、plugin_first、plugin_second、plugin_third をブロックごとに<!--plugin--> ～ <!--/plugin-->ではさむ。

プラグイン無効の場合のソースは、
<!--not_plugin--> ～ <!--/not_plugin-->

【引用記事】http://blog.blog2.fc2.com/blog-entry-17.html
]]> ブログの構築 2005-12-16T22:00:00+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-76.html 共有テンプレート　-5- 【snow_pink_snow】 【snow_blue_snow】がたいへん人気があり、色違いで・・とのリクエストいただきましたの少しアレンジしたピンクバージョンを作りました。まぁ色違いなだけなので、素材テイスト等あまり変化なくてそれほど時間はかかりませんでした。こちらも（相変わらず）プラグインには対応してません。スミマセン（汗）ちなみに、使っていただいてる方で、ブログ幅を広げて上のバナー（ヘッダー）画像が足りないのを見受け 【snow_pink_snow】

【snow_blue_snow】がたいへん人気があり、色違いで・・とのリクエストいただきましたの少しアレンジしたピンクバージョンを作りました。
まぁ色違いなだけなので、素材テイスト等あまり変化なくてそれほど時間はかかりませんでした。
こちらも（相変わらず）プラグインには対応してません。スミマセン（汗）

ちなみに、使っていただいてる方で、ブログ幅を広げて上のバナー（ヘッダー）画像が足りないのを見受けられますが、画像幅は、若干大きめに作ってますので、スタイルシートの固定部分を直していただけると750pxまで対応できます。

あと、プラグイン対応のテンプレも今作っています。
それと、既存テンプレへのプラグインも、サイドバー部分で入れ替えれば使えるソースを用意したいと考えています。
（既存のものについて同じもので対応・非対応と別々に出す気はありません） ]]> テンプレート 2005-12-15T02:06:09+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-74.html テンプレート修正箇所【snow_blue_snow】 IE以外のブラウザで崩れが生じるとのことで、いくつか修正いたしました。（IE、Firefoxで確認）本日19:00以前DLされた方は、恐れ入りますがDLし直すかスタイルシートを修正のほどよろしくお願いします。/* ------- 全体囲み ------- */#container　のmargin : 0 auto;　を追加/* ------- ヘッダー/タイトル ------- */#banner　のbackground-attachment: fixed;　を削除width: 720px;　を追加/* ------- フッター　Copyright ----- 本日19:00以前DLされた方は、恐れ入りますがDLし直すかスタイルシートを修正のほどよろしくお願いします。

/* ------- 全体囲み ------- */
#container　の
margin : 0 auto;　を追加

/* ------- ヘッダー/タイトル ------- */
#banner　の
background-attachment: fixed;　を削除
width: 720px;　を追加

/* ------- フッター　Copyright ------- */
#footer　の
clear: both;　を追加

IE以外でのブログ全体センタリング不備に関しては、【marble】、【retro_note】も修正上書き済みです。
またなにかありましたら、お知らせくださると大変助かります。 ]]> テンプレート 2005-12-08T00:03:53+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-72.html 共有テンプレート　-4- 【snow_blue_snow】 立て続けにこちらも登録させていただきました。画像素材を作ってて、あ！これは！とブログデザインのイメージが沸きました。雪のモチーフがカワイイでしょっ？ところどころポイントにしてみました。ブルーがちょっとサムイかもしれませんネ・・（汗）プラグインには対応してません。 【snow_blue_snow】
snow_blue_snow

立て続けにこちらも登録させていただきました。
画像素材を作ってて、あ！これは！とブログデザインのイメージが沸きました。
雪のモチーフがカワイイでしょっ？
ところどころポイントにしてみました。
ブルーがちょっとサムイかもしれませんネ・・（汗）
プラグインには対応してません。
]]> テンプレート 2005-12-04T20:33:04+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-73.html 配布＆ご利用御礼 キャー♪ランキングにふたつも入っちゃってたので感動！新作を登録したら1日で700以上DLされててびっくりしました。最近はすっかりフォトショTIPSばかりになっておりましたが、ずいぶんひさしぶりのテンプレ配布でございます。。私のはシンプルベースなものが多いので、そのうちでも色使い多かったりビビッドなのも作ってみたいな。でも本来メインは中身のブログですから、記事のフォトだったり、オリジナルカラーでカスタマイズを キャー♪
ランキングにふたつも入っちゃってたので感動！
新作を登録したら1日で700以上DLされててびっくりしました。
最近はすっかりフォトショTIPSばかりになっておりましたが、ずいぶんひさしぶりのテンプレ配布でございます。。


私のはシンプルベースなものが多いので、そのうちでも色使い多かったりビビッドなのも作ってみたいな。
でも本来メインは中身のブログですから、記事のフォトだったり、オリジナルカラーでカスタマイズを楽しんでもらえるとうれしいです。
]]> テンプレート 2005-12-04T18:00:00+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-70.html 輪郭を抽出して線画を描く @Photoshop ＊イラストタッチにする画像を複製、新規レイヤーを用意 　↓画像をトーンカーブやハイライトで輪郭がすっきり浮き立つように処理しておく　↓フィルタ："表現手法"－"輪郭検出"　↓イメージ："色調補正"－"2階調化"しきい値を調節（不必要な線を消しゴムツールで消す）　↓選択範囲："色域指定"指定色域をスポイトで指定、この場合白黒なので黒、許容量はMAXで200 → OK　↓選択範囲が点滅するので、新規レイヤーを作る　↓範囲、または反 ＊イラストタッチにする

画像を複製、新規レイヤーを用意
　↓
画像をトーンカーブやハイライトで輪郭がすっきり浮き立つように処理しておく
　↓
フィルタ："表現手法"－"輪郭検出"
　↓
イメージ："色調補正"－"2階調化"
しきい値を調節
（不必要な線を消しゴムツールで消す）
　↓
選択範囲："色域指定"
指定色域をスポイトで指定、この場合白黒なので黒、許容量はMAXで200 → OK
　↓
選択範囲が点滅するので、新規レイヤーを作る
　↓
範囲、または反転して塗りつぶす
（念のためこの範囲を保存しておくとよい）
　↓
線画完成
背景は透明なので、もとの画像を下にしていくつもレイヤーを重ねれば表情が出る

tomato_1.jpgtomato_2.jpg

左の元画像からイラストタッチにしたもの。
元画像を一番下にして、線画、各部色づけ（描画）、カラーハーフトーンのレイヤーを重ねた。


＊忠実に輪郭を生成する

画像を複製、新規レイヤーを用意
　↓
フィルタ："アーティスティック"－"カットアウト"
フィルタをレベル数：7　エッジの単純さ：4　正確さ：2
　↓
背景レイヤーを複製し、
イメージ："色調補正"－"彩度を下げる"
　↓
フィルタ："表現手法"－"輪郭のトレース"
フィルタをレベル数：60　エッジ：指定レベル以上
　↓
自動選択ツールで、部分ごとに色塗りや切り抜き
それぞれにレイヤーをつくる

線のみで背景透明の輪郭レイヤーを作りたいときは、
"輪郭のトレース"選択範囲内（または境界線）を塗りつぶす
　↓
選択範囲："色域指定"
指定色域を塗りつぶした色をスポイトで指定、許容量はMAXで200 → OK
　↓
選択範囲が点滅するので、新規レイヤーで線部分を塗りつぶす

＊きれいな輪郭を生成するためには、必ずモノクロ調の画像に変換しておくこと。
（カラーのままだと、色つきの輪郭まで生成される） ]]> How to Photoshop 2005-11-28T15:30:00+09:00 qmi FC2-BLOG http://qmix.blog8.fc2.com/blog-entry-16.html 画像に光キラキラ効果 @Photoshop ＊キラキラをブラシにするブラシツール　エアブラシペン（不透明）マスター直径：100pxに設定　↓（チェックを入れて、ダブルクリックで詳細設定）シェイプ：サイズジッター100%、最小の直径11%、コントロール/筆圧カラー：色相ジッター10%散布：429%その他：不透明ジッター100%　↓新規ブラシで名前をつけて保存＊画像に柔らかさ背景レイヤーを複製　↓「レイヤーマスクを追加」「すべてのレイヤーを表示」　↓描画色：黒で背景部分を ＊キラキラをブラシにする

kirakira.jpg
ブラシツール　エアブラシペン（不透明）
マスター直径：100pxに設定
　↓
（チェックを入れて、ダブルクリックで詳細設定）
シェイプ：サイズジッター100%、最小の直径11%、コントロール/筆圧
カラー：色相ジッター10%
散布：429%
その他：不透明ジッター100%
　↓
新規ブラシで名前をつけて保存


＊画像に柔らかさ

背景レイヤーを複製
　↓
「レイヤーマスクを追加」
「すべてのレイヤーを表示」
　↓
描画色：黒で背景部分を塗りつぶしてマスクを施す
　↓
このレイヤーにぼかし：ぼかしフィルタ適用、
描画モード：スクリーンに変更


＊画像に光をミックス

画像レイヤーの下に新規レイヤー作成
　↓
作成したブラシを選択、スポイトツールで背景画像から描画色を抽出
　↓
ランダムに「光」を描く
（さらに最前面にレイヤー作成、
ブラシのマスター直径を小さくしてランダムに描くと立体感が生まれる）
　↓
光レイヤーにぼかし：ぼかし（移動）フィルタを角度：0、移動距離：10px適用
　↓
描画モード：追い焼き（リニア）

----------------------------------------------------------
【色相のジッター】
ブラシはひとつのストローク内で色相を変化させることが可能。
値が小さいと描画色に近い範囲の色相、大きいと色相の変化が大きくなる。


多角形ツール、塗りつぶした領域を作成で辺６→正六角形を描く
編集メニュー：ブラシを定義で登録する
上とおなじ作業で形状の違う光になる
]]> How to Photoshop 2005-11-17T16:20:00+09:00 qmi FC2-BLOG