スライドバーが分けてあるのでずるりと下に伸ばせます。
ウェブデザインのモックを作るとき用にどうぞ。


XGA（1024×768）とSXGA（1280×1024）の2サイズ入り。WIN版はありませんのであしからず。
CS5で作成し、CSにダウンバージョンしてあります。
ダウンロードフリー。改変自由で商業利用も可。素材そのものの再配布は禁止です。

＞Download

今回Ustで配信などもあって、恥ずかしくて死ぬかと思いました。っていうか死んだ。カワココはあの日表参道の路地裏に埋まったと思ってください。今動いてるのは亡霊です。もしくはゾンビ。　梅雨に突入して蒸し暑いからそれはそれでピンチです。

イラレでウェブデザインというお題だったので喜び勇んで飛んでいったんですけども。だいたいあんな壇上に上がって他人様にお見せする様なブツじゃないんですよ。手元だけ見てもらえりゃいいんだから覆面したいわ。もしくはモザイクかけて欲しい顔とかに（笑

ヨタはさておき、今回は表参道 The Gallery「station 5」で催されてたAdobe Creative Suite 5の発売記念イベントの一環でありました。
今回のセミナーは有料でしたので、ご来場くださった方への有料版特典として、元データの配布は参加者のみという事で申し訳ない。

あ、でもブラウザ用枠は配布しますのでしばしお待ちくださいね。

＞station 5 in 表参道
＞CSS Nite in Omotesando, Vol.3が終了しました

でも仕事の1/4くらいは紙媒体でDTPなのです実は。組版はあまりやりませんがペラものや見開き4ページなんかはイラレで作業しますし、得意だったりします。
じゃあ何故CMYKデータやDTPに関するノウハウをイラレラボでやらないかと言えば、印刷用入稿データに関しては検証ができないから。アピアランス使ったデータでそのまま入稿して印刷会社のオペレータにド叱られました、とか、叱られるだけならともかく化け化けなまま印刷されちゃいました、とかなっても困りますし。責任とれませんし。
あとCMYKは色域が狭くてつまんな..（自粛

さておきDTPの勉強会。0回めは主催者のあかつきさんによるBridgeの解説。そしてあさうすさんによる「かづらき解体新書」です。
途中4人のショートトークが入りまして、カワココもそちらにお邪魔しました。今回は光の表現じゃなくてアピアランスの解説を。詳しくは次のエントリでフォローアップします。

このテの勉強会は、現場のベテランの熟練の技を、間近で見て盗むいい機会です。しかもあれですお安いんですから。参加しないテはないですよ。

Session.1「Adobe Bridgeの使い方」　あかつき＠おばな（あかつき＠おばなのDTP稼業録）
以前からあかつきさんのご教示に感銘を受けておりまして、いろんなツール（リネーマーやビューワなど）をBridgeに移行している真っ最中です実は。今回も会場の準備をしている最中に、「リネームの設定は保存できますよ」なんてのを教えていただいたりして。もりもりスキルアップできるのが嬉しいです。

inDesignへBridge経由で画像を次々に配置して行くテクニックの時の、あの会場のどよめきが素晴らしかった！w
あれ、イラレでもサポートして欲しいですよね。Webページのモック作る時にものすごく楽になると思うんだけどナー。

詳しい内容はこちら＜ 【セッションフォローアップ】DTPの勉強会（仮称） 第0回の補足とおさらい＞にフォローアップされていますのでご参考に。

Session.2「かづらき解体新書」　あさうす（実験る〜む）
欲しいなーと思いつつもまだ買ってませんかづらき。だって使いどころがびみょーなんですもの。漢字足りないし。
セッションの内容は実践テクニック、というよりはかづらきに対するうんちくというか、為になるお話。って感じでしたv
購入の暁には連綿体の特性を活用したいなと思います。

ショートセッションのカワココ以外の他の3人の方は↓

・樋口泰行さん　「Photoshop CS4のパネルを自作できるAdobe Configuratorの紹介」
実はカワココ、Photoshopに関しては、昔はアクションオタクだったりレイヤースタイルマニアだったり、入稿用の画像データもがしがし作ってたヘビーユーザだったんですが、最近はちょっとした加工くらいしかしてないのですよね。
ですけれど、Photoshopを日常的に使いこなしている方にはツールパネルのカスタマイズはすごく便利だと思うのです。

・杏珠さん　「InDesign上だけで作る、グラフィカルなパーツ作成方法」
マニアックです（笑）
イラレでアピアランスを10個も20個も重ねちゃうカワココも十分マニアックですけれど、グラフィックフレームにテクスチャになる画像を配置してフレームそのものの線と色を加工して描画モードで重ね合わせる。とか。いわば機能をとことんまで使いこなす上級者向けテクニックだと思います。

・RRRさん　「InDesign アンカー付オブジェクト」
超実践的です。画面は地味でしたが、「テキストフレームをアンカーでいれこ」「テキストフレームをアンカーで連結」など、使えば生産性がいっきに加速しそうな実践テクニックです。すばらしい。

そんな感じでDTPの勉強会、大変タメになりました。皆様お疲れさまでしたありがとうございました。

二次会のトルコ料理のお店で最後にバクラヴァ食べられたのが嬉しかったんです。あの脳天に染み渡る甘さがたまりませんねぇ（そこかよ　懇親会会場の中華料理も美味しかったですよ、ひとり貪り食ってました。

そんな訳でブラシパレットのブラシライブラリにデフォルトで入っているブラシの一覧です。
Illustrator CS4 のものです。過去のバージョンだと内容が違うと思われます。

デフォルトのライブラリって昔はあんまり使えなかったんですけど、最近のバージョンのライブラリはけっこう使えるデータが入っていますので。
一度じっくり試してみるとよいかもしれません。

ブラシパレット > ブラシライブラリを開く > アート > アート_インク
ブラシパレット > ブラシライブラリを開く > アート > アート_カリグラフィ
ブラシパレット > ブラシライブラリを開く > アート > アート_スクロールペン



ブラシパレット > ブラシライブラリを開く > アート > アート_ペイントブラシ
ブラシパレット > ブラシライブラリを開く > アート > アート_木炭・鉛筆



ブラシパレット > ブラシライブラリを開く > アート > アート_水彩

ブラシパレット > ブラシライブラリを開く > ベクトルパック > グランジブラシベクトルパック
ブラシパレット > ブラシライブラリを開く > ベクトルパック >手書きブラシベクトルパック

ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_デコレーション
ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_ノベルティ

ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_プリミティブ
ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_フレーム

ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_ライン
ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_幾何学模様



ブラシパレット > ブラシライブラリを開く > ボーダー > ボーダー_破線

ブラシパレット > ブラシライブラリを開く > ワコム6Dブラシ > 6dアートペンブラシ

ブラシパレット > ブラシライブラリを開く > 矢印 > パターン矢印



ブラシパレット > ブラシライブラリを開く > 矢印 > 矢印_標準



ブラシパレット > ブラシライブラリを開く > 矢印 > 矢印_特殊

ブラシパレット > ブラシライブラリを開く > 装飾 > 装飾_バナーとシール
ブラシパレット > ブラシライブラリを開く > 装飾 > 装飾_分割線



ブラシパレット > ブラシライブラリを開く > 装飾 > 装飾_散布



ブラシパレット > ブラシライブラリを開く > 装飾 > 豪華なカールブラシとフローラルブラシのセット

ダウンロードしましたら、
グラリックスタイルパレットメニュー ＞ グラリックスタイルライブラリを開く ＞ その他のライブラリ…
から読み込んで使ってくださいまし。

400px×20pxを最適値に作ってあるので、大きさは適時調整してくださいませ。　

ダウンロードは↓からv

＞Download

桜の木のイラストです。
ダウンロードフリー。改変自由で商業利用も可。素材そのものの再配布は禁止です。

ダウンロードは↓からv
＞Download

先ずは準備。書類のモードはRGB、単位はピクセルに設定します。

楕円ツールで、100px x 100px の円を配置します。線の太さは1px。線の色は#999999に設定します。

4つあるアンカーポイントのうち左側のを選択し、移動ツールで-60px左に移動します。

ペンツールを展開した一番右の「アンカーポイントの切り替えツール」で移動したアンカーポイントをクリックし、ハンドルを外します。
横向きの涙滴型という感じですな。

これに > 効果 > 3D効果をかけます。
それぞれ上から　-71° / 7° / 20° 押し出しの奥行き：50pt　表面：陰影なし　を選択します。
（図では見やすい様に陰影（艶あり）になってますが）

移動ツールで垂直方向に-30px移動しつつコピー、アピアランスパレットの3D効果をダブルクリックしてダイアログを出し、角度だけを　それぞれ上から　-77° / 21° / 1°　に変更します。表面は“陰影なし”にしてOK。

二つとも選択して、オブジェクトメニューからアピアランスを分割し、全部のオブジェクトをグループ解除しておきます。

全部ひっくるめてリボンのグラデーションで塗ります。
0%:#A40014 > 25%:#C25461 > 50%:#A40014 > 75%:#C25461 > 100%:#A40014

内側の暗い部分のオブジェクトを選択し、アピアランスパレットから新規塗りを追加。#A40014を塗りに設定。
描画モードを乗算、不透明度を40％に設定します。

足？の部分をペンツールで描き、

まとめて左右反転して

結び目に長方形を配置し、グラデーションの位置を調整して

できあがり。

先ずは準備。書類のモードはRGB、単位はピクセルに設定します。

まず文字。このチュートリアルでは数字の6でいってみましょう。
Myriad Pro、Semibold、300ptです。色は仮に#CCCCCCに指定。

これに　効果 > 3D > 押し出し・ベベル　で3Dの効果をつけます。
それぞれ上から　-30° / 18° / 4° 押し出しの奥行き：54pt　表面：陰影なし　を選択します。

オブジェクトメニュー > アピアランスを分割　で、効果をオブジェクトに変換し、全部をグループ解除しておきます。

分割されてしまっている同じ面を、それぞれ選択して、パスファインダで合流します。

全部ひっくるめて選択し、0%:#8CC63F > 100%:#009245　の円グラデーションで塗ります。
左斜め上から光があたっている事を想定し、グラデーションの位置を調節します。
それぞれのグラデーションの位置と方向はこんな感じ。

暗い部分に影を入れて立体感を出します。
6の丸の内側と上にかぶさってくる弧の下あたりに影を入れます。オブジェクトを選択し、アピアランスパレットから新規塗りを追加。
0%:#FFFFFF > 100%:#000000　の線グラデーションを設定し、暗い部分にグラデーションの向きと位置を調節します。

グラデーションの塗りの描画モードを乗算、不透明度を20%に設定。

明るい部分に光を入れて立体感を出します。
6の上の弧の部分に光を当てます。オブジェクトを選択し、アピアランスパレットから新規塗りを追加。
0%:#FFFFFF > 100%:#000000　の円グラデーションを設定し、明るい部分にグラデーションの向きと位置を調節します。

グラデーションの塗りの描画モードをスクリーン、不透明度を40%に設定。

エッジの部分にハイライトを加えます。
光があたってぴかーと反射する部分のアンカーポイントを選択し、コピー、全面にペースト。
図では解りやすく線に黒を設定しています。塗りは消去。

200px × 2px の細長い楕円を描き、ブラシパレットにドラッグ、アートブラシに設定します。
さっきのエッジのパスにブラシを適用します。

オブジェクトメニュー > アピアランスを分割　し、グループを解除して
0%:#FFFFFF > 100%:#000000の円グラデーションを設定。位置を調節して描画モードをスクリーンに。

地面に落ちた影を描きます。
120px x 120pxの楕円を描き、0%:#000000 > 100%:#FFFFFF　の円グラデーションを塗りに設定。
拡大縮小ツールで垂直方向に20％縮小し、不透明度を40％にします。
位置を調整して完成v

既に手遅れ感ありありなハートのシームレスパターンです。
スウォッチライブラリになってますので、
スウォッチパレット > スウォッチライブラリを開く > その他のライブラリ　から読み込んでください。
直接ファイルを開いてコピペでも可。

ま、まぁ来年も使えますしネ（ぇー

ダウンロードは↓からv
＞Download

先ずは準備。書類のモードはRGB、単位はピクセルに設定します。

四角形ツールで W200×H200 px の正方形を配置します。
グラデーションを 0%:#534741 > 100%:#736357 に設定します。角度は90度。
効果 > スタイライズ > ドロップシャドウ　を 描画モード：乗算 / 不透明度：20％ / X軸オフセット：1px / Y軸オフセット：1px / ぼかし：1px でかけます。

グラデーションにざらっとした質感をかけます。
まずアピアランスパレットから新規塗りを追加し、#808080を設定します。50%のグレーですな。
これに 効果 > （Photoshop効果）アーティスティック > 粒状フィルム　を　粒子：4 / 領域のハイライト：0 / 密度：10　で適用します。
塗りの描画モードを オーバーレイ / 不透明度を20％に設定します。

ステッチを作ります。周囲にぐるりとある縫い目です。
線に#8C6239を設定します。線幅は1.6px。破線にチェックを入れ、線分：8px / 線分：4px　に設定します。
効果 > パス > パスのオフセット　で オフセット：-4px を適用します。

ステッチの周りに影とハイライトをつけます。
ステッチは革の部分に対して凸ですが、革にぎゅっと食い込んでいるので、影を逆向きにつけてみますよ。

まずは影から。アピアランスパレットから先ほどの線を項目の複製でコピーし、線本体の下に移動します。
カラーを#A67C52に変更、線幅を1pxに変更します。
効果 > パスの変形 > 変形　で 移動　水平方向：-0.5px / 垂直方向：0.5px を適用します。
描画モードを 乗算 / 不透明度を100％に設定します。

次はハイライト。アピアランスパレットから今作った影の線を項目の複製でコピーします。
アピアランスパレットにある「変形」の項目をクリックしてダイアログを出し、 移動　水平方向：0.5px / 垂直方向：-0.5px に変更します。
描画モードを スクリーン / 不透明度を100％に設定します。

最後にパス全体に　効果 > スタイライズ > 角を丸くする を　角丸の半径：4px　で適用します。
グラフィックスタイルパレットにドラッグして登録すれば完成。

こんな感じv