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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ