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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ