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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ