Clik here to view.
Photoshop教學-影像轉存網頁或置入Illuatrator色偏等問題
身邊有不少的朋友常遇到，每次在Photoshop調整好的照片，不管是轉出成網頁上傳到相簿，或是置入到Illustrator都會發現一件事，那就是ㄟ～那ㄟ顏色全跑，感覺好像圖片的彩度降了30%，有點灰灰髒髒的感覺，那其實是色彩設定上的問題，只要作個小設定，無論是轉成網頁用還是放到Illustrator就可解決色偏的問題。
View ArticlePhotoshop教學-MAC版Photoshop也可打出網頁中的點陣字型
這個問題是有好友腦無所遇到的，由於他最近終於買了生平的第一台macbook，並用它開業接案賺錢，身為設計人員手邊有mac是很平常的事，而他有他專業的堅持，堅持使用MAC...
View ArticlePhotoshop教學-依需求設定影像尺寸與檔案大小
每當只要有異業合作，或是要把影像上傳到網路時，最常遇到一件事，那就是影像尺寸不得大於多少，檔案需在幾KB裡面，但今天若是Gif動畫時，那真是一個頭二個大，一來要顧畫質，二來又要不斷的測試壓縮比，直到檔案大小符合需求單位，現在與各位來分享一個好方法，讓你可以最快速的把影像的尺寸，與檔案大小調整到指定的大小，只要一個小步驟立即就完成。
View ArticleClik here to view.
Adobe Photoshop CS6－時間軸製造超順暢Gif動畫
自從Photoshop CS3後，Adobe則將原來的ImageReady整拼到Photoshop中，因此直接透過Photoshop就可完成Gif動畫製作，相當的方便，但到了Photoshop CS6後，則會發現到，在原來視窗的功能表中，卻找不到「動畫」選項，只有「時間軸」，其實在Photoshop...
View ArticleClik here to view.
Clik here to view.
Adobe Photoshop CS6－利用時間軸將一堆照片變成動態影片
之前曾分享利用Mac的iMovie將一堆照片，快速的串起來變成動態影片，且過程相當的簡單，還可加上背景音樂，但礙於iMoive只限Mac平台，因此若使用PC的朋友，就無法使用，因此今天梅干來分享個跨平台的好工具，那就是Photoshop CS6，瞎密！是的沒看錯，現在Photoshop...
View ArticleClik here to view.
Adobe Photoshop CS6－利用時間軸將影片加上LOGO或浮水印
之前曾分享過，利用Photoshop CS6，來製作縮時攝影，以及把靜態照片變成動態影像，真的方便不少，直接透過Photoshop就可完成，同時還可輸出各種格式，這對於不熟影音剪輯的朋友，確實是一個相當不錯的功能，同時還可嵌入音樂，邊製作邊預覽，讓照片與音樂對應在一起，除此之外Photoshop CS6的影音功能，還可將影片壓上自已的LOGO或浮水印，甚至還可進行調色，功能相當的齊全。...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
《Photoshop CC 2015限定》多工作區製作RWD自適應版型更方便
現在在製作網頁版型愈來愈麻煩，不像以前只要製作桌機一個版型就好，隨著智慧型裝置愈來愈多元，現在在設計網頁版型時，還得考量到手板與手機的版型，由於Photoshop只有一個工作區，因此每當設計一個自適應的網頁版型，就得分別的存三、四個檔案，但在Illustrator...
View ArticleClik here to view.
UI利器!《Corner Editor邊角編輯器》快速將Photoshop邊角圖形轉圓角
雖然網路上己有不少相關的UI圖示，供大家下載使用，但有時還是自己客制化，除了透過Illustrator繪製外，其實Photoshop本身也有向量工具，可進行繪製，雖然內建也有提供角圓角的功能，但只限於矩形，...
View ArticleClik here to view.
《Adobe Typekit》有了Adobe雲端字型，讓網頁不再只有新細明體
當今天在製作網頁時，字型就無法像平面一樣，標體用粗黑體、內文用細黑，相當的有變化性，但在網頁的世界裡，只有那101個字型就是大家所熟悉的新細明體，雖然說CSS3可將字型嵌入到網站中，但一個中文字型動不動都5、6MB左右，因此一旦將文字嵌入網頁中，則是一個悲劇的開始，就會發現網頁一直轉不斷的在Loading，所以之前也曾分享《justfont...
View ArticleClik here to view.
Clik here to view.
FontAwesome PS－將FontAwesome圖示套用到Photoshopt中且可再編輯
先前梅干曾分享過，將IconFonts安裝到電腦中，並再把IconFonts的圖示，套用到Photoshop的畫面中，但過程會有點小麻煩，除此之外由於是文字檔，因此當貼到Photoshop的畫面中後，只能修改圖示的大小與色彩，就無法改變它的造型，而現在有隻Font Awesome的Photoshop外掛，可將Font...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Adobe Photoshop CC 不說的祕招!讓網頁切圖更快速
當今天在製作網頁時，則會先用Photoshop設計出網頁的視覺版型，確定沒問題後，再用Photoshop切片工具，將畫面中的區塊一一的分割，再另存為網頁使用，相信這應該是許多網頁設計師，再熟悉不過的，雖然說切片工具很方便 ，但有時一不注意時，就會出現1像素的誤差，使得畫面在拼接時，產生空縫或白邊，這時就得再回到Photoshop，用放大鏡工具放大來檢視，並重新調整，但自從Photoshop...
View Article《Photoshop CC 2015限定》利用「新增參考線配置」快速建立符合各RWD框架的版面分隔線
先前曾分享過Photoshop的套件，透過該套件，就可快速的建立版面分隔參考線，並透過這些輔助參考線，設計出符合RWD自適應的版面來，而目前這功能，已經被Photoshop納入進來，因此現在只要使用Photoshop CC2015版，立即就能產生版面隔線，同時還可依照所要套用的RWD框架，來設定Photoshop版面參考線，像是Bootstrap則是將畫面分割成12等份，Yahoo!...
View ArticleClik here to view.