ホームページ制作、千太の絵空事

時に勝つ!投稿できることに感謝しています。(千太) SINCE 2005

WWW

[ リスト | 詳細 ]

どこが、wwwやねん!、(汗)
それっぽいかなーということで、
記事検索
検索

「ペイントでOK!」名前アイコンの作り方12

文字を入れてみよう2006-04-11


前回、イラストの絵はできましたかー。
今回はそのイラストの絵の上に一番肝心の文字を入れます。

イラストを入れない場合はここからでもいいですね!。

書式バーの表示

まずは、文字を入力する前に書式バーが表示されているか確認してみましょう。

  • 左側のツールより、[A]とみえるアイコンの「テキスト」を選択(左クリック)
  • 作業スペースの空いたスペースの上でドラック
点線で囲まれた部分ができます。
書式バーはでていますか。

この書式バーは、挿入するテキストについて設定できますので、表示しておくといいです。

  • 点線でかこまれた部分の内側で右クリック。
コンテキストメニューが表示されます
  • 下の方に表示された「書式バー」を左クリック
書式バーが表示されます。

これで、詳細な書式の設定が可能になります。

文字の種類や書体、大きさなどが設定ができるようになるのですよ!。




背景に好きな絵を入れてみよう
文字を入れてみよう
  • 「ペイントでOK!」名前アイコンの作り方12:書式バーの表示
  • 書式バーの設定
  • 位置や大きさの細部の調整
保存してみよう。
  • 名前アイコンの保存。
ブログにアップロード
  • ブログにアップロード


この記事は「書式バーの表示」『「ペイントでOK!」名前アイコンの作り方』12
更新:2006-04-11


Copyright (C) 2006 ホームページ制作 千太の絵空事. All Rights Reserved.

心、豊かに、名前アイコン!。

2006-04-13


名前アイコン作成の勧め

せっかくの自分の素敵なブログ、
コメント、入れたり、入れられたり。

人と人とのつながりの暖かさが素敵ですねー。

そんな「こころ」を大切にしたいあなた、

前から「疑問に思っているあなた
こころを束縛せず、

いっそ、
自分の力で自ら作ってみましょう。

創造するって、とても難しいですが、
やってみるとそれはとても楽しくて素敵ですよ!。

努力して勝ち得た事はあなた自身の宝になります。
それをぜひ体験してみてください!。

応援しますよ!。


【現時点での記事】(後から、加筆、修正あり)



準備
土台作り
背景に好きな絵を入れてみよう
文字を入れてみよう
仕上げ

この記事は「心、豊かに、名前アイコン!。ver.2」『「ペイントでOK!」名前アイコンの作り方』INDEX
更新:2006-04-13

開く トラックバック(1)

「ペイントでOK!」名前アイコンの作り方11

次に完成したイラストを名前アイコンに入れます。

イラストを名前アイコンに入れる

大きさを変更してちょうどよい大きさにします。

  • 左側のツールより、「選択」を選択(左クリック)
  • キャンパスの上でイラストを囲うようにドラック。

  • 点線の部分の少し大きな点に(右上・右下・左上・左下・左・右・上・下の8つ)カーソールをあてます。
カーソールが斜めの矢印(または、左・右・上・下)になります。
  • ドラックしてちょうどいい大きさにします。

イラストをアイコン内に移動させます。
  • 次に点線の内側をドラックしてアイコン内に移動させてください。

どうですかー。

うまくいかなければ移動と大きさの変更を繰り返しおこなってください。
  • 点線の外側をクリック
これで、イラストの名前アイコン内での位置が決定しました。

【ポイント】イラストは少し大きめ
イラストは少し大きめに作っていた方が描きやすいという理由もありますが、
あとで細部を調整する場合、
拡大するより、縮小する方がきれいに仕上がります。
アイコンの大きさに合うように縮小して調整しすればいいと思います。


【ポイント】描きやすくしている最大のポイントは3つ
・背景色に設定した色=名前アイコンの背景の色にして
・キャンバスを大きくし作業スペースを確保する。
・「背景を透明色にする」にチェックを入れる

これで、ペイントでのパーツの加工(移動、拡大など)がしやすくなり、描きやすくなったと思います。



背景に好きな絵を入れてみよう

この記事は「イラストを名前アイコンに入れる」『「ペイントでOK!」名前アイコンの作り方』11
更新:2006-04-08


Copyright (C) 2006 ホームページ制作 千太の絵空事. All Rights Reserved.

「ペイントでOK!」名前アイコンの作り方10

では、実際に、作業スペースを使って描いてみます。
ここでは、足跡などをつくってみますね。

イラストを実際に描く


楕円をつかって円を描きます。

少し大きめに描きます。

  • 下側にあるパレットをクリック
前景色を設定されました。
  • 左側のツールより、「楕円」を選択(左クリック)
  • キャンパスの上でドラック。

円ができました。

離した位置で、もう1つ円を先ほどより少し小さく作ります。

  • 【ポイント】パーツは離して作成
    楕円と楕円がくっついていると、移動させる際に一緒になって移動してしまうので、離してください。

次にこの円を選択してこれをコピーさせて移動してみます。

  • 左側のツールより、「選択」を選択(左クリック)
  • キャンパスの上で円を囲うようにドラック。
  • 次に点線の内側を「Ctrl」を押したまま、ドラックしてみてください。
これも離して作成しておいてください。
  • 点線の外側でクリック
これで移動が決定しました。

どうですかー。

うまくこの小さい円をコピーして移動しましたか
これを繰り返して3つにします。

次に選択してこの小さな円をそれぞれ移動させてみます。

  • 左側のツールより、「選択」を選択(左クリック)
  • キャンパスの上で円を囲うようにドラック。
  • 次に点線の内側をドラックしてみてください。
  • 点線の外側でクリック
どうですかー。
うまく円、移動しましたかー

(足跡に見える用にですよ。笑)

これで足跡のイラストの完成です。

  • 【ポイント】イラストは作業スペースで作成
    名前アイコンの部分に直接描くのではなく、作業スペース内で完成さえておくと
    修正がしやすくなります。
     
もちろん、楕円で作らなくてもその他のツールで描いてみてくださいね!。
また、鉛筆など使って直接描いてもいいですよ。

「ペイントでOK!」名前アイコンの作り方9

切り取って移動、コピー移動などをやりやすく

次に、選択して、移動した場合、背景が切り取られてしまう。
背景ごとコピーしてしまう。などの解消です。

切り取られる問題の解消

  • メニューバーの変形>「背景色を不透明にする」のチェックをクリックしてはずしてください。

これでOKなのです。

では、
前回、と同じように、楕円を選択して移動してみてくだい。
今回は作業スペースで描いて、アイコンの部分に移動させてみてください。

前景色を設定します
  • 左側のツールより、「楕円」を選択(左クリック)
  • キャンパスの上でドラック。

  • 左側のツールより、「選択」を選択(左クリック)
ここで、左側ツールの最下部のアイコンがハイライトしているはずです。
  • キャンパスの上で「楕円」を囲うようにドラック。
  • 次に点線の内側をドラックして名前アイコンの部分に移動させます。

ね!。
うまくいったでしょう。
  • 【ポイント】
    [背景色に設定した色=名前アイコンの背景の色]が同じなので、
    好きな色で設定し描いたイラストのパーツ(この場合楕円)が
    その部分だけ移動」します。

これも予め作業スペースを確保しておいたのでスムーズにいきました。

このようにしておけば、イラストの一部になる部分を作業スペースで作成して、
大きくしたり小さくしたり、コピーして移動させてみたりして描きやすくなります!。


背景に好きな絵を入れてみよう

この記事は「切り取られる問題の解消」『「ペイントでOK!」名前アイコンの作り方』9
更新:2006-04-07


Copyright (C) 2006 ホームページ制作 千太の絵空事. All Rights Reserved.

.
*************
*************
非公開 / 非公開
人気度
Yahoo!ブログヘルプ - ブログ人気度について
検索 検索

過去の記事一覧

ブログバナー

友だち(1)
  • ペーパーキャプテン・りヴぁ
友だち一覧

Yahoo!からのお知らせ

よしもとブログランキング

もっと見る

[PR]お得情報

数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!
ふるさと納税サイト≪さとふる≫
実質2000円で好きなお礼品を選べる
毎日人気ランキング更新中!

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事