http://d.hatena.ne.jp/gorone333/

のブログの線のように黒い線に薄い影をつけるにはどうしたらいいでしょう?
イラストレータ10使用中です。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/02/21 04:05:49
  • 終了:--

回答(2件)

id:hauntcrow No.1

hauntcrow回答回数24ベストアンサー獲得回数02005/02/21 05:37:50

ポイント25pt

http://support.adobe.co.jp/faq/faq/qadoc.sv?224775+002

Adobe - カスタマーサポートからのお知らせ

「ドロップシャドウ」で影を付けてはどうでしょうか?

id:abank

なるほど。。

2005/02/21 11:42:22
id:yhiasn No.2

yhiasn回答回数26ベストアンサー獲得回数02005/02/21 06:14:14

ポイント25pt

http://www.hatena.ne.jp/1108926349#

http://d.hatena.ne.jp/gorone333/ のブログの線のように黒い線に薄い影をつけるにはどうしたらいいでしょう? イラストレータ10使用中です。.. - 人力検索はてな

urlはダミーです。

ちょっと質問の意味が取りにくいのですが、

1.ウェブ用のコンテンツ(ホームページとか。拡張子がhtmとかhtmlなどのもの)をつくっている。

2.イラストレーターでイラスト(拡張子が.aiとか.epsとかを作っている。

1.の場合のアドバイスとしては、

のスタイルシートをのぞくと、そのサイトの人がちょっと面白いことをして解決していることがわかります。

.hatena-module{

margin: 0 0 15px 0;

padding: 0 0 0 0;

width: 100% ;

position: relative;

border-right: solid 2px #e5e5e5;

border-bottom: solid 2px #e5e5e5;

background-color: #ffffff;

}

.hatena-moduletitle,

.hatena-moduletitle a{

border: none;

color: #000000;

}

.hatena-moduletitle{

font-size: 100%;

font-weight: bold;

padding: 0.5em 1em;

margin: 0;

border-top: solid 1px #808080;

border-left: solid 1px #808080;

border-right: solid 1px #808080;

border-bottom: dashed 1px #808080;

color: #000000;

text-align: left;

}

.hatena-modulebody{

padding: 10px 1em;

margin: 0;

font-size: 80%;

letter-spacing: 0px;

border-left: solid 1px #808080;

border-bottom: solid 1px #808080;

border-right: solid 1px #808080;

_width:100%;

}

hatena-moduleという領域の下と右のふちに淡い色で太い線を書き込み、その内側に存在する.hatena-moduletitle、.hatena-modulebodyの領域で細くて濃い色の線を表示することで、結果的に影のついたような風合いになるようにしています。

2.のイラストレーターで作図している場合は

四角を描いたらaltキーを押しながらその四角を少し左上にドラッグすると、元の四角と同じモノがドラッグしたところに出来ます。そして、元の四角の面の色を灰色にすればお望みの感じが出るんじゃないでしょうか?

id:abank

ご丁寧にありがとうございます!

2005/02/21 12:27:23

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません