バナー工房の使い方 ~PCで画像におしゃれな文字を入れる~

画像加工編集サイトバナー工房」の「文字入れ」というツールを使って、ブログで使う画像におしゃれな文字を乗せてみました。

難しいHTMLやCSSの使用やアプリのインストールなし。しかも無料。

Bannerkoubouとは?

  • パソコンで使うと何となく「ペイント」に似ている。
  • 出来合いのアイコンやフレームが用意されていて使いやすい。
  • 「合成」「切り取り」など「単語」で表示されていてわかりやすい。
  • ペイントで出来ないことも出来る(スタンプやフレームを付けるなど)。

PCで画像におしゃれな文字を入れる 使い方

この画像に文字を乗せてみます。

  • 画像をアップロード
  • 横幅設定で数字を入れて大きさを設定
  • 「画像を加工する」を選択

バナー工房で画像をアップロードする

「文字入れ」を選択する

  • 文字を入力
  • 編集
  • 文字設定を変更・反映
  • OKならば保存

バナー工房文字入れの流れ

編集ツール

加工し終わった文字をマウスでドラッグして移動することも出来ます。

「文字の設定を変更反映」をクリックしてプレビューしてみます。やり直しが効きます。

この設定でOKならば「現在の位置で文字を確定」をクリック。

これで「1枚の画像」になったということになり、やり直しは効きません。

画像を保存(=ダウンロード)します。

バナー工房文字乗せ

出来上がった画像

文字を確定してしまった後の画像の編集をするには「履歴」を使う

文字を確定してしまった後の画像の編集をするには「履歴」を使います。画面を下にスクロールすると出てきます。

やりなおしたい画像を選択します。

バナー工房履歴一覧

文字をおしゃれにするためのメニューをもっと詳しく!

「文字の傾き」「背景や文字の透明度」「影付け」など「数値の大小」がややこしいので自分への備忘録としても書いてみました。

カラーピッカー

カラーピッカー

バナー工房カラーピッカー 

傾き

バナー工房文字や背景の透明度バナー工房文字や背景の透明度

                   ↓

バナー工房文字傾斜度

背景や文字の透明度やフォントの種類など

例:この設定では次のようになる。

   バナー工房文字と背景の透明度

バナー工房文字と背景の透明度

いろんな設定で試してみました

バナー工房透明度

 バナー工房透明度 バナー工房透明度 バナー工房透明度

バナー工房透明度 バナー工房透明度

バナー工房透明度

「バナー工房」のツールは他にもたくさん❣

因みにトップページ画面で3本線をクリックすると「主要メニュー」が出てきます。

文字を乗せるだけじゃないんですね。

バナー工房にアクセス

バナー工房でメニュー選択

すぐに使えるようにアイコンを置いておくのもオススメ

バナー工房のショートカットをタスクバーにピン留めしておくとすぐに使えて便利。

「Windowsアプリのペイント」や「スプレッドシート」「よく見るWebページ」をタスクバーにピン留めしてみた
Windowsアプリのペイント・SnippingTool・切り取り&スケッチ・Googleスプレッドシート・Webページをタスクバーにピン留め。一緒くたに言ってもやり方がそれぞれ違いました。

 

タイトルとURLをコピーしました