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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ