オンラインでロゴ画像を作成する方法

このQ&Aのポイント
  • 会員サイトで自身でロゴ画像を作成できる方法を考えています。背景画像やロゴのテンプレートから選び、文字を入力して組み合わせた画像を作成することができます。ただし、Jqueryでの試みは画質が悪くなり挫折しました。FLASHを使用することを考えていますが、初心者なので作成方法について情報を探しています。
  • オンラインでロゴ画像を作成する方法をまとめました。会員サイト上で背景画像とロゴのテンプレートから選択し、文字を入力して組み合わせた画像を作成することができます。しかし、Jqueryでは画質が悪くなり挫折しました。そこでFLASHを使用することを考えていますが、初心者のため作成方法について情報を求めています。
  • オンラインでロゴ画像を作成する方法をご教授ください。会員サイト上で背景画像とロゴのテンプレートから選択し、文字を入力して組み合わせた画像を作成したいと考えています。しかし、Jqueryでの試みは画質が悪くなり挫折しました。FLASHを使用することを考えていますが、初心者なので作成方法について情報を探しています。
回答を見る
  • ベストアンサー

オンラインでロゴ画像を作成

お世話になります。 いま、ある会員サイトを運営しているのですが、そのサイト上で会員自身で ロゴ画像を作成できるようなコンテンツを考えています。 イメージとしては、予め数枚づつ用意された背景画、ロゴのテンプレート画像からそれぞれ選択し、文字を入力して組み合わせたものを画像としてはきだす感じです。 参考サイト:http://www.logomaker.com/ ←かなり理想に近いです。 これを自身で作成する必要があり、Jqueryなどで試してみたのですが 画質も悪く、さらに画像としてはきだせず挫折しました。 その為、FLASHでの作成を考えています。 ただ、FLASHに関してはまだまだ初心者なのですが、検索や本で調べても情報がなく、どう作成していけばよいか立往生しています。 そこで、作成方法など参考になるサイトや、FLASHサンプル又は有償のダウンロードサイトなど、ご存知の方がおられましたら、教えていただければ助かります。 ちなみに、FLASHはCS4を使用しています。 宝のもち腐れですね^^; よろしくお願い致します。

  • Flash
  • 回答数2
  • ありがとう数6

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

  • ベストアンサー
  • joy_28
  • ベストアンサー率84% (45/53)
回答No.1

tei_tatsuさん、 該当サイトは、サーバーサイドアプリとDBも駆使した、プロの作りです。 但し、おっしゃている、 「予め数枚づつ用意された背景画、ロゴのテンプレート画像からそれぞれ選択し、文字を入力して組み合わせたものを画像としてはきだす感じです。」 程度なら、やってやれないことはないです。下に、シンプルなサンプルを急ごしらえしましたが、読み込み用の外部PNGが、全くもって、ひどい、作りなので、そこは、きちんとしたデザイナーさんにやって頂くとして、ロジックだけ説明します。 1)400×300の背景画像もどきを3枚用意し、それにオーバーラップする図形(透過にしましたので、PNGとしました)も3枚用意しました。 2)背景画像のThumbnailをクリックすると、該当する背景画像が、オリジナルサイズで、読み込まれ、Nextボタンをクリックすると、図形のThumbnailが表れますので、それをクリックすると、背景画像の上に、図形がオーバーラップして、表示されます。→背景にテンプレートが載ったイメージでしょうか? 3)その時点で、saveBTNをクリックすれば、閲覧者のPCに、最終的な、絵が、JPGとして、保存されますので、閲覧者が自分のロゴを入手できるというモデルです(但し、無償モデルになるのでしょうか?) この基本形の応用で、おっしゃている程度の内容なら、可能が気がします。詳しくは、FLAをご覧ください。 尚、Flashだけでなく、閲覧者にダウンロードさせるために、サーバーサイドにPHPを設置してますが、そのPHPは、O'Reilly 「初めてのActionScrit3.0」のP-241を参照してます。他人様のscripの転載は、できませんので、ご興味があれば、該当図書に、アクセス下さい。

参考URL:
http://joy.life.coocan.jp/answers/save/logo.html

その他の回答 (1)

  • joy_28
  • ベストアンサー率84% (45/53)
回答No.2

「はじめてのActionScript3.0」のサンプルコードの使用に関して、 「本書や本書のサンプルコードを引用して質問に答える場合、許可を求める必要はありません」と記載されてましたので、PHPのコードを記載します。 -ファイル名:savejpg.php <?php if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) { $jpg = $GLOBALS["HTTP_RAW_POST_DATA"]; $img = $_GET['img']; header('Content-Type: image/jpg'); header("Content-Disposition: attachment; filename=".$img); print $jpg; } else { print 'Encoded JPG information not received.'; } です。

tei_tatsu
質問者

お礼

的確なご説明を頂きありがとうございます!! また、サンプルまで用意頂いて本当にありがとうございます。 教えて頂いた内容、サンプルは、まさに理想的です。 実はテンプレート画像は度々変更の可能性があるので、サーバー上の特定フォルダに保存し、WEB上でPHPによる更新が可能なよう設計を考えていました。 頂いたサンプルのスクリプトを拝見させていただいたのですが、 まさしく思い通りのコンテンツが作れそうです。 やっと一歩どころかゴールまで行けそうです^^; 本当にありがとうございます。たすかりました。

関連するQ&A

  • ロゴや画像が×に・・・

    ホームページビルダーの10の体験版を使用しています。 今回体験版を使用していまして、サイトを作っていました。 タグで作成するのは苦手だったので、どこでも配置モードで作っていました htmlファイルにロゴや画像をいれたりリンクを入れてたりしていました。 ところが、ためしにサイトを開いてみたのですがほとんどが×になっていました。 やっぱりこれはタグで入力しないといけないのでしょうか? どうすればロゴや画像が表示されるでしょうか? とても素人ナ質問で申し訳ありません。 どうかよろしくお願いします。

  • HP作成に関して、画像を動かしたいのですが。。

    HPなどで、『このサイトの一部コンテンツをご覧いだたくには、Adobe Flash Player 8以降が必要です。』などと記載されていて、画像が動くようなHPを作りたいと思っているのですが、作成するのに参考になるサイトなどがあれば教えてくれませんか? また、根本的な質問になるのですが、flashというソフトがあれば作れるのでしょうか? 作成のために必要なソフトなども教えて下さい。お願いします!

  • 以下のサイトのようなロゴや画像を作成して、

    以下のサイトのようなロゴや画像を作成して、 CMS(WordPressにチャレンジ中)で作るサイトに使いたいと思っています。 イラストレーター、フォトショップを購入するのは経済的にキツイです。 GIMPなどのフリーソフトか、2万前後のソフトで作れるものはあるでしょうか? 実際試して検証するのがいいとは思うのですが、 先人の方の経験に学びたいと思い質問させていただきました。 以下のようなシンプルなサイトが作りたいのです。 http://www.cune.jp/ このサイトの左上のロゴ、中央のチラシ、 http://www.cune.jp/products/2009fw01.html この中央の文字入りの画像、 http://www.green-label-relaxing.jp/ 最上部のロゴ、真ん中のSALEのチラシ、 左にある2つのバナー。 お願いします。

  • HPのトップページをFLASHで作成しようと考えています。

    HPのトップページをFLASHで作成しようと考えています。 画像を2枚使用し、ロゴをクリック時に効果音と共に2枚目の画像へと遷移するという 単純な処理なのですが、FLASHは初心者なので、どのように作り上げていけばいいのか分かりません。 技術的観点から、教えていただけると助かるのですが、難しいようでしたら、 参考になるサイトや文献等を教えていただけると嬉しいです。 よろしくお願いします。

    • ベストアンサー
    • Flash
  • JQueryを使用して画像をゆっくり表示させる

    JQueryを使用して画像をゆっくり表示させる ご覧いただきましてありがとうございます。 今回新規でHPを作るにあたり、トップの画像をゆっくりと表示させようと思っています。 そういった画像はFlashで良く見るのですが、Flashを使わずJQueryで作成しようと思っています。 ただ、逆引きのサイトなどを見てもボランクリックで表示やスライドショーの表示方法は載っているのですが 私の理想としている風のはなかなか見つけられません。 詳しい方、ご教授いただけると幸いです。 http://www.wasedasai.net/about このような風に表示するのが理想です。 ソースを見るとこのサイトもJQueryを使用しているみたいなのですが・・・

  • 好きな言葉で様々なロゴを作成できるサイト

    タイトルが長くなってしまいました(汗) そのサイトは、自分の好きな言葉を選んで入力するだけで、ハリーポッター風や任天堂のロゴ風、スターウォーズ風といった様々なロゴが作成できるサイトでした。 そのサイトはたまたま見つけたものなのですが、お気に入りに入れるのを忘れてしまい、必死に探してみたものの見つかりませんでした。。 画像を携帯の待受画面にしていたところ、知人から「自分の車名のロゴも作ってくれ」と頼まれて、快く引き受けてこのザマです。。 こちらの不手際が招いたことなので、無理にとは言えません。 たまたまお気に入りに登録されている方がいれば、教えていただきたいです。

  • スカイプのようなロゴはどうやって作成するのでしょうか?

    スカイプ http://www.skype.com/ のようなロゴはどうやって作成するのでしょうか? ホームページのグリーンのやつも ライブドアスカイプのブルーのやつもかっこいいなって思います。 ソフトはPHOTOSHOPを持っていますが、持っているだけで上手く使えません。 そもそも素人でも作れるのでしょうか? また初心者にとって参考になるサイトがあれば教えていただけると助かります! よろしくお願いします。

  • webオープニング画像のプログラムを教えて下さい!

    http://www.pfservice.co.jp/ ↑こちらのサイトのようなオープニング画像のプログラミング(jQuery)について教えて下さい。 ふわっとロゴが浮き出してきて、しばらくすると、そのロゴの下に『ENTER』が出てくるような感じです。 よろしくお願いします!

    • 締切済み
    • CSS
  • オリジナルで作成したロゴを公開しているサイト探してます。

    いざ自分のオリジナルのロゴを作ろうと思っても、なかなかはかどりません。 そこで、参考にしたいんでオリジナルで作成したロゴを公開しているサイト探してます。 かわいい、かっこいい、商業的、なんでも結構ですので教えて下さい。 イラストレーターやグラフィックデザイナーが作ったかっこいいロゴなんかあればベストです。 ちなみに、私の使用ソフトはAdobeの「Illustrater8.0」「PhotoShop5.5」です。

  • サムネイル画像の自動作成

    ECサイトを運営してるのですが、知識に乏しいのでご協力願います。 画像を自動的に縮小する(サムネイル画像の生成)JavaScriptなどの サンプルをご存じでしたら教えてください。 例) 900px×900pxの画像に「id="resize"」など加えたら、 自動的にジャギーの無いアンチエイリアスのかかった 100px×100pxの画像になる。 Jqueryなどクライアントサイドでの動作するもので、 有償・無償は問いません。 不足事項があれば、分かる範囲でお伝えするので、 よろしくお願いします。

専門家に質問してみよう