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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ