フォトショップ 使い方マニュアル

Adobe PhotoShop の基本の使い方 〜 テクニック・便利素材の紹介

カスタム検索

カテゴリーリスト

最近の記事

最近のコメント

web2.0風な光沢感のあるロゴ [テクニック] Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク

画像(240x240)

いまどきはやりの光沢感のあるweb2.0風(あくまで風)なロゴを作成しましょう。
ポイントはパスで波形を作ることだけ!

1)文字の入力

画像(320x240)

作例は320px_240pxのサイズで作成しています。
「PHOTO」を入力して画面いっぱいになるよう拡大します。

2)レイヤースタイルの設定

画像(320x214)・拡大画像(677x454)

テキストレイヤーを選んでいる状態でスタイルを設定します。
設定内容は左の図を参考にしてください。
(クリックで拡大します)

画像(320x214)・拡大画像(677x454)

画像(320x214)・拡大画像(677x454)

3)パスで波形のボックスを作る

画像(320x240)

今回のポイントです。
・まずペンツールを選択します。
・水平に1本パスを引きます。(左枠外クリックそのあと右枠外クリック)
・できあがった水平線の中央部あたりをドラッグしてポイントを追加しながら波形にします。

画像(320x240)

・波形ができあがったらボックスになるよう、右上・左上・開始点とクリックしてパスを閉じます。

4)ボックスを選択範囲に変換

画像(341x233)

パスパレットに切り替えてオプションパネルから「選択範囲を作成」を選んでください。

画像(320x240)

選択範囲が作成されたら、レイヤーパレットに切り替えて新規レイヤーを追加します。

5)選択範囲を塗りつぶす

画像(320x240)

・選択範囲内を背景色で塗りつぶします。今回は白色ですね。
・塗りつぶしができたらCTRLキーを押しながらテキストレイヤーの先頭□枠をクリックして文字部分のみを選択しましょう。

画像(320x240)

・一番上のレイヤーを選択していることを確認して「スクリーン」「不透明度25%」にモードを変更します。

画像(320x240)

完成!

Posted by MATSUDA   トラックバック ( 0 )   コメント ( 1 )

トラックバックURL

http://h-matsuda.com/photoshop/tb.php?ID=18

はじめまして!こちらのマニュアル活用させて頂いてほんとに助かっています。実は、このフォント加工について、テキストレイヤーを選んでいる状態でスタイルを設定します。とありますが、私はAdobePhotoshopElements7.0を使用しているのですが、設定が出来ないんです。スタイル設定のボタンはあるのですが使用できない状態です。フォントのレイヤーを選択した状態にしてるんですけど・・・。もし良かったら教えて下さい。お願いします。

あきら 2010年12月12日 11時03分 [削除]

コメント投稿フォーム

名前: (この情報をCookieに保存させたい場合にチェック)
メールアドレス: (表示はされません)
URL: (名前にリンクされて利用されます)
コメント:
パスワード: (削除時に利用)

ページのトップへ ページのトップへ

PHOTO TUTORIAL

ポールスミス風?のボーダーを描く

ポールスミス風?のボーダーを描く

パターンでモザイク風画像

パターンでモザイク風画像

肌を調整して美麗に

肌を調整して美麗に

切手風のエッジ

切手風のエッジ

クリッピングマスクで画像を切り抜く

クリッピングマスクで画像を切り抜く

web2.0風な光沢感のあるロゴ

web2.0風な光沢感のあるロゴ

カラフルなテキスト用レイヤースタイル

カラフルなテキスト用レイヤースタイル

【光彩】を使ったネオン風テキスト

【光彩】を使ったネオン風テキスト

泣いた瞳と涙を描く

泣いた瞳と涙を描く

ドロップシャドウで印象的な影をつける

ドロップシャドウで印象的な影をつける

メタル文字の作り方

メタル文字の作り方

レイヤーの描画モードを使ってエッジを作成

レイヤーの描画モードを使ってエッジを作成

RSS1.0

[Login]


powered by a-blog
Copyright (C) 2007 PhotoShop 使い方マニュアル All rights reserved.