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

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

トラックバックURL

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

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

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

コメント投稿フォーム

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

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

PHOTO TUTORIAL

有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました

有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました

レイヤースタイルの基本 その1

レイヤースタイルの基本 その1

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

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

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

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

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

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

メタル文字の作り方

メタル文字の作り方

肌を調整して美麗に

肌を調整して美麗に

背景をぼかして被写体を目立つように

背景をぼかして被写体を目立つように

やぶれた紙の表現

やぶれた紙の表現

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

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

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

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

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

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

RSS1.0

[Login]


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