人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: abank
●カテゴリ:コンピュータ 学習・教育
✍キーワード:イラストレータ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● hauntcrow
●25ポイント

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

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

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

◎質問者からの返答

なるほど。。


2 ● yhiasn
●25ポイント

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

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

urlはダミーです。

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

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

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

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

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

ゴロ寝でござる

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

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

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ