2019年6月2日 星期日

快速建立RWD網頁 Bootstrap 套件-準備篇

距離上一篇文章已經過了好長一段時間,終於繼續寫了第二篇文章(掩面
對於剛開始使用Bootstrap的使用者來說,如何開始建構網站才是最關鍵的第一步,
首先請先到bootstrap官方網站下載套件,https://getbootstrap.com/

2019年5月27日 星期一

Photoshop 影像修復技巧

前些日子,因為準備一些作品,需要調整圖片與編修,然後就找了一張圖片,但是圖片的某些影像需要清除,所以錄了這段影片紀錄一下。

2019年2月21日 星期四

製作簡易的GIF動畫

Photoshop可以製作簡易的GIF動畫,
這個教學影片是透過圖層與影格所製作教學。

連續動作拷貝到Photoshop圖層

這個影片檔是將Illustrator已經做好的連續動作,
經由拷貝的方式複製到Photoshop圖層中,
過程不會太難,大多都是重複的指令跟動作,
很適合製作逐格動畫的前置工作!

2018年7月17日 星期二

Photoshop網頁版型設計班

Photoshop網頁版型設計
好消息!想學網頁版型設計的朋友有福了

最近和「IT360」網路教學平台合作,推出Photoshop網頁版型設計班,這門課程中主要是透過Photoshop的功能建立網頁版型,如果想要學習網頁但還不想接觸程式編碼,或許可以考慮使用Photoshop設計網頁版型,無論是美術設計師或是有Photoshop基礎的使用者都可以一起來學習。

2017年8月20日 星期日

快速建立RWD網頁 Bootstrap 套件前言

相信最近大家對Bootstrap套件越來越熟悉,還記得幾年前開始教RWD網頁設計時,在課程中有帶學員如何使用Bootstrap,反應不錯後來就開始繼續教Bootstrap。

剛開始除了教學之外,製作專案時我大部分都是在後台使用Bootstrap,當時網站需要製作RWD的機率還不高,不像現在這個高的需求量。

目前最新版本:v4.0
穩定版:v3.3.7
舊版本:v2.3.2

如果開發客戶是公部門,也就是說還有使用ie8或ie9,建議使用v3.3.7以下
商業網站就可以選擇v4.x或穩定版v3.3.7

目前我教學都還是以v3.3.7為主。

2017年8月6日 星期日

illustrator 2017 cc 漸層按鈕製作 1 -illustrator教學

這個Illustrator教學影片主要的是介紹illustrator 2017 cc 漸層按鈕製作 1,利用簡單的橢圓形建立正圓形之後,在使用漸層技巧所製作出來效果,對illustrator有興趣的朋友可以參考這個影片。

2017年7月14日 星期五

RWD 回應式網頁設計常用斷點-網頁設計教學


RWD 斷點指的是裝置的螢幕解析呈現的區隔,也就是說手機直式螢幕寬如果為480像素,
那麼480就是斷點,平板直式螢幕寬為768像素,768就是斷點依此類推。
因為工作跟教學常需要這些尺寸,所以特別做個紀錄。

2017年6月26日 星期一

Illustrator-3D咖啡杯紙製作

在早期的Illustrator版本中已經有基本的3D功能,以下的影片是使用Illustrator cc-2017版本製作的咖啡紙杯,這個範例分為兩個階段。

2017年5月22日 星期一

Atom前端編輯-網頁設計教學

網頁前端設計師最常用的編輯器會有Sublime Text, Atom, Visual Studio Code,
因為Atom是一套免費的編輯器軟體,對於剛開始接觸的使用者是一個很好的選擇,
而且筆者目前使用Atom頻率最高,所以特別介紹Atom給大家。

這個教學影片將介紹如何安裝Atom編輯前端網頁時常用的套件。