• ベストアンサー

画像にテキストを埋め込むジェネレーターの作成方法

http://www.web20badges.com/ 上記URLのサイトのように自分で用意した画像に WEB上でテキストを加工(色やサイズ・ボールドや回転等)して 画像を作成するジェネレーターを作成したいと思いますが 参考になるようなサイトやスクリプトなどありましたら 教えていただきたいと思います。 宜しくお願いいたします。

  • PHP
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
  • umioyo
  • ベストアンサー率66% (35/53)
回答No.1

実際に作ってみるといろいろ解決すべき問題もありそうですが、とりあえず文字に関してはGDのimagepstextとか使えばできそうな気もします^^; 元画像もいじれればもっと面白そうなサービスはできそうですね。 元画像をいじるなら、やる内容にもよりますが簡単な加工ならばImageMagickよりAsidoがオススメです。 http://www.barque.jp/tips.html?num=7

参考URL:
http://jp.php.net/manual/ja/function.imagepstext.php
shikilab
質問者

お礼

大変参考になり 作成できました。 ありがとう御座いました。

shikilab
質問者

補足

Asidoについてはumioyoさんにおしえてもらい 初めて知りました。 今回はimagemagickで作成しましたが asiboも試してみようと思います。 ありがとう御座いました。

関連するQ&A

  • ジェネレーターの作り方

    http://bzmm.jp/hs_gene/ http://vllv.us/CGI/yugioh/ 上のようなジェネレーターが作りたいです。 やりたいこと 1.テキストボックスに文字を入れ、その文字が入った画像を作成する。 2.画像に入れる文字のフォントを指定できるようにする。 3.(下の遊戯王ジェネレーターのように)画像を選択し、その画像を自動で大きさを変えて貼り付ける。 4.作成した画像をtwitterに投稿できるようにする。 (この時、twitterの画像として貼り付けるのではなく別ページを開いてそこに画像が貼ってある形にしたい) 検索しても方法がわからないので方法を教えてください。

  • 画像をゆっくりと切り替える方法

    ホームページを作成しているのですが、トップページの画像を何枚かの写真で切り替わるようにしたいと考えています。写真の切り替えは下記URL(1)のサイトなどで作成できますが、下記URL(2)のように切り替わるときにゆっくりと次の写真に切り替わるようにするにはどうすればいいのでしょうか? ご教授のほど、よろしくお願いします。 URL(1)「画像加工編集サイト」 http://www.bannerkoubou.com/ URL(2)「料理旅館 京家」 http://www.kyouya.co.jp/

  • Web2.0的ボタンの作成方法について

    よくウェブ制作会社のホームページなどで見かける、 Web2.0的?ボタンの作り方を探しています。 http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/ にあるような、画像(今回の場合はボタン)の中段から上下に濃い色と薄い色に 分けて立体的に見せるようなデザインではなく、どちらかというと http://www.web20badges.com/ にあるような、 (1)曲線を入れて反射しているように見せる (2)ページ下の方にある赤いボール(Pool ball)の白い部分にある  ような、複雑な図形による反射(立体感)を表す を簡単に実現できるツール(ソフトやウェブサイト上のサービスなど)を探しています。 (2)については http://www.forest.impress.co.jp/lib/inet/homepage/logobutton/aquamaker.html という素晴らしいソフトがありますが、やはり(2)の白い部分のような複雑な図形を作ったり、 ボタン自体の形を自在に作れないところが難点です。 Web 2.0 Badgesは作成レイヤーをpsd形式で落とせる みたいですが、ある程度バッジの大きさが出来上がってしまって いるので、ここから新たに作りたい図形のレイヤーを組み込んでいく のは手間がかかってしまいます。。 なので簡単に上記(1)(2)を作成できるツールをご存知であれば教えてください。 あと、話変わりますがPhotoshopの書籍で、写真の加工とかではなく こういったWeb2.0素材の作り方に絞った書籍があればかなり売れると 思うんですけどね・・。本屋で100冊くらいの書籍を探しましたが ありませんでした。見つけた方は是非ともレスいただけると ありがたいです。 それではよろしくお願いいたしますm(__)m

    • ベストアンサー
    • CSS
  • コマンド?による大きいテキストファイルの作成方法

    以前に何かの記事で読んだか、WEBサイトで見たか覚えていないのですが、ギガバイトサイズのテキストファイルを簡単に作成できるコマンド?かまたその方法をご存知の方は、教えて下さい。

  • この画像を作成したいです。

    はじめまして、 http://www.centforce.com/index.html このホームページに左右に3Dのように画像が回転しています。 このような回転したものを作りたいのですが、どうやってできますか? アクションスクリプトを使わなくても、あるツールかソフトを使えば作れる話を聞いたことがあります。 よろしくお願いします。

    • 締切済み
    • CSS
  • PHPでGmail署名ジェネレータ

    Gmail署名ジェネレータサービスを見て、コレは便利だと思い、日本語でサービスしているサイトが見当たらなかったので、自らもオリジナルを作成しようと思い立ちましたが、PHP初心者でしてなかなか上手く行きません。 参考にしようとソースを見ても、HTMLにはPHPのスクリプトは書かれていない事に気付きました。(調べるとサーバサイドで動く、との事なので当たり前ですね) 画像にユーザが入力した文字列データを画像に埋め込むというのは具体的にどういった様に処理すれば良いでしょうか。 理想としては、http://www.gmailsignature.net/のような感じです。 オリジナル画像は既に作成してあり、可能であればhttp://services.nexodyne.com/email/のようにいくつか対応させたいなと思っていますが、まずはGmail署名を作りたいです。 宜しくご指導の程、お願い致します。

    • ベストアンサー
    • PHP
  • 1つの画像から回転などで沢山の画像を作成する方法

    1つの画像から、回転などを用いて自動的に大量の画像を作成する方法はありますか? 只今、機械学習について学んでいて、正解画像や非正解画像が3000~7000あるのが理想的だと聞きました。 画像を傾けたり回転させるなどして、自力で1000枚ほど用意したのですが、何か他に簡単な方法がありましたら教えて下さい。

  • テキストにマウスオーバーで画像を変える方法

    テキストにマウスオーバーで画像を変える方法 左のナビの例えば、ぶどうのテキストにマウスオーバーした時に、それに連動して右のぶどうの画像のコントラストを高くすることはjava scriptではできるのでしょうか? もちろん画像のコントラストを高めた画像は用意しますので、要はcssのロールオーバーみたいなことをテキストと連動して行いたいです。 ご回答をどうかよろしくお願いします。

  • 写真のような横長い画像の作成方法

    ホームーページの上部などに 横長い画像をよく見かけます。 その横長い写真のような画像の作成方法についてです。 説明がしずらいのですが、イメージしている画像が乗せてあった URLを記載させて頂きます。 http://www.civil.jp/ ←(背景が本当にデジカメなどで撮ったようなも空の写真で、しかも、それが横長い画像になっている) http://www.softkaihatsu.co.jp/ ←キーボードがうっすら入ったような写真が入ってあり、その上からいろんな加工をしているもの。 実際に写真をとって、横長くソフトで加工しているんでしょうか? それとも撮ったカメラがパノラマが作成できる写真なのでしょうか? こういうパノラマっぽい写真の横長画像の素材の作成サイトが 乗ってあるものがあればどこかいいサイトを教えていただけないでしょうか? よろしくお願いします。

  • 外にある中心で画像を回転させる方法

    こんにちは。 現在サイトを作成していまして、その中で画像を回転させたいと思っています。 その画像の中にある中心ではなく、画像の外にある中心で回転させ、画像自体は回転させないようにするのに参考になるスクリプトはありますか? 私のイメージに近いものとしてはこれです。 http://www.3tomo.net/ 猫の画像が回転しています。

専門家に質問してみよう