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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ