ほわんほわん村の住人日記 -6ページ目

ほわんほわん村の住人日記

手作りぬいぐるみ・ミニチュア小物・ポップアップカード・イラストなどに
ちょこっとストーリーを添えてみたり、みなかったりで
気ままにのんびり更新♪


゚・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。☆ たらこのつぶやき ・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。☆



本屋さんで見かけて、衝動買いしちゃいました(^▽^;)
『魅せるWebサイトのテンプレート』
~文と画像を差し替えてそのまま使えるデザイン素材~

最近は、このテンプレートを使って
ちまちまとウェブサイトを作成中。
ほわんほわん村の住人日記-ギャラリー ウェブサイトイメージ画像
ギャラリーがほぼ完成!
今までブログで紹介してきた作品をレイアウトしてみました。

ウェブサイトは 雑貨ねこものや ~ほわんほわん村支店~ という設定です。


テンプレートの元は このような感じ合格
ほわんほわん村の住人日記-テンプレートイメージ画像
Webテンプレートの文と画像を差し替えればよいだけなので
Webスキルの低い私でも比較的スムーズに作業が進んでいます(^∇^)

Webスキル:職場にてDreamweaverで更新作業をしたことがあるくらい。
(知識が0ではないものの、1から作成するのは敷居が高すぎると感じるレベル)

DTP(印刷物の作成)が本業のため、
IllustratorやPhotoshopは難なく使いこなせるがFireworksは×
(なので、画像はPhotoshopで作成。)




ウェブサイトもいつかは作りたいと思っていたのですが、
この本に出会って、やっと取りかかる気になりました(^-^)/
使ってみての感想・・・自分にちょうどよくて使いやすい 合格合格




作業しながら、へえぇ~と思ったのが、
ギャラリーの写真をクリックすると写真が拡大表示されること。
ほわんほわん村の住人日記-拡大画像とNEXT
右上にマウスポインタをおくとNEXTが表示され
クリックすると次の拡大写真が表示されます。

ほわんほわん村の住人日記-拡大画像とPREV
左上にマウスポインタをおくとRREVが表示され
クリックすると前の拡大写真が表示されます。


こんな設定、自分ではできません!!
CSSとかほとんどわからなくても
テンプレートを使えば、ノープロブレム(←たぶん)


テンプレートがあるとほんとうに便利ラブラブ
時間の短縮にもなって、ありがたいです。




で・・・テンプレートの範囲内のことは
さくさく進んでいるのですが、
そこから外れてプラスアルファを盛り込みたいなぁと
思うとスキルの低い私ではつまづくような・・・


あと、画質とファイルサイズについても
要勉強な気がしてきました。
(画像ほとんど はめちゃったんですけど・・・)

DTP屋の習性でつい画像を最高画質で
保存しちゃってたんですが、
ウェブだとファイルサイズ軽いほうがいいですよね。

どこで折り合いをつけるか要検討。
あ!今までのブログ画像、無駄に重たかったかもΣ(・ω・ノ)ノ!



公開目標は来年です。

2012.12.10
ウェブサイト 「雑貨ねこものや」 OPEN しました!

この本のテンプレートを使って作るとどんな感じ?
と興味をもったかたは、



にゃー音譜こちらからどうぞ 音譜にゃー



魅せるWebサイトのテンプレート/毎日コミュニケーションズ
Amazon.co.jp



今回は和風のアレンジ例をご紹介にゃー

お見舞いのメッセージカード
和風なものが好きなかたへの手作りカード 
敬老の日などにおじいちゃんやおばあちゃんへのメッセージカード

のイメージで作ってみました。

ほわんほわん村の住人日記-手作りカード 和紙 折鶴1
ほわんほわん村の住人日記-手作りカード 和紙 折鶴2
折鶴がワンポイントの和風な手作りカード

~和紙などの素材の組み合わせを選ぶときのコツ~
ベル同系色で組み合わせてみる。

ベルまずは模様のある和紙(千代紙)を選ぶ。
その和紙(千代紙)に使われている色の中から
1~2色選び、その色に近い他の素材を組み合わせてみる


どの素材を組み合わせるかが決まったら
カード作りに取り掛かります。
ここでは、土台のカードは白の画用紙を使っています。

和紙を貼る際は、しわになりにくいのでスティックのりがおすすめにゃー
ただし、和紙によってはスティックのりだとはがれてしまうものも(>_<)
(厚めで凸凹感のあるものはスティックのりではつきにくいです)
はがれてしまうようならボンドでんぷんのりを使うといいですね。


━─━─━─━─━─ 和風手作りカード:作例1 ━─━─━─━─━─
ほわんほわん村の住人日記-手作りカード 折鶴 和紙
蝶の柄の千代紙をカード土台の中央に角を合わせてペタリ。
金がメインカラーの千代紙を貼り
淡い紫の和紙(12cm×12cm)で折った鶴を
中央に両面テープで固定。

ほわんほわん村の住人日記-手作りカード 折り紙
青い刺繍糸をひっぱると、このように折鶴が立ち上がります。



━─━─━─━─━─ 和風手作りカード:作例2 ━─━─━─━─━─
ほわんほわん村の住人日記-手作りカード 和風カード
ほわんほわん村の住人日記-手作りカード 千代紙
折鶴は7.5cm×7.5cm(折り紙を4分の1にカットしたもの)で作成。
柄のある和紙から、紫とゴールドをポイントカラーとしてピックアップ。
手前には、細く切った紫のクレープ紙を
サイドにはゴールドのキラキラテープを貼りました。


━─━─━─━─━─ 和風手作りカード:作例3 ━─━─━─━─━─
ほわんほわん村の住人日記-手作りカード 千代紙 透明折り紙2
手前にゴールドのキラキラテープを貼ることで
千代紙のみの場合よりも引き締まった雰囲気をプラスにゃー
ほわんほわん村の住人日記-手作りカード 千代紙 透明折り紙2
この千代紙の絵柄は要素が多いため
折鶴は単色のものを選択。
赤の透明折り紙(7.5cm×7.5cm)で作成し
両面テープで片方の翼と胴体下部をカードに貼りました。





宝石緑


ベースが同じ型紙による

手作りカード:クローバー はこちら


手作りカード:バレンタイン はこちら

手作りカード:卒業祝い・パーティの招待状(蝶)はこちら

手作りカード:誕生日(イエローフラワー)はこちら

手作りカード:結婚祝い(ブルーローズ)はこちら

手作りカード:結婚祝い(ピンクロース)はこちら





ブーケ2 ブログTOPへ  ブーケ2       クローバー 手作りカード一覧へ  クローバー




左矢印このシリーズの前のお話

ほわんほわん村の住人日記-ハロウィン おばけの話し1
ほわんほわん村の住人日記-ハロウィン おばけの話し2

ほわんほわん村の住人日記-ハロウィン おばけの話し3
ほわんほわん村の住人日記-ハロウィン おばけの話し4

それぞれ怖いと思うものに仮装したみたいですね。

だるまくん、髪が伸びる市松人形は怖いって
聞いたことがあるからこの仮装にしたんですって。
だるまくんいわく「髪が伸び縮みしたら、もっと怖いかもと思ったの」

辰くんはおじいちゃんがいちばん怖いそう。
小さい頃いたずらしたら怒られて、雷をおとされたんですって。
おじいちゃんの雷は1年も気絶しちゃうほどの威力!
すごーく怒ると、激しい雷雨と洪水をおこすから
おじいちゃんだけは怒らせたくないそうな・・・



左矢印このシリーズの前のお話