分为‘构图’‘文字’与‘切片’三部分.PDF

課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟一：新增文件，單位設定為「像素 px」，尺寸 800*600 px，色彩模式「RGB」， 點陣特效「螢幕（72ppi）」； 步驟二：使用矩形工具繪製網頁底色（寬＊高：800*600），利用對齊面板至於 畫板正中間，填入顏色（R 100 G 170 B 190）； 1 課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟三：使用圓角矩形工具，繪製寬高（765*570 px）與圓角半徑（15 px）的 矩形，填入顏色「白」色； 步驟四：為了讓色塊有陰影效果，執行「效果 / 風格化 / 製作陰影」，設定如 下圖。鎖定藍色與白色色塊； 2 課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟五：使用矩形工具產生 542＊137px 的矩形，顏色為 R 145 G 190 B 70， 置於白色色塊左上角； 步驟六：為了讓左上角呈現圓角，使用橢圓形工具產生 15*15 px 的圓形，置於 左上角，對齊後鎖定圓形物件； 步驟七：使用增加錨點工具（解開綠色矩形色塊鎖定），在圓切齊矩形邊緣增加 錨點（上與左側）。使用直接選取工具，將綠色矩形色塊的左上錨點拖曳至圓中， 結果如下圖； 3 課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟八：解除所有鎖定的物件，使用檢色滴管工具，讓白色圓形與下方綠色矩形 同顏色，結合二個物件（利用「路徑管理員 」的「加入外框區域」）為複合路徑； 步驟九：繪製右邊物件。使用矩形工具繪製 221*137 px 的矩形，置於右邊位置， 如下圖。 4 課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟十：同步驟八，讓右側呈現圓形如下圖。 步驟十一：置入「隧道.jpg」圖片，並將順序移至最後。選取右側複合路徑與隧 道圖片，執行「物件 / 剪裁遮色片 / 製作」，完成如下圖。 步驟十二：使用矩形工具產生 221*432 px 的矩形，填入顏色 R 205 G 205 B 205，置於右下方； 5 課程名稱：Illustrator 平面 / 網頁設計 講師：趙茂林 步驟十三：同步驟八，讓右側下方呈現圓形； 步