聴覚障害者に理解のある聴者と聴覚障害者が一緒になってふれあう場のサークルです。

■ ホームページ作成学習部のお知らせ


   
 
 
 
 
 

■ 縦書き画像の作り方&透過画像の作り方

受講生さんからの希望で縦書きの作り方を知りたいとの事でしたので
今日は縦書きの画像を作ってみました。普通は横書きが多いのですが縦書きも悪くないですね。
どうやって縦書きにするのか、その作業をまとめてみました。参考にどうぞ。

 




 メニューのツールをクリック⇒ウエブアートデザイナーの起動をクリックします。
  このように出てきます。 
   あなたの好きなボタンを選択して下さい。
何でもいいですが、例としてこのボタンを選択しました。
  ボタンを選択したら
マウスを置いてダブルクリックしてください。

 
   画像の周りに線が
ついていますよね。
まだ確定してない状態です。
  画像を回転させます。
左でも右でもどちらでもかまいません。
とりあえず左に回転させるをクリックします。

 
   このように画像は縦に、回転されました。

フォントは横書きのままなので、フォントを縦書きに変更します。
  画像の真ん中のフォントにマウスを置いてダブルクリック。




すると
右側にダイアログが出る。
 
  フォントを縦書きにするために
フォント名を指定。
フォントが縦書きになるようにタイプしておく。

方向、縦書きにチェックを入れる。

  画像、フォント、全部縦書き設定出来たらそのまま閉じるをクリック。
 
  確定する時は
何もない所に
マウスを置いて
クリックする。
 
  画像を確定したら
そのまま保存しないで
web用保存ウィザードをクリック。

これはHPできれいに見えるように自動的に変換してくれるので便利です。

 
   赤丸の通りに
進める。
   
   
   
   プロパティの
透明化にチェックを入れておく事。
   
  これで透過された画像が出来たので、

名前をつけて
保存する。

必ず英小文字で保存すること。
 
 さて、画像に透明化する理由を説明します。
なぜ透過させるといいのか、比べてみましょう。
 

  比べてみてわかりますか??

どこが違うのでしょうか??

背景は白ですね。白なので画像はどんなでも
合いますし、透過しているのか、透過してないのか
わかりませんよね。

背景が白ならとってもきれいに見えますし、
グッドだと思うでしょう。

でも背景がカラーだったら??
グレーとか、黒、赤、緑、黄色など・・・
色がついている背景だったら??
どうなるのでしょう???

下を見てみましょう。

お気づきかと思いますが背景はグレーですよね。
そして画像は???

左側は透過している画像、右側はまだ透過していない画像です。
 
背景が白だったら、透過している画像も透過してない画像も同じようにきれいに見えますが、

背景がカラーだったら・・・・。
透過していると背景がどんな色であってもなじんてしまってきれいに見えますが、

透過してない画像だと白い背景が残ってしまって
きれいに見せませんね。
 いかにプロっぽく見せるか?(笑)
それは画像を透過させる事だと思います。
透過させてしまえば、どんな背景でもきれいに見えますし、初心者っぽく見られないですみますよね。
HPを作る時は必ず画像を透過させるといいなと思います。ただし注意する点があります。
透過出来るのはgif だけです。jpgは透過出来ません。

Gif(ジフ)は画像作成時によく使われます。多少画像は落ちますが一応綺麗に見えます。
jpg は主に写真関係が多いですね。きれいに見えます。ファイルのサイズに気をつけましょう。
他に、画像を透過させるフリーソフトも色々あります。たくさんあるのであなたの好きなソフトを
使ってもかまいません。例えば、ベクターで探してダウンロードしてもOKです。
例として、このソフトをピックアップしてみました。
http://www.vector.co.jp/soft/win95/art/se342401.html
   これを使って透過したい画像(gif)を選んで透過させるといいですね。非常に簡単に透過出来るので便利だと思いますよ。

使い方は簡単!すぐに出来ます。
   
 

 
    
    
⇒ダウンロードしたらファイルは圧縮されているので
ダブルクリックすると自動的に解凍されて、上のようなフォルダが出ます。そしてフォルダをクリックしたら下記のようなファイルが入っています。↓↓↓↓
 ダウンロードしたファイルはマイドキュメントに保存するといいでしょう。

わかっている人は好きな場所に保存してもかまいません。

かんたん透過くん.exeをダブルクリックする。⇒デスクトップにショートカットにしておくと便利ですよ。


デスクトップでの操作が簡単に出来ます。
 メニュー⇒ファイルをクリック⇒
透過していない画像を呼び出す。



白い背景の所にマウスを置いてクリックすると
右のように白い背景が消えます。     
 画像だけが残るのできれいに見えますね。
 これで縦書きの作り方と透過画像の作り方を説明致しました。これで終わります。

■ ホームページ作成学習部報告レポート