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

アーカイブ

エステトラブル

このページの先頭へ