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でレタープレス効果を表現する方法」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ