■図形ツールを使って、アイコンを作ってみます。
単純な形になってしまうけど、表情など変化がつけやすく便利です。





適当に重ね合わせてくださいね。



複製する前に、2つのオブジェクトをグループ化すると作業がしやすいかもしれません。



切り抜いて、余白を取り除き保存してください。

この画像をmif保存したものをダウンロードしてみてみたい方は、
こちらをクリックしてください。　
拡張子mifは、ウエブアートデザイナーで開くことが出来ます。69キロです。
version6で作っています。他のversionでは試していません。
（何て不親切な・・・ｗｗ自己責任でお願い(人’д｀o)

ベースになる大きさを作ります。
グリッドを表示・グリッドに合わせるに設定してください。
四角形（塗りつぶしのみ）ツールを使い、自分の好みの大きさにしてください。
マスの数は縦横とも偶数で作ってください。
中心に点を取れるようにするためです。

それに、ペンツールや、ブラシツールで、水玉になる部分を描きます。



オブジェクトを選択した状態で、ペンツールやブラシツールを押すと、
イメージに変換しますか？と聞いてきますので「はい」を選びます。





オブジェクトの四隅と、真ん中に自分の好きな色、大きさ、透明度、形などで、
水玉部分を書きます。

グリッドが表示されていて見え辛いと思う時は、
グリッドの表示をOFFにしてください。
グリッドに合わせるはそのままにしておいてね。



こんな感じに出来上がりました。
色や大きさなど変えて作ってみてくださいね♪

■自分で作った壁紙などを利用して、少しでもほかにない雰囲気のlogoを作ります。



壁紙作成（市松）で作った、この壁紙をしつこく利用します。
（縮小した壁紙を使うと模様がわかりやすいかも知れません。）

まず、ロゴの作成ボタンを押し、Logo作成ウィザードを出します。



↑のような、簡単なものを作りたいと思います。



好きな文字列を入れ、フォントを選びます。
フォントはお使いのPCによってインストールしているものが違うと思いますので、気に入ったものがなければ、Freeのダウンロードサイトからいただいてくるか、買うことになります。

年賀状ソフトや、スキャナ、プリンターに付いているCDにはよくおまけで入っているので、確認してみるといいですよ♪

私が買った筆まめキッズ２(笑)には、たくさん入っていました。

次に、色で、テクスチャーを選び、その他を押し、壁紙を開きます。



後は、適当に好きな効果をかけ、
（上の場合は、縁取り・通常、効果・影です）保存してください。

■ウェブアート素材を活用する

Hello!というロゴがほしいなあ・・・。と思ったとします。
とっても簡単な方法があります。



ウェブアート素材の、ロゴをクリックして、
綴りは気にしないで、好きな効果のついたもの（色合いや、影など）を選びます。

それをドラッグして編集画面までグ???っと（参考上図）まで引っ張って、
手を離します。
出てきたオブジェクト（この場合SHOP）の上で右クリックします。




■ロゴの編集画面ダイアログが出てくるので、
shop!と入っている文字列を消し、hellow!と変更すれば、OKです。
（つづりが・・・・・・・・・orz　　okなの？ｗｗ）
大きさ等お好みで変えて（角の四角を引っ張りましょう）保存してくださいね。（；^ω^）

■ボタン作成ウィザードと、壁紙で小さなボタン（アイコン）を作ります。

ボタン作成ウィザードを開きます。



好きな形を選びます。
今回は比較的綺麗に出来る丸を選んでみました。
決まれば次へを押します。



種類でテクスチャーを選び、その他をクリックします。
壁紙を指定します。
ここでは、壁紙の作成（市松）で作った壁紙を使用してみました。

完了を押せばキャンバスにオブジェクトが表示されます。



好きな大きさに変更してください。

　今回は、縮小して、影をつけてみました。

キャンバスにオブジェクトが大きく表示されている状態で切り抜き、
イメージオブジェクトに変換します。
（切り抜いたら勝手になるよｗ）
それを縮小すれば、壁紙も縮小されるので、↓のようなものになります。
色調補正もしています。



保存してください。
影を使用した場合は、白背景向けになります。
オブジェクト保存をしておけば、背景色が変更になっても対応できます。

■付属されているボタンの見本を使用して、変更を加え作成します。



テンプレートギャラリーのウェブアート素材のボタンを選択し、
下に表示される画面から、適当なものをキャンバスにドラッグします。

キャンバスに表示されたオブジェクトのボタンオブジェクトを選択します。


オブジェクトの編集を選択し、形状や、色をお好みで変更します。



ボタンのオブジェクトを、
拡大縮小、回転、反転などを利用して
自分がイメージする形にします。



ボタンのオブジェクトを拡大縮小、回転、反転などを利用して
自分がイメージする形にします。
必要であれば、ロゴ部分も変更してください。

切り抜いて、余白を取り除き、WEB保存してください。

■バナーの文字入れをしてみます。

バナーの上にロゴを配置して、重なった部分を保存するのですが、
ロゴの効果によっては、切り抜いて保存するのが好ましい場合があります。



例として、壁紙（市松）→バーナーベースで作成したこのバナーに、
色調補正と、明るさコントラストをかけて

この色にしたものを使います。

←のような文字をのせてみます。

ファイルから貼り付けか、
テンプレートギャラリーから、バナーベースをキャンバスに出します。



ロゴの作成を押すか、
操作ツールバーの文字を押し、文字を入力します。
（文字を押して入力した後、オブジェクトの編集を選んでください。）

ロゴの編集ダイアログが開きます。

文字列を入力、フォントを選び、スタイルを選びます。
他もお好みで変更してください。



色を選びます。
その他を押せば、この画面上にない色も選べます。
他、グラデーションと、テクスチャーでも選べます。
（この見本の場合は、透明になるのでどの色でも同じです）



今回は、100％に設定し、透明にして、縁を目立たせました。
この場合では白抜きを選んでも同じ効果になります。



影は、同色系の濃いものがそれらしく見えると思います。
影の位置をずらしすぎると（数値を+-大きくすると）
バナーからはみ出てしまうかも知れませんが、
今回は切り抜くつもりですので気にしないで進めます。



出来上がったロゴをバナーの上で大きさなどを調整します。



画面表示を4倍にし、縁を綺麗にあわせて切り抜きます。
慎重に作業してください。

今回「重なり合ったオブジェクトを保存」を使わないのは、
影が広くバナーからはみ出しているからです。



こんな感じに出来ました。



影で、少しバナーの凹凸が目立たなくなったので、もう一度ボタン効果をかけました。

拡大表示して、バナーにあわせて切り抜けば、
ロゴがロゴの効果等によって、バナーより大きい場合でも、
縁に意味のないスペースや白のこりを作らないで完成させることが出来ます。

Web保存して完成です^^

■自分で作成した壁紙を使って、バナーの土台を作ります。

壁紙の作成（市松）で作った、この壁紙を使って、バナーを作ります。



こんな簡単なバナーを作ってみます。


まず、キャンバスの背景に、壁紙を敷き詰めます。



編集のキャンバスの設定でテクスチャーを選び、
その他から、背景に出したい壁紙を選び、開くを押します。



キャンバスの背景が選んだ壁紙になったら、
好きな大きさ（バナーにしたい大きさ）に切り抜きます。
あるいは、大きく切り取って、縮小したり、工夫してください。

必ず、キャンバスを含むにして、切り取ってください。
これを選んでいないと、ただの透明のオブジェクトになってしまいますｗ



そのままでは作業するのにみえにくいので、背景色を白に戻しておきます。
編集のキャンバスの設定で変更してもいいですし、
カラーパレットを出し、背景色を選び、選択している色を適用してもOKです。



そして、ボタン効果で、立体的にします。

コツは、一度に深い凹凸効果をつけないで、
影の濃さを薄くして、少しずつ何度も効果をかけます。
1回ごとに凹凸効果の目盛りをずらせてください。




こういうバナーが出来ました。
この方法なら、好きな壁紙でいつでもシンプルなバナーが作れます。

壁紙も自分で作ったら、オリジナルです♪

バリエーションのヒント☆　


この壁紙を効果パレットでセピア色にした

この壁紙で作ったバナーです。

かなり大きく切り抜いておいて、縮小しました。

こんな風に色々試してみてください＾＾

キャンバスの背景として作成すると、
模様を見ながら切り抜けるのがいいのですが、
図形ツールの面オブジェクトを作成し、
テクスチャーのその他から壁紙を選んで出す方法もあります。
参考はこちら 。どちら？→バナーの作成（サイズ指定）へ続く。
移行中･･･。

■ウェブアート素材を利用して、バナーを作ります。



テンプレートギャラリーから、ウェブアート素材→ボタンを選び、
好きなオブジェクトを選びます。

それを、キャンバスへドラッグします。（ダブルクリックでも出ます。）

文字列は変更するので、気にしないで選びます。
文字の部分を選択し、オブジェクトの編集を選ぶと（右クリックで選べます）
ロゴの編集画面が出てくるので、文字列を変更します。



文字のオブジェクトを拡大縮小して大きさを調整します。



も変更しようと思えば、ロゴの編集画面を出し、変更します。



こんな感じになりました。
切り抜いて、余白を取り除き、WEB保存してください。

■アイコンを作って、並べてラインにします。

まず、アイコンを作ります。
（←は、アイコンを作るHEARTで作成したものです）



作業をしやすいように、グリッドを表示し、グリッドに合わせるを選択しておきます。



好きな長さになるまで、オブジェクトを移動させて、並べます。

それを切り抜きます。
必要なら、余白を取り除くを実行してください。

↑のようなラインができました。

LINE１でしたように、複製し、色を変更（今回は色調補正を使うと便利）したものを重ねてみました。





色を変えて、塗りつぶしをしてみました。



上のものに、影効果をかけてみました。

こんな風に、アイコンからも、色々なラインが作って遊べます(・∀・)