横浜開港記念みなと祭第53回国際花火大会に入ってきました。

がっ・・・がいとうが・・・邪魔です＞＜

街灯も含めてアートということで・・・だめだめですね。

花火撮影において大事な事

風向きに注意

必ず三脚を使用する

打ち上げ場所の確認

慣れ

睡眠・体力

しっかり睡眠とって体力つけて望みましょう。

食べ物にも気をつけて

shadowbox.jsサンプル

1. 様々なJSフレームワークに対応
2. 拡大表示できる形式が画像だけでなく幅広い
3. プラグイン検出機能
4. インターフェイスのカスタマイズが容易

・様々なJSフレームワークに対応

• Yahoo! User Interface Library (yahoo, dom, event, anim)
• Ext (standalone, ext-core.js)
• Prototype + Scriptaculous
• jQuery
• MooTools (requires Fx.Styles and its dependancies)
• Dojo Toolkit (thanks Peter Higgins)

・拡大表示できる形式が画像だけでなく幅広い

shadowbox.js導入方法

・ファイルのダウンロード

部分からshadowbox.jsをダウンロードします。

・shadowbox.jsの編集

78行目
loadingImage:       'images/loading.gif',
↓
loadingImage:       'http://blog.caraldo.net/img/loading.gif',

127行目
overlayBgImage:     'images/overlay-85.png',
↓
overlayBgImage:     'http://blog.caraldo.net/img/overlay-85.png',

window.onload = function(){
    Shadowbox.init();
};

・headタグ部分でshadowbox.jsを読み込む

<!-- shadowbox関連 -->
<link rel="stylesheet" href="<$MTBlogURL$>css/shadowbox.css" type="text/css" /><!-- shadowbox用CSSファイル -->
<script type="text/javascript" src="<$MTBlogURL$>js/prototype.js"></script><!-- ベースライブラリ -->
<script type="text/javascript" src="<$MTBlogURL$>js/scriptaculous.js?load=effects"></script><!-- ベースライブラリ -->
<script type="text/javascript" src="<$MTBlogURL$>js/shadowbox-prototype.js"></script><!-- prototype.js用adapter -->
<script type="text/javascript" src="<$MTBlogURL$>js/shadowbox.js"></script><!-- shadowbox.js -->

<a rel="shadowbox" class="option" title="Google.com" href="http://www.google.com/">デモページ</a>
デモページ

・shadowbox.js導入時の注意点

lightbox.jsとの共存

var RE = {
resize:         /(img|swf|flv)/, // file types to resize
overlay:        /(img|iframe|html|inline)/, // content types to not use an overlay image for on FF Mac
swf:            /\.swf\s*$/i, // swf file extension
flv:            /\.flv\s*$/i, // flv file extension
domain:         /:\/\/(.*?)[:\/]/, // domain prefix
inline:         /#(.+)$/, // inline element id
rel:            /^(light|shadow)box/i, // rel attribute format
gallery:        /^(light|shadow)box\[(.*?)\]/i, // rel attribute format for gallery link
unsupported:    /^unsupported-(\w+)/, // unsupported media type
param:          /\s*([a-z_]*?)\s*=\s*(.+)\s*/, // rel string parameter
empty:          /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i // elements that don't have children
};

やってみるものですね。

ハードディスクの容量が足りなくなったので、外付けタイプのHDD買おうかと思ったのですが、普通（内蔵タイプ）のと比べて4000円近くも差があったので、普通のを購入することにしました。

• メモリの追加
• HDDの交換
• HDDの追加
• OSのインストール（HDD追加だけなら必要無し）

お買い物

まず、メモリ。

図の左側の形状のものです。

HDD

組み立て

メモリ増設

切り欠きを境にして長さが違う=向きがあるので注意です。

その後一通りアプリケーションを立ち上げて不具合が出ないことを確認します。

HDD交換

ケースを筐体から外し、HDDをスライドして外します。

レールを取り付けたらケースに挿入し、電源ケーブルやSATAケーブルを取り付けます。

と言われます。

HDD増設

HDDを外付けとして使う

これがあればおｋです。 ⇒GH-USHD-SATA

メモリ・HDDの交換追加のまとめ

• メモリの開きスロット
• メモリ型番
• HDDインターフェイス
• HDD追加可能数
• HDD電源ケーブル
• SATAケーブル（ケーブル長・コネクタ形状）
• ドライブレール
• OSディスク（ドライバ類含む）

機動戦艦ナデシコの劇場版の終わり方がなんとも言えなかったので、その後の展開について調べてみました。

シリーズの流れ

爆発・爆炎と溶岩を簡単に描くチュートリアルのご紹介です。

1. 黒で塗り潰したレイヤー（背景）と新規レイヤーを準備します。
2. [ブラシツール]で下図の様に描きます。
   サイズ：100px 硬さ：0％ 描画色：#FF0000
3. 描画色：#FFFC00で手順：2で描いた中に下図の様に描きます。
4. 描画色：#FFFFFFで手順：3で描いた中に下図の様に描きます。

適当です。

5. [フィルタ]→[ぼかし]→[ぼかし（ガウス）]
   半径：40px
6. [塗り潰しまたは調整レイヤーを新規作成]→[色相・彩度]
7. 追加した調整レイヤーをクリッピングマスク状態にします。
8. 新規レイヤーを作成、[フィルタ]→[描画]→[雲模様1]
   描画色、背景色はデフォルト 描画モード：覆い焼きカラー
9. [塗り潰しまたは調整レイヤーを新規作成]→[レベル補正]
10. [雲模様1]を実行したレイヤーに対して、追加した調整レイヤーをクリッピングマスク状態にします。

レイヤーパレットはこんな感じ。

11. 追加した2つの調整レイヤーのスライダでイメージしている爆炎になる様に調整します。

[レベル補正調整レイヤー]で大まかにアタリを出して、[色相・彩度調整レイヤー]で最後ちょこっと調整する感じがいいと思います。

溶岩を描く

1. 新規レイヤー作成、[フィルタ]→[描画]→[雲模様1]
2. [フィルタ]→[描画]→[雲模様2]数回繰り返します。
3. [塗り潰しまたは調整レイヤーを新規作成]→[レベル補正]
4. 追加した調整レイヤーをクリッピングマスク状態にします。
5. [塗り潰しまたは調整レイヤーを新規作成]→[グラデーションマップ]
   黒→赤→黄→白

こんなかんじで。

6. [レベル補正調整レイヤー]のスライダで調整します。

岩の間から溶岩が明るく見えているイメージ。

爆発と溶岩のチュートリアルを応用してまた惑星を描きました

こんなのが結構簡単に描けちゃったりします。

先日エントリした【Photoshop】水の無い惑星を描くチュートリアル｜caraldo.net | MT Blogの方法で、色を変えて描けば作成できるかもしれませんが・・・水（海）と陸地の割合をコントロールし易い方法を思いついたので一応エントリ。

1. #0C116Cでレイヤーを塗り潰します。（水・海になります）
2. 新規レイヤー作成、[フィルタ]→[描画]→[雲模様1]
3. [フィルタ]→[描画]→[雲模様2]数回繰り返します。

4. [イメージ]→[色調補正]→[2階調化]
   2階調化する境界のしきい値：70

しきい値のスライダを動かして、陸地っぽくなる値を決めましょう。

5. 白か黒の塗りを選択、削除
6. 削除しなかった塗りを選択、[フィルタ]→[描画]→[雲模様1]
7. [フィルタ]→[描画]→[雲模様2]数回繰り返します。
   ※手順6,7をアクション登録しておくといいかもしれません。
8. [フィルタ]→[スケッチ]→[浅浮彫り]
   ディテール：15 滑らかさ：1 照射方向：上へ
9. [フィルタ]→[テクスチャ]→[クラッキング]
   溝の間隔：27 溝の深さ：2 溝の明るさ：3
10. [レイヤースタイルを追加]→[光彩（外側）]
    光彩のカラー：#3F4AB3 通常 サイズ：15px
11. [レイヤースタイルを追加]→[カラーオーバーレイ]
    オーバーレイのカラー：#FFFFFF 通常 30%

12. 表示レイヤーを結合
13. 円状に選択、[フィルタ]→[変形]→[球面]
    量：100％ モード：標準
14. [選択範囲を反転]し、削除

15. 新規レイヤー、背景を作っておきましょう。
16. [レイヤースタイルを追加]→[光彩（外側）]
    光彩のカラー：#FFFFFF 通常 サイズ：15px
17. [レイヤースタイルを追加]→[光彩（内側）]
    光彩のカラー：#FFFFFF 通常 サイズ：50px
18. 新規レイヤーを作成し、惑星のレイヤーと結合させます。
    （レイヤースタイルを取り除く為）
19. 惑星の影になる部分を[消しゴムツール]で消していきます。
    サイズ：300px 硬さ：0％ モード：ブラシ 流量：30％

こんな感じで完成です。

最後に縮小してます。大陸のディテールが細かくてこっちのほうがいいかな？

水と緑の惑星

1. 前項で説明した手順の８まで同じ作業をします。
2. 大陸のレイヤーを3回複製、便宜上それぞれを「土」「緑」「山」と呼びます。
3. 土レイヤーに[レイヤースタイルを追加]→[カラーオーバーレイ]
   描画モード：ビビッッドライト オーバーレイカラー：#734E29
4. 土レイヤーに[レイヤースタイルを追加]→[パターンオーバーレイ]
   描画モード：焼きこみ（リニア） パターン：赤褐色のフレーク（テクスチャに入ってます。）

5. 緑レイヤーの大陸部分を選択、#4EA402で塗り潰します。
6. さらにそのまま[フィルタ]→[ノイズ]→[ノイズを加える]
   量：10％ ガウス分布 グレースケールノイズのチェックを外します。
7. 緑レイヤーに[レイヤースタイルを追加]→[パターンオーバーレイ]
   描画モード：焼きこみ（リニア） パターン：赤褐色のフレーク

8. 山レイヤーに[レイヤースタイルを追加]→[カラーオーバーレイ]
   描画モード：通常 オーバーレイカラー：#000000 不透明度：：30％
9. 山レイヤーに[レイヤースタイルを追加]→[光彩（外側）]
   光彩のカラー：#3753FF ディザ合成 不透明度：20％ サイズ：15px

10. 土、緑レイヤーに[レイヤーマスクを追加]
11. レイヤーマスクに対して、[フィルタ]→[描画]→[雲模様1]
12. [フィルタ]→[描画]→[雲模様2]を数回繰り返す。
13. [イメージ]→[色調補正]→[2階調化]or[ポスタリゼーション（階調数：3）]
14. 複製元レイヤーに[レイヤースタイルを追加]→[光彩（外側）]
    光彩のカラー：#0C17FF 通常 サイズ：7px

こんな感じになりましたでしょうか？昔のゲームのMAPみたいです。

海の部分を丁寧に仕上げていくともっと良くなると思います。

Photoshopを使って惑星を描くチュートリアルの紹介です。

⇒planet_texture.jpg (JPEG 画像, 256x256 px)

1. レイヤーを黒で塗りつぶします。
2. 新規レイヤー作成
3. [楕円形選択ツール]で円状に選択
4. [グラデーションツール]で塗り潰します。
   描画色：#663B20 背景色：#000000

5. [レイヤースタイル]→[パターンオーバーレイ]
   描画モード：オーバーレイ 登録したパターンを選択

6. 新規レイヤーを作成、[レイヤースタイル]を追加したレイヤーと結合します。
   （[レイヤースタイル]を取り除く為）

7. パターン同士の繋ぎ目が気になる場合は[ゆがみ]等でいじっておきましょう。
8. 円を選択、[フィルタ]→[変形]→[球面]
   量：80％ モード：標準

9. レイヤーを複製、描画モード：覆い焼き（リニア） 塗り：０～50％（30）
10. [レイヤースタイル]→[光彩（外側）]、[光彩（内側）]

光彩のカラー：#6283A7

光彩のカラー：#6283A7

光彩のサイズはお好みで・・・。

11. 新規レイヤーを作成、[レイヤースタイル]を追加したレイヤーと結合
    （[レイヤースタイル]を取り除く為）
12. レイヤーを複製

13. 複製元のレイヤー、右下部分を[消しゴムツール]で消す。
    サイズ：300px 硬さ：0％ モード：ブラシ 流量：30％
14. 描画モード：[覆い焼き（リニア）]

15. 複製しておいたレイヤーに対して[フィルタ]→[表現手法]→[エンボス]
    角度：-30° 高さ：1px 量：500％
16. 描画モード：[覆い焼き（カラー）]

これで完成です。

水の無い惑星・パターンを使わないで描く

1. 惑星を描くのとは別に、新規ファイルを立ち上げます。（惑星の倍くらいのカンバスサイズにしておく）
2. #663B20でレイヤーを塗り潰す。
3. 新規レイヤーを作成、描画色：#BB713Dで[フィルタ]→[描画]→[雲模様1]
4. [フィルタ]→[描画]→[雲模様2]を繰り返す。
5. [レイヤースタイルを追加]→[レイヤー効果：カスタム]→[ブレンド条件]の数値を変更
6. [レイヤー]→[表示レイヤーを結合]

7. [フィルタ]→[ブラシストローク]→[エッジの強調]
   エッジの幅：2 エッジの明るさ：48 滑らかさ：15
8. [フィルタ]→[スケッチ]→[浅浮き彫り]
   ディテール：15 滑らかさ：3 照射方向：左上へ
9. [フィルタ]→[変形]→[海の波紋]
   波紋の振幅数：15 波紋の大きさ：8

惑星のファイルにレイヤーを移動（複製）します。

10. 移動してきたファイルの大きさを、カンバスサイズに合わせて縮小します。
11. [楕円形選択ツール]で円状に選択、[選択範囲を反転]し、削除
12. レイヤーを複製、描画モード：ソフトライト
13. [レイヤースタイル]→[光彩（外側）]、[光彩（内側）]

光彩のカラー：#BA8E6A

15. 背景以外のレイヤーを結合
16. 惑星右下を[消しゴムツール]で削除

これで完成です。月みたいになりました。

画像にテレビの走査線の様な効果を与えるチュートリアルです。

素敵な街です。

ハーフトーンを利用する

1. [フィルタ]→[ノイズ]→[ノイズを加える]
   量：10％ 均等に分布 グレースケールノイズのチェックを外します。

2. 新規レイヤーを作成し、白で塗りつぶします。
3. [フィルタ]→[スケッチ]→[ハーフトーンパターン]
   サイズ：1 コントラスト：20 パターンタイプ：線
4. アルファチャンネルパレットを利用してストライプ部分を選択します。

5. [イメージ]→[色調補正]→[明るさ・コントラスト]
   明るさ：20 コントラスト：0

これで完成です。

パターンを定義して走査線を表現する

1. [フィルタ]→[ノイズ]→[ノイズを加える]
   量：10％ 均等に分布 グレースケールノイズのチェックを外します。
2. 4px×10pxの白黒のパターンと2px×9pxのRGBのパターンを作成します。
   [編集]→[パターンを定義]

よりリアルにする為に加えます。

3. それぞれのパターンで塗りつぶしたレイヤーを作成します。
4. 白黒のレイヤーの描画モードをソフトライト、不透明度：40％に設定。
5. RGBのレイヤーの描画モードをソフトライト、不透明度：10％に設定。

これで完成です。

テレビにはめ込んでみました

チュートリアルで作った画像はテレビに合わせて歪ませてあります。

画像にアメリカンコミックの様な効果を加えるチュートリアルです。

綺麗な方ですね。

フィルタとレイヤーの描画モードをいじるだけ

1. [フィルタ]→[アーティスティック]→[粒状フィルム]
   粒子：4 領域のハイライト：0 密度：0～10（0）

密度設定が大事かな？どのくらい階調を潰すかによって出来栄えに差が出てきます。

2. 手順1で制作したレイヤーを複製します。
3. 複製した画像に[フィルタ]→[ピクセレート]→[カラーハーフトーン]
   最大半径：4 その他の値：デフォルト値
4. [レイヤーの描画モードを設定]→[比較（暗）]

以上で作業終了です。

ここからが難しい

• コマ割り
• ふきだし
• 動きを持たせた文字

っぽい！！！！！？

素材の明度が高いと・・・

こちらの方も素敵！

どうでしょう？

このくらい・・・

どうでしょう？

どうでしょう？
（少しサングラス主張し過ぎ？w）