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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ