• 締切済み

HPの一部で、ロゴを動かしたいですが何か必要ですか?

素人です。HPはEMeditorで手打ち、始めてから1年ほど経ち、基本的なことはわかってきたところです。他には、PhotoshopとIllustratowの古いバージョンが手元にあります。 新しいサイトを作りました。その上部で、ロゴ(アルファベットの羅列なのでPhotoshop出作りました)が横から出てきてふらふらくるくるしたあと定位置に収まり、その後も少し動いているというアニメーション(?)を展開したいと思います。本当は糸が一本するすると伸びてきて、それがだんだんロゴになるというアイデアがあったのですが、素人では実現できそうにないのでやめっました。 無料のソフトでこのような動画(?)が作れるものがありましたら紹介していただけませんか? また、アルファベットのフォント・サイズ指定ができる、あるいは自作の画像を動かせるサービスがありましたら、さらにありがたいです。 どうぞよろしくお願いします。

みんなの回答

  • thila
  • ベストアンサー率73% (45/61)
回答No.1

ベクターで該当すると思われるジャンルの一覧URLです。 http://www.vector.co.jp/vpack/filearea/win/art/anime/ ロゴに関してだけなら、PhotoshopでアニメーションGIFを作れば十分かなと思います。 Photoshopで納得いかなかったら、色々試して気に入るものを探してみて下さい。 写真のように色数が多いもの・大きいものはフラッシュでないと見栄えも悪く容量も無駄に膨らんでしまいます。 小さいものや色数が少ないのであれば、アニメーションGIFの方が何かと扱いやすいです。 多少サイズが大きくても、色数が少なく動きも単調であればアニメーションGIFの方が個人的にはお勧めです。 ロゴの場合はこちらに該当すると思ったのと、とりあえず手元にソフトがあるということでアニメーションGIFを勧めてみました。 画像の場合はどんな画像かがわからないので、どちらが良いかは上記の基準を参考にざっくりと判断してみて下さい。 動かす画像によっては動画の方が良い場合もありますが、今回の条件ではこちらには該当することはないと感じました。 >アルファベットのフォント・サイズ指定ができる これは画像内での話でしょうか?Photoshopで十二分に可能だと思います。

関連するQ&A

  • ロゴの背景を透明にしたい

    どのアプリを使ってよいのかもよく分からず困っています。 アルファベット6文字のロゴがあります。 一つ一つのアルファベットにグラデーションがかかっています。 元々デザイナーさんからは.pdfで送られてきて、それを変形させたりするために、再度.aiで送り直してもらいました。 PhotoshopやPhotoImpact等で加工して、大きさもバラバラな物(.psd / .eps / .ai / .gif)があります。 HPで使用するため、これらを使ってアニメーションを作りたいのですが、 背景が白になっているため貼り付けると四角い枠ができてしまいます。 背景を透明にしてどこに貼り付けてもOKにしたいのです。 またできれば、6つのアルファベットを一つ一つバラバラにして あちこちに飛ばしたりしたいのですが、今現在は6つまとめてでないと使えません。 Photoshop/PhotoImpact/Dreamweaver/Flash(トライアル版)があります。 うまく質問もできませんが、どなたか教えていただけませんか?

  • アニメーションについて

    ロゴでアニメーションを作りたいのですが、どなたか教えてください。 ソフトはPhotoshop(Imageready)とPhotoImpact、Dreamweaverがあります。 ロゴは6文字のアルファベットで、グラデーションがかかっています。 PDF、PSD、EPS、GIF、JPGそれぞれの拡張子がついたファイルがあります。(すべて同じロゴ) アニメーションを作ろうとしたのですが、テキスト入力する方法ならすぐ出来るのに、 出来上がったロゴをどうやって加工したらよいのか分かりません。 例えば、PhotoImpactのアニメーションギャラリーからドラッグ&ドロップで簡単に・・・ということが出来ません。 また、ImageReadyではフレームごとに位置を変える程度のことしかできません。 アルファベット一つ一つをばらばらに動かしたり、パラマウント映画の初めのようにぐるり~んと回って出てくるようなアニメーションを希望しています。 説明が悪ければ追加しますので、どうぞよろしくお願いします。

  • 血がダラーっと垂れるgifアニメの作成方法。

    200×40ピクセルのサイトバナーを作ろうと思っています。 黒地のバナーの上部から赤い血がダラーっと垂れてきて、 最終的には黒地に赤くサイトロゴが残るアニメーションバナーを作りたいのですが、 これをPhotoshop5.0とアニメGIFメーカーで作ることは可能でしょうか。 血がダラーっと垂れるようなアニメはFlashで作る方が向いていると思うのですが、 Flashは作ったことがないので全く作り方がわかりません。 滑らかな動きをgifアニメで作るとたくさん枚数が必要になると思うのですが、 完璧に滑らかでなくても良いので何か上手い方法はないでしょうか。 良いアイディアが思い浮かばず行き詰っています。 何かご存知の方、ご助言よろしくお願いします。

  • Dreamweaver MX 文字の変形について

    最近 Dreamweaver を使い始めた素人です。 文字についての質問ですが、Dreamweaver上で入力した文字の自由変形って可能ですか? Illustrator/Photoshop でロゴなどを作成する場合、変形ツールで縦横の長さや比率を自由に変形できますが、そのようなツールがあるのかということです。ウェブで見かけるロゴなど基本的には、Illustrator などで作成後、Raster イメージにしてDreamweaverに画像としてペーストしてるのでしょうか? ちなみにDreamweaver上で入力した特定のフォントが(たとえば American Typewriter など)、ブラウザに反映されないのですが、こちらのほうも困ってます。 どなたか、助け舟をおねがい致します。

  • HPで使うキラキラ光ったようなロゴを作りたいのですが 

    よろしくお願いいたします。  イラストレーターを使用してロゴを作成しているのですが、その画像がキラキラ光ったような ネオンのような感じにしたいのですが その場合はどのように加工すればよいのでしょうか?  フォトショップ等も使えます。  光る感じがでればどのような方法でも  よいのですが、どなたか知恵を貸してください。

  • 魚釣りの仕掛け

    魚釣りの仕掛け で特許って取得できますか? 一般的でなく、独創的な魚釣りの仕掛けを考案したいと思っています。 例えば「マダイ釣り」。 一般的には天秤という部品から数mの糸を伸ばしてその先に釣り針を付ける。 というのが良くある仕掛けで、これとは全く違う仕掛けでマダイを釣ります。 全く違うと言っても、天秤や糸、釣り針が違うわけではなく同一の物。 仕掛けの構造に全くの新規性があるものです。 一般的な釣り針で魚に餌を食わせて、口に引っ掛けて釣るという点では何ら他のマダイ釣りと差はありません。 (大量生産に向けての効率的な生産方法って意味ではありません。) 仕掛けの構造に新規性があれば、特許や実用新案とかそいった類が取得できますか? 素人です。よろしくお願いいたします。 自分で手作りで造って販売。釣具メーカーにアイディアを販売。という展開を考えています。

  • 一部のHPが開けなくなりました。

    少し前から一部のHPが開けません。 現時点で下記の2つのHPが開けません。 ・楽天トラベル ・ゆうちょ銀行 OSはWindows7、パソコンの型番はFMVA56EL セキュリティーはNorton internet security online バージョンは21.1.0.18です。 パソコンは詳しくないため説明不足かもしれませんが よろしくお願い致します。

  • 一部のHPが見られない

     PC初心者です。  以前見ていたHPが突然、下記のような英文が1行表示されるだけで見ることが出来ません。 友人宅ではちゃんと見れているそうです。 <META http-equiv="Content-Style-Type" content="text/cs  最近、常時接続に回線を変えて、その時にウインドウズのアップデートも全て行いました。(OSはウィンドウズXP)  セキュリティはお試し版のウィルスバスター2004ですが、これを外しても見ることが出来ません。

  • スタイルシート DIVとDIVの間に隙間ができてしまいます。

    DIVとDIVの間に10ピクセルほどの隙間ができるのはなぜでしょうか? htlmは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="IBM:HPB-Input-Mode" content="mode/flm; pagewidth=750; pageheight=900"> <TITLE>タイトル</TITLE> <link rel="stylesheet" href="style_1.css" type="text/css"> </HEAD> <BODY> <DIV id=site> <DIV id=header> <DIV id=top-logo><IMG src="logo2.gif" border="0" alt="ロゴ"> </DIV>  <hr color="#ffccff" width="750" height="2">  </DIV> </DIV> </BODY> </HTML> 上部の方はよくわからなくてホームページビルダーのをコピーして、残りはメモ帳で手打ちしました。 スタイルシートは、全て手打ちです。 *{ margin:0px; padding:0px; } #site { width: 760px; border: 2px solid pink; font-size: 90%; line-height: 150%; margin:0px; padding:0px;  border: 1px solid red; } #header { width: 760px; border: 1px solid blue; } #top-logo { FLOAT: left; border: 1px solid green; } #siteと#headerの赤と青のボーダーはぴったりくっついているのに、#top-logoの上に隙間があります。 hrの線の下にも10px分くらいの隙間があります。 なぜこのような隙間ができてしまうのでしょうか?

    • ベストアンサー
    • HTML
  • エントリーシート 添削してください

    大学で、模擬エントリーシートを書くのですが、 学生生活を通じて頑張って取り組んだことの具体的計画と、その方法を書きなさい。 ということで、書いてみました。400字以上です。 わからないことがあったら、そのまま放置せずに自ら調べる。 高校時代までは、ただただ受け身な姿勢で自ら調べることが少なかったのですが、大学生になってから自立した姿勢を持ちたいと思い、わからないことがあれば、本やインターネットで調べるようにしました。Webページを制作するという授業で、私は好きなバンドの紹介サイトを作りたかった為、バンドの公式サイトを見て、このようなページにするにはどのようにスタイルシートを打ち込めばいいのか、Webページの基本的なサイズなど基本的なことまでインターネットや本などを使い調べ、その結果、授業で学んだことや参考にしたサイト以外のアイデアを思いついたりして、画像のロールオーバーなど細部まで細かく調べて作り込むことができました。また、ロゴや画像の加工処理に、Photoshop Elements を使用したのですが、今まで使ったことがなかったので、フォントを探すところから始め、ロゴの作り方を説明している英語のページを訳しながらロゴを作成し、それに使用した機能を画像加工に応用させ、自分の満足のいくものが作れました。 バイトもサークルも特にやっておらず、内容の薄い学生生活なのですが、捻りだしてこんなものになりました。 Webサイトを作りたいと思っているわけではないのですが、これでは、出版関係の企業には出せないですか? 長い文ですみません。よろしくお願いします。