ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

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月の人気記事ランキング