チュートリアル:photoshopで手軽にストライプ模様をつける方法

チュートリアル:photoshopで手軽にストライプ模様をつける方法


スポンサード リンク

ストライブ
ホームページを作る人ならストライプを華麗に使いこなしている人もいます。
今回この記事によって、Web2.0っぽいストライブデザインをフォトショップのデザインの中に自由に使えるようになります。

あと上の参考画像。
よりによって筆者、水色ストライブを作ってしまってちょっとダサいので、作るときは皆さんのセンスでかっこいいデザインに仕上げてください・・・。

まずは以下のサイトからストライプ模様を手に入れましょう


generator
まるで囲われた部分を同じようにしてみましょう。
Stripe Generator

慣れてくれば同じようにする必要なんてありません。
上のつまみが線の幅で2番目のつまみが線と線の間の幅を表しています。

※注意点はこれ
006.jpg
いざダウンロードしようとした時にこのメッセージが画面上部に現れます。
これを解除すると、今まで決めた設定が全てなくなります。

なので、一番最初にダウンロードボタンを押して、このメッセージが出てきたら解除。もう一度設定する事で2度目は正常にダウンロードできます。

ダウンロードした画像を開き、パターンの定義をする


ダウンロードしたpngファイルを開きます。
パターンの定義:フォトショップ

ファイルを開いたらそのまま編集→パターンを定義の順に選び、定義します。
定義:フォトショップ

今度は塗りつぶしツールにして、画面左上にある赤で囲われた部分をパターンにします。
塗りつぶし

パターン

パターンの種類に、今追加したストライプが入っています。
ストライプパターン

これを選ぶ事で今後塗りつぶすもの全てにストライプを使用することができるようになりました。

グラデーションにストライプ模様


レイヤーをつくり、グラデーションのかかった画像を作ります。
その上にレイヤーを新規作成して今定義されたパターンで塗りつぶします。

014.jpg

塗りつぶしたストライプレイヤーをいじると完成します。
新ブログ:ITクオリティもよろしく。
この記事のコメント (0)

スポンサード リンク


はてなRSSへ追加 My Yahooへ追加 Livedoorへ追加 Google Readerへ追加

はてなブクマこのエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク newsing it! del.icio.usでブックマーク
私の他のブログの更新状況
最近のエントリー
» タッチパネルWindows7のデモビデオ
» webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか
» セキュリティソフトのカスペルスキーがいかに強気なのかを確認できる一覧[ネタ]
» [これすご]70のphotoshop修正テクニック
» 旭川で行われたMicrosoftのセミナーに壮大に釣られた
» ブロガーは2クリック以内にワンクリック詐欺サイトに到達する可能性が高い
» Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ
» アメブロのブログマナー定義がどうも腑に落ちない
» FLASHベースのリッチテキストエディタ『obedit』
» 画像にメッセージを埋め込むflickr見たいな機能のJavaScript
» 7月と言えば『まとめ祭り』ということで、まとめエントリーをまとめました
» 『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
» 『YouTubeを見ている全てのユーザー視聴情報をバイアコムへ』米国法廷が裁決。
» [ゲーム脳]DS版ディスガイアが本当にヤバイ理由を懇々と説明するよ
» 相手サイトのサムネイル画像を簡単にブログにはるタグを作るeパレット2

ホームページを作る人のネタ帳トップへ

Comment

当ブログのコメントポリシーはこちら

 
管理人にのみ表示する
 

Home

SPONSOR2

ブログ記事を検索

Google

カテゴリー

月別過去記事

私のおすすめ書籍

最近のトラックバック

リンク

お問い合わせとか

お問合せ、広告について

名前:
メール:
件名:
本文:

最近のコメント

プラグイン

あわせて読みたい

フィードメーター - ホームページを作る人のネタ帳

SPONSORS


このブログについて

当サイトはインターネットでのデザインや、ホームページ作成に関する私Yamadaの個人的勉強をネタとしてご紹介するサイトになっています。 
>> 管理人プロフィール
>> このブログの人気記事
メールでホームページを作る人のネタ帳を購読





私が個人的に運営しているサイト
■ブログ支援【e】パレット2(NEW!)
■アイデアノート
■WEB9.0 ホットなWEBサービスを
■どばっと動画検索 イーチューブ
■ブログネタ収集用『BMF』
■PHPプログラムを作る人のメモ帳
■SEO上級者マニュアル

この日記のはてなブックマーク数

最近のエントリー

タグクラウド

ITクオリティ

自然イメージチュートリアル
美しい3Dテキストのインスピレーション
wordpress
ポスターのインスピレーション