教學專欄:兩個方法做出IG吸睛照|菜鳥救星RookieSavior

文/圖、菜鳥編

前陣子鳥編參加Facebook年度盛會「Mobile Moves People 觸動商機」。在展場中看到巴西多芬的一個IG案例,相當搶眼,除了那誇張的飄逸髮型之外,還有就是男主角到位的表情。

圖片擷取至YOUTUBE影片
閱讀全文 →

在PS中利用工作區域創作系列稿吧!|菜鳥救星RookieSavior

文、SIMI老師

在學生剛開始學習繪畫或設計時,通常我都不會教學生們與直接創作無關的功能,畢竟大家光是學習創建造型的基本功能與創作技巧就已經分身乏術。但有些功能其實並不難,已經掌握基本技術的同學可以利用這些小功能增加自己的工作效率!這次的系列教學中,就要告訴大家如何運用PS裡面的「轉存功能」,來做有效率的檔案儲存與圖片、圖層管理。

閱讀全文 →

Photoshop教學:修圖寶典(下)|菜鳥救星RookieSavior

文/圖、菜鳥編

相信大家在上篇 Photoshop教學:修圖寶典(上)|菜鳥救星RookieSavior 已經學會了怎麼用快速工具來修正圖片的偏差。四天連假下來照片多到不行,怎麼可能還一張一張修正,你說是吧。接下來就是要教大家如何使用Photoshop的批次處理。

閱讀全文 →

Photoshop教學:修圖寶典(上)|菜鳥救星RookieSavior

文/圖、菜鳥編

連續假期結束,一定拍了很多值得回味的照片吧。相信現在大家應該多數是使用手機來拍攝,或是非高階的單眼相機。所以多少都會因為現場光度,角度等因素,造成圖片可能在亮度或是色溫上有偏差。

鳥編這次就來教大家怎麼快速修正圖片,會使用到的是「自動色調」、「自動對比」、「自動色彩」及「曲線」四樣工具來做說明。

閱讀全文 →

Facebook 全景照片我也行|菜鳥救星RookieSavior

文/圖、菜鳥編

還記得全景照片剛推出時,大家一窩蜂的拍照分享。當時一堆類似的拍攝APP推陳出新。只是觀看的方式無法以360度方式呈現。除非透過一些平台才有辦法完整呈現。

而近期FB最夯的話題應該就是支援360度相片。大家應該在很多粉絲團及朋友臉書上看到這新玩意。鳥編今天就來教大家怎麼使用喔。

閱讀全文 →

UI設計教學:DIY扁平化icon陰影圖示-Part 2|菜鳥救星RookieSavior

文/圖、菜鳥編

相信鳥粉們應該熟悉Flatty Shadow的操作了,但如上一篇所提,陰影製作的過程中真的不難,但如果網站上所提供的圖示並不適合需求,則還是要自行設計扁平圖示,這時候設計師的能力就相當重要。

鳥編這邊就使用菜鳥救星最常使用的鳥圖示來當範例,因為扁平化LOGO設計牽扯較多層面!

閱讀全文 →

在Photoshop以多視窗檢視影像|菜鳥救星RookieSavior

文、SIMI老師

在進行電腦繪圖時,由於視窗可以放大檢視,因此許多人就會忍不住將圖片放到非常大來繪製局部,認為這樣就可以畫出細緻的畫面,殊不知一味地放大其實會讓作品缺乏整體感,也容易將某些部位畫得過度細緻。
但若是都不放大畫面,有些細節實在難以處理,因此如何在放大作畫的同時還能檢視整體,就是相當重要的一件事。在這個教學中將介紹兩個方式來輔助檢視畫面,一個是很多繪圖軟體都有內建的「導覽器」,一個是Photoshop中的「多視窗檢視影像」功能。

閱讀全文 →

UI設計教學:DIY扁平化icon陰影圖示-Part 1|菜鳥救星RookieSavior

文/圖、菜鳥編

近年來,扁平化設計的趨勢盛行,不僅只是在平面設計應用,也廣泛的被應用在網頁設計及APP UI應用上。
扁平化的概念是以單純的色塊,用圖像的方式呈現出一種簡約的風格。在後期則有一些創新的手法融入在扁平化設計中。最常見的手法就是使用陰影效果來添加一點特色,鳥編先介紹給大家一個免費下載的網站,讓你有需求時可快速使用。

網站名稱:Flatty Shadow
內容說明:可讓使用者根據需求針對圖像自行設定不同色彩、大小、陰影變化
傳送門:http://flattyshadow.com/

Continue reading

菜鳥救星Photoshop教學:新功能 — 臉部感知工具

文/圖、菜鳥編 

先前鳥編有介紹過Photoshop 2015 CC 的內容感知裁切工具,算是此次改版中,非常實用的一個工具。今天要來介紹的是另一個快速修圖工具,對時常要修正臉部表情的人相當方便。

此工具算是液化的加強版,此次改版主要是針對臉部五官的快速編修。使用前也先確定你的版本為最新版Photoshop cc (2015.5)喔。

閱讀全文 →

菜鳥救星Photoshop教學:一秒將黑白舊照片彩色化

文/圖菜鳥編

要將彩色照片灰階化,只要一個按鍵就可以完成。但若是要將黑白照片彩色化,可能就要有一點能力再了。相信多數人的爸媽照片回憶是黑白照片吧,如果將這些陳年老舊的照片給彩色化,爸媽一定會相當有感觸吧。

鳥編大致了解外面專門影響處理的價格,如是要將黑白照片彩色化最低也要價1,000元以上,但如果是值得的照片就是值得的喔(回憶無價,是吧)。若是自己DIY處理也一定不下數小時。

相信很多PS高手都有嘗試過黑白照片彩色化,尤其是在老舊的版本製作難度更為挑戰。而近期,已有人研發出自動填補色彩的運算方式,實現將黑白照上色的功能。一款名為Algorithmia Colorize Photos線上服務就提供給網友們試玩。

閱讀全文 →

菜鳥救星網頁設計教學:網頁設計-社群分享按鈕簡單做

文/圖、菜鳥編

近年來,因為SEO排名及自媒體的經營的重要性,許多公司甚至是部落客,也紛紛於自己的網站加入社群連結按鈕。提升自己網站排名及曝光的機會。

目前提供這方面服務的平台很多,主要是提供 JavaScript 程式碼,在網頁上插入編碼就可呈現社群分享按鈕。但缺點就是如果要修改,本身就要對JavaScript有點功力才行。再來就是有時會產生出多餘無用的編碼,也是會影響到網站載入的時間,對於SEO很要求的網站,就要特別注意。

閱讀全文 →

菜鳥救星教學專欄:一個步驟將點陣圖轉換為向量圖

文/圖菜鳥編

文章轉自聯成電腦,未經授權請勿轉載,原文為:聯成電腦教學專欄:一個步驟將點陣圖轉換為向量圖

相信還是有部分人不曉得點陣圖與向量圖的差別。線上查了說明文件,更容易被一些專有名詞弄得更困擾。鳥編這邊用簡單的方式讓大家了解一下。

點陣圖:圖片放大會失真(模糊)。
向量圖:圖片放大不會造成失真。

閱讀全文 →

菜鳥救星網頁設計教學:網頁設計-不規則遮色片好簡單

文/圖、菜鳥編

CSS3提供了許多實用的屬性,不僅可以繪圖,也可以製作動畫。相對以前的作業方式省時了許多。只是在繪製元素的操作似乎就不那麼親民。需要透過定位與宣告參數的方式來製作,有點像是AutoCAD的繪圖原理。

這邊就推薦大家一個平台CSS clip-path maker,可以輕鬆的繪製出幾何圖形來,並將編碼直接套用。

閱讀全文 →

菜鳥救星Photoshop教學:文字破碎效果-PhotoShop進階篇

文/圖、菜鳥編

初階篇部分,使用了選取工具與移動工具,就可以簡單的製作出破碎效果,步驟相當簡單,但只是需要慢慢的調整,如果移動的不洽當,整體的感覺也會折扣,接下來進階篇,就要教大家如何透過濾鏡來製作破碎文字效果。

閱讀全文 →

菜鳥救星話設計:遊戲美術的藝術影響力

文、SIMI老師

雖然20世紀初期就開始有電子遊戲的雛形產生,但當時與其說是遊戲其實也只是一些實驗或概念,並沒有什麼美術視覺可言,充其量只是一些符號與幾何形而已。直到1980年前後,以像素圖為畫面表現的《小蜜蜂》、《小精靈》等遊戲相繼出現,任天堂的《超級瑪利歐》更是風靡了全世界。1990年代隨著遊戲機與電腦等硬體的進步,圖像也越來越精緻細膩,像素圖也漸漸少用於遊戲之中。

閱讀全文 →

菜鳥救星illustrator教學:文字破碎效果-illustrator篇

文/圖、菜鳥編

文章轉自聯成電腦,未經授權請勿轉載,原文為:聯成電腦illustrator教學:文字破碎效果-illustrator篇

文字破碎效果也進入到最後階段,前兩篇針對Photoshop的使用,都是將文字點陣化作業,會有後續使用尺寸的問題,所以避免以後使用上的限制,可以考慮使用illustrator來製作喔。

閱讀全文 →