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

アーカイブ

エステトラブル

このページの先頭へ