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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ