背景用レイヤー Archive

まー、よく見たタイプ。　web2.0的か?とも思うんですが、この放射状に広がるタイプのストライプ。たまに見ます。

呼び名がわかりません。　正式な名前があるんだろうか。。集中線とか？

つーか、この線いちいち書くのがかなり面倒！

なので、今回は、幅の違うストライプが5レイヤー入っている、8×4タイプを持ってきました。

ちなみに上のおねーさんは裸です。

直感的にこれくらいの太さかなーと考えながら使えます。

ストライプとストライプの幅がもっと広がったタイプもあるんですが、マタ今度。　整理されてないし。。。

 切り取ったり、選択範囲を指定して円グラデーションを掛けたりして自由に使ってください。

ご使用後、LINKやブログで紹介していただくととってもうれしいです！

ではまたっ

 放射状ストライプ郡001　底辺が10px-20pxまで download : (491)

Downloaded a total of 491 times

前回は、線と同等のスペースを設ける1px～20pxまでのストライプグロスでした。

今回は、線は同じですが、空白が広がります。　このタイプも結構メジャー

ストライプの感じを比較しながら背景やバナーが作れるので作業時間が飛躍的に短くなります。

・　950px×300px　のpsdファイルに空白を変えたストライプレイヤーが入っています。

好みのサイズのレイヤーを、ストライプ化させたい画像の上に載せます。

背景（back1）で、選択範囲を読み込む か、 command{ctrl} + レイヤーをクリック　で画像の範囲を選択。

選択範囲を反転させる。

deleteか切り取りで余計な線を消して、不透明度を調整して馴染ませれば完成です。

応用： 　このような感じになります。

今回は、

・　950px×300px　のpsdファイル

・　応用で使用したpsdファイル

がZIP形式に格納されています。

使用後にリンクしてくれたら最高にうれしいです！

 斜めストライプレイヤー郡002　1px実線　空白4px-15pxまで download : (527)
 

Downloaded a total of 527 times

また、かなり前に使っていた物をリサイクルします。　かれこれ4年前の骨董品です。

ちょっとアレな感じにできます。

今回はこのような、花っぽい柄の連続体です。

高級感が若干感じられませんでしょーか。

しかるべき所で区切れば、全体の背景もにも行けます。

コツは、色を極力抑える事です。

・　基本データのphotoshop ver.5.5 .psd データと

・　応用データのphotoshop ver.5.5 .psd データ

をzipファイルに入れています。

チョットサイズが大きいかも2.7M 

 応用背景用グロス003 download : (371)
 

Downloaded a total of 371 times

web2.0的斜めストライプレイヤー 空間の調整 002

上部のタイトルバーでも使用している物です。

応用すると以下のような横バーもできたりします。 

 こいつは、2px空白1px実線1px空白1px実線のループで、アンチエイリアスを切ってます。

拡大すると：

100%表示で背景にグラデーションをかけたりすると、いい感じになります。

今回は、

・　950px×300pxのレイヤーPSDと
・　応用に使ったバーのpsd
・　それぞれのGIF

をzipにしています。

web2.0的斜めストライプレイヤー 空間の調整 002 download : (336)

Downloaded a total of 336 times

斜め線。　結構最近使用が増えてきているものの、何度もちまちまコピペするのは面倒ですが、

Icon Gloss があれば一瞬で何度でも作れます！ 

幅　：　今回は、1px×空白1px　～　20px×空白20px　

形式　：　photoshopの.psd形式にて、レイヤー別に分けています。

サイズ　：　サイズは、yahooも始めた　幅：950px×縦：300px

もっと高さが欲しい人は複製して下に繋げて下さい。

Screenshot：

使い方：

背景は角丸長方形ICONGLOSSを使いました。　実際はあなたの画像でOKです。 

ストライプIconGloss　を開き、好みの幅のレイヤーをアクティブにします。　今回は10pxです。

 レイヤーをドラック＆ドロップなどして、画像の上のレイヤーに配置してください。

下地レイヤー上で、　command（ctrl）+クリック  もしくは、選択範囲の読み込みで画像全体の範囲を指定します。

選択範囲を反転　します。　画像以外が指定されている状態になります。

deleteボタンなどでレイヤーを消し去ります。　あ、、レイヤー間違ってる。。 

不透明度を調整して馴染ませて完成！

応用：

 応用すればいろいろな事が出来ます。

上画像はわかりやすい色にて作りました。

１．　ストライプの線の選択範囲を読み込む

２．　新規レイヤーを作り、作成した選択範囲内に、グラデーションツールで上に行くほど薄くなる様に塗りつぶし。

３．　背景画像の選択範囲を読み込む。

４．　選択範囲の拡大　2px　を行って、下地画像の下に新規レイヤーを作成。

５．　ちょっと濃い色で塗りつぶして、アウトラインを作成。

で、完成です。　右にあるのは分解図。　慣れれば作るのに1分かかりません。

zipファイルの中には、psdデータが入っています。　応用データもあわせて入れておきます。

使用後にリンクしてくれたら最高にうれしいです！

　 斜めストライプレイヤー郡001　1px-20pxまで download : (458)

Downloaded a total of 458 times