Clik here to view.
透過Photoshop CC 2015 調整影片尺寸大小快又方便
此次的Photoshop教學中，將為各位分享，直接透過Photoshop中，就可直接修改影片的尺寸大小，同時還可以設定影片的輸出格式，不但完全不用具備任何的影音概念，就可將影片縮小，甚至調整亮度、壓浮水印.....等
View ArticleClik here to view.
FlatIcon免費上萬個平面化UI圖示平台，要多少下載多少
先前梅干曾分享過icomoon這個平台，在這個平台中提供了各式各樣的UI圖示，與一般免費的圖示平台最大不同點在於，使用者可以依需求，選擇自己所需要的圖示，並打包發佈一份屬於自己的Icon...
View ArticleClik here to view.
Photoshop外掛－Glifo將Photoshop中的向量圖示輸出為網頁專用Icon Fonts
雖然先前曾分享過，將Icon Fonts的字形應用於Photoshop裡，最後再將使用的圖示，上傳到IcoMoon網站中進行整合，若有些圖示是自己繪製的話，就得先另存成SVG才可以，...
View ArticleClik here to view.
Photoshop CC 2015.5限定!看到Banner上的文字，讓Photoshop告訴你是什麼字型
當今天看到傳單或廣告Banner中的字型，覺得很漂亮也很喜歡，這時就是考驗個人的辨視功力，從電腦或網路中找出類似的字型，這時就得花上不少時間一一的比對，但現在有更快速的方法，只需透過Photoshop CC...
View ArticleClik here to view.
「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)
當在開始設計網頁時，都會先作好視覺版型，確認沒問題後，才會開始進行切版與編排，因此視覺版型相當的重要，所以平常梅干都會收集一些喜愛的版型作為參考，而今天要與大家來分享一個平台，雖然說裡面的版型不多，但每一個都很精緻，更重要的是除了可個人使用外，還可作為商業使用，且所有的圖層都沒有合併，因此更方便編排與修改，因此身為網頁設計師的你，還在等什麼也趕快來下載囉！ ElemisFreebies...
View ArticleClik here to view.
Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格
隨著現在的裝置的解析愈來愈高，動不動就4K，因此在瀏覽網頁圖片時，就得準備多種尺寸，並搭配js的控制，來初換高解析的圖片，讓網頁在2K或4K的螢幕下，能保有清析高解度的影像，所以當圖片製作完畢後，就得將圖片依照不同的尺寸來進行縮放與儲存，一、二張倒還好，當有幾十張圖片，再加上每張需轉三種不同的影像尺寸時，來回就得作個3 、40次，相當的累人。 其實這一點Photoshop...
View ArticleClik here to view.
使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸
前幾天梅干曾分享過，透過Photoshop CC新版的轉存新功能，來批次匯出各種高解的圖片尺寸，但要使用此功能需具備二個條件，一個是需將Photoshop更新至CC版，另一個則是當要匯出時，得將所有的圖層合併，才能批次轉出，因此當今天電腦所使用的Photoshop非CC版時，與不想合併圖層，這時要如何來進行轉存呢?...
View Article[教學] Photoshop 切片工具隱藏密技！「分割切片」可快速且準確的等分切片區塊
Photoshop CS5的版本中，已悄悄的加入一個超實用的功能，那就是分割切片，透過分割切片可將剛所切割出來的區塊，再進行等分的分割，同時不再有1像素的空白問題，因此還是習慣使用Photoshop切片工具，現在就一塊來看看，這個切片的隱藏密技「分割切片」
View Article[教學] 免外掛！Photoshop內建的圖片壓縮器，就能符合Google PageSpeed Insights的圖片要求
一直以來大家都知道，透過Google所推出的PageSpeed Insights平台，就可線上幫網站進行檢測，看是否有那些需要進行修正的，同時在修正的地方，還會分成必須修正與建議修正，但相信絕大部分的朋友，在必須修正的地方，都是因圖片太大，雖然Google也清楚的說明，每張圖片的壓縮比例為何，甚至也有提供相關的壓縮工具，但說真的光是還要下指令就感到有些麻煩。
View ArticleClik here to view.
Clik here to view.
[素材] Novapattern 可商用 Photoshop 底紋素材免費下載
今天想跟大家介紹一個我個人感覺小小精緻的免費素材網站，Novapattern—為什麼說他算小小精緻呢，因為這個網站提供了一些與一般圖庫感覺不太一樣的素材給大家，主要是偏像紋理、圖樣感覺的圖，雖然數量不多，但圖片本身感覺是滿精緻，有質感的喲，雖然有小小部份的素材需要付費，但絕大部份的素材是可以免費下載的，除此之外，他不限使用用途，商用也行喔!!只需要遵守【Creative Commons（CC...
View Article[教學] Adobe Photoshop 色域要如何設定，才能讓編輯與輸出的色彩一致
其實要解決這個方法也很簡單，只需先設定好色彩模式，之後當圖片載入時，就會依照所設定的色彩模式，進行顯色，因此當在Photoshop進行編修，並輸出成網頁時，也不會造成跑色的問題，甚至若載入已嵌入其它的色彩設定時，也可再手動自行指定，因此有遇到跑色問題的朋友，現在也一塊來看看，如何設定你的Photoshop吧！
View ArticlePhotoshop安裝Zeplin外掛套件，並將設計好的版型匯入到Zeplin的專案
Zeplin目前支援Sketch與Photoshop，因此無論是APP開發還是Web，Zeplin都支援，而今天梅干要來分享，如何將Zeplin的外掛安裝到Photoshop中，讓Photoshop設計好的版型，也能同步到Zeplin中，讓前端工程師或切版人員，可以透過Zeplin進行套版，至於要怎將Photoshop中的版型同步到Zeplin中，現在就一塊來看看吧！
View Article[外掛] PSD to HTML5 一鍵將PSD檔轉存成HTML或WordPress佈景主題
雖然在設計網頁版型時，梅干依然還是習慣使用Photoshop，但設計完畢後，就得將版面中圖塊一一的匯出，再到網頁編輯器中進行編排，在長時間的訓練下，梅干早已練就看到原始碼，就可想像版型大概會怎呈現，但這對於許多剛從平面轉網頁的設計師，會感到相當的挫折，因此梅干也不斷在尋找是否有更好用的圖形化工具，找了好久了，最近找到一套相當強大的外掛，除了能將Photoshop中所設計的版型，直接轉換成HTML格式...
View Article