JAZZ&ART

アクセスカウンタ

zoom RSS IllutratorとWEB

<<   作成日時 : 2008/09/21 19:19   >>

ブログ気持玉 0 / トラックバック 2 / コメント 0

画像

イラストレーターを勉強しています。
今日は、10回目。
今の最新バージョンは、CS3ですね。
今日は、イラストレーターで作るWEBページについて勉強していきたいと思います。
WEBページを作っていく過程で使うアプリケーションに、ファイヤーワークスがあります。
こちらは、イラストレーターとフォトショップが合体したようなソフトで、よく使われています。
ちなみに、私の最新バージョンは、CS2です。

1、Webに画像を保存したい
(1)ファイルからWeb用に保存を選択し、ダイアログを表示させます
(2)GIF、JPEGといった画像形式を選択し、続いて画像の質を選択し、画像サイズを選択していきます
(3)保存をクイックし、フォーマットを画像のみを選択後、名前を入力して保存をクイックすれば完了です

2、画像にリンクを張ったHTMLファイルを収集したい
(1)リンクを張りたい部分の画像を選択し、ウインドウメニューから属性を選択します
(2)属性パレットのイメージマップの形を選択し、URLを入力して、ブラウザをクイックします
(3)ファイルからWeb用に保存を選択して、Webに保存ダイアログを表示し、ファイル形式や画質を設定し、保存ボタンをクイック、最適化ファイルを別名保存ダイアログが表示され、フォーマットをHTMLと画像を選択します

3、Web用のフラッシュアニメーション(swfファイル)をつくりたい
(1)複数の図形を配置し、レイヤーパレットメニューからレイヤーに分配(シーケンス)を選択
(2)図形が複数のレイヤーに分かれました
(3)ファイルメニューからWeb用に保存を選択し、ダイアログが表示されたら、ファイル形式をswfを選択し、フレームレートの数値を入力し、ループにチェックを入れて、保存をクイックします
(4)名前を入力して、保存場所を選択し、フォーマットをHTMLと画像を選び、保存をクイック」します。
(5)HTMLとフラッシュアニメーション(swf)のファイルが収集されました

4、Web用に画像をスライスしたい
(1)画像の一部を選択し、オブジェクトメニューからスライス→作成をします
(2)画像がブロック別にスライスされます
(3)スライスする場合、図形に関係なく、スライスの場所を規定したい場合は、スライスツールで画像を切り分けてから、スライスします
(4)スライスした画像を修正する場合は、スライス選択ツールを選択し、画像をドラックすると、スライスサイズが変更できます
(5)スライスを削除したい場合は、スライス選択ツールでクイックし、deleteキーを押します
(6)オブジェクトメニューからスライス→作成で制作したスライスは、元のにした画像も一緒に移動・削除されますからご注意ください
(7)また、スライス選択ツールを選択した状態で、オブジェクトメニューからスライス→スライスを分割をすると、ダイアログで分割の形状を設定できます
(8)あるいは、複数のスライスを選択してオブジェクトメニューからスライス→スライスの結合を選択すると、スライスした画像が結合できます。
(9)ただし、分割や結合はスライス→作成コマンドで作成したスライスには適応されません
(10)スライスした画像にリンクを張りたい場合は、スライス選択ツールを選択し、オブジェクトからスライス→スライスオプションを選択し、ダイアログを表示させ、名前、URLなどを入力後、OKをクイックします
(11)スライスした画像は、HTMLと画像の保存することで、Webページが作成できます

5、グラフィックスタイルを使って簡単なボタンを作成
(1)図形を選択した状態で、ウインドウからグラフィックスタイルライブラリを選択し、ボタンとロールオーバーを選択します
(2)表示されたライブラリから選んでクイックし、ボタンを作成します

6、WEB用のPDFファイルを作成
(1)ファイルから別名保存を選択し、フォーマットをAdobe PDFを選択して、OKをクイックします
(2)PDFオプションが表示されたらWeb表示に最適化にチェックを入れ、圧縮のカラーとグレーをダウンサンプル(倍キュービック)→自動(JPEG)を選択して、PDFを保存をクイックします

7、画像をSVGにして、ベクトルデータで画像サイズを小さくする
(1)画像を選択した状態で、効果メニューのSVGフィルタからフィルタを選択します
(2)ファイルメニューから別名保存をクイックし、フォーマットをSVGを選択し、OKをクイックします

関連情報
http://www7b.biglobe.ne.jp/keishi_k/designing/index.html

テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(2件)

タイトル (本文) ブログ名/日時
レイバン ウェイファーラー
IllutratorとWEB JAZZ&ART/ウェブリブログ ...続きを見る
レイバン ウェイファーラー
2013/07/05 17:48
プラダ メンズ
IllutratorとWEB JAZZ&ART/ウェブリブログ ...続きを見る
プラダ メンズ
2013/07/06 07:08

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(0件)

内 容 ニックネーム/日時

コメントする help

ニックネーム
本 文
IllutratorとWEB JAZZ&ART/BIGLOBEウェブリブログ
文字サイズ:       閉じる