素材を作ってみよう
「素材は素材屋さんで調達するもの」って思っていませんでしたか？
JTrimを使ってオリジナルの素材を手作りしてみましょう。
素材屋さんのようにお洒落にはいかないけれど、自分らしさという点では手作りが一番。
自分で作ったものがWebで表示されるのは、感動的ですよ。
まずはタイトル画像です。
１． 新規作成
２． 文字入れ
影の部分を先に作り、次に色を変えて実体の部分をずらして入れます。
この時アンチエイリアスのチェックは、はずしておきます。
３． イメージ→テクスチャー で大理石模様を入れます
４． 背景と影の部分にも大理石模様が入ってしまったので、編集→塗りつぶし。
閾値のスライダーを調節してムラなく塗りつぶします。
５． アクセントに黄色い花をあしらってみました。これもフォントの中にあります。
６． 背景を透過させて完成です。
次はボタンです。
１． 60×20で新規作成
２． 好みの色で塗りつぶし
３． 加工→立体枠をつける 枠の太さ：20 で凹み、スムーズともチェックをはずす。
４． イメージ→フリップ で上下ひっくり返してもう一度３．を繰り返します。
５． 文字を入れて完成です。
「Back」と「Next」は左右逆転させたものを作りました。「Home」は合成貼り付けを使っています。
ついでにバナーも作っちゃいましょう。
１． 88×31で新規作成
２． タイトルやボタンの色との統一感を考えて塗りつぶし
３． イメージ→テクスチャー で大理石模様を入れます。
４． 加工→立体枠をつける 枠の太さ：1 で凹み、スムーズともチェックをはずす。
５． 編集→文字入れ
今度は凹んでいるように見せたいので、まず白で、その上から深緑でややずらして入れます。
右上と左下の白い模様を入れます（これもフォント）。
最後に壁紙です。
１． 50×50で新規作成
２． 加工→ノイズ付加 ノイズの量：100 カラーノイズのチェックをはずす。
※ 画像のサイズによっては壁紙にしたときにつなぎ目が目立ってしまいます。
いろいろ試して適当な大きさを決めます。
後はHTMLで画像の挿入、リンクの貼り方などを覚えれば簡単なホームページが出来上がります。
難しいことは後から少しづつ覚えればよいのです。まずはアップすること、これが一番のお勉強です。
「タグなんて難しそう」って思われる方は、是非一度chikoさんのサイトを覗いてみてください。
そしてあなたも是非JTrim Ringに参加してください。
ここで作った素材を使って、試しにページをレイアウトしてみましたよ。こ〜んな感じ
BACK NEXT