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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ