• ベストアンサー

バナー制作について

職業柄、バナーを制作することが多いです。 例えば同じような内容のバナーをサイズ違いで5種類以上作るコトがあります。 サイズとしては、天地でそれぞれ、 468*60 234*60 120*120 120*60 100*60 60*600 等が多いです。 今はfireworksで最初に作ったやつを元として、 テキストや画像のサイズを変更しつつ作っているのですが、もっと効率のいい方法はないのでしょうか? VECTOR等のバナー作成ソフトを調べたり、試したりしてはみましたが、やはりクオリティ的に厳しかったです。 また、キャンペーンが変わる事に同じバナーの日付だけを変更したりするのですが、例えば、テキスト部分をFLASHみたいに変数にして、その変数を変えれば、全てのレイヤーに配置されている日付のテキストを変えることとかはできないのでしょうか? どなたかご教授願えれば幸いです。 失礼致します。

  • CSS
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • o0-0o
  • ベストアンサー率75% (3/4)
回答No.2

部分的な回答になりますが、 >同じバナーの日付だけを変更… の件については、以下の2つの方法で解決できるのでは、と思いますので、 是非一度おためし下さい。 ======================================== 【全てのコマで色や大きさが変化する場合】  ◎シンボル化する ======================================== 「シンボル」(ライブラリに保存)にしてみてはいかがでしょう? Fireworksでも、Flashと同様に、 オブジェクトを選択して、「F8」キーを押すとシンボル化できます。 大きさの違うバナーとの事ですので、 シンボル化いただくと、大変作りやすくなると思います。 シンボル化する事で大きさも自由に変えられますし、 MX以上のバージョンであればエフェクト機能を使うことで、 フレーム毎に色や効果も変えられます。 また、ライブラリは、ライブラリパネルの「シンボルの読み込み」から 外部ファイルを読み込んで指定することもできるので、 一つのライブラリを複数のファイルで共有することも可能になります。 (ただ、この場合、元のファイルを更新しても自動更新にはならず、  それぞれのファイルのライブラリパネルから「更新」をする必要があり、  保存ディレクトリやライブラリの管理に若干注意が必要になります…) ======================================== 【全てのコマで全く共通のサイズ・座標・色の場合】  ◎共有レイヤーを使用する ※コマ毎の変更は不可です ======================================== レイヤーを共有することで、一つのレイヤーを 変更するだけで全部のコマでの変更ができるようになります。 以下、簡単なテスト方法です。 (1)新規作成し「レイヤー1」に  適当な四角などのオブジェクトを作ります。  (ダミーの背景用なので何でもOKです) (2)レイヤーを一つ追加します  →「レイヤー2」が追加されます。 (3)この「レイヤー2」を選択した状態で、レイヤーパネルの  右上端のプルダウンメニューから「このレイヤーを共有」を選びます。  →レイヤー1の右端に <> の様なマークが付き   このレイヤーが全てのフレームで共有されます。 (4)この状態で「レイヤー2」に(1)で書いたオブジェクトに重なるよう  適当に文字を入力します。 (5)今度は、「フレーム」パネルを表示させ、  「フレーム1」を選び + でフレームのコピーをし、「フレーム2」を作ります。 (6)フレーム1または2いずれかの四角の色を変えてみます。  (視覚的に分かりやすくするための作業です) (6)フレーム1または2どちらのフレームでもOKですので、  共有レイヤー「レイヤー1」にある文字を変更してみてください。 この状態で、フレームを切り替えてみてください。 →全てのフレームで変更が反映されるようになっていると思います。 レイヤーの共有は複数レイヤーでもできるので 重ね順によって、好みで設定することが可能です。 ======================================== もちろん、2つを併用すれば更に快適になると思います。 ただ、既存のファイルからの変更は (すでにコマ数も多いでしょうから…)ちょっと面倒かなと思うので、 上の方法は新規で作る分から、オススメします^^

mikagemikage
質問者

お礼

お返事大変遅れましたm(_ _)m 長文での解説、本当にありがとうございました。 fireworksでのシンボル化、共有レイヤーを使いこなして、前よりはかなり楽な作業で制作をしています。 コマ数が多くなればなるほど、この機能で差が出てきます。 本当に助かりました!

その他の回答 (1)

  • jakarta
  • ベストアンサー率38% (607/1597)
回答No.1

>FLASHみたいに変数にして そのままになってしまいますが、いっそのことFlashで作ってしまってはどうでしょうか。使い回す画像はシンボルにしてしまうのもアリかもしれません。 ステージ上に違う大きさのものを並べさせ、画像として書き出した後にトリミングさせればある程度省力化できそうに思います。

mikagemikage
質問者

お礼

お返事遅れましたm(_ _)m Flashで制作するのを試したことはあるのですが、 やはり、うまくいきませんでした(>_<) アニメGIFではき出したときの容量がどうしても、大きくなってしまうんですよ。 しかし、これからも試行錯誤していきたいと思います! ありがとうございました。

関連するQ&A

  • flashバナーで、画像容量を落とす方法

    flashバナーの作成で困っています。 検索サイトのTOPバナー作成で、サイズ制限が30KBであり、ベクター形のものはどうにかなると思いますが、やはりビットマップ系のサイズが軽くなればと思っています。 質問したいことですが、以下になります。 ・flashバナーでビットマップ形にするときは、どの拡張子にしたほうがうまく圧縮できて、サイズが軽くなるのでしょうか? ・ビットマップ画像をうまくベクター画像に変更することは可能でしょうか?(たしかベクター変換すると容量が重くなりましたよね。) ・ビットマップ画像はそのままflashで読み込んでから画像処理を行ったほうがいいのでしょうか?それとも、イラレやFW、Photoshopなどから画像処理をして読み込んだほうがいいですか? ・ベクター系のものでも画像サイズを下げる方法ってあるのでしょうか? 困っています。 すいませんが、以上よろしくお願いします。

    • ベストアンサー
    • Flash
  • aftereffects のコンポジション設定

    aftereffects のコンポジション設定についての質問です。 まだ使い始めてまもないため初歩的な事であればすみません。 皆様のお力をお貸しいただければ幸いです。 aftereffects CS5を使用しております。 その中でコンポジション設定というのがあります。 途中でコンポジション設定の変更が必要となりました。 対象コンポジション内にはシェイプレイヤーやテキストレイヤーなどがすでに配置されております。 そこからコンポジションのサイズ変更をおこないます。 するとコンポジション自体のサイズは変更されますが、レイヤーは元の大きさが保持されたままとなります。 このレイヤーをコンポジションのサイズ変更により、一緒に大きさが変更することはできるのでしょうか? 御手数おかけいたしますが、よろしくお願いいたします。

  • イラレとフォトショップでバナー用の画像を作ってるのですが。

    こんばんわ。初心者で独学なのですが、600*200サイズのバナーをイラレとフォトショップで作ろうと思って作業しています。その際、分からない事が出てきたので質問させていただきました。以下です。 1:photoshopで600*200ピクセルで画像を切り抜いて、それをイラレに配置するとピクセル数がぜんぜん大きくなっている。(600のはずが1300くらいになってました。) 2:イラレの四角ツールで600*200の四角形をつくり、それを台紙として画像を作成したところ、gifで完成品を保存してサイズを確認してみると、600*200ぴったりでなく、微妙に数値が614とかになっている。(画像によって大きさがまちまち)。 画像は、サイトから引っ張ってデスクトップに保存したjpegを、イラレに配置して使いました。 モノによってだいぶ画像の仕上がりサイズにばらつきがあるのはなぜなのでしょう?? 要するに、600*200のバナー用のgif画像を作成したいという事なのですが。photoshopとイラレとjpegの互換性とかが関係あるんでしょうか。正しいピクセル数値で作成するにはどうしたら良いですか? また、photoshopやjpegファイルをイラレに配置する際、サイズの食い違いを避ける為に注意する事はありますでしょうか? すみません。なんだかえらい長々と書いちゃいました。わかりづらい文章で申し訳ないです。お願いします。どなたかぜひご指南ください。お返事お待ちしてます。

  • フォトショップ6.0でのバナー作成

    88×31のバナーを作成するのにまず、440×155の背景を作成して完成したのをイメージ→画像サイズの変更で88×31に変更しようとしたら「画像の一部が切り取られる可能性がある」と表示が出て実行するとやはり縮小した分画像が切り取られてしまいます。全体的に縮小する事は、できないのでしょうか?440×155で書いたものがそのままサイズを88×31に縮小したいのですが・・・。やり方を宜しくご指導ください。

  • 文字サイズ?「160w」とは バナー制作orDTP

    横700pxのwebバナー制作を頼まれました。 渡されたラフは右半分に写真、左半分に主題と説明文という構成で、 説明文のところは「150wああああ…」という書かれていました。 打ち合わせの段階で私は、これはwitdh150という意味だと思い、150pxの箱を作って別にもらった説明文のテキストを流し込めば良いと解釈したのですが、いざ制作段階になって、1行の横幅が150pxだと、もらったラフより全然サイズが小さくなることに気づきました。(ラフの文字は左半分を占めているのに、150pxだと全体の1/4程にしかならないためです。) これは、どういう意味なんでしょうか? 頼まれた人に聞くのが一番なのですが、もしあまりに基本的な事だと恥ずかしいので質問させて頂きます。

  • テキストボックスのフォントサイズの復元

    エクセルのシート上にある、図形のテキストボックスのフォントサイズに「12」をセットしておいて、シート上に配置してあるコントロールボタンをクリックする事で、変更されたサイズから「12」へもどす仕組みを作りたいのですが・・・ テキストボックスのフォントサイズ 「12」から、テキストボックスをアクティブにし、ツールバーでフォントサイズを変更する。 ↓ ** その後 シート上に配置されたボタンを押すと元の「12」に戻る ※ エクセル97、2000で使用(作成は97) こんなことできますか? できれば、どなたか教えて下さい。宜しくお願いします。

  • 当方、WEBサイトのデザインをfireworks CS4で作成していま

    当方、WEBサイトのデザインをfireworks CS4で作成しています。 Illustrator CS4を使用している友人と共同で作業 (位置の微調整やテキストの変更)したいのですが、 作成したページをfireworksでadobe pdfに書き出して渡すと、 ページ全体が一枚の画像になってしまいます(画像をずらすとテキストが出てきます)。 また、illustratr 8(ai)での保存もバージョンの違いで上手く開けません。 fireworksの保存・書き出しの方法でレイヤーを保持して illustrator CS4で編集できるものはあるのでしょうか? ご回答宜しくお願いします。

  • 外部テキストから画像やリンクを変更するflashバナーを作り方

    すみません。 どなたかFLASHに詳しいかたご教授お願い致します。 自社サイトで 下記URLのような画像が切り替わるバナーを作りたいと思っているのですが、 ​http://www.style-walker.com/​ 画像の読み込ませ方がうまくいきません。 画像が頻繁に変わるので外部テキストから変数を読み込み、 画像と、画像をクリックした際のURLを変更したいと思っております。 ネットで調べながら何とか形としてできたのですが、 画像をその都度読み込ませるような形で、回線速度が遅いとバナーが切り替わる度に画像の表示にタイムラグが発生してしまいます。 構成ですが、 バナー画像を読み込ませるインスタンスが bn01、bn02、bn03、bn04とし それをタイムライン上で四つ区切りにし配置しております。 外部テキストファイルには ///////////// &vlink01=​http://www.yahoo.co.jp/&​ &vlink02=​http://www.google.co.jp/&​ &vlink03=​http://www.livedoor.com/&​ &vlink04=​http://mixi.jp/&​ &vbn01=​http://www.​○○/01.jpg& &vbn02=​http://www.​○○/02.jpg& &vbn03=​http://www.​○○/03.jpg& &vbn04=​http://www.​○○/04.jpg& /////////////// と記載しております。 アクションスクリプトレイヤーには、 bn01、bn02、bn03、bn04それぞれに切り替わる部分に /////////////////// loadVariables ("link.txt",_root); LINK = new LoadVars(); LINK.load("link.txt"); LINK.onLoad = function() { loadMovie(vbn01, _root.bn01); }; //////////////////// /////////////////// loadVariables ("link.txt",_root); LINK = new LoadVars(); LINK.load("link.txt"); LINK.onLoad = function() { loadMovie(vbn02, _root.bn02); }; //////////////////// とそれぞれ四つに一回ずつ記載しております。 リンク先はそれぞれのインスタンスに直接 ///////////////// on (release) { this.getURL(_root.vlink01); } ///////////////// と記載しております。 最初に全ての画像を一気に読み込み、 それぞれのインスタンスに読み込ませるといった 効率のいいスマートなやり方を探しております。 scriptの初心者のため、どなたかご教授お願いいたします。

    • ベストアンサー
    • Flash
  • GoliveCSでのテキストボックスのサイズ変更について

    GoliveCSで初めてHPを作成しているところです。 レイアウトグリッドを使って作成しています。 テキストボックスをオブジェクトパレットからドキュメントウィンドウにドラッグして、サイズを変更しようとしましたが、できませんでした。 テキストボックスの周囲に8つの青いハンドルはありますが、そのハンドルをドラッグすると、グリッド内に、縦の太い線と横の太い線が表れます。 テキストボックスの移動はできます。 また、タイトルバナーなど画像をいくつかすでに配置しています。 なお、OSはWINDOWSXP SP2です。 以上です。よろしくお願いします。

  • フォトショのレイヤーを選択できません。

    お世話になります。 フォトショップCSを使用しています。 保存していたpsdファイルのテキストを訂正しようとしたのですが、 文字の変更はできたのですが、 選択ツールで選択すると 「レイヤーを選択できません。クリックしたポイントは表示されているレイヤーのベクトルマスク内にありません。」と出ます。 背景にロックがかかっていたので、過去ログを見て、altキーを押して解除しました。 レイヤーパレットのテキストを選択してやってもできません。 どうすれば選択できるのか教えていただきたいです。 よろしくお願いいたします。