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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ