文、SIMI老師
說到繁複的歐風圖騰，大家往往會退避三舍，或是轉而尋找現成素材來使用。但其實自己製作歐風花紋圖騰也可以很簡單。
標籤: 設計教學
菜鳥救星網頁設計教學：網頁設計-社群分享按鈕簡單做
文/圖、菜鳥編
文章轉自聯成電腦，未經授權請勿轉載，原文為：聯成電腦網頁設計教學：網頁設計-社群分享按鈕簡單做
近年來，因為SEO排名及自媒體的經營的重要性，許多公司甚至是部落客，也紛紛於自己的網站加入社群連結按鈕。提升自己網站排名及曝光的機會。
目前提供這方面服務的平台很多，主要是提供 JavaScript 程式碼，在網頁上插入編碼就可呈現社群分享按鈕。但缺點就是如果要修改，本身就要對JavaScript有點功力才行。再來就是有時會產生出多餘無用的編碼，也是會影響到網站載入的時間，對於SEO很要求的網站，就要特別注意。
菜鳥救星教學專欄：一個步驟將點陣圖轉換為向量圖
文/圖、菜鳥編
文章轉自聯成電腦，未經授權請勿轉載，原文為：聯成電腦教學專欄：一個步驟將點陣圖轉換為向量圖
相信還是有部分人不曉得點陣圖與向量圖的差別。線上查了說明文件，更容易被一些專有名詞弄得更困擾。鳥編這邊用簡單的方式讓大家了解一下。
點陣圖：圖片放大會失真（模糊）。
向量圖：圖片放大不會造成失真。
菜鳥救星網頁設計教學：網頁設計-不規則遮色片好簡單
文/圖、菜鳥編
文章轉自聯成電腦，未經授權請勿轉載，原文為：聯成電腦網頁設計教學：網頁設計-不規則遮色片好簡單
CSS3提供了許多實用的屬性，不僅可以繪圖，也可以製作動畫。相對以前的作業方式省時了許多。只是在繪製元素的操作似乎就不那麼親民。需要透過定位與宣告參數的方式來製作，有點像是AutoCAD的繪圖原理。
這邊就推薦大家一個平台CSS clip-path maker，可以輕鬆的繪製出幾何圖形來，並將編碼直接套用。
菜鳥救星Photoshop教學：文字破碎效果-PhotoShop進階篇
文/圖、菜鳥編
初階篇部分，使用了選取工具與移動工具，就可以簡單的製作出破碎效果，步驟相當簡單，但只是需要慢慢的調整，如果移動的不洽當，整體的感覺也會折扣，接下來進階篇，就要教大家如何透過濾鏡來製作破碎文字效果。
菜鳥救星話設計：遊戲美術的藝術影響力
文、SIMI老師
雖然20世紀初期就開始有電子遊戲的雛形產生，但當時與其說是遊戲其實也只是一些實驗或概念，並沒有什麼美術視覺可言，充其量只是一些符號與幾何形而已。直到1980年前後，以像素圖為畫面表現的《小蜜蜂》、《小精靈》等遊戲相繼出現，任天堂的《超級瑪利歐》更是風靡了全世界。1990年代隨著遊戲機與電腦等硬體的進步，圖像也越來越精緻細膩，像素圖也漸漸少用於遊戲之中。
菜鳥救星illustrator教學：文字破碎效果-illustrator篇
文/圖、菜鳥編
文章轉自聯成電腦，未經授權請勿轉載，原文為：聯成電腦illustrator教學：文字破碎效果-illustrator篇
文字破碎效果也進入到最後階段，前兩篇針對Photoshop的使用，都是將文字點陣化作業，會有後續使用尺寸的問題，所以避免以後使用上的限制，可以考慮使用illustrator來製作喔。
菜鳥救星Photoshop教學：文字破碎效果 – PhotoShop 初階篇
文/圖、菜鳥編
文章轉自聯成電腦，未經授權請勿轉載，原文為：聯成電腦Photoshop教學：文字破碎效果 – PhotoShop 初階篇
補班當天，鳥編分享了一張圖片，接獲有人詢問文字效果的處理方式。所以鳥編就針對這議題來寫一篇教學文吧，這次我們就先使用PhotoShop來製作，下一篇再來針對illustrator。
製作方式其實不難，只是過程中調整的步驟就較為繁瑣。當然如果想要一次製作出特效，也可使用濾鏡來作調整，這邊鳥編就先用最簡單的方式來教學。濾鏡部分，咱們就在進階篇來做說明吧。
菜鳥救星Photoshop教學：將圖片一次轉存不同尺寸
文/圖、菜鳥編
在多螢的時代，台灣人高達77%同時擁有三個以上的裝置，而手機的使用時間也占一天生活中一半以上的時間。所以在在大、小視窗上所要提供的資訊也當對不同，對於設計人員來說，最頭疼的就是如何在不同的視窗上提供完美的圖片。
如今螢幕解析度不斷的進步，加上4K時代的來臨，動不動一張圖片就要有不同的尺寸，但往往每執行一次活動，所要動到的圖片又非一、兩張。以往設計人員總是來回好幾次將圖片設定成不同尺寸，符合在不同螢幕上的最佳化。不過在PhotoShop已有提供這便利的功能，讓你可以一次處理好所有圖片大小。
菜鳥救星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中好用的選擇器。
菜鳥救星illustrator教學：瀑布文字效果製作
文、菜鳥編
今天的教學，就算是個illustrator菜鳥新手，也可以快速製作出效果來。只要利用視差與折角的方式，就能呈現出瀑布般的效果。
菜鳥救星Photoshop教學：色調應用設計
文、菜鳥編
色調的應用，不論在平面視覺或是網頁設計上，許多地方都可以看到身影，應用相當地廣泛。只要透過一些簡單的色調調整就可將讓圖片以雙色調的方式呈現，將原本的圖片變得非常有趣。下圖就是Spotify電腦版介面的截圖，馬上就看到雙色調應用的足跡。這次的Photoshop教學，就來引導大家如何使用色調並設計出如封面圖片的效果來。
菜鳥救星PowerPoint教學：投影片背景設計應用
文、菜鳥編
插入圖片、填充顏色、漸變設定相信這些在PowerPoint中應該都不陌生吧。但其實跟圖片、圖案設計有關的還有一個，也是很容易被忽視掉的一個功能，就是「背景填滿」。因為，大多人會依照它字面上的意思，認定它只是設定投影片的背景而已。沒有錯，它是與背景很有相關性，但如果應用在圖案或文字方塊時，可是一個相當好用的功能，透過背景的應用，就可以設計出多元的效果來。