ホームページの背景が白、真ん中のコンテンツ部分も白で、その境目に影をつけたいと思います。
イメージは、あまり大きな影じゃなくて、このぐらいの小さな影です。
http://www.misystem.jp/
画像を縦に並べるのかな?と思ったのですが、肝心な境目の影の画像をフォトショップでうまく作ることができません。
作り方がおわかりになるかた、作り方の参考になるサイトをご存知の方、よろしくお願いいたします!
No.3
- 回答日時:
いろいろな方法がありますが、ドロップシャドウで検索してみましょう。
縦1ピクセル、横ページ幅の背景をY方向にリピートするのが一番簡単です。
難しいのは下と角。
縦の大きさが決まっているページはそう無いから、背景というわけに行かず、イメージを置くことになります。
あるいは<div>使って今度は横1ピクセルの背景をXに並べるか。
角だけはどうしてもイメージしかない。
ドロップシャドウ使っているWEBはみんな苦労・工夫していて千差万別です。
まずページ作ってから、そのレイアウトにあう方法を考えるなり似たWEB探すほうがいいですよ。
シャドウから先に作るとWEBレイアウトに制限が出てしまいます。
ありがとうございます!
いろいろな方法があるんですね。
おかげさまで影をつくることはできましたけど、他の方法でも試してみますね!
No.1
- 回答日時:
白いキャンパスにコンテンツの幅で白い塗りつぶしレイヤーを作ってドロップシャドウを適用する。
角度や影のサイズを調整して出来上がった画像をラスタライズして切り取れば出来上がり・・かな。
ちなみに例で挙げられていたサイトの背景画像はこれ。
http://www.misystem.jp/images/bg.jpg
ほとんど真っ白だからわかりにくいけどお察しの通り小さな影が左右にちょこっとある細長い画像です。
この回答への補足
ありがとうございます!
ドロップシャドウやってみました。
影の色あいは良い感じでした。
ただ、色々と設定を変えてみても、なかなか左右に影がつきません。
白く塗りつぶした四角の右側と下側についたり、その部分の影が濃くなったり、ぼやけたり。。です。
左右同じような影をつけるというのもドロップシャドウでできるのでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(映画) 昔の映画の3Dリメイク版。どうやって作るのか? 4 2023/02/16 10:17
- 写真・ビデオ マイナポイントの申請ではじかれた(写真背景問題) 8 2023/02/26 12:45
- Illustrator(イラストレーター) アイビスペイント、原稿作成について 1 2023/07/14 03:01
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- SEX・性行為 妻の身体を他人に晒して興奮するのですが 2 2022/09/03 20:31
- その他(クラウドサービス・オンラインストレージ) Canva(キャンバ サムネイル作るサイト)での加工について(人物だけ、光沢感あるグラデーション) 1 2023/04/01 22:09
- マンガ・コミック 漫画の影響を受けやすい、悩んでいます。 4 2022/06/06 10:42
- その他(映画) 背景がギュイーンとズームアウトするズームの名前と撮影方法を知りたい。 1 2023/04/15 16:00
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- 写真 log撮影について。今まで、9割がた映像ではなく写真をlog撮影でとってきました。 映像ではlogの 3 2023/07/04 23:28
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
WORD 2010 透かし画像の濃さの調整
-
PDFの保存ボタンが表示されません
-
画像貼り付け、URLに飛べる軽い...
-
ロゴマークだけを抜き取って貼...
-
Gifのまわりに白い線ができる
-
背景を透過加工したPNG画像を色...
-
Adobe インデザインに詳しい方...
-
Access2003でpng画像の透過部分...
-
ボタンを押したままにする。
-
CSSでの動画のマスク処理
-
gimpで文字の細工をしたい
-
WEB上でディレクトリ内の画像を...
-
たくさんのjpgファイルをスクロ...
-
GIMP2で背景透過の色判定を設定...
-
透過背景画像のビットマップ形...
-
背景透明画像を作成したいので...
-
ゆっくりムービーメーカー4で、...
-
【至急お助け!】チェックボッ...
-
ひとつの画像をWEBで異なる小さ...
-
背景が透明なリンクボタンで、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
イラレで背景を透明にするやり...
-
WORD 2010 透かし画像の濃さの調整
-
Illustratorから印刷すると画像...
-
fireworks3で透明化gifを作る際...
-
背景画像がテーブルに透けてしまう
-
画像処理 白→透明化(色無し)
-
Excel2007で背景色を変更...
-
premiere CS3 背景色の変更
-
ピタット印刷
-
動画の人物だけを消して背景だ...
-
PDFの保存ボタンが表示されません
-
ロゴマークだけを抜き取って貼...
-
アイコンの背景を透過させたい
-
画像貼り付け、URLに飛べる軽い...
-
Adobe インデザインに詳しい方...
-
イラストレータに配置すると透...
-
透過背景画像のビットマップ形...
-
ボタンを押したままにする。
-
画像データを実際に画面で表示...
-
画像の上にテキスト配置で、拡...
おすすめ情報