>
課程資訊
適用對象
課程特色
詳細內容
師資介紹
我對本課程有興趣
與我諮詢 / 報名
課程資訊
開課日期
隨時開課
學習時程
15小時
上課時間
不拘
上課時段
不拘
適用對象
趕不出報告的大學生：專題報告、作業，總是趕不出來？
平面設計師：網頁版型開版、切版不知從何下手？
學習第二專長：網頁設計太複雜，對網頁設計有興趣？
課程特色
本課程是使用Photoshop的功能建立網頁版型，如果想要學習網頁但還不想接觸程式編碼，也許可以考慮使用Photoshop設計網頁版型，無論是美術設計師或是有Photoshop基礎的使用者都可以學習。
詳細內容
1課程導覽與基礎
- Photoshop cc 使用說明
- Photoshop cc 常用功能說明
- 筆刷使用說明
- 遮色片技巧：圖層遮色片、向量圖遮色片、剪裁遮色片
- 矩形工具使用技巧：矩形工具、圓角矩形、橢圓形工具、色彩與尺寸變更方式
- 參考線使用方式：新增參考線、新增參考線配置、從形狀新增參考線配置
- 圖層操作技巧：圖層觀念、圖層透明度、圖層群組、圖層排列順序-反轉圖層
- 新增填色或調整圖層
- 文字工具使用方式
2版型設計(1)
- 網頁元素介紹：網頁結構說明(nav header section footer aside)、素材需求-介紹免費網頁資源
- 專案管理：開始設計、新增文件、版型結構與群組命名、頁面設計、實作練習
- 網站ICON實作
3.版型設定(2)
- 介紹設計原理、色彩原理、格點系統、優使性
- Photoshop使用封裝概念
- 智慧型物件
- 置入嵌入的智慧型物件
- 置入連結的智慧型物件：版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作(智慧型物件與wireframe)
- 影像合成
- 圖層整理與匯出
- 工作畫板設定與網頁版型應用設計
4版型設定(3)
版型資源：智慧型物件應用、影像資產設定、封裝設定、區塊+模組
- 版型模組：建立自己的Webpage Wireframe、常用的框架與格式、改版
- 多螢幕網頁版型設計-(響應式網頁設計RWD)
- 大量圖檔批次處理
- 大量圖檔更名處理
5切片與匯出
舊式作法：使用切片產生區域
- 新式作法1：套件製作、影像資產設定
- 新式作法2：置入嵌入的智慧型物件、封裝
- GIF動畫製作
師資介紹
業界專業講師
備註
網頁版型設計
你可能會喜歡...
