ベストアンサー このバナー画像の作り方を教えてください 2013/03/11 14:39 どうぞ宜しくお願いいたします。 この画像を作成する手順を教えて頂けませんか? 可能であればFireworksで作成したいのですが Photoshop、Illustratorで作成する方法でも構いません。 画像を拡大する みんなの回答 (3) 専門家の回答 質問者が選んだベストアンサー ベストアンサー Hoyat ベストアンサー率52% (4897/9300) 2013/03/11 17:38 回答No.3 #2です。 >白線の部分ですが、ベース色(金色)のグラデーションと同じように変化します。イメージと致しまして白線の部分が白色ではなくて刻印されている感じに見えるのです。 一応アビアランスを使えば対処はできます。 ですが「刻印」と言う事だとラインに陰影が付いていないと凹凸感が出ないので、かなり大きく表示されないと「刻印されている感じには見えない」ですよ? また「バナー」ですからヘタするとラインは幅1pixelでの表現になってしまうので変化を付けると、却ってラインが引いてあることすら解りにくくなります。 ベースの金色のグラデーションもコントラストを強めにして見せたりした方がそれっぽくなりますし、線等はしっかり付けた方が綺麗に見せられますよ? 質問者 お礼 2013/03/11 19:23 Hoyat様 早々にご回答を頂きましてどうもありがとうございました。 お陰さまで、Illustratorのアピアランス機能やパスのオフセット機能で 簡単に実現する方法が分かりました。 お世話になりました。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 その他の回答 (2) Hoyat ベストアンサー率52% (4897/9300) 2013/03/11 15:59 回答No.2 私はIllustratorでやるのが簡単かなぁとは思うけど、ソフトの熟練度等は人それぞれなのですが。 Illustratorで工程を書けば 1.大きさの異なる3つの長方形をベース色(金色)、白線、白地でそれぞれ作り中心で揃える。 (ベースとなる長方形と白用の長方形は「オブジェクト」>「パス」>「パスのオフセット」で作った方が簡単ですが) 2.別レイヤーで楕円を作り、「効果」>「スタイライズ」>「ドロップシャドウ」で影を作り、レイヤーごと先の長方形のレイヤーの後に 送る。 で、添付のような感じになります。 FireWorksでも似たような手順で出来るはずですが10年近く使ってないので自信なし。 画像を拡大する 質問者 補足 2013/03/11 16:36 早速ご回答を頂きましてありがとうございます。 私が添付したファイルが分かりづらくてすみません。 白線の部分ですが、ベース色(金色)のグラデーションと同じように変化します。 イメージと致しまして白線の部分が白色ではなくて刻印されている感じに見えるのです。 実現するのは困難でしょうか? 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 Z31 ベストアンサー率37% (735/1957) 2013/03/11 14:59 回答No.1 http://www.bannerkoubou.com/ それと同じものには、出来ませんが、上のサイトでは、いろんなバナーが無料でできますよ。 質問者 お礼 2013/03/11 19:25 Z31様 早々にご回答を頂きましてどうもありがとうございました。 バナーを簡単に作成するサイトがあるのですね。 お世話になりました。 広告を見て全文表示する ログインすると、全ての回答が全文表示されます。 通報する ありがとう 0 カテゴリ パソコン・スマートフォンソフトウェア画像・動画・音楽編集 関連するQ&A 透明バナーの作成方法 HPを作成しています。 TOPページのメイン画像の上に透明のバナーを貼り、 そこにリンクを貼って別のページに飛ばす、 と言うことをしたいと思っています。 そのときバナーは透明ですが、影で浮き上がらせているようにし 何か押下できるものがあるんだ、と言う感じにしたいです。 バナーはFireworks4で作成しています。 レイヤーの透過を0に近い数字に設定し、ドロップシャドウで影をつけてます。 そこまでは良いような気がしていたのですが、 いざ書き出してみると影の周りに白く縁ができ、下にある画像となじみません。 書き出しの時にインデックス透明カラーを設定しても同じです。 このような時、何か別の方法があるのでしょうか? ソフトはFireworksを使っていますが、photoshop・Illustratorもバージョンは古いですが持っています。 3つのいずれかのソフトでメイン画像がきれいに透けて見え、 影もけっこうはっきりついて浮いて見えるバナーの作り方を教えてください。 Photoshopの画像をFireworks、Illustratorにドラッグ Photoshopのカスタムシェイプで書いた画像を、 パスを保持&背景透過の状態でFireworksやIllustratorに 貼り付けたいのですが、画像がビットマップになり、背景も白地になります。 以下の質問を参考に、試してみましたがどうしてもうまくいきません。 PHOTOSHOPからFIREWORKSに画像をドラッグしたら背景がついてくる。 http://okwave.jp/qa3706101.html 以前Photoshop→Illustratorへドラッグ&ペーストした時に 貼り付けオプションのダイアログが表示されて 貼り付け方法が選べたのですが、いつの間にか出来なくなりました。 一旦Photoshop側でパスの書き出し保存してから開く方法もありますが、 便宜上ドラッグ&ペーストで出来ればと思います。 また、Illustrator→Fireworksへは問題なくできます。 バージョンはすべてCS3です。 どなたかご教授いただけないでしょうか。 宜しくお願いします。 WEB用画像の書き出しはどれを使いますか? はじめまして。 現在、WEB製作を勉強しているものですが、バナーやメニュー等のパーツをWEB用の画像書き出しを する際には、photoshop、illustrator、fireworksのどのソフトを使うのが良いのでしょうか。 操作自体は、3つとも、同じくらいできるのですが、fireworksでは画像が綺麗ではないとか、 photoshopは、操作性がいまひとつ等。。。いろいろ聞くのですが、どれが一番効率がよいのでしょうか。 現在は、photoshopで全体のレイアウトも画像の書き出しをやっていたのですが、レイアウトだけでしたら、fireworks、illustratorの方が使いやすいかと思い、fireworksを試しております。 また、illustratorでは、アンチエイリアスがきいて、ピクセルがずれたりしてしまい、手間が かかってしまいます。 どのソフトでもできることは、理解しているのですが、クオリティを一番高く保ちながら、効率よいやり方がありましたら、ぜひともご教示頂けましたら幸いです。 有識者の方、よろしくお願い致します。 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? OKWAVE コラム 画像を半透明にして重ねるには? http://www.nec.co.jp/ NECのTOP画像のように 色んな写真を重ねて半透明にしたり 画像の一部をぼかしたりするには どうしたらいいでしょうか? 今はfireworksを使っているのですが やはりイラストレーターやPhotoShop でないとできないでしょうか? よろしくお願いします。 fireworksで簡単な動画バナーを作りたい fireworks初心者です。よろしくお願いします! イラストレーターで作成した3つの画像を(gif)5秒ぐらいで画像がパッパッと変わるようなバナーを作成したいと思っております。 右に動く、左に動く、消える等は一切無く、あくまでも3つの画像を入れ替えるだけの簡単なものです。 ※簡単といいながらわからないのですが・・・。 エンドレスで考えておりますが、調べてもとりあえず操作してみてもわかりませんでした・・・。 お解かりの方!是非教えてください! よろしくお願い致します! バナーを作成するにはどちらを使うのがいいでしょうか? HPのバナーを作ってみようと思い、勉強中なのですが、 イラストレーター9 Fireworks8 Photoshop6 を持っております。 この内どのソフトを使うのがバナーを作る上でいいのでしょうか? まだバナーを作ったことがなく迷っております。 よろしくお願い致しますm(_ _)m QuarkXPress3.3のデータの画像化 カテゴリーが分からなかったのですが・・・、よろしくお願いします。 QuarkXPress3.3のデータ(チラシみたいなものです)を画像化したいのです。コピーして、Adobe Photoshopに貼り付けようとしたのですが、 できません。何か良い方法があるでしょうか? 手持ちのアプリケーション ・QuarkXPress3.3 ・Adobe Photoshop 4.0J ・Adobe Illustrator 7.0J ・Fireworks 2 です。 手持ちにないものでも、コレをこうすればできる!ということがあれば 教えてください。 よろしくお願いします。 画面の切り替わるバナー広告を作成したい Photoshopで作成した2枚のバナー広告を順番に表示させたいと思っています。 Fireworksで2枚の画像を読み込んでフレームウィンドウで 設定しようと思ったのですが2枚の画像を同時に読み込むことが出来ません。 詳しいやり方を教えてください。 イラストレーターの画像配置 イラストレーターでWEBのラフスケッチを作っています。 そこで質問です。 イラストレーターで画像を配置したいのですが、元の画像より小さくなってしまいます。 印刷用ならば、photoshopで解像度を上げるため画像がギュッと小さくなってしまうのは理解できるのですが、今回はWEBのラフスケッチ用なので元の画像の大きさを変えないで配置をしたいのです。 イラストレーター上で何らかの設定を変えればいいのでしょうか? 要はphotoshopやfireworksみたいな感じでイラストレーター上でWEBのデザインをしたいのです。 お分かりになる方教えてください。 web用に保存で画像がばやける? はじめまして。 さっそくですが、質問させていただきます。 添付の画像をみていただきたいのですが、 赤い点線はdivで分けた枠です。 人が吹き出しで言葉を喋っているようにしたいと考えております。 (1)に画像を配置し、(2)にはcssで配色。 (1)と(2)の境目は同じ色にしております。 そこで問題が。 どうも(1)に配置する保存した画像が若干ぼやけて 画像輪郭が白くなってしまうから白い線がはいってしまいます。 画像の保存の仕方でぼやけない方法はありますでしょうか? 使用ソフトはillustrator,photoshop,fireworksそれぞれCS5 MacOSX10.7.5です。 最終的に保存に使用したソフトはphotoshop,Fireworksです。 このバナー広告の文字の作成方法 photoshopを勉強しているのですが、このようなバナーを作る際、 特に見出しの「業界価格破壊」の部分で、 (1)どのフォントを(2)どのように作成するのでしょうか。 photoshopもしくは、Illustrator、fireworksいずれも可能です。 なお、本バナーは http://www.seohh-yes.jp/index.html より抜粋したものです。 お手数をおかけしますが、よろしくお願いします。 Photoshop6.0画像を人型に切り取って、イラレに貼り付けたい! Photoshop6.0/Illustrator 9.0を使用しています。 Photoshopで開いた画像を人型に切り取って、Illustratorに人型の画像として貼り付けたいです。 操作の手順を忘れてしまったので、教えて下さい。 よろしくお願いします。 ヤバいパソコンが壊れたかも!?事前に知っておきたい3つの兆候と対策 OKWAVE コラム Fireworksでレイヤー分け作成した画像をPhotoshop7で使う方法 Fireworks MXを使っています。 保存するとPNGでレイヤー情報も含めて保存されますが、 これをPhotoshopで開くとレイヤーなしになります。 Fireworksでレイヤー分け作成した画像をPhotoshop7でレイヤー編集できる方法はないのでしょうか? jpg画像の切り取り、縮小の方法 HP作成にあたり、人物の顔写真を貼りたいんですが、その元jpg画像の大きさが100x100とします。そのサイズを縮小し、顔の部分を切り取るということはわかるのですが、どうにもやり方がわかりません。 HPに貼付ける範囲(ピクセル数)は決まっているのですが、どの手順でやるのが画像がつぶれることなくスムーズにできるのでしょうか? 初心者ですので、簡単なことだと思うのですが悩んでいます。 手元にあるソフトは、作成はDreamweaver、画像ソフト系はPhotoshop,Fireworksがあります。 やり方を詳しく教えていただけるとうれしいです。 よろしくお願いします。 IllustratorにPowerPoint で作成した画像を取り込みたいのですが IllustratorにPowerPoint で作成した画像を取り込みたいのですが、うまくいきません。直接取り込む方法はあるのでしょうか?それとも一度PhotoShopで取り込んだ後、「配置」すればよいのでしょうか?PhotoShopを 経由する方法も分らないのです。どなたかお詳しい方、教えてください。 バナーなどの文字のにじみ、どういうソフトで対応できますか? 初めまして。ちょこっとHP作成をいじっている者です。 作成はDreamweaver MX、画像編集はPhotoshop Elementで行っています。 バナーをPSで作ると、文字がにじんでしまうのですが、Fireworksを新たに購入するのはちょっと・・と考えています。 なるべく安価なソフトなど、いい対応策がありましたら教えてください。よろしくお願いいたします。 adobe製品での画像処理ソフトの違い Adobe製品でPhotoShop、InDesign、FireWorks、IllustratorとCSシリーズで 画像を扱えるソフトがいっぱいありますが、これらは一体何がどう違うのでしょうか? 写真はPhotoShopと名前に関連づいているものの、結局はjpegファイルで画像ファイルで 結局は一緒な気がするんですけど・・・。 調べてみても、「これ!」「おお!納得」と言う内容のものが見つかりませんでした。 よろしくお願いします。 photoshopやイラストレーター http://cash007.chu.jp/ このサイトの画像のように、下にうっすらと同じ画像を逆さまにやる方法を教えてください。 ちなみにphotoshopやイラストレーターどっちもあります。 出来ればfireworksで出来ないでしょうか。。 ホームページ作成画像ソフトについて質問します Macromedia Dremweaver 8 を使ってホームページを作成しています。画像ソフトMacromedia Fireworks 8について質問します。 質問:Macromedia Fireworks 8 をまだ使ったことがありません。Dremweaver 8のソフトとの相性、利便性などありますか? ・Photoshop のソフトは持っています。Macromedia Fireworks 8 とPhotoshop の違いは何でしょうか? 初歩的な質問でですが、よろしくお願い致します。 illustraterでスライスした画像をDreamweaverで読み込む方法 WEB制作初級者です(*^^*) イラストレーターでクリックボタンなどを含む画像を描き、それをスライスしてDreamweaverで読み込みたいのですが、どうすればよいのでしょうか? スライスまでは出来たのですが、どうやって書き出して、どうやって読み込めばいいのかがわかりません。ちなみにFireworksでスライスすると便利・・・と聞きますが、私の持っているソフトはillustrater,photoshop,Dreamweaverなので、Fireworksは使えません。 どなたか、初心者マークの私にご指導いただけますか? 注目のQ&A 私はとてつもなく運が悪いです。 外付けHDD「このフォルダーは空です」 中3 夢に向かって努力をしたい 自分を変えたい 出会い系で知り合った人妻について 一方的に親友に縁を切られました LIFEBOOK A577/P A746 飲み薬 タイヤ比較検討 パソコンのスペック 突然、知らない親族の未払金支払い通知が届きました カテゴリ パソコン・スマートフォン ソフトウェア Excel(エクセル)Word(ワード)PowerPoint(パワーポイント)Access(アクセス)その他MS Office製品オフィス系ソフトPhotoshop(フォトショップ)Illustrator(イラストレーター)その他Adobe製品画像・動画・音楽編集ホームページ作成ソフト筆まめ・はがき作成フリーウェア・フリーソフトその他(ソフトウェア) カテゴリ一覧を見る OKWAVE コラム マッチングアプリは顔写真が重要!容姿に自信がなくても出会いを見つけるには 美容男子ミドル世代の悩み解決?休日ファッション・爪・目元ケア プラモデル塗装のコツとは?初心者向けガイド 突然のトラブル?プリンター・メール・LINE編 携帯料金を賢く見直す!格安SIMと端末選びのポイントは? あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど インターネット回線 プロバイダ、光回線など
お礼
Hoyat様 早々にご回答を頂きましてどうもありがとうございました。 お陰さまで、Illustratorのアピアランス機能やパスのオフセット機能で 簡単に実現する方法が分かりました。 お世話になりました。