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

2006-04-11

｜言葉の空間｜食｜WWW｜ユニバーサル｜トラブルシューティング｜疑問｜アンケート｜アラカルト｜連絡

---

ショートカットキーで閲覧の皆様へ

---

• 「ペイント」でできるトリミング【4/30】
  
• 「ペイント」でできるイメージのサイズ縮小【4/28】
  
• ゴールデンウイーク中の対応【4/28】
  

---

言葉の空間【u版】：人を信じる心｜

・食・オリジン弁当って？【4/6】

---

素敵に楽しむ、あなたたは何色？！。

---

心、豊かに、名前アイコン！「ペイントでOK！」名前アイコンの作り方１〜１７【4/13】

愉快に、コメント、爽快に閲覧！。
言葉でだせる顔文字｜簡単ＩＥショートカットキー【3/31】｜
『すごく簡単IEマウスでショートカット』

• １「ページの移動」
  
• ２「文字サイズ変更」
  
• ３「ページ内を自動でスクロール」【3/18】
  

---

あなたの素敵なこころ、自分で誉めて！。

ユニバーサル
顔文字や顔アイコンなどの素敵な配慮【u版】｜
素敵な色の使い方【u版】｜色での指定【u版】｜色での強調【u版】｜色の秘密【u版】｜

---

あなたにそっと手を・・・。

(よくある質問・トラブルシューティング)

• Tabで移動してのコメントができない
  
• Tabで記事本文中のリンクに移動できない
  

※Yahooのブログはシステム開発中で、現在とは違う場合があります。
トラブルシューティングの秘密

---

Ｍｙブログをあなたの色に！。
[記事作成]

（HTML使えるタグ・wiki表記Level1・Levelについて・他)

[重要]あなたに、やさしく将来を考えて、「安全性」でWikiでの表記を分けています！。
Levelについて 」（できるからといって・・・。）


文字のサイズや色を変えたり、ページに変化を！

• 文字に色を付けたい！｜文字のサイズを指定してみよう！｜HTMLで行間があけたい！
  

ブログに記事を書き始めると、リンクを貼りたくなりますね。そんな場合あなたはどうしますか？

• リンクが、はりたい！｜ページの位置を指定してのリンク
  

とにかく記事もだけど、イメージを入れたい、そんは方には

• 記事に簡単にイメージを入れたい｜文中にイメージを入れたい｜
  

記事を構造的にしっかり記入したい、そんなあなたには！

• ヘルプにあるwiki｜wikiでの表記２
  
  

---

→【u版】

---

【千太】

千太はぶれない！

クロスワードパズルで回答に困った際によくやる、あれで自己分析をしています。
あ行〜ん行

位置や大きさの細部の調整「ペイントでOK！」名前アイコンの作り方14

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

2006-04-11
それでは、この文字を選択して移動させ、
名前アイコンの部分の好きな位置に表示させます。

位置や大きさの細部の調整

文字を選択して好きな位置に表示させます。

• 左側のツールより、「選択」を選択（左クリック）
  
• 文字を囲うようにドラック
  
• 点線で囲まれた部分の中でクリック
  
• ドラックさせて好きな位置に移動させます。
  
  

どうですかー。

うまくいいきましたかー。

え！、「はみでたー。」

ふふふ大丈夫､
サイズを変更させてやってみてください。

• ドラックさせてもう一度空いた作業スペースに移動させます。
  
• 点線の囲いの（右上・右下・左上・左下・上・下・左・右）の点にカーソールをあてます。
  

カーソールが斜め向きの矢印に変更します。

• ドラックして拡大・縮小させます。
  
  

どうですかー、いい大きさになりましたかー

• 【ポイント】拡大するより縮小
  
  イラストの際でもでしたが、拡大するより縮小する方がきれいに仕上がります。
  
  
  

この「選択して修正が効く」というのが、作業スペースを作ってやる利点なのです。
つまり最大のポイントなのです。

うまくいきましたかー。
それでは、

• 点線で囲まれた外をクリック
  
  

これで決定されました。

• 【ポイント】やり直す場合は「元に戻す」
  
  何度も繰り返すと､文字がくずれてしまうので、
  そんな場合は、
  メニューバーの編集＞元に戻すをクリック
  
  選択して移動させる前の状態に戻す事ができます
  
  
  

おー、これで名前アイコンの完成です！。
どうですかー、素敵にできましたか！。

---

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方５：前景色を設定し､キャンバスを塗り潰す
  
• 「ペイントでOK！」名前アイコンの作り方６：立体的なアイコン作り(ポイント、有り！)
  
  

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

• 「ペイントでOK！」名前アイコンの作り方７：ペイントではイラストは描きにくいのか？
  
• 「ペイントでOK！」名前アイコンの作り方8：描きにくさの解消
  
• 「ペイントでOK！」名前アイコンの作り方9：切り取られる問題の解消
  
• 「ペイントでOK！」名前アイコンの作り方10：イラストを実際に描く
  
• 「ペイントでOK！」名前アイコンの作り方11：イラストを名前アイコンに入れる
  
  

文字を入れてみよう

• 「ペイントでOK！」名前アイコンの作り方12：書式バーの表示
  
• 「ペイントでOK！」名前アイコンの作り方13：文字の設定と入力
  
• 「ペイントでOK！」名前アイコンの作り方14：位置や大きさの細部の調整
  

仕上げ

• 要らない部分の削除
  
• 名前アイコンの保存
  
• ブログにアップロード
  

---

この記事は「位置や大きさの細部の調整」『「ペイントでOK！」名前アイコンの作り方』14
更新：2006-04-11

• この記事：
  
• 編集：ホームページ制作 千太の絵空事
  

---

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

文字の設定と入力「ペイントでOK！」名前アイコンの作り方13

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

書式バーの設定で文字の種類や書体、大きさなどを設定してみましょう。

文字の設定と入力

ではこの書式バーで、そうですねー。
文字を太字にして､斜体にしてみますね。

• 右の[B]のアイコンと[I]のアイコンをクリックします。
  
  

んーん､文字サイズは、２０ぐらいかなぁ

これも、できるだけ読みやすいようなサイズを選んでください。
小さすぎすると読めません。
また、あとで半分に縮小しますから、そのことも考慮しておいてください。

何回か失敗すればわかりますよー（私もそうでした、汗）
次に文字の入力
書式バーの設定が済んだら、いよいよ文字の入力です。

• 点線で囲まれた部分で左クリック。
  

書式バーからフォーカスがテキスト入力部分に移ります。

これで入力可能な状態になります。

好きな言葉を入れてください。
（あ！。名前アイコンですから、呼ばれたい名前ですよね！[]）

あれ､文字色は？
大丈夫それは書式バーではなくて
下にあるパレットで前景色を設定し､文字の色を決めます。

その場合、背景との「コントラスト」に特に注意してください。
読めない、､読みにくいでは、「名前アイコン」の意味がありませんからね。

どうですか、文字がきれいに入ったでしょう！。

---

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方５：前景色を設定し､キャンバスを塗り潰す
  
• 「ペイントでOK！」名前アイコンの作り方６：立体的なアイコン作り(ポイント、有り！)
  
  

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

• 「ペイントでOK！」名前アイコンの作り方７：ペイントではイラストは描きにくいのか？
  
• 「ペイントでOK！」名前アイコンの作り方8：描きにくさの解消
  
• 「ペイントでOK！」名前アイコンの作り方9：切り取られる問題の解消
  
• 「ペイントでOK！」名前アイコンの作り方10：イラストを実際に描く
  
• 「ペイントでOK！」名前アイコンの作り方11：イラストを名前アイコンに入れる
  
  

文字を入れてみよう

• 「ペイントでOK！」名前アイコンの作り方12：書式バーの表示
  
• 「ペイントでOK！」名前アイコンの作り方13：文字の設定と入力
  
• 位置や大きさの細部の調整
  

保存してみよう。

• 名前アイコンの保存。
  

ブログにアップロード

• ブログにアップロード
  

---

この記事は「文字の設定と入力」『「ペイントでOK！」名前アイコンの作り方』12
更新：2006-04-11

• この記事：
  
• 編集：ホームページ制作 千太の絵空事
  

---

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

書式バーの表示「ペイントでOK！」名前アイコンの作り方12

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

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

---

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

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

書式バーの表示

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

• 左側のツールより、[A]とみえるアイコンの「テキスト」を選択（左クリック）
  
• 作業スペースの空いたスペースの上でドラック
  

点線で囲まれた部分ができます。
書式バーはでていますか。

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

• 点線でかこまれた部分の内側で右クリック。
  

コンテキストメニューが表示されます

• 下の方に表示された「書式バー」を左クリック
  

書式バーが表示されます。

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

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

---

---

• 「ペイントでOK！」名前アイコンの作り方１
  
• 「ペイントでOK！」名前アイコンの作り方２ ：パソコンの設定と確認
  
• 「ペイントでOK！」名前アイコンの作り方３：キャンバスのサイズ設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方４：背景色の設定(ポイント，有り！)
  
• 「ペイントでOK！」名前アイコンの作り方５：前景色を設定し､キャンバスを塗り潰す
  
• 「ペイントでOK！」名前アイコンの作り方６：立体的なアイコン作り(ポイント、有り！)
  
  

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

• 「ペイントでOK！」名前アイコンの作り方７：ペイントではイラストは描きにくいのか？
  
• 「ペイントでOK！」名前アイコンの作り方8：描きにくさの解消
  
• 「ペイントでOK！」名前アイコンの作り方9：切り取られる問題の解消
  
• 「ペイントでOK！」名前アイコンの作り方10：イラストを実際に描く
  
• 「ペイントでOK！」名前アイコンの作り方11：イラストを名前アイコンに入れる
  
  

文字を入れてみよう

• 「ペイントでOK！」名前アイコンの作り方12：書式バーの表示
  
• 書式バーの設定
  
• 位置や大きさの細部の調整
  

保存してみよう。

• 名前アイコンの保存。
  

ブログにアップロード

• ブログにアップロード
  

---

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

• この記事：
  
• 編集：ホームページ制作 千太の絵空事
  

---

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