Webサイト制作科 12月07日開講クラス Webデザインの勉強

Web業界を目指す 求職者支援訓練 Webサイト制作科補足メモ

はじめてのIllustrator

f:id:web-0220:20181128232547p:plain

Adobe Illustrator ラーニングとサポート

helpx.adobe.com


ベクターイメージ
  • Vectorとraster
  • IllustratorVector形式
  • Photoshopはraster形式
  • 計算式を利用して描画するため、解像度に依存しないで再計算によりプレビューを構築するため、画質が低減しない
  • raster形式に比べてファイルサイズが軽く、処理も速い

画像解像度

  • ビットマップデータにおいて画像の細かさを示すものです
  • 画像データ内の1辺1inchあたりにいくつのピクセルを置くかを数値であらわしたもの
  • ppi(pixel per inch)
  • dpi(dot per inch)印刷では、インキの点(ドット)を基準にします
できること
  • Web・UIデザイン
  • ロゴ・アイコン作成
  • イラスト作成
  • レイアウト
  • グラフィック作成
  • 印刷用データ作成

ワークスペース

  • ワークスペースは、バージョンアップする毎に変化します
  • 「エッセンシャルクラシック」を選択すると、上部にオプションバー(コントロールパネル)が表示されます
  • CC以降は、パレットではなく「パネル」と呼びます
    • ツールパネル
    • コントロールパネル
    • アイコン化したパネルなど

f:id:web-images:20171029000757p:plain

f:id:web-images:20171028230748p:plain

パネルの基本操作
  • ツールの▼を長押しすると、非表示のツールを展開し必要なツールを選択することができます
  • 右端の△をクリックすると、フローティング状態になり移動させることができます

f:id:web-images:20171028232123p:plain

画像のファイル形式

GIF 256色以下に減色したときに使われる。インターネット上での利用に適した画像フォーマット
JPEG フルカラー(約1670万色)をサポートした、インターネット上での利用を考え軽量化された圧縮形式の画像フォーマット
PNG 24ビット画像をサポートする、インターネット上で広く使われることを目的として開発された画像フォーマット
PDF OSやアプリケーションの違いを超えて使用できる、柔軟性に富んだ画像フォーマット
BMP Windowsで一番汎用性のある画像フォーマット
PICT Macで一番汎用性のある画像フォーマット
TIFF 印刷用だけでなく、事実上すべてのベクターグラフィックソフト、フォトレタッチソフトでサポートされている画像フォーマット
EPS 印刷用として広く使われている画像フォーマット

拡張子
  • ファイル形式の識別子

ファイル形式 拡張子
Photoshopデータ .psd
Illustratorデータ .ai
GIF .gif
JPEG .jpg
PNG .png
PDF .pdf
BMP .bmp
PICT .pct
TIFF .tif
EPS .eps