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

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

WWW

[ リスト | 詳細 ]

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

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

前回の拡大や移動でのやりにくかった部分の一部を
まず次の方法で解消します。

描きにくさの解消


キャンバスのサイズを大きくしてみます。
ここでは、わかりやすいように幅600pxと、高さ170pxにしてみます。

  • メニューバーの変形>「キャンバスの色とサイズ」をクリック
「キャンバスの色とサイズ」と名前の付いたダイアログがでます
  • [幅]のフィールドに600と記入します。
  • [高さ]のフィールドに170と記入します。
  • 単位はピクセル、色はカラーにチェックを入れます。
  • OKをクリック

どうですか、
名前アイコンの大きさはそのままで、
キャンバスのサイズだけ大きくなったでしょう。

  • 【ポイント】作業スペースを作る
    この左上の名前アイコンになる部分、以外がいわゆる[作業スペース]となります。

これで、作業がしやすくなります。


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

この記事は「描きにくさの解消」『「ペイントでOK!」名前アイコンの作り方』8
更新:2006-04-07


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

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

(イラストを描いてみよう)

ペイントではイラストが描きにくいといいますがそれっていったいどうなんでしょうか。

では、ペイントで楕円作ってみてやってみましょう。

ペイントではイラストは描きにくいのか?


ではまず楕円を作ってみます。

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

次にこの楕円を選択して大きく(小さく)してみます。
  • 左側のツールより、「選択」を選択(左クリック)
  • キャンパスの上で楕円を囲うようにドラック。
選択されました。
  • 点線の右上・右下・左上・左下の点にカーソールをあてます。
カーソールが斜めの矢印になります。
  • ドラックして大きく(小さく)します。

これを移動させてみます。

  • 次に点線の内側をドラックしてみてください。
どうですかー。
うまく楕円移動しましたかー

「んーん、うまくというより
少し、大きくしてなどやりにくいです
それに背景ごと切り取られるてしまって。
コピーなど…。(汗)」

という声が聞こえてきそうです。

そうです。

このままでは「イラストは描きにくい」のです。


これが、他のグラフィックソフトなどでなれている人が、
描けないと思っている利用かもしれませんねー
でも、大丈夫、工夫と使い方しだいなのですよ!


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

この記事は「ペイントではイラストは描きにくいのか?」『「ペイントでOK!」名前アイコンの作り方』7
更新:2006-04-07


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

文字を入れてみよう。

文字を入れてみよう「ペイントでOK!」名前アイコンの作り方

2006-04-07


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

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

  • 前景色を設定し、文字色を決める
  • 書式バーの表示
  • 書式バーの設定
  • 文字の入力
  • 文字の位置の移動
  • 文字のサイズの細かな修正

前景色を設定し、文字色を決める

前景色を設定し、文字の色を決めておきましょう。
その場合、「コントラスト」にとくに注意してください。
読めない、読みにくいでは、「名前アイコン」の意味がありませんからね。
[]

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

書式バーの表示

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

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

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

書式バーの設定

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

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

んーん、文字サイズは、20ぐらいかなぁ

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

何回か失敗すればわかりますよー(私もそうでした、汗)

文字の入力

書式バーの設定が済んだら、いよいよ文字の入力です。

  • 点線で囲まれた部分で左クリック。
書式バーからフォーカスがテキスト入力部分に移ります。

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

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

文字の位置の移動

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

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

どうですかー。

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

文字のサイズの細かな修正

え!、「はみでたー。」
「小さすぎー。」

ふふふ大丈夫、もう一度[作業−スペース]に移動させて
サイズを変更させてやってみてください。
  • ドラックさせてもう一度空いた作業スペースに移動させます。
  • 点線の囲いの(右上・右下・左上・左下)の点にカーソールをあてます。
カーソールが斜め向きの矢印に変更します。
  • ドラックして拡大・縮小させます。
  • 点線で囲まれた部分の中でクリック
  • ドラックさせてアイコン内に移動させます。

どうですかー、さっきよりうまくいきましたかー

そうでなければ、これを繰り返してやってみてください。

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

うまくいきましたかー。
それでは、
  • 点線で囲まれた外をクリック

これで決定されました。




この記事は「[文字を入れてみよう!]」
更新:2006-04-07


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

「ダイレクト検索」って使ってますか?


先日あるブログの管理人が、

ある言葉で検索したら一般的な言葉だったので調べたい事が見つからなかった
とブログで語っていました。
そして検索が云々と…。

ひょっとして、and検索や、その他のオプションがあることを知らないのでは….汗。

それに、

たぶんその方が、望んでいたのはこれでは

「ダイレクト検索」※1

これはいい。

私がその中でもいいと思っているのは。

「とは」又は「?」をつけてやる検索。

鳥の名前などで
「」とは
「」?
と尋ねると。

ね、いいでしょう。

そして、今、Yahoo!検索Projectより、新たなダイレクト検索の種類が追加されたことがブログで紹介されています。
名前を入れるだけで、議員のプロフィールが普通の検索結果の上部にでてきます。
興味がある人にはこれもいいですよね!。


【リファレンス】


この記事は
にトラックバックしています。


この記事は「ダイレクト検索」って使ってますか?
更新2006-04-05
ホームページ制作、千太の絵空事

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

『「ペイントでOK!」名前アイコンの作り方』
草稿:2006-04-05


前回、影はつきましたかー。(汗)

今回はキャンバスを塗りつぶした際に

「背景色に設定した色=名前アイコンの背景の色」
にした理由がわかります。

最大のポイントがありますよ!。
目次
  • 背景に好きな絵を入れてみよう
    • [イラストの描き方]
    • [作業スペースの確保]
  • 文字を入れてみよう。
  • 保存してみよう。
  • ブログにアップロード

適応:[yahooブログ限定][一般]

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

イラストを描いてみよう


では、一先ず、アイコン作りはおいといて、
ペイントでのイラストの描き方についてです

自分の好きな色で設定した前景色で楕円をつくってみます。

  • 左側のツールより、「楕円」を選択(左クリック)
  • キャンパスの上でドラック。
どうですかー。
できましたかー。

次に選択してこれを選択して大きく(小さく)してみます。
  • 左側のツールより、「選択」を選択(左クリック)
  • キャンパスの上で楕円を囲うようにドラック。
大きく(小さく)してみます。
  • 次に点線付近でドラックしてみてください。
どうですかー。
大きく(小さく)なりましたか。

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

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

「んーん、うまくというより
少し、大きくしてなどやりにくいです
それに背景ごと切り取られるてしまって。
コピーなど…。(汗)」

という声が聞こえてきそうです。

そうです。

このままでは「イラストは描きにくい」のです。


これが、他のグラフィックソフトなどでなれている人が、
描けないと思っている利用かもしれませんねー
でも、大丈夫、工夫と使い方しだいなのですよ!

作業スペースの確保


やりにくかった部分を次の方法で解消します。

メニューバーの
「キャンバスの色とサイズ」をクリック

キャンバスのサイズを大きくしてみます。

ここでは、わかりやすいように幅600px、と高さ170pxにしてみます。

どうですか、

アイコンの大きさはそのままで、キャンバスのサイズだけ大きくなったでしょう。

これで、作業がしやすくなります。

この左上のアイコンになる部分、以外がいわゆる作業スペースとなります。

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

「背景を透明色にする」をクリックして、チェックを入れてみてください。
これでOKなのです。

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

ね!。

[背景色に設定した色=名前アイコンの背景の色]が同じなので、

好きな色で設定したあなたのイラストになる部分の一部(この場合楕円)
がその部分だけ移動することがわかるでしょう。

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

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

また、Enter決定した場合に、楕円と楕円がくっついていると、一緒になって移動してしまうので、
修正などしたい場合は少し離しておくといいでしょう。

そして、イラストは少し大きめに作っていた方が、やりやすいです。

完成して、アイコンの大きさに合うようにして小さくしすればいいと思います。


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

過去の記事一覧

ブログバナー

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

Yahoo!からのお知らせ

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

もっと見る

[PR]お得情報

CMで話題のふるさと納税サイトさとふる
毎日お礼品ランキング更新中!
2019年のふるさと納税は≪12/31まで≫
数量限定!イオンおまとめ企画
「無料お試しクーポン」か
「値引きクーポン」が必ず当たる!

その他のキャンペーン


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

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

みんなの更新記事