Quantcast
Channel: Photoshop –梅問題.教學網
Viewing all 82 articles
Browse latest View live

Photoshop教學-《色彩特效》懷舊復古底片風

$
0
0
梅問題-Photoshop色彩特效-懷舊復古風
  前陣子梅干曾將一些常用的色彩特效,錄製成動作檔,方便大家直接套用,但因為大家拍的照片的明亮度,使得在套用而有所出入,因此梅干還是覺得將一些特殊色調的調配過程分享出來,讓各位在套用時,可依自己照片的狀況而加以微調,而最近梅干在國外的網站中,正好看到一個類似懷舊的底片風格色調,就很像像目前有些手機相片的APP,照片的色調微黃中又帶點藍色,感覺很舒服但又不像lomo風的色調那麼的強烈,所以梅干就花了點時間,整理了一下製作過程與大家來分享一下囉!
Photoshop懷舊底片風色調:
使用版本:Photoshop CS3+
操作難易:
實用性質:★★★★

Step1
新增一個曲線調整圖層,並將色版切到,再將暗部的控制點向上拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step2
接著再將色版切到,一樣也是將暗部的控制點向上拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step3
再新增一個色階調整圖層,分別將亮面與中間調的控制點向左拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step4
新增一個亮度對比調整圖層,將對比加大。
梅問題-Photoshop色彩特效-懷舊復古風
Step5
再新增一個曲線調整圖層,將色版暗面的控制點向右拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step6
再切到色版,將暗面的控制點向右拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step7
再新增一個亮度對比調整圖層,分別將亮度降一點,與把對比加大。
梅問題-Photoshop色彩特效-懷舊復古風
Step8
新增一個純色調整圖層,並填入米黃色。
梅問題-Photoshop色彩特效-懷舊復古風
Step9
將圖層混合模式設為色彩增值,並調整一下不透明度,這時畫面就會帶點微黃。
梅問題-Photoshop色彩特效-懷舊復古風
Step10
再新增一個曲線調整圖層,切到綠色板,將暗面控制點向上拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step11
再切到藍色板,一樣的將暗面控制點向上拉。
梅問題-Photoshop色彩特效-懷舊復古風
Step12
最後再新增一個色彩平衡調整圖層,在亮部的地方,分別的加入紅與黃。
梅問題-Photoshop色彩特效-懷舊復古風
Step13
再切到陰影選項,也是一樣加入紅與黃。
梅問題-Photoshop色彩特效-懷舊復古風
Step14
再把圖層混合模式設為色彩增值,並調整不透明度。
梅問題-Photoshop色彩特效-懷舊復古風
Step15
鏘~鏘~完成! 是不是很有懷舊的底片fu呀!當作好這一個後,以後只要把這些調整圖層,直接拖拉過去就行啦!最後再調整一下設定值,就能套用到各種主題的照片上啦!
原圖
[範例下載]

Photoshop教學-決戰60秒-修正色彩太豔並還原真實色彩

$
0
0
梅問題-Photoshop教學-修正色彩太豔與明亮度
  當今天使用相機與閃光燈拍照時,是否常會遇到,拍出來的照片的顏色,與原來的物品,有些落差,或是色彩過飽等問題,雖然可透過後製的方式,分別的調整色彩、飽合度,但每張都要這樣子調整,是否會感到有些麻煩,難道沒有更快的方法嗎?所以今天梅干要來分享個簡易又快速的方法,讓你可快速的將色彩給調整回來,讓照片色彩更貼近實體的顏色,至於怎麼做呢?現在就一塊來看看吧!
Photoshopn還原真實色彩:
使用版本:Photoshop CS3+
操作難易:易
實用性質:★★★★★

Step1
開啟圖檔後,新增一個漸層對應的調整圖層。
梅問題-Photoshop教學-修正色彩太豔與明亮度
Step2
接著點黑到白的灰色漸層。
梅問題-Photoshop教學-修正色彩太豔與明亮度
Step3
完成後,再把圖層混合模式,設為色彩增值
梅問題-Photoshop教學-修正色彩太豔與明亮度
Step4
這時畫面就像加了黑色,整體的色彩與亮度,都會變暗許多,這時再利用不透明度,調整照片的彩度與明度。
梅問題-Photoshop教學-修正色彩太豔與明亮度
Step5
這時Nikon的外包裝盒的色彩就回來了,同時會發現到,畫面中的LOGO圖示則不會受到影響,接著再複製一層,並將圖層混合模式設為柔光,加一點亮度對比。
梅問題-Photoshop教學-修正色彩太豔與明亮度
Step6
從下方的比較圖中,可清楚看到,修正後的色彩更自然些,Nikon外包裝盒,與原來的更接近,不像原先的色彩那麼的豔。
原圖

Photoshop教學-美到冒煙 (煙霧衣)

$
0
0
梅問題-Photoshop教學-以假亂真-美到冒煙
  某天早上梅干要出門時,突然看到日本AQUA電器的一張網路宣傳圖片,深深的吸引住梅干的目光,為了呈現出這台洗衣機,具有洗脫烘,因此用了煙霧衣穿在馬豆的身上,看到那煙霧衣又勾起梅干的熱血,就開始尋找有沒有合適的照片,找了好久只找到之前拍過最清涼的比基尼照,當馬豆找到後,接下來就是煙霧啦!所以就到先前分享過的免費圖庫網中,找了幾張煙霧的圖片,就開始動工啦!對煙霧衣有興趣的朋友,也一塊來看看囉!
煙霧衣:
使用版本:Photoshop CS3+
操作難易:
實用性質:★★★★

Step1
開啟照片後,再新增一個新圖層。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step2
嘿嘿!第一步要做的是,就是把將泳衣給脫掉,接著選擇仿製印章工具,再將樣本選擇全部圖層
梅問題-Photoshop教學-以假亂真-美到冒煙
Step3
礙於尺度問題,因此當脫掉後,就改穿上NU BRA。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step4
接著再用筆刷工具,並將筆刷設為柔邊筆刷,以及調整不透明度,將下方的衣服也給脫掉。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step5
鏘~鏘~~完成。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step6
將背景再複製一份。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step7
利用液化特效,將下方的小肚子向內推一些。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step8
這樣就變得更苗條啦!
梅問題-Photoshop教學-以假亂真-美到冒煙
Step9
接著將下載回來的煙霧開啟,由於下載的煙霧各種顏色都有,所以第一步要將它變成灰階,因此這時可選擇漸層對應
梅問題-Photoshop教學-以假亂真-美到冒煙
Step10
再選擇從黑到白。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step11
接著開啟曲線調整面板,選擇黑色滴管,對著畫面非黑的地方點一下。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step12
完成後,再將煙拉到馬豆的視窗中。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step13
將圖層混合模式設為濾色
梅問題-Photoshop教學-以假亂真-美到冒煙
Step14
哈~這樣煙就被保留下來啦!!完全不用去背,是不是超ez的。
梅問題-Photoshop教學-以假亂真-美到冒煙
Step15
接著下來就重覆以上步驟,就可拼出一件煙霧衣啦!
梅問題-Photoshop教學-以假亂真-美到冒煙
Step16
哈~完成如下,原來這就是人家說的美到冒煙啦!
後製

《onOne Free Presets》免費Adobe Camera RAW色彩特效,讓照片色彩風情萬種

$
0
0
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
  前幾天曾分享了,onOne公司所推出的超強大且好用的去背軟體《Perfect Mask 8》去背就是這麼簡單,讓平常要花半天的時間,現在只要五分鐘,立即就能將再難去背的髮絲,去的乾乾淨淨,且去背後髮絲的地方超自然,完全不會出現髮絲斷裂,或是色彩怪異的問題,而onOne除了有去背軟體外,齊下還有許多影像相關的軟體,今天要來分享的是,一樣由onOne公司所推出的,色彩特效套件,可直接外掛在Adobe Camera RAW底下,讓你可快速的套用各種不同的色彩風格,且裡面的色彩風格特效還真少,有正片負沖、黑白、LOMO....等,至於要如何安裝與應用呢?現在就一塊來看看吧!
Free Presets:
套件名稱:Free Presets for Adobe® Camera Raw
適用軟體:Adobe Camera RAW
套件下載:官方下載

Step1
首先,進到下載頁面後,點下方的Download鈕。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step2
接著依序的填寫姓名、Email、國家,就可以了。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step3
當輸入完畢後,接著就會開始下載了。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step4
下載完畢解壓縮後,分別會有一個PDF檔與資料夾。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step5
開啟PDF檔後,裡面就清楚的說明,MAC與Windows所要存放的路徑位置。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step6
打開資料夾,將裡面的檔案全部選取起來。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step7
再移到PDF文件中所指定的位置。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step8
接著開啟Photoshop,並任意開啟一張照片,並選擇功能表,濾鏡 / Camera Raw濾鏡
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step9
開啟Camera RAW後,切到最後一個預設集頁籤,裡面就會看到一拖拉庫的色彩特效啦!
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step10
只要點一下色彩特效名稱,立即就會套用啦!
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step11
如不滿意,可自行到其它的頁籤選項中,進行微調。
梅問題-《onOne Free Presets》免費Adobe Camera RAW色彩風格檔,讓照片色彩風情萬種
Step12
可比較一下,套用後的照片是不是更有fu呀!
原圖

Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!

$
0
0
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
  那天梅干參加Computex2014的台北國際電腦展覽時,正好巧遇之前網拍課的學員公司也來參展,希望梅干幫忙把公司的新產品拍漂亮一點,但梅干那天只是去逛大街,只帶了一台單眼相機與KIT鏡,連機頂燈也沒帶,這還真是一大考驗,所以梅干只好先用現場光源,將我要的邊線光給拉出來,剩下只好回後用Photoshop後製啦!而那天梅干也把這張圖放到粉絲頁中,讓大家猜幾燈幾板,其實這張沒燈沒板,而看似棚拍照,其實這一切都靠後製的,但這到底是怎麼辦到的呢?現在就一塊來看看整個後製過程吧!
Step1
將左上角選取起來,再選擇填滿,並將內容設為內容感知
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step2
接著再將背景層,再複製一份。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step3
再進到Camera Raw,切到消除雜訊的頁籤下,分別將明度與顏色拉到底。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step4
這時背景就會變平滑,就像在黑色壓克力板一樣,若一次不夠平滑再多執行幾次,最後再建立一個圖層遮色片,用黑色將耳機的地方給塗黑。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step5
完成後,將二個圖層合併起來。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step6
接著再複製一層,並將圖層混合模式設為濾色
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step7
再新增一個漸層對應的調整圖層,將背景變成黑白,並在圖層遮色片中,將耳機形狀給塗黑。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step8
完成後,再把圖層合併起來。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step9
再複製一層新圖層,並將圖層混合模式設為色彩增值,再用圖層遮色片,由右下向左上拉,讓它只套用右下方的區塊。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step10
再複製一層新圖層,並將圖層混合模式設為濾色,再用圖層遮色片,由左上向右下拉,讓它只套用左上方的區塊。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step11
接著再新增一個新圖層,並用筆刷,將原先耳機表現的反光給消除掉。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step12
再新增一個新圖層,利用套索工具,選取出一個區塊,並填入白色。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step13
加一點高斯模糊的效果,讓邊線不要那麼的銳利。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step14
再新增一個圖層遮色片,作一點漸層效果,讓刷光產生出由強漸弱的效果。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step15
最後再新增圖層,並用鋼筆工具,畫出耳機的曲線出來
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step16
再用柔邊筆刷,沿著貝茲曲線描繪,就像商品放到黑壓克力倒影板所產生的影子。
梅問題-Photoshop教學-將隨拍的商品照變成棚拍照質感UP!UP!
Step17
這樣就大功告成囉!
原圖

《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體

$
0
0
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
  當今天在製作網頁時,字型就無法像平面一樣,標體用粗黑體、內文用細黑,相當的有變化性,但在網頁的世界裡,只有那101個字型就是大家所熟悉的新細明體,雖然說CSS3可將字型嵌入到網站中,但一個中文字型動不動都5、6MB左右,因此一旦將文字嵌入網頁中,則是一個悲劇的開始,就會發現網頁一直轉不斷的在Loading,所以之前也曾分享《justfont 雲端字型》,來解決網站的字型問題,但justfont無論是免費還是付費版,流量限制的相當的緊,因此一不小心就很容易超過它的範圍,但說真的網頁也不適合用太多花俏的字型,其實只要擁有中黑其實就很夠用了。   雖然說可透過CSS來指定字型,當電腦有裝此字型時,就會直接套用,所以大家最常使用的就是微軟中黑體,但若電腦未安裝此字型時,一樣只會無奈的顯示新細明體,而先前曾分享過Adobe與Google一同推出思黑體,雖然可嵌到網站中,但中文字型檔真不是開玩笑的大,所以並未大量的被採用,其實Adobe本身就有推出雲端字型,除了可將字型同步到Adobe的相關軟體中外,也可將這些字型應用於網站中,同時免費版本,每月有25,000的pv限制,但這對於大部分的中小企業而言,相當的足夠,若為付費會員,那每月的流量可到50~100萬,同時不限網站數,雖然目前繁中字型只有思源黑體,但梅干個人覺得也己相當夠用了,因此想讓網站擁有不同字型的朋友,一塊來看看怎麼使用Adobe Typekit到網站中吧!
Adobe Typekit:
網站名稱:Adobe Typekit
流量限制:免費(25,000/月)、付費$49.00/年(500,000/月)、付費$99.99/年(1 Million/月)
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
網站網址:https://typekit.com/fonts

Step1
當進入Adobe Typekit官網後,可先點右邊的web鈕,將可用於網頁的字型篩選出來,雖然說目前中文字型只有一個,但裡面有相當多的英文字形,接著將滑鼠移到文字上方,再點一下文字縮圖。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step2
接著就會秀出該字型的細、中、粗.....等變化,當要使用此字型時,需註冊為Adobe會員,若已有Adobe ID時,直接點右上的SIGN IN來登入。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step3
再輸入Adobe ID的帳密。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step4
當登入完成後,在字型右上角就會出現Use Fonts鈕。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step5
點一下後,再將頁籤切到Web,並點下方的creat a new kit
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step6
接著再命名這個文字的名稱,以及要使用的網域有那些。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step7
再把輸入框中的script貼到</body>結尾前方, 並按Continue鈕。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step8
接著就可選擇所需文字的樣式,是要細的、粗的、正常的,就可以從下方一一的勾選起來,勾好後再按右下的Publish鈕,將此字型發佈出來。
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step9
這時就會開
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step10
當發佈好後,再點左上角的區塊,就會跳出CSS的文字指定方式,分別再把CSS加到網頁的css樣式中,這樣就大功告成囉!
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體
Step11
而梅干也將梅問題講堂,套用了此字型,因此各位也可到梅問題講堂看實際的應用狀況http://class.minwt.com,這時不得不給Adobe一個讚,真是佛心來著,讓網頁突破冏境不再只有新細明體,因此下回在幫客戶設計網頁時,不妨可參考一下囉!
梅問題-《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體

透過Adobe Creative Cloud 安裝多個不同舊版本的Photoshop

$
0
0
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
  現在Adobe所有軟體都是透過Creative Cloud這工具,來進行軟體的管理與安裝,同時當有新版本時,也可自動的更新,但最近梅干遇到一個比較困擾的是,由於有些Photoshop的外掛套件,只支援舊的版本,因此當電腦重裝時,Adobe Creative Cloud管理工具,就會自動下載與安裝新版,使得先前的一些外掛都無法使用,讓梅干感到有些抓狂,一樣都是包月制,難道不行念舊使用舊版就好嗎? 因此梅干找了好久,終於找到舊版的安裝方法,這樣就可在電腦中安裝多個不同舊的版本,如此一來再也不用擔心外掛因版本的問題,而無法使用,因此若你也有與梅干一樣的問題的朋友們,現在也一塊來看看,要如何透過Adobe Creative Cloud管理工具,來安裝多個不同舊版本的軟體吧!
Step1
首先開啟Adobe Creative Cloud管理工具,切到APPs的頁籤,並下向下拉找到,尋找其它應用程式的分欄。
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step2
接著點一下所有應用程式,選擇檢視之前的版本
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step3
這時再點安裝鈕,就可選擇之前舊的版本。
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step4
選擇完畢後,就會開始下載與安裝。
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step5
當安裝完畢後,會出現更新,千萬別去點它。
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step6
接著進到應用程式中,就會看到剛所安裝舊版的Adobe Photoshop CC 2014,進入後再雙響應用程式圖示。
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本
Step7
這樣就可在一台電腦中,同時運行多個不同版本的Adobe Photoshop,如此一來就不用擔心外掛不支援新版本的問題啦!因此當有遇到此問題的朋友,不妨也試著安裝回舊的版本吧!
梅問題-透過Adobe Creative Cloud 也可安裝Photoshop多個不同的舊版本

Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊

$
0
0
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
  當今天在設計網頁視覺版型時,還是脫離不了Photoshop,同時在設計時,也會透過Photoshop的參考線,來分割版型區塊與對位,由其是目前自適應網頁,參考線更是不可少,因此一開始就得先將參考給建立好,再將區塊一個一個放到指定的區塊中,相信這應該是每個網頁設計師每天必作的工作,而最近梅干發現一套好用的版型產生器,只要一件立即就會將版面的參考線給規畫好,甚至還可快速的產生版頭、內容區塊、側邊欄、版尾......等,相當的方便,當產生完畢後,只需自己再針對區塊加以設計,立即就可完成網頁的視覺設計,可大幅的縮短製作時程,因此身為網頁設計的你,千萬也別錯過了。
Velositey:
外掛名稱:Velositey
適用版本:Photoshop CS6、CC
外掛性質:免費
外掛下載:http://dandkagency.com/extensions/velositey/

Step1
進入外掛頁面後,點上方的PRODICTS後,再向下拉,點一下藍色鈕。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step2
接著可用Facebook或 Twitter登入取得此外掛。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step3
登入驗證後,再把訊息發佈到自己社群的動態中,就可完成登入的動作。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step4
接著再按ACCESS,就可下載外掛囉!
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step5
這時再選擇Photoshop的版本,目前只支援到CC。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step6
下載解壓縮,再放到Plugins/Panels目錄下。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step7
安裝完畢後,開啟Photoshop,再點功能列的視窗 / 延伸功能 / Velositey
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step8
當開啟Velositey控制面板後,點一下上方的區塊,立即就會建立一個新檔案,同時還會將參考線建立好,相當的方便。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step9
這時在Layout的頁籤中,分別就可建立像Headers版頭、Sliders滾動區塊、Content內容、Footers版尾、Modules模版區塊。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step10
就這樣點一點,立即可產生所需的區塊,當產生完畢後,再針對這些區塊一一的美化與設計,這樣就大功告成囉!同時還符合自適應使用。
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊
Step11
甚至切到Tools頁籤,還可建立像網址圖示,同時還貼心的告知所需的尺寸大小,因此有了這隻外掛後,立即可省去不少的區塊對位,以及區塊建立的時間,更可將心力放在視覺頁面的設計中,因此身為網頁設計師,這隻小工具絕不容錯過喔!
梅問題-Photoshop外掛-Velositey網頁版型快速產生器,一鍵產生各區塊

FontAwesome PS-將FontAwesome圖示套用到Photoshopt中且可再編輯

$
0
0
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
  先前梅干曾分享過,將IconFonts安裝到電腦中,並再把IconFonts的圖示,套用到Photoshop的畫面中,但過程會有點小麻煩,除此之外由於是文字檔,因此當貼到Photoshop的畫面中後,只能修改圖示的大小與色彩,就無法改變它的造型,而現在有隻Font Awesome的Photoshop外掛,可將Font Awesome的圖示,變成Photoshop中的控制面板,直接點選就能將Font Awesome的圖示產生在Photoshop中,除了可改變大小、顏色外,甚至還可改變它的造型,更重要的是它是全向量格式,因此修改完畢後,也可儲存成svg,再到IcoMoon的網站中,將svg再轉回IconFonts,相當的方便喔!至於怎麼使用,現在就一塊來看看吧!
FontAwesomePS:
套件名稱:FontAwesomePS
適用版本:Photoshop CC
套件性質:免費
套件下載:http://creativedo.co/FontAwesomePS

Step1
當進入外掛套件畫面後,點一下DOWNLOAD FREE鈕。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step2
接著再輸入姓名與Email。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step3
接著再按下載鈕。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step4
當下載完畢,解壓縮後,再點FontAwesomePS_1.0.zxp
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step5
當安裝完畢後,在Adobe的擴充套件中,就會看到已安裝的套件名稱,但此套件只限於Adobe Photoshop CC版喔!
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step6
這時開啟Photoshop,再點視窗 / 延伸功能 / FontAwesome PS
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step7
接著就會開啟 FontAwesome PS 面板,就會看到所有FontAwesome PS的圖示,接著只要點一下所需的圖示縮圖。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step8
接著立即就會產生,同時還是向量 圖層,但也太迷你了。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step9
這時可用縮放將圖示給放大,並用路徑選取工具,點一下就會看到所有的路徑節點,透過這些節點,就可任意的修改圖示的形狀。
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯
Step10
除了點圖示縮圖外,也可透過上方的搜尋框,輸入相關的關鍵字,隨即也會秀出相對應的圖示來,是不是超方便的呀!也趕快去下載吧!
梅問題-FontAwesomePS外掛-將FontAwesome圖示直接套用到Photoshopt中同時可再編輯

Photoshop教學-利用Photoshop橡皮擦去除複雜產品&背景也沒問題

$
0
0
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
  一直以來有些朋友與學員,常問到梅干,像腳踏車輪框要怎麼去背,由於腳踏車的輪框線條都很細,同時有些輪框上方還有印些圖案與文字,雖然說提到去背,就一定會聯想到色版,透過色版的部分,將二者間給區分出來,就可將輪框給挖出來,但說真的腳踏車輪框並不怎麼好去背,即時要透過色版來去背,照片本身在拍攝時,也得需特別注意,否則在去背時很容易某些區塊會被吃掉,同時要用色版去背,本身對於Photoshop也需有一定的熟悉度,才能快速且漂亮的將這種複雜的產品給挖出來。   其實除了色版外,還有一個更簡單的工具,那就是橡皮擦,只要善用橡皮擦功能,就能快速的將輪框給挖空,同時過程相當的簡單,且不用具備任何的影像概念,只要會擦除不必要的部分,就能快速且無痛的將腳踏車輪框,變成漂亮的去背照啦!因此有類似的產品也一塊來看看吧!!
Step1
首先將要去背的照片開啟,再選擇工具箱中的 橡皮擦 / 魔術橡皮擦工具
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step2
容許度差不多預設就夠了,對著畫面中要去背的顏色點一下。
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step3
哈~立即就清潔潔溜溜了,並依序的將要清除的色塊點一下。
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step4
清到沒辦法再清後,再選擇工具箱 / 橡皮擦 / 背景橡皮擦工具
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step5
將上方的選項設為單次,以及尋找邊綠,同時容許度先用預設的50%,再對著剛剛無法去除的區塊點一下。
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step6
當顏色愈接近時,將容許度降底,再依序的對著畫面中的色塊一一的點,就可將它清除。
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step7
最後新增一個圖層,並填入白色,再利一般的橡皮摖,將一些小雜塊一一的清除。
梅問題-Photoshop教學-利用橡皮擦去除複雜產品也沒問題
Step8
鏘~鏘~大工告成,是不是超EZ的呀!且效果超棒的,因此下回有遇到去背問題的朋友,這個橡皮擦工具不妨可試試看囉!
原圖
感謝亮哥所提供的腳踏車輪框範例照。

Brackets支援PSD原始檔轉網頁,切版更快速

$
0
0
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
  之前曾分享過Adobe所推出的Brackets網頁編輯器,除了支援多種語言外,再來就是可即時預覽結果畫面,由於是Adobe公司所研發的,因此最近新版支援將Photoshop中的PSD檔,直接匯入到Brackets中,同時還可預覽PSD的分層檔,更重要的是,還可選擇PSD網頁的區塊,並取得各區塊的資訊,甚至還可以直接複製區塊中的文字,以及可將區塊中的圖片直接連接到網頁中,而Brackets還會立即將圖片儲存在images的資料夾,完全不用再像以前,還得將照片一一的切割,再放到網頁中,加快網頁的切版時間,相當的方便, 因此有在用Brackets與網頁設計的你,千萬別錯過了。
Step1
開啟Brackets後,點右側的上傳圖示。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step2
再按Accept鈕。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step3
接著再點上方的Open a PSD鈕。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step4
再將製作好未合併的網頁PSD原始檔,直接拖拉到區塊中上傳。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step5
接著檔案就會儲存在Adobe的雲端中。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step6
當上傳完畢後,再點一下開啟它。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step7
接著在右下角,就會看到網頁PSD的分層檔,同時點一下左邊的區塊,立即會示區塊的大小與資訊。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step8
甚至可直接複製PSD的文字,並貼到網頁中,就不用像以前,得開啟Photoshop二邊切來切去。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step9
且當要使用圖片時,先將圖片點一下,選取好後,再網頁的原始碼中,就會出現所選取的圖片,再點一下將它引用到網頁中。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step10
這時圖片的路徑與位置,就會直接套用到網頁中。
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速
Step11
過一回,剛的圖片就會儲存到images資料中,是不是超方便的呀!!這樣就網頁切版就更簡易與快速啦!
梅問題-Brackets 1.4版,支援PSD檔轉網頁,切版更快速

Freebiesbug 收錄許多免費網頁資源PSD、AI、WebFont

$
0
0
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont
  前幾天分享了,透過Adobe Brackets可將PSD網頁版型,快速的分割為網頁的版型,因此只要有了PSD網頁版型後,就可輕易的將平面轉成網頁,所以當今天要開始製作網頁時,平面的視覺版型絕不能少,有這這個視覺版型後,就有所依據才能快速的進行版面的分割,最近梅干無意間發現國外一個好站台,裡面收集了各種免費的網頁素材,更重要的是該網站,還大量的收錄PSD的網頁版型,除此之外也有AI、Sketch、JS、Web Font....等資源,所以只要一站在手資源無窮,因此身為網設的你,也趕快來下載所需的素材囉!
Freebiesbug:
網站名稱:Freebiesbug
網站連結:http://freebiesbug.com/

Step1
當進入網站後,左邊的選單,就是所有免費網站資源分類,而以PSD為大宗,可看到免費PSD共有一千多個,同時在下方若看到Free PSD為免費的,右側邊為付費資源。
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont
Step2
進入後再點Download鈕。
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont
Step3
由於該網站只是收集,因此下載會開啟原始的站台,因此可從原始的網站中,查看授權的方式。
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont
Step4
由於每個平台的下載方式不同,而這個平台先前梅干也曾分享過,該平台需登入就可將素材給下載回來囉!
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont
Step5
下載回來後,透過Photoshop打開後,真是佛心來著所有的圖層都保留著,而該平台所收集的免費網頁資源的質感還不錯,因此有需要的朋友,不妨也可留意一下囉!
梅問題-Freebiesbug 收錄眾多免費網頁資源PSD、AI、WebFont

Adobe Photoshop CC 不說的祕招!讓網頁切圖更快速

$
0
0
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速
  當今天在製作網頁時,則會先用Photoshop設計出網頁的視覺版型,確定沒問題後,再用Photoshop切片工具,將畫面中的區塊一一的分割,再另存為網頁使用,相信這應該是許多網頁設計師,再熟悉不過的,雖然說切片工具很方便 ,但有時一不注意時,就會出現1像素的誤差,使得畫面在拼接時,產生空縫或白邊,這時就得再回到Photoshop,用放大鏡工具放大來檢視,並重新調整,但自從Photoshop CC2014版後,就已提供一個影像資產的新功能, 只要將圖層輸入jpg或png,就會自動輸出並儲存,完全不用再作切片,立即就可將製作好的網頁版型給輸出完畢,而這個功能不少朋友不知道,因此身為網設的朋友,也一塊來看看吧!
Step1
將要分割的頁面開啟至Photoshop中,再點選 檔案 / 產生 / 影像資產
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速
Step2
接下來變更圖層名稱,並加入.jpg或.png的圖檔名稱。
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速
Step3
無論是圖層資料夾,還是單一圖層,都可自行加入。
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速
Step4
這時神奇的事情發生了,在PSD的存放路徑中,就會看到xxx-assets的資料夾。
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速
Step5
雙響進入後,就會看到剛所設定的圖層副檔名,就會自動儲存成剛所設定的格式啦!有了這功能是不是超方便的呀!而這一個功能要Photoshop CC 2014版以後的版本才支援喔! 因此當下回要切版時,不妨試試看囉!將會大幅縮短切片時間。
梅問題-Adobe Photoshop CC不能說的祕招!讓網頁切圖更快速

《Photoshop CC 2015限定》利用「新增參考線配置」快速建立符合各RWD框架的版面分隔線

$
0
0
先前曾分享過Photoshop的套件,透過該套件,就可快速的建立版面分隔參考線,並透過這些輔助參考線,設計出符合RWD自適應的版面來,而目前這功能,已經被Photoshop納入進來,因此現在只要使用Photoshop CC2015版,立即就能產生版面隔線,同時還可依照所要套用的RWD框架,來設定Photoshop版面參考線,像是Bootstrap則是將畫面分割成12等份,Yahoo! Pure則是將畫可分割為24等份,同時也可針對RWD框架,每個分欄間距作設定,因此有了這功能,在設計RWD自適應的版面就更方便啦!因此身為網設的你,也趕快來使用看看囉!

PSD Repo 免費網頁版型、圖示、按鈕PSD原始素材檔下載

$
0
0
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
  當今天在設計網頁時,素材絕不能少,因此梅干平常則會不定期的收集一些網頁素材,包含按鈕、圖示、網頁版型.....等,透過這些素材,不但可作為參考,同時還可自行的重組與搭配,再整合成自己所需的版型,最近梅干又發現一個免費PSD素材平台,裡面有各式的網頁素材,同時都還保留原始檔,更棒的是有些還是遵照,目前主流的RWD框架來作設計,因此在套用與設計就更加便利,因此無論是桌機、平板、手機一次搞定,因此身為網頁設計的你,怎能錯過此網站,也趕快來收集一下,自己所需的素材吧!
PSD Repo:
網站名稱:PSD Repo
連結網址:http://psdrepo.com/

Step1
進入素材網站後,除了上方可看到目前最新與最受歡迎的外,也可從下方的分類連結,直接找尋自己所需的素材。
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
Step2
當點選分類後,就會出現所有分類的素材縮圖,拉到下方點一下Donwnload鈕,就可將此素材檔下載回來。
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
Step3
由於此素材放在Dropbox,再點下載鈕,即可將它下載回來。
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
Step4
而在剛的頁面中,向下拉還可看到相似的素材有那些。
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
Step5
下載完畢,解壓後,分別會看到所有的圖層外,還會看到一堆的參考線。
梅問題-PSD Repo 免費網頁PSD原始檔素材下載
Step6
這時將12 Col Grid的圖層眼睛開啟,就會看到此版型則是用12欄進行設計,因此要套用在Bootstrap也沒問題,而這個素材網站,裡面所提供的素材質感都相當的棒,因此身為網設的你,也趕快來下載囉!
梅問題-PSD Repo 免費網頁PSD原始檔素材下載

Photoshop教學-Photoshop CC在CMYK模式下,正確的填入50%中灰色

$
0
0
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色
  一直以來大家該都知道,在Photoshop將圖層混合模式設為覆蓋、柔光、實光.....,照片中的中灰色就會變成透明,但最近有網友問到,怎到Photoshop CC版後,在CMYK模式下填入50%的中灰色時,再選擇覆蓋的混合模式時,竟然沒變成透明,同時還會干擾到下方的影像,這也讓梅干百思不得其解,但在RGB模式又是正常的,於是梅干就找到CC之前的版本,便用內建的填滿50%的灰才發現到,在CMYK模式下,所填入的50%的灰,看起來竟有點偏咖啡色,當把圖層混合模式設為覆蓋時,就變成透明,這時梅干用滴管工具去探色時,才發現到CC版的50%是針對RGB色域,若是CMYK的話,就得自行手動修改一下,因此要在CMYK中填入中灰的朋友,不妨也可看看囉!
Step1
當開啟照片,並將色彩模式設為CMYK後,再選擇填滿選項中的50%的灰階。
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色
Step2
當填滿後,用滴管探色,開啟檢色器後,會發現到在CMYK中,只有C版接近50%。
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色
Step3
這時手動將CMYK分別更改為50%。
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色
Step4
接著再將它填滿,這時會發現到,色彩與剛的差很多,接著再將圖層混合模式設為覆蓋。
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色
Step5
鏘~鏘~這時就會變成透明,且不會影響到下方影像。
梅問題-Photoshop教學-Photoshop CC版在CMYK模式下正確的填入50%中灰色

免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)

$
0
0
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
  最近相當火紅的話題,莫過於Goolge所推出的Nik Collection七套免費專業相片濾鏡外掛軟體,而這七款外掛分別有Analog Efex Pro、Color Efex Pro、Silver Efex Pro、Viveza、HDR Efex Pro、Sharpener Pro 和 Dfine,從底片色彩風格、黑白相片、HDR、去除雜訊、銳化、相片調色、色彩校正....等,而這七套外掛,皆可搭配Phootshop或Aperture使用,以前這些需要150 美元,現在免費讓你下載使用啦!經梅干實際使用後,在Photoshop下使用相當的順暢,同時效果相當的不錯,尤其是它的去除雜訊,不但不會很油畫風,還保有更多的細節,以及HDR風格也相當的不錯,因此還沒下載的朋友,趕快來下載囉!順便看一下,如何套用到Photoshop下使用吧!
Google Nik Collection:
外掛名稱:Google Nik Collection
外掛性質:免費
外掛語言:英文
適用平台:Windows/MAC
適用軟體:Photoshop、Aperture
外掛下載:https://www.google.com/nikcollection/

Step1
進入網站後,點右上角,選擇所需的平台。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step2
下載完畢後,雙響進行安裝。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step3
接著選擇要Photoshop的版本,基本上無論選擇那一個版本,都可使用。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step4
在安裝的過程中,可以先來看一下,這七套外掛濾鏡的每個特效的功用。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step5
當安裝完畢後,開啟Photoshop後,就會看到Nik這套外掛,還有一個獨立的控制面板,點一下上方的濾鏡特效立即就可套用。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step6
除了點那面板外,也可透過功能列中的,濾鏡 / Nik Collection/來進行選擇。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step7
梅干對於它的去除雜訊,感到相當的滿意,當進入去除雜訊的面板後,右下角立即可看到去除後的效果。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step8
甚至還可透過上方的控制條,再作調整。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step9
修正完畢後,可看一下前後的差異,除了雜訊不見了外,還能保有原來的細節。
原圖
Step10
而它的HDR效果也很不錯,進入後,左邊可選擇預設的效果,右邊可再手動作調整。
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)
Step11
這樣立即就變成HDR風啦!而Nik Collection裡面還有許多好用的特效,因此各位也趕快來下載,這套專業且強大的相片濾鏡特效吧!
梅問題-免破解!Google Nik Collection七款專業Photoshop相片濾鏡特效免費下載(HDR、去除雜訊、銳化、底片風一次滿足)

Photoshop如何指定圖片輸出的檔案大小

$
0
0
梅問題-Photoshop如何指定圖片輸出的檔案大小
  有在經營拍賣或商城的朋友,當今天要把產品照片上傳時,總會遇到平台會有檔案大小的限制,而平台之所以會限圖檔大小,最主要的原因就在於,讓消費者可以快速的預覽到產品圖片,但這時就苦了許多的賣家,當把產品圖片製作好後,就要開始進行壓縮,直到符合平台限制的大小,往往這都讓許多賣家花上不少時間,其實Photoshop早以內建此功能,只需設定要輸出檔案格式的大小,Photoshop就會自動的計算出,圖片的壓縮比例,因此不知道的朋友,現在也趕快來看看吧!
Step1
製作好的圖像或Banner,選擇 檔案 / 轉存 / 儲存為網頁用(舊版)
梅問題-Photoshop如何指定圖片輸出的檔案大小
Step2
接著點右上角的三角形圖示,再選擇檔案大小最佳化
梅問題-Photoshop如何指定圖片輸出的檔案大小
Step3
再輸入要轉存的檔案大小。
梅問題-Photoshop如何指定圖片輸出的檔案大小
Step4
輸入完畢後,Photoshop就會自動計算出圖檔的壓縮比例。
梅問題-Photoshop如何指定圖片輸出的檔案大小
Step5
轉存後,可看到檔案大小與當初所設定的一致,如此一來就不用每次設半天啦!
梅問題-Photoshop如何指定圖片輸出的檔案大小

Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中

$
0
0
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
  字型一直是許多從事設計不可或缺,除了中文字型外,英文字型也是相當重要,再加上英文字型在製作上比中文來的簡單些,因此在網路上可找到許多免費的英文字型,甚至Google自家也推出700種的英文字型,讓大家下載使用,但要一一的下載,再安裝到電腦中,還真是挺麻煩的一件事,因此最近一間專門設計Photoshop的外掛公司Source,推出了Fontea這隻外掛,裡面整合了Google所提供的700種免費的英文字型,當要使用時,只需點一下立即就可將字型下載,並安裝完成且套用,相當的方便因此身為設計的你,也趕快來安裝一下囉!
Fontea:
外掛名稱:Fontea
適用軟體:Photoshop CC 2014+
外掛下載:https://fontea.madebysource.com/

Step1
首先,進入外掛頁面後,下載所需的系統版本。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step2
下載回來後,雙響再按INSTALL NOW,在安裝過程中,須將Photoshop關閉。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step3
當安裝完畢後,點一下就可開啟Photoshop。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step4
進到Photoshop後,點一下視窗 / 延伸功能 / Fontea
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step5
開啟Fontea面板後,點下方的按鈕,先登入才能使用。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step6
接著再選擇要登入的方式。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step7
當登入成功後,再回到Photoshop。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step8
這時面板就會出現700個英字字型清單,當看到喜歡的字型點,只要點一下,就會立即套用。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step9
而剛所套用的字型,其實已安裝到電腦裡裡了,因此在字型清單中,也會看到剛所套用的字型名稱。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step10
甚至也可用搜尋的方式。
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中
Step11
搜尋到後,點一下文字縮圖後,也會立即套用,是不是超方便的呀!因此身為設計的你也趕快來下載囉!
梅問題-Photoshop外掛-Fontea將Google免費700個英文字型套用到Photoshop中

Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop

$
0
0
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
  先前曾分享過幾個CC0免費無版權的圖庫平台,讓許多從事設計的朋友,可以放心的使用這些圖片,於自己的專案中,但每當要使用時,就得分別到這些平台中,找尋自己所需的圖片素材,找到後再將圖片匯入到Photoshop影像軟體進行編輯,但現在只需在Photoshop中安裝Pictura這隻外掛,就可將CC0免費的圖庫搬到Photoshop中,直接在Photoshop下就可直接尋找並下載CC0的圖片,完全無需再開啟瀏覽器,而Pictura這隻外掛,除了可尋找CC0的圖片外,也可搜尋Flick中的圖片,相當的方便。
Pictura:
外掛名稱:Pictura
適用軟體:Photoshop CC 2014+
外掛下載:http://pictura.madebysource.com/本站下載

Step1
進入官網後,點選中間的按鈕。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step2
接著再點DOWNLOAD鈕。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step3
下載完畢,雙響進行安裝,再點INSTALL NOW
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step4
當安裝完畢後,點下方的按鈕,即可啟動Photoshop。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step5
進到Photoshop後,點一下視窗 / 延伸功能 / pictura
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step6
開啟pictura面板後,先點下方的綠色按鈕,要先登入才可使用,分別可用Twitter、Facebook等社群的方式登入。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step7
接著再點中間的按鈕。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step8
當登入完成後,再回到Photoshop。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step9
這時Photoshop中的Pictura面板,就會載入所有的縮圖,接著從下拉選單中,設定CC0無版權的圖庫。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step10
當尋找到自己所需的素材圖片時,只需對著縮圖點一下,立即就可將圖檔匯入工作視窗中。
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Step11
此時匯入的圖檔,會變成向量圖層,如此一來縮放也不會失真,是不是超方便的呀!身為設計的你,也趕快來下載囉!
梅問題-Photoshop外掛-Pictura免費CC0可商用的圖庫整合到Photoshop
Viewing all 82 articles
Browse latest View live




Latest Images