Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||IR チュートリアル Image Readyの画面
INB 日本語掲示板
ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forums2u.com
INB 日本語掲示板

ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forums2u.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》前のトピックを表示 次のトピックを表示 Go down  メッセージ [Page 1 of 1]

1 IR チュートリアル Image Readyの画面 on Sun Mar 20, 2011 6:12 am

Admin


Admin
Imagereadyの画面とパレット、ツールなどをご説明します。ほとんどPhotoshopと同じなんですが、独特のツールもいくつかあるんですよ。[You must be registered and logged in to see this image.]

1…画面の表示方法を選択できます。
2…元画像の重さを表示しています。
3…Web用に最適化された重さ、ダウンロード時間、画質などを表示します。
4…重さと回線ごとのダウンロード時間などの表示を変えることが出来ます。

Imagereadyで画面を開き、上の画像の1の部分のタブを「2アップ」にしたところです。

「2アップ」では「元画像とWeb上の画像と2種類」を比べて見られます。

「4アップ」は元画像とWeb上の画像3種類」を比べられます。左が元画像、右が最適化(Web用に画像の種類、画質を調節すること)された画像です。

ImageReadyではこのように、Web上でどのように見えるかチェックしながら絵を描いたり、画像を加工したりできるんです。便利!
ImageReadyのパレットなど


ツールボックス


[You must be registered and logged in to see this image.]
ほとんどPhotoshopと同じですが、いくつか重要なものを選んでみました。

1…スライスツール・スライス選択ツール。
  大きな画像を切り分けられます。
2…スライスの表示・非表示を選べます。
3…Webブラウザーで表示。

  どのように見えるか確認できます。
4…自動的にPhotoshopを開いてくれます。
最適化パレット


[You must be registered and logged in to see this image.]
画像の保存方法を選ぶことができます。選んだ画像はビューの「最適化」「2アップ」「4アップ」で確認することができます。
アニメーションなどのパレット



[You must be registered and logged in to see this image.]

1…アニメーションパレット
アニメを作る上で最も重要なパレットです。主にこれを使ってGIFアニメを作ります。

2…イメージマップパレット

一枚の画像の中の一部がリンクボタンになっているものはこのパレットで作れます。

3…スライスパレット

スライスツールで切り分けたパーツの設定を行うことができます。
スタイルパレット


[You must be registered and logged in to see this image.]
直接GIFアニメとは関係ありませんが、ホームページ用のボタンがあらかじめ記録されているので、これを使って簡単なボタンを作ることが出来ます。左上に▲印がついているのが、ロールオーバーボタン用です。

以上はImageReadyの操作上、とても大切なパレットですから使いこなせるようにしておきましょう!
保存の仕方



「ファイルメニュー」→「最適化ファイルを保存」を選ぶと下のようなウィンドウが開きます。保存の場所とファイル名を設定して保存できます。

[You must be registered and logged in to see this image.]

赤い□の部分では、HTMLのみ・画像のみ・HTMLと画像を選んで保存できます。例えば、ロールオーバーボタンを作ったときや画像をスライスで切り分けたときなどはHTMLでもデータを書き出してくれるんです。

ImageReadyの基礎はいかがでした? Photoshopを使っている方なら、それほど難しくないと思います。次回では画像の種類とGIFの透過処理の仕方を学びましょう!]

ユーザーのプロフィールを表示 http://jp.inbforum.com

上一页INBforum   Go down

上一页INBforum前のトピックを表示 次のトピックを表示 トップに戻る  メッセージ [Page 1 of 1]

Permissions in this forum:
返信投稿: 不可

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Free forum | © PunBB | Free forum support | 連絡先 - | Report an abuse | Have a free blog with Sosblogs