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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ