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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ