菜鳥救星Photoshop教學:四方連續圖樣設計(二)

文、SIMI老師

上次我們介紹了如何使用Illustrator來製作「四方連續」圖樣,但如果大家想要設計比較自由的手繪插畫圖樣時,Illustrator就不那麼合適了,所以這次要向大家介紹如何使用Photoshop來設計四方連續圖樣。

閱讀全文 →

菜鳥救星illustrator教學:四方連續圖樣設計

文、SIMI希米老師

所謂的「四方連續」就是以無接縫的方式網上下以及左右無限延伸圖樣,然而什麼樣的情況會需要用到「四方連續」的技法呢?比較常見的有布料、壁紙、網頁或遊戲的背景…等。根據不同的需求,在AI以及PS中都各自有其便於製作四方連續圖樣的方式,今天就先來介紹如何使用Illustrator來製作「四方連續」圖樣吧!

閱讀全文→

菜鳥救星教學專欄:Photoshop 2017新功能-完整搜尋

文/圖、菜鳥編

CTRL+F 快速鍵在很多軟體應用上都是屬於搜尋的功能,但在早期Photoshop版本中,則是重新套用上次使用的濾鏡。但在這次的更新中,則變成了搜尋的功能。

搜尋的功能包含了下列項目:
•工具
•面板 (包含樣式面板)
•選單項目
•新的文件預設集
•開啟的文件
•最近使用的檔案
•圖層
•智慧型物件
•說明與學習內容;文件和說明教學課程
•Stock 資產

閱讀全文→

菜鳥救星Photoshop教學:自己動手將照片動漫化

文/圖、菜鳥編  

前陣子「你的名字濾鏡」造成一股熱潮,使用過的人應該有發現,不見得每一張都是可以達到最佳的效果,或是照片本身使用後,反而造成反效果。不過套件就是這樣,帶來快速的便利,但相對就減少了適用性。所以最好的方式就是DIY啦^^。

以下就是今天的主角,鳥編就來不專業的賣弄一下。

閱讀全文 →

菜鳥救星話設計:構圖的藝術–留白空間與動態方向

文、SIMI老師

不論是設計、攝影或繪畫,版面上的留白都是相當重要的課題。然而這邊所說的留「白」所指的是主體之外的負空間,而這些空間並不一定是「白」色。

在設計中有所謂天地左右,而繪畫中具體作為就是在這些空間呈現「虛」的畫面處理,例如較弱的明暗與彩度對比、較少的細節、較模糊的邊緣等,主要目的就是為了襯托主體和引導視覺方向。

閱讀全文→

菜鳥救星分享:關於風格那些事

文/圖、SIMI.希米老師

風格是初學者常遇到的困惑及難題,但其實中間有許多曖昧難以解釋的東西,在這邊用我的認知來為大家做個介紹,希望能解除各位心中的困惑。這次請來翡翠姐姐當媽抖做示範w

會影響風格的變因有很多,首先我們從外觀來看:

閱讀全文→

菜鳥救星illustrator教學:用封套扭曲設計造型文字

文、SIMI希米老師

在Illustrator中設計文字時,如果賦予文字特定的形狀,就可以讓文字增添更多的趣味性。雖然文字的劇烈變形會造成文字難以識別的風險,但這樣具有玩心的設計手法如果用在合適的題材上時,就能提高觀者的注目與好感度,此時不妨放手一搏吧!

閱讀全文→

菜鳥救星網頁設計教學:一次搞懂CSS3選擇器

文、菜鳥編

CSS除了id,class選擇器外,你還知道有哪些?其實在CSS3的規範之下,還有許多相當好用的選擇器可提升開發靈活性。如果你還不是很了解,就以Excel來說吧,假使要你在一堆資料中,找出儲存格中內容中有包含「網頁」的字串,而且結尾必須是「好簡單」。你能立馬知道有哪些函數可以幫助你完成嗎?我很常說,工具它只是工具,還是幫手,就單看你怎麼使用。條條道路通羅馬,在完成結果的過程中,你是要走捷徑還是繞徑,就會影響你的效率甚大。

而CSS3選擇器的組合使用,就看你對它知道多少。這麼多的方式,不可能每一樣都經常會使用到,但至少當遇到問題時要能知道方向在哪裡。好比說,你會在技術討論區看過一堆新手的發問,明明只要一個站內搜尋就可以解決,偏偏還要發問讓人損!這真的不能怪罪他們,因為他們連搜尋的關鍵字要打什麼都不知道,不是嗎?所以多接觸是好事,有方向才會知道怎麼找答案。這次就來介紹幾個在CSS中好用的選擇器。

閱讀全文 →

菜鳥救星Photoshop教學:色調應用設計

文、菜鳥編

色調的應用,不論在平面視覺或是網頁設計上,許多地方都可以看到身影,應用相當地廣泛。只要透過一些簡單的色調調整就可將讓圖片以雙色調的方式呈現,將原本的圖片變得非常有趣。下圖就是Spotify電腦版介面的截圖,馬上就看到雙色調應用的足跡。這次的Photoshop教學,就來引導大家如何使用色調並設計出如封面圖片的效果來。

閱讀全文 →

菜鳥救星PowerPoint教學:投影片背景設計應用

文、菜鳥編

插入圖片、填充顏色、漸變設定相信這些在PowerPoint中應該都不陌生吧。但其實跟圖片、圖案設計有關的還有一個,也是很容易被忽視掉的一個功能,就是「背景填滿」。因為,大多人會依照它字面上的意思,認定它只是設定投影片的背景而已。沒有錯,它是與背景很有相關性,但如果應用在圖案或文字方塊時,可是一個相當好用的功能,透過背景的應用,就可以設計出多元的效果來。

閱讀全文 →

菜鳥救星分享:免費字體下載-Whoa

文、菜鳥編

今天要介紹一款很有嘻哈風的字體,
名稱也相當好記,就是「哇」!
字體粗體的表現相當吸睛,
在強調的效果上相當好用,
一款值得收藏的字體。

字體名稱:Whoa
下載位置:http://bit.ly/2URW70W

閱讀全文 →

菜鳥救星話設計:五步驟製作多用途仿舊質感筆刷

文/圖、SIMI.希米老師

Photoshop雖然從CS6開始內建的筆刷類型越來越多且強大,但還是不見得可以滿足每個人的需求,網路上雖然也有許多資源,但量實在太大也會讓人不知從何下手,而且良莠不齊難還要一個個過濾也相當沒有效率,因此自製筆刷還是最直接、也最能符合自身需求量身訂做的選擇。

閱讀全文 →

菜鳥救星Photoshop教學:製作棒球線縫效果文字

文/圖、菜鳥編

還記得2016年,台灣投手王建民以再見三振畫下本季初登場句點,永不放棄的精神也終於在睽違959天重返大聯盟投手丘。為了慶祝台灣之光再次回到舞台,鳥編這邊用photoshop來製作棒球紋理效果文字來祝賀。喜愛棒球的也可用此方法來祝賀一下喔。


首先先建立好要製作的文字,為方便大家了解,鳥編提供相關數據。
►文件尺寸:1200PX * 628PX
►文字格式:200pt #d3d3d3
►文字間距:80

閱讀全文 →

菜鳥救星教學專欄:魚與熊掌兼得的圖片壓縮工具

文/圖:菜鳥編 

昨天午休時,聽到公司設計妹妹說著下午有一堆圖片要調整。因為網頁上需要大量的新圖片,需要將每張圖片壓縮方便網頁使用。了解後,是用土法煉鋼方式改變大小符合網頁版面規格來讓檔案變小。

但如果這些圖片以後要用在其他網頁時,有不同的尺寸,等同於又要再重新來一次。就推薦他一個非常方便的工具,正所謂工具懂得多,做事快得多;事情做得快,下班就跑得快。

閱讀全文 →

菜鳥救星話設計:構圖的藝術—鏡頭語言與畫面表現

文/圖、SIMI.希米老師

在創作時,鏡頭與畫面之間的關係是非常重要的。什麼時候要採取高的視角?何時要使用平的視角?又是為了什麼要用低的視角?長鏡頭與短鏡頭帶來的畫面差異又有哪些呢?不同的鏡頭語言為畫面帶來的氛圍可說是大異其趣,如果使用了合適的鏡頭語言來表現,對畫面來說就能大大的加分。

閱讀全文 →

菜鳥救星話設計:打造像素風的超Q世界

文/圖、SIMI.希米老師

像素圖(Pixel Art)是以點陣圖中的基本單位「像素」(Pixel)來作畫的創作形式。早期採用此畫法是因為電子遊戲製作時的硬體限制之故,而現今則轉變為一種風格的表現。除了因簡化塑造出的可愛感之外,由於相當具有時代感,所以也特別適合營造復古的感覺。這次就來介紹一下如何在Photoshop中繪製像素風插圖吧!

閱讀全文 →

菜鳥救星分享:繪圖軟體大比拼,PS、PT、SAl、CLlP,都幾?(前篇)

文/圖、SIMI.希米老師

市面上有許多各式各樣的繪圖軟體,且不斷推陳出新。

經常有人問我究竟哪個好,但其實我自己這些年來也一直在許多軟體中搖擺不定XD

一方面是教學需要,一方面確實各有各的優缺點,今天就在這邊為大家介紹我對幾個常見軟體的各別介紹與比較分析吧!

(PS擬人就是用PS畫,PT擬人也是從頭到尾都在PT畫喔XD)


由於爆字數的關係所以分成前後篇,前篇為PS與PT介紹以及比較,後篇為SAI與CLIP以及4個軟體的總評。

以下正文開始,因為字太多如果懶得看可以直接拉下去看比較表格w

閱讀全文 →

菜鳥救星話設計:所見非所得怎麼辦?—如何對付色偏

文/圖、SIMI.希米老師

不論是作品集或者個性化商品印製,在出版業式微的現在仍有許多印刷相關的需求,因此『色差』這個惱人的問題始終一直存在著。由於數位化之故,色差的問題也不僅存在於印刷產業上,我們對色彩管理得要有更新的認知。

一般來說,造成色偏的原因有:色域轉換跟載體差異。

閱讀全文 →

菜鳥救星分享:【電繪】透明畫法VS不透明畫法

文/圖、SIMI.希米老師

在上一篇文章中提到我對現代CG創作上風格的看法,也引起了一些迴響與疑問。


當然風格會受到很多的變因影響,上次的比較是針對外觀所做的分類,
而這次要談到的也是會影響風格的因素之一,就是上色的手法。

閱讀全文 →