水着のショップ作成記録ブログ- はい。こちらsea-wind.netです

Photoshopで壁紙を作成する方法-3です。
（　キャラクター画像の配置 ）

- - -

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

- - -

今回は、キャラクターを配置します。

とりあえず、
今回は、図形が、重ならない形で、配置してみます。


前回フォトショップで壁紙の作成する方法-2は、
背景サイズ内にキャラクターを集めました。

今回の、sea-wind.net ロゴの様に、文字図形が長い場合など
回転が必要な場合は、
「自由変形」等で角度を入れ回転させます。

（この所で、ロゴ右側が、背景の範囲を出ています、
下図で、出ている「NET」文字部分を、
最左側に、ラッピングしても大丈夫な様に配置します。

　(＊フォントの長さなど詳しくは次回に)　

あと、今回、キャラクターを水玉にしたので、
水玉画像の回転はあまり関係なかったですが、
他の各キャラクターの場合は、必要に応じて、回転を・・・

以下の4つのキャラクター画像と
背景を用意しました。

１）sea-wind.net　のロゴ
2)35pixの正円　（ 濃い ）
3)45pixの正円　（ 薄い ）
4)65pixの正円　（ 中間 ）

◎150 × 150pix の白背景。




３・キャラクターの配置をします。

ここでは、各キャラクター図形が、重ならない様にしました。

○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○

　注、今回の、サンプル図形について。

 ： hahaha~　今、気が付いたら
グランド色を白で作ってしまったので、
ブログ記事の背景色と同じだ〜！　ピンチ　！

と言うことで、
一先ず、
ブログの段落を水色の背景にして見えやすいようにしました。
中の「　白い所のみ　」　見て下さい〜！

ゴメンネ　！！　　（;´▽｀A``


！(´Д｀；)

また、バック（背景）の色の調整は、
最後の方で、項目にします。

○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○



Photoshopの作業は以下 どぅえ〜す。　↓　↓　↓ -Photoshop

あけましておめでとうございます。
あまり更新多くないですが、
本年も宜しくお願いします。

- - -

　Alo〜ha！
水着のショップ作成記録
sea-wind.netです。

- - -

そう言えば、
前回の、フォトショップでの、
失敗談の続きですが、
イラストレーターなら、
勿論、問題はないですね！

先日、ふと、頭をよぎったので、
記載します。

- - - - -

フォトショップで壁紙の作成する方法-１の
テクニックのフォロー編です。
（　壁紙を作る前の準備-失敗談。）

　Alo〜ha！
水着のショップ作成記録
sea-wind.netです。

- - -

前回、前々回のフォトショップでの壁紙作成の中で
書き忘れていたことが有りました。

それは、壁紙の場合、

◎≪　使用するサイズで、作成する　≫

です。

どういうことかと言うと、

フォトショップで壁紙を作成する方法-2です。
（　壁紙を作る前の準備-キャラクターを集める。）

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

- - -

前回
フォトショップで壁紙の作成する方法-1は、
背景の大きさを指定しましたが、
今回は、キャラクターを集めます。

勿論、イラストレーターから出し入れしてもいいし
フォトショップで作ってもいいし
ま〜、キャラクターは、
サイトによって個々、違いが大きいと思いますので
作って頂くとして、
ここでは簡単に 「 水玉 （ Dot ）」 を使用する事にしました。

以下の4つのキャラクター画像と
背景を用意しました。

１）sea-wind.net　のロゴ
2)35pixの正円　（ 濃い ）
3)45pixの正円　（ 薄い ）
4)65pixの正円　（ 中間 ）

◎150 × 150pix の白背景。




今回使う画像のキャラクターを
最終的に作る画像サイズの中に取敢えず置きました
（ここでは重なっててもＯＫ。）

○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○

　PS ： hahaha~　今、気が付いたら
グランド色を白で作ってしまったので、
ブログ記事の背景色と同じだ〜！　ピンチ　！
と言うことで、
一先ず、
ブログの段落を水色の背景にして見えやすいようにしました。
中の白い所のみ見て下さい〜。

○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○


フォトショップの作業は以下。　↓　↓　↓ -Photoshop

フォトショップで壁紙の作成する方法　1です。
（　壁紙を作る前の準備-背景の事を記載します。）

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

壁紙を作るに当たって
壁紙の大きさを

◎150 × 150pix の白背景。
にしました。



○●○●○●○●○○●○●○●○●○○●○●○●○●○
○●○●○●○●○

　PS ： これは、特に何pixと いった決まりは無いです。
壁紙の大きさは勿論自由。
　私が思う注意点は画像が多いサイト、cgi、java、phpほか、
ブログだとやたら重いブログパーツとか・・・
ページの表示に負荷が多くなるであろうサイトへの使用目的では、
表示時間面で、極力、小さい方が良い気がしてます。

　文字のみのhtmlサイトならば多少大きくても、
一つくらいは、表示時間面は問題ないと思いますが・・・
　私は１ページの重さが150kb位を目標にしてます。
（それ以上重くなる場合は、又、別の項目で・・・）


○●○●○●○●○
○●○●○●○●○○●○●○●○●○○●○●○●○●○

フォトショップの作業は以下。　↓　↓　↓ -Photoshop
- - -

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

昨日のフリーエリアの件
判りました〜。

フリーエリアの高さの指定で、
スペースを確実に取ろうと言う
考えをしていたけれども、
問題は全然違う所に有った！

と、いうのは、

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

HPのタグは、ある程度わかるのですが、
ブログは中々わからず見入っていましたが、
遅ればせながら、
ブログのカスタマイズが
やっと少しずつ判りだしてきました。

ここ２〜３日、
CSS見たりHTML見たりして
色々と真剣に触り出したました。

まだブログは初心者だから、
やっとの事、
記事の「続きを見る」のリンクの
アンカーテキストに、記事の題名入る様にしたり、
その他もろもろ、
見ると大した所でもないのに
何日かかけ、少しずつ、
思うようにできてきたのですが、

しかし、しかし、
ブログパーツの
フリーエリアのみの
heightの指定が判りません。

だれか教えて〜。

アロ〜ハ！水着のショップ作成記録の sea-wind.netです。 さて、水着ショップ制作記録のフォトショップで作る画像作成１回目は、「壁紙のキャラクターとロゴ集め」です。

さて、サイト作成の画像面で先ずフォトショップで作ったのが、壁紙。 そして今日はPhotoshopで壁紙を作る素材集めです。 壁紙のサイズの選定は画像の重さも考え又、均一にしたかったので、縦横の同サイズの 150pix × 150pixで作成。 でもpix寸は、正方形なら特にどの大きさでも良いです。

次に、キャラクターやら、ロゴを一つ一つ作りました。 例えば、こんな感じ。

参照：水着ショップ案内ページ使用の水着F-J-R.com壁紙。

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

こんにちは。

暑くなってきて、
夏本番の気分ですが、
夏休みの予定はたちましたか？


リゾートへの海外旅行や
海でのマリンスポーツ
ビーチでの海水浴
太陽が燦々と輝く青空の下で
ボー、とアンニュイな気分で
ゆったりとした時間をとって
リラックス ＆ リフレッシュ。

良いですね〜！！！


しかし、しかし、
私は、夏が忙しい水着のお仕事なので
ボーともしては、いられず
逆にバタバタ状態。（笑）

と、言う事で、今月の作成日記は
ちょっとお休みで〜す。


　ところで今日は、暑〜い　！




-　　　　　　　　　　　　　　　
　　　　　　


〜 　　〜　　 (^o^) / 　〜〜〜

　　2009/07/12

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

こんにちは。

まずはショップを作るにあたって
水着のショップなので、
セクシーにならないようにしたいと思いました。

と、言うのは、作成時の2003年当初は
水着のモデルさんが出てるHPと言うと、
アイドル系やセクシー系のHPしか無く
それ以外は非常に稀でした。

又、フラットな白グランドに水着モデルの写真では
当時はセクシーすぎる感じがどこかありました。

どうすれば、良いかな〜と思った時、
ファッションのイメージ写真中心でいくか
なんらかHPの構成を危なくない感じにしたいな〜、と。


一つ目のファッション的なイメージ写真は
見た目は良いのですが、
商品をより見て頂かなくてはならない通販と言う事。
イメージ画像作成の為の金額面。
それに、HPの作成能力。（動的な構造）
そんなことを考えると
難しいと思いました。

では、HPをなんか考えなくては、
そうこうしてる中で、
ホームページビルダーを買ってきて
色々さわっているうち、
通販の商材的には、
無地の物が中心で展開しようと思っていた事も有り
絵をちりばめていこうと思うようになりました。

一方、HPの構造もいくつかの項目TOPがあり
その下に詳細と言う感じで考えていたので、
（今になると、これはSEO的にも非常に良かったと思っています。）
その項目ごとに特徴を出せないかな〜などと考えました。

爽やかっぽい、セクシーで無いサイト作り。
ちょっと難問です。

水着ショップ制作記録 sea-wind.netの全ての写真、画像及び文章は、水着の通販 www.f-j-r.comがもつ著作権で保護されています。
無断での使用、転載はできませんので、ご注意ください。

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。


 1) 「 お問い合わせ 」　に、関しましては、
下記、管理運営：「 水着ショップF-J-R.com 」の、
ホームページにて宜しくお願いします。


2) ＜ 著作権 ＞ 等に関して。　（下記別窓で。）

 当ブログ水着ショップ制作、骨折り記録のブログ sea-wind.net 内に
掲載している全ての写真、画像及び文章は、
管理運営：水着の通販 www.f-j-r.comがもつ
著作権で保護されています。

無断での使用、転載はできませんので、ご注意ください。
 Copyright(C)2004-2010 F-J-R.com SwimSuit Net Shop All Rights Reserved

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。
このカテゴリーでは、画像softの、Adobe Photoshopや、
Ilustratorを使って作った
ロゴや壁紙などなど、
水着ショップ内の内装などの
画像に付いて書いていこうと思います。

サイト内画像は全てadobeのphotoshopを使っています。
私がphotoshopを使いだしたのは4.0Jが最初で、
90年代の半ばか終わりかはよく覚えてませんが
その頃は画像ソフトと言えばMacでフォトショップを使うのが普通でした。
今とは違い、今ではワンクリックでできる作業もあれこれと作業して大変でした。
当ショップのタイトルロゴや壁紙、バナー等はその頃のMacで
PowerMac9600/233と言う機種に入れて使っていました。
初めての描画ソフトと言う事もあり最初はおっかなびっくり使っていました。
一つ影をつけるだけの事は今では、レイヤースタイルを少し触っただけで簡単ですが、
当時は本を買ってきてあれこれと数時間かけて作成しており、
今から考えると、信じられません。

と、言っても今もphotoshop7.0なので
前のバージョンですが・・・

アロ〜ハ！
水着のショップ作成記録の
sea-wind.netです。

このカテゴリーでは
先ずは作成前の準備段階の事をいろいろ。

ショップを作ろうと思った2003年
なんと言っても、HP作成は全くの素人。
どうすれば、HPが作れるの？なんて思っていました。
何で作ろうか、とか、
どんな感じにしようか、など・・・

そして、
コンピューター関係の知合いに
HP作成ソフトなるものを
買ってきてもらったにも関わらず
頭から専門用語多すぎで、
説明書に書いてある言葉自体が
そもそも判らない？？？

一瞬でドロップアウト状態！

ブログ始めます。
と、言う事で、 清々しい感じの、さわやかなイメージの
Sea-Wind.netと言うドメインにしました。
宜しくお願いします。

シーウィンドネット。
「暑い夏の爽やかな海の風が、リゾートの砂浜を駈抜けていく。
そんな気分のSea-Wind.net。」なんて、キャッチコピーでスタートです

ブログのテーマは
HP初心者の画像softフォトショップでの、
水着の通販 F-J-R.comと、
水着 ビキニ Fashion-Swim.comの
ショップ制作、骨折り記録です。

フォトショップでの画像作成手順を入れながら進めていきます。
と言っても、初心者には、難しい事ばかり・・・

タイトルロゴ・壁紙・画像修整・バナー　etc...
でも、水着や、ビキニはあまり出てこないかも。
あ、その前に少しカスタマイズ。