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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ