window
トップページ > 過去ログ > 記事閲覧
*ヘッダーの加工?
日時: 2006/10/20 11:59
識別: ID:GXtQE9D4BJL1
名前: ゆみ
ホームページビルダー10を使用しています。http://www.tanteisha.org/saitama/のページの一番上にあるピンク色の場所のように細かい線の入ったヘッダーを作成したいのですが、これってウェブアートデザイナーで作成できるのですか?ど素人でまったくわかりません。どなたか教えていただければ幸いです。よろしくお願いします

Re: ヘッダーの加工? ( No.1 )
日時: 2006/10/20 14:32
名前: naka◆x5LuTQBzmI

>>0
> ホームページビルダー10を使用しています。http://www.tanteisha.org/saitama/のページの一番上にあるピンク色の場所のように細かい線の入ったヘッダーを作成したいのですが、これってウェブアートデザイナーで作成できるのですか?ど素人でまったくわかりません。どなたか教えていただければ幸いです。よろしくお願いします

できるのですか?と訊かれれば「できます」となります。
Re: ヘッダーの加工? ( No.2 )
日時: 2006/10/20 15:31
名前: ゆみ

nakaさんお返事ありがとうございます。やり方を教えていただけないでしょうか
Re: ヘッダーの加工? ( No.3 )
日時: 2006/10/20 15:48
名前: Newのり太

まったく同じになるかどうかはわかりませんが、似た雰囲気になら。

(1)ベースになる画像
オブジェクト→図形の作成→四角形 で、四角形の塗りつぶしを作成。
オブジェクトの編集で、塗りつぶしの色→種類→グラデーション で、ピンクのグラデーションに。

(2)横線の画像
オブジェクト→図形の作成→直線 で、(1)と同じ横幅、太さ1、前景色白の直線を描く。
※Shift&ドラッグで直線が描けるっぽい。
これをコピー、貼り付けして元の線の下に1px隙間をあけて配置。
※↑↓キーで、1px単位で動かせるっぽい。
これらを選択→右クリック→整列で水平方向のズレを修正。

この2本の線をコピー、貼り付けして元の線の下に1px隙間をあけて配置。
これらを選択→右クリック→整列で水平方向のズレを修正。

この4本の線をコピー、貼り付けして元の線の下に1px隙間をあけて配置。
これらを選択→右クリック→整列で水平方向のズレを修正。

以上を繰り返し、適当な本数になったら線を全選択→グループ化。
オブジェクトの編集で、透明度を適当に調整。

(2)を(1)にのっけて位置調整後グループ化。
はみ出た横線は切抜きして排除。

# 線の太さや間隔、透明度などはお好みで。

以上、naka◆x5LuTQBzmI さんの受け売りです。w


> やり方を教えていただけないでしょうか

最初に書いておけば >>1 ですんなり回答をもらえたかもですね。
Re: ヘッダーの加工? ( No.4 )
日時: 2006/10/20 16:06
名前: naka◆x5LuTQBzmI

>>3
> 以上、naka◆x5LuTQBzmI さんの受け売りです。w

って、どこかで書いたっけ?
書いた気もするけど…。

補足点だけ

>>2
> (1)ベースになる画像
> オブジェクト→図形の作成→四角形 で、四角形の塗りつぶしを作成。

この時「アンチエイリアス」をオフにしないと
最下部に1px の変色が出てしまいます。

> オブジェクトの編集で、塗りつぶしの色→種類→グラデーション で、ピンクのグラデーションに。

グラデーションの加減が気にいらなければ、
大き目の画像を作って気に入る部分を切り取り。

> (2)横線の画像
> オブジェクト→図形の作成→直線 で、(1)と同じ横幅、太さ1、前景色白の直線を描く。
> ※Shift&ドラッグで直線が描けるっぽい。

1px を指定しても実際には3px になっちゃいます。
「アンチエイリアス」をオフで2px に変更。
更に「図形の編集ダイアログ」「情報タブ」で、
「縦横比保持」のチェックを外して高さを1px に変更。


> これをコピー、貼り付けして元の線の下に1px隙間をあけて配置。
> ※↑↓キーで、1px単位で動かせるっぽい。

大きく動かす場合は Ctrl+ ↑↓←→

> これらを選択→右クリック→整列で水平方向のズレを修正。

先に「グリッドに合わせる」をオンにしておくのも吉。
この段階でグループ化(以下順次)するのも吉。
Re: ヘッダーの加工? ( No.5 )
日時: 2006/10/20 16:22
名前: ゆみ

newのり太さん、nakaさんありがとうございます。今から早速やってみます。壁紙素材で横線が入ったのがあったのでそれをいじってたのですが巧くいきませんでした。教わったやり方でやってみます。本当にありがとうございました