Photoshopデータ

ただいま大阪!夜行バス疲れたー!
バスで電車男と同じ紙袋もった兄さん方と一緒になりました。
戦利品か、戦利品が入っているのか!


同じくテンプレを作成されているユヅさんやkyoさんのテンプレの元データっておもしろそうです。こっそり覗いてみたかったり。

宵闇書房 Twilight bookstore | 他人のPhotoshopデータはおもしろい

ご指名を受けたのでPhotoshopデータを探して…探し…さg…

・・・・・な か っ た (ノー`)


カスタマイズや加工のしやすさを考えるとついドットで作ることが多く、ドットものは完成したGIFファイル1つ置いておけば後からどうとでも描き足せるので(笑)あまり元データを置いておかないのですよ~。


テンプレートを作る時は、全体をフォトショで作ってから切り出す形ではなく、ここに欲しいと思った時にそのパーツだけ作るタイプです。
まず構成を考えてざっとHTMLとCSSを組んでからフォトショ立ち上げ。
適当なサイズのカンバスを出して、脳内のイメージを形にするように自由に描く。
一部しか描いてなくても掴めたと思えたら一旦終了。
試作した素材をテンプレートにはめてみて、そこからは素材・HTML・CSSの3つを同時進行で調整。この時に素材が増えたり形を変えたり、デザインパターンをたくさん作ってみたりボツにしたり…。
油絵を描く時のように、全体を見て少しずつ色を乗せていく感じ。
回り道して一休みして眺めなおしてようやく完成。
(時間かかる割にたいしたもの出来てないんですけどね…!)


ちなみに全体のデザインや配置を考えたい場合はIllustratorを使い、ベースをそっちで作って最後だけフォトショで仕上げることが多いです。Illustratorのファイルならたくさん置いてあるんですが、恥ずかしいので公開できません(笑)

Related Archive

Comments

コメントエリアをスクロールする / スクロールを解除する

お帰りなさいませー。
やはり制作方法も人それぞれでおもしろいですね。
私も前はユヅさんのような方法でやってたんですが、最近切り替えました。あ、でも未だに一番最初はシャーペンで下書きしてます。
油絵描けないからこっちの方法にしたのかなぁ(遠い目)。

ベースはイラレですか…。数年触ってなおベジェ曲線がうまく使えません。ご教授してください;;

こんばんわ。初めまして。
この度テンプレをDLさせて頂いたご報告と、質問がありましたので書込みさせて頂きました。

質問というのはDLさせていただいたテンプレをすこしずつ自分色に染めていこうと思うのですが
infoをつけようとおもうのですが
カスタマイズにあったようにしようとしてもこれが見当たらなくて <div id="navi"><!-- start_navi -->
<div class="navimenu">
あの、テンプレでは使用できないのでしょうか・・・
サイトの説明と、拍手と、BBSをそこに入れたいんです^^;

他にも、ペットや、Google AdSenseも入れたりするのですがそこでも、つまづきそうです・・・
勉強しなくては^^;

では、失礼します^^

  • 050816
  • smiley

コチラのテンプレートお借りしているのですが
今日の投稿記事のように
転載箇所など背景に色をつけるには
どうすればいいのですか?
ご指導ください。よろしくお願いします。

●トルキーさん
ただいまですー(*´∀`)
またすぐ旅立つのですが(笑)
私もネタ帳がありますよー、ノートにペンや色鉛筆で落書きしたようなラフがいっぱいあって、それに書きながら構成考えることもあります^^
作ってる間に色々思いついて試してしまうので結局別物になったりするんですが(笑)
ベジェ愛です。上手く使えてはいませんが…orz

●七海さん
説明している例は一例であって、テンプレートや構成によって若干異なりますので、参考程度にして下さい^^
3カラムのだとナビバーが2本あるため名称が異なります。

▼左側のナビバーならこっち
<div id="left"><!-- start_left -->
<div class="leftmenu">
▼右側のナビバーならこっち
<div id="right"><!-- start_right -->
<div class="rightmenu">

を当てはめて考えて下さいね^^
また、カスタマイズをされる際には必ずバックアップをとるようにして下さい。うっかり必要なタグまで消して表示がぐちゃぐちゃに・・・!なんてことも初めの頃はよくあります^^;
頑張ってくださいね~。
えーと余計な心配なんですけど、sbは個人でもアフィリエイトなど稼ぐために使う場合、営利利用として有料になることがあります。条件は公式サイトに掲載されていますので一読されておくといいかもしれません^^

●smileyさん
CSSでblockquoteに背景色を指定します。
CSSの記述の仕方はこちらをどうぞ。
link

  • 050817
  • smiley

ユヅさん、お返事ありがとうございます。
CSSのblockquoteの背景には罫線の壁紙が指定がしてあります。
(ねずみの2カラムを使わせていただいています)
あの~こちらの8/15の日記の部分で
「同じくテンプレを作成されているユヅさんやkyoさんのテンプレの元データっておもしろそうです。こっそり覗いてみたかったり。」の部分の水玉の壁紙のように
転載箇所などの背景を変えたいという質問なのですが
やはりCSSでblockquoteに記述するのでしょうか?
また記述後、このように部分的に背景の色を変えるには
記事投稿画面のどこをどのようにすればよいのでしょうか?
すみません。説明が下手でうまく伝えられなくて(^_^;)
よろしくご指導ください。

●smileyさん
既に画像を背景に指定している場合は背景色の変更は意味がないですー。
背景色の上に、壁紙が乗るので下の色が見えなくなるんです。
水玉にしたければ水玉の壁紙をもってきて、罫線の壁紙と差し替える形になります。
壁紙を使ってなおかつ背景色を変更するには壁紙の背景色部分を画像ソフトで透過処理しておかなければいけません。

部分的に背景色をつけるには、その部分をpタグで囲んでstyle="~"の形でCSSを記述するか、任意のclass名を与えておいて、CSSファイルの方でそのclassに背景色を指定するかです。
同じ背景色でよければ何度も使う場合には後者の方が楽ですね。

ユヅさん丁寧な説明ありがとうございました。
よく理解できました^^
アフィリエイトについては、公式サイトで聞いてみようと思います。ありがとうございました!

  • 050817
  • smiley

ユヅさん、ご指導ありがとうございます。
大変ご面倒をおかけして申し訳ありません。
私の知識では難し過ぎるみたいです(^◇^;)ゞ
もう少し勉強してから挑戦したいと思います。
ありがとうございました。

Comment Form

[icon]


Trackback

Trackback URI
このエントリーへのリンクを作成