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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ