Fireworksでレタープレス効果を表現する方法

メルです。

今日はFireworksを使ってレタープレス風に見せる方法を紹介します。

レタープレス効果とは何かわからない為に説明すると、
レタープレス効果とは型押し効果のことで、押し付けてへこんだような
効果のことです。

こういうやつ。

Fireworksでレタープレス効果を表現した画像の完成イメージ

 

 

Fireworksでレタープレス効果を表現するコツ

Fireworksでレタープレス効果を表現するにはちょっとしたコツがあります。

凹凸があるように見せるには、色使いや、光の当たる角度を
意識しなければなりません。

と言っても私でも出来てしまうくらい簡単なことです。

 

光の当たる角度を意識する

レタープレス風に凹凸の質感を出す為には、光の当たる部分は少し明るく、
光が当たらない部分は少し暗くします。

例えば文字色が赤なら、光の当たる部分は少し文字色の赤よりも明るめの赤で、
光の当たらない部分は文字色の赤よりも少し暗めの赤にすると言った感じに。

 

Fireworksでレタープレス効果を表現するには光の角度を意識する

 

上から光を当てた場合、文字の上の部分は凹んでいるので暗め、
文字の下側の盛り上がった部分に光が当たるので明るめ、と言った感じです。

 

 

色使いを意識する

レタープレスを表現するには背景色や使う文字色名も意識します。

文字色は背景色よりも少し暗い色を使います。

 

以上を踏まえて実際に作ってみます。

 

 

実際にFireworksを使ってレタープレス効果を作っていく

順番としてはまず、背景を描き、その上にテキストを描き、
その後にテキストと背景にエフェクトをかけていきます。

 

背景を描く

それではまずは背景から描いていきます。

 

長方形ツールを使い、四角を描きます。

色は#aaaaaaにします。

 

 

 

テキストを描く

次にテキストツールでFireWorksDesignと描きます。

 

文字色は背景よりも少し暗めの#939393にします。

 

 

 

文字にエフェクトをかけて凹凸感を出す

ダイレクト選択ツールで文字を選択します。

 

プロパティインスペクタのエフェクトボタンからシャドウ(内側)をクリック。

 

距離、柔らかさを1に、
不透明度を88%に、
色を#666666に、
角度を270度にする。

 

 

プロパティインスペクタのエフェクトボタンからドロップシャドウをクリック。

 

距離、柔らかさを1に、
不透明度を88%に、
色を#ffffffに、
角度を270度にする。

 

出来上がりました。

誰くと選択ツールで文字を選択し、コピーし、属性をペーストする事で

他の文字や図形などにこのエフェクト効果を効かせる事が出来ます。

 

 

線や図形に属性をペーストするだけで簡単にこういう画像が出来上がります。

 

Fireworksでレタープレス効果を表現した画像の完成イメージ

 

また、凹凸を際立たせる為には、上図のように背景にテクスチャをかけます。

木目 28% くらいがちょうど良いでしょうか。

 

 

この投稿は役に立ちましたか? 役に立った 役に立たなかった

 

ネットビジネス速報メールマガジン

 

メルのネットビジネス速報では、悪質高額塾などの被害が拡大しないように
新しい悪質販売者の情報が入り次第、速報でお伝えいたします。

Dreamweaver、Fireworks、PhotoshopなどのTipsやチュートリアルの紹介、
最新SEO情報、その他ネットビジネスに関する情報をいち早く配信しています。

お名前(必須)
メールアドレス(必須)

記事「Fireworksでレタープレス効果を表現する方法」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

Wordpress Content Slide エクスプローラー ムーバブルタイプ 権利収入 伊藤 歩 サンタ シャンプー 81a338 ブロック ECサイト やしろ塾 MasterCollection 関根塾 中山秀人 無料オファー document.all RSS ヤフー タイガーウイング ビジネス YouTube Maniax 2017 フォローマティック 秀吉塾天下統一 ソース IE KMS認証 登録禁止 テーマ クラウド変換 ネットショップ Agency Business 出店料 北川 雅嗣 wp-login.php 特定のメールアドレス プラグイン 与沢翼×蝶乃舞 インターネットビジネススクール BUYMA 管理画面 アクセスアップ office SmoothScroll.js レンタルサーバー アフィ匠 人物 タスクバー XHTML 表示 管理ツール アフィリエイト ブルートフォースアタック 株式会社バンザイ 土屋ひろし 株式会社A-ブログレス 伊藤塾 転売大園塾 ネットビジネス 背景 Windows 7 配布 特権ビジネス エキスパートメール 大園麗花 system アンダーグラウンドアフィリエイトクラブ テンプレート プロモーション 固定ページ 音量アイコン .htaccess PHP スタイルシート 村上省吾 新井浩 改ざん ping送信 無料 球体 レビュー 感染 短縮URL Extension Manager ヤフーショッピング ソースコード 大西良幸 スカイプ アドセンス Cash on Wordpress 不正送信 ウインドウ 小笠原健一 iphone クラウド入力機能 個人情報 ブロックポリシー アレックス式ネオせどりスクール レイアウト崩れ ライオンアフィリエイト 宮田麗花 百度 CGI 三橋美仁 moza アンダーグラウンドメソッド Favicon ソフト html メルマガ配信システム 申請金ビジネス 関根義光 インターネットエクスプローラー Internet Explorer ツール DTD 株式会社SRシステム クロスアフィリエイト バイドゥー 秒速で1億円稼ぐ男 山下 BBIZ セキュリティ JavaScript ざくざく君 getElementByTagName 自己アフィリエイト トレンドキーワード Newpost Catch functions.php ブラクラ 池田純矢 高額塾 アクセス制限 レタープレス ネットゲーム インフォトップ 大園転売塾 与沢翼 @PAGES 加藤 秀吉 SyntaxHighlighter ファビコン 日本語入力変換ソフト Google Maps API 賢威 ネットビジネス大全集 マイクロソフト 久積篤史 サイト改ざん パズル explorer クラック トレンドアフィリエイト 株式会社ニュース Chrome 滑らか 立体 既得権益 脆弱性 やしろひろたみ 高速ゲーム KMSpico google スクロール css RSS Includes Pages カスタマイズ Login LockDown ランキング getElementById ハート 流出 CS6 グラデーション ライブチャット SKナレッジ DOCTYPE 石井匠 エディタ 復元 ボタン SEO 無断送信 Thunderbird ブラウザ Ban Hammer アイコン ブラシ 短縮URLツール ツイッター ライン マルウエア 画像 Adobe EC ネットビジネス最後の楽園 大園式転売塾 もざ HTML4.0 MovableTYpe Line エクスチェンジ ドメイン wpXサーバー FireWorks プロファイル コピーボタン 副業術 切抜き postpost 優先順位 ネオヒルズアカデミー High Concept Marketing Google Maps WEB マニュアル ネットガレージ ぼかし android PPC IBS 株式会社SRシステム 放射線 Tiger-Wing 自動化 定型文 原田真 ヤフオク せどり バックアップ フレンドシップメール 蝶乃舞 バイマ 伊藤虎太郎 不労所得の神 個人情報流出 force puzzle Firefox ping Yahoo twitter CS5 RMT 上位表示 レイアウト WP トラフィック モザイク 詐欺 加工 インターネット バナー 株式会社Free Agent Style クリックランキング ウイルス Diamond Affiliate Masters Program デスクトップ FTP 情報商材 比較 MT Youtube LinkShaker Windows ユーチューブマニアクス2017 ロリポップ followmatic tool リンクシェイカー スムーズ インペリアルゴールド wordpress 詐欺組織 株式会社WINGOOD 切り抜き スマホ ワードプレス メモ IP Baidu 到達率 がら空きビジネス 掲示板 改竄 伊藤 虎太郎 量産 自動 アレックス 自己アフィリ 不正アクセス

アーカイブ

エステトラブル

このページの先頭へ