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

アーカイブ

エステトラブル

このページの先頭へ