• ベストアンサー

文字をずらしながら2重に縁取りしたい

スポーツ新聞の見出しのように文字をずらしながら縁取りしたいのですが、ああいった物はどのようにして作成されているのでしょうか?例えば、   (1)青で文字を書く   (2)青い文字を白で縁取りする   (3)白の縁取りをさらに赤で縁取りする という事をしたいのですが、これだけならPhotoShopで「境界線を描く」を2度使えばでできました。 しかしこれに加え、(2)の縁取りを右下方向などに伸ばしたい(立体的にしたような)場合の操作方法がわかりません。 色々試して(2)の縁取りを1pxずつ右下にずらしながら複写すればできたのですが、もっとスマートな方法があればお教え下さい。 ※なかなか上手く伝えられませんので、実際にスポーツ新聞をご覧頂くかhttp://www.nikkansports.com/ 等に載っている写真などをご参照下さると幸いです(^^; OSはWindows98、持っている画像ソフトはPhotoShop5.5、Illustrator7、FireWorks3、Flash4ですが、フリーでこういう加工ができるソフトがあればそれでも結構です。 市販ソフトでもいいのですが、出来ればこれ以上の出費は避けたいと思っていますのでそれは最終手段にしたいと思います(^^; よろしくお願い致します。

  • orni
  • お礼率83% (10/12)

質問者が選んだベストアンサー

  • ベストアンサー
  • kusabo
  • ベストアンサー率25% (18/71)
回答No.5

スポーツ新聞風の文字を作れて、 画像として保存できるソフトがあります。 フリーウェアです。 下のURLに行ってください。 このソフトには僕も感動しました☆

参考URL:
http://www.vector.co.jp/soft/win95/writing/se106108.html
orni
質問者

お礼

探せばこういうソフトもあるものなんですね!まさしく感激しました。 今度からはVectorのなかをもっとちゃんと検索してみたいと思います。 ありがとうございました。

その他の回答 (4)

noname#810
noname#810
回答No.4

別にFlashでも可能ですよ。 こんな感じですか?>参考URL やってみれば簡単なんですが、 1)まずテキストツールで文字を書き、 2)それを選択し、修正>分解 ※これでフォントが塗りに変換される 3)インクボトルツールに切り替えて、先ほどの塗りの部分を選択 ※これで任意の色に縁取りできます。インクボトルツールは塗りの部分を線で縁取る機能です 4)さらに縁取りしたければ、上記の線を選択し修正>塗りに変換で縁取り部を塗りにしてから更に別の色でインクボトルツールを使用します。 5)ここまで完成したものをコピーし、下のレイヤーに配置し黒などで塗りつぶします。これを右下にズラしていけば影っぽくなります。 どのソフトの解説本を買ってもこれくらいは載ってますから、一冊くらい買うべきでしょう。

参考URL:
http://www6.plala.or.jp/beamz/sample/sample.html
orni
質問者

お礼

ご回答ありがとうございました、ただ、 「ずらす」だけでなく斜めに「延ばし」たかったもので…… http://users.goo.ne.jp/orni/spnewsp.gif のようにしたかったのですが。 影ではなく3Dっぽいというか。上手く表現できずに失礼しました。

  • Yumikoit
  • ベストアンサー率38% (849/2209)
回答No.3

勘違いしてたら申し訳ないのですが、PhotoShopなら文字レイヤーは別レイヤーになりますよね。 ここで、[レイヤー]-[効果]にて [光彩]-[外側]  描画モード:通常,その隣の色マスをクリックして白を選択 ぼかし:2pixels以上あたりなら使用に耐えるかと。 [ドロップシャドウ]  シャドウ:乗算    その隣の色マスをクリックして白を選択  距離:あまり大きいとズレが目立ちますが3Pixelsくらいなら     適当にずれて見えます。  ぼかし:0pixels とここまで加工した上で、 背景色を予め上記の色とは違う色で塗りつぶしておいて 背景色で色域指定、範囲反転してから 境界線を描く、ではいかがでしょうか。

orni
質問者

補足

ご回答ありがとうございました。 やってみたのですが、フォントのサイズがかなり大きいので(これは書いてませんでしたね、スミマセン)この方法では上手くいきませんでした。 ただ、いろいろな機能を使う発想がとても参考になりました。また何かありましたらお願いします。

  • taka-0
  • ベストアンサー率16% (9/53)
回答No.2

orniさんが一番苦労してるのは、斜下へのずらし方ですよね? フォトショップでやりたいのであれば、orniさんの今のやり方が一番だと思います。 ただ、少しずつずらしながら複写するのは面倒なので、複写した縁取りをずらしたい一番外側の部分まで 持ってきて、その間のくぼみを同じ色で塗りつぶせば、少しは楽になると思いますよ。 イラストレーターでやる場合は、yyz_gedyさんと同じですが、さらに文字の縁取りとずらした方の縁取りの間をブレンドツールを使って埋めることができます。 考え方はorniさんが最初にフォトショップでやってた、少しずつずらしながら複写するのをコンピューターの方で一括してやってくれる機能で、少しデータの量は大きくなりますが、希望通りの縁取りができると思いますよ。 その時ブレンドツールのステップ数を最低でも30~40以上に設定すれば縁取り間のでこぼこは目立たなくなります。 それとオブジェクトの点と点をクリックする時、同じ場所の点同士を選ぶようにしないと失敗します。 僕はMacで5.5と8.0しか持ってないので、7での細かいやり方は分かりませんが、そんなに大差ないでしょう。

orni
質問者

お礼

的確なご回答ありがとうございました。文字をアウトラインにしてブレンドするまではできたのですが、それをさらに縁取りするのが分からず御礼が遅れました。 試行錯誤の末、パスファインダで合体したあとにパスのオフセットを行って完成しました。

  • yyz_gedy
  • ベストアンサー率7% (1/13)
回答No.1

イラストレーターで、テキストオブジェクトを複製して カラー属性をそれぞれ設定し、位置をずらします。 前面に出したり背面に送ったりすると色々違った立体感が・・ 私はこの方法でごまかしてます。イラストレーター5.5ですけど。

orni
質問者

お礼

ご回答ありがとうございました、ただ、 ずらすだけでなく斜めに延ばしたかったもので…… 結局ブレンドを使って上手くいきました。

関連するQ&A

  • 画像(立体文字)からの縁取り

    初心者で、申し訳ないのですが、 オンラインから持って来た画像(ロゴ)を白黒の縁取りをしたいと思っています。 たんなる平面縁取りではなく立体文字の縁取りなので、どうにもうまくいきません…。 持って来た画像をライブトレースでパスを出して、前面の文字はストロークで縁取り又は文字をコピーで重ねて縁取り、などは出来たのですが。 後ろの立体の幅?の部分の縁取りに手こずっています。 同じようにストロークや重ねでやると、前面の文字と重ねると縁取りが太くなったりずれたりしてしまいます。 なのでなにかいい方法はないでしょうか? 宜しくお願いします。

  • HPの文字をきれいにしたい

    winです。 photoshop、イラレ、fireworksをつかっています。 会社のHPを作っているのですが(素人です) web上の見出しの文字やを画像で作る際にいつも困るのですが・・・・。 文字をきれいにしたいのですがどうやればいいのでしょうか? おすすめのフォントとかありますか? フォントはダイナフォントを買いましたが(一万くらい)やはり五万くらいのフォントをかうほうがいいのでしょうか? 文字をつくるときには、イラレ、fireworksのどちらを 使っていますか? あと、ボタン作成時のフォント 会社概要とかHOMEとか事業内容とか はどんなフォントを使っていますか? いいサイト等ありませんでしょうか? 教えてください。

    • ベストアンサー
    • CSS
  • 文字を球体にはったエフェクト

    はじめまして、 文字にエフェクトをつけてボールに書かれているように見える状態にしたいのですが上手くいかず困っています。 お教えください。 ソフトはAdobeCS3で、photoshop,flash,fireworksなどが使えます。

  • 写真内の文字を立体的に見せる方法を教えてください。

    今、ロゴを作るために紙に字を書いてスキャナで取り込んで、 PC内で文字を立体的(はじめ人間ギャートルズのオープニング風)にしたいと思っています。 インターネットで検索すると、PCで入力した文字を立体化する方法なら見つかりましたが、 スキャニングした物を立体的に見せる方法は見つけられませんでした。 ソフトはillustratorとphotoshopを持っています。 どなたかわかる方教えてください。

  • 文字の装飾のやり方

    画像等の上に文字を入れたいのですが、文字の色変えたりエフェクトかけてもどうもしっくりきません。 背景が画像のように無地ではなくても引き立つ文字の装飾を知りたいのです。 製作に使っているソフトは主にDreamweaver、Fireworks、Flashです。 今はFireworksでラフ画を描いてる途中です。 Illustrator、Photoshopは必要に迫られれば使いますが、マニュアル本片手になんとか動かせるレベルです。 たとえば袋文字とか、文字の後ろにくっきり影みたいなのをつけるとかってやっぱりグラフィック系ソフトでなければできないものなんでしょうか。Firewoksとかでいろいろできませんか?

    • ベストアンサー
    • CSS
  • フォントの文字を縁取る方法

    フリーのフォントをダウンロードして写真等に文字を入れたりする際、文字色がバックの色に左右されないように縁取りがあればいいなぁ~と思いました。 文字色、縁取りの色を変えたりしたいのですが、その場合はどのような方法があるのでしょうか? また、ダウンロードしてくるフォントに縁取りがないものでも、画像編集ソフト等で縁取りをつけることができますか? その場合はどんな画像編集ソフトを使えばいいのでしょうか?ちなみに私が今使用している画像編集ソフトは「JTrim」です。 よろしくお願いします。

  • フラッシュ8での文字の縁取りや、工夫

    ご指導宜しくお願い致します。 フラッシュ8で写真を背景に,テキストで文字を挿入する際に,フォントを指定してから 「黒縁取りで、白抜き文字」にしようとしてますが,左のメニューからカラーで(線のカラー)を黒に (塗りのカラー)を白にしても,縁取りが黒にはなりません。 このメニューでは,実線だけなのでしょうか。 黒縁取りにして,縁取りの線の太さなどを変えるのは,どのメニューを使うのでしょうか? バックを白や黒に変えても縁取りが出来ていないのですが,テキストでの文字を,縁取りを変える方法を教えて下さい。 また,この時に下は,アンチェリアス優先で,静止テキストでいいでしょうか。シンボルにする前ですよね。(シンボル後でも可能?) もっと、他でも文字の工夫で見栄えのいいのが出来るでしょうか。 宜しくお願い致します。

  • 文字作について

    背景を透き通しにする方法はありますか?スポーツ新聞っぽく文字作で作った文字と文字を少し重ね合わせたいのですが、なかなか出来なくて困っています。

  • 縁取り文字や角丸図形の描けるソフト

    アドビーのFireworksの代わりになるWindows用ソフトはないでしょうか。 求める機能は下記のサイトの画像(激安・省エネ・プライス・よくある質問)のような縁取りや影付き文字、角丸のWEB用の図形の作成です。角丸の角度や文字の装飾が直感的に手軽にできるのが希望です。 オススメなソフトをご紹介ください。 http://www.solar-shop.jp/

  • 【イラストレータ】効率のいい文字の縁取りのやり方は?

    illustratorCS2と10(WinXP)使用者です。 見出しなどに使う文字はたいてい縁取りがしてあるものですが、いまいちこの縁取りが面倒に感じます。 現状自分がやっているやり方は以下のとおりです。 1.文字を書いて「塗り」も「線」も色なしにする。 2.アピアランスで「新規線を追加」→「塗り」と「線」を上下入れ替える 3.「塗り」と「線」に色づけ。 4.線幅を調整。 やろうとしていることは単純なのに結構手間です。プロもはたしてこんなことやっているんだろうかと疑問に思います。もっと楽な方法ご存知の方いらっしゃいましたら教えてください。よろしくお願いいたします。