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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ