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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ