スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

Homeフォトショップ講座 > ネオンサインの作り方

ネオンサインの作り方

投稿日:2008年4月25日   レベル:初心者    ソフトウェア:PhotoShopImage-Ready
このチュートリアルでは、ネオンサインを描いてみたいと思います。


Step1:新規ドキュメントの作成
新規ドキュメントを作成します。

サイズは600ピクセル×400ピクセルです。

ps_14266_01.jpg

背景色が黒になっていることを確認してください。


Step2:テキストの挿入
文字ツールを使ってこのようにテキストを入れます。

ここでは「Planet Kosmos」を使います。

「Planet Kosmos」へのリンク

ps_14266_02.jpg

クリックして拡大


Step3:新規レイヤーの作成
新規レイヤーを作成します。

ps_14266_03.jpg


Step4:テキストレイヤーの選択
レイヤー1を指定したまま、「Ctrl」キーを押しながらテキストレイヤーをクリックします。

ps_14266_04.jpg

このように選択範囲が読み込まれます。

ps_14266_05.jpg

クリックして拡大


Step5:選択範囲の縮小
選択範囲を縮小

ps_14266_06.jpg

ps_14266_07.jpg

クリックして拡大


Step6:文字内の色を削除
「Delete」キーを押します。

ps_14266_08.jpg

クリックして拡大

背景にシェイプが作られます。

ps_14266_09.jpg

クリックして拡大

ps_14266_10.jpg


Step7:レイヤーの結合
レイヤーを結合

ps_14266_11.jpg


Step8:矢印を作る
矢印を作ります。

ps_14266_12.jpg

クリックして拡大


Step9:レイヤーの複製
レイヤーを4つ複製します。

レイヤー1を選択し、「Ctrl」+「U」キーを押して「色相・彩度」ウィンドウを開きます。

ps_14266_13.jpg

レイヤー2

ps_14266_14.jpg

レイヤー3

ps_14266_15.jpg

レイヤー4

ps_14266_16.jpg


Step10:ImageReadyで作業
これから、ImageReadyで作業を行います。

アニメーションパレットで4つのフレームを複製します。

ps_14266_17.jpg

フレーム1のレイヤー

ps_14266_18.jpg

フレーム2

ps_14266_19.jpg

フレーム3

ps_14266_20.jpg

フレーム4

ps_14266_21.jpg

すべてのレイヤーのディレイを0.2秒に変更します。

ps_14266_22.jpg

gif形式でファイルを保存します。

ps_14266_23.jpg


Step11:完成
これで完成です!!!!

ps_14266_24.gif

クリックして拡大


引用:Web Design Library  著者:Tu-torial.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング