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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ