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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ