Quantcast
Channel: illustrator教學 – Funtory設計生活
Viewing all 8 articles
Browse latest View live
↧

[illustrator教學Ai]字體字型特效後製#海報/明信片/卡片效果製作教學

March 9, 2014, 4:57 pm
$
0
0

大家想輕鬆設計明信片、海報、卡片嗎?!!或許從字體下手是不錯得選擇，只要透過Illustrator-Ai繪圖軟體，教大家如何透過簡單的幾個步驟，就可以設計出殘影的科技酷炫字體，還有高清影片教學，只要跟著學一定很快就學會囉~STEP 1：首先使用矩形工具，繪製長方形幾何圖形，並且鎖定圖層。矩形顏色參數：C0 M100 Y100 K70  STEP 2：使用文字工具，輸入喜歡的字樣"Funtory Design"。文字顏色參數：C0 M50 Y90 K0  STEP 3：接著執行旋轉功能(物件/變形/旋轉)，並且使用拷貝複製。旋轉角度參數：-2度  STEP 4：反覆上述的複製動作，執行再次變形(Ctrl+D)，共複製出10個文字物件。  STEP 5：選取所有文字物件，並點選右鍵，完成建立外框。  STEP 6：由上往下屬第二個文字物件刪除，可凸顯文字立體效果。選取第三個以下的文字物件，並且框選在透明度浮動視窗，將模式改為網屏、透明度25。  STEP 8：選取第一個文字物件，並將顏色改為白色，排列關係順序為最前。  STEP 9：接著只要在背景圖層加些美編就大功告成了，大家可以參考教學影片囉。  illustrator-Ai教學影片檔(提供HD高清畫質)‧歡迎大家善加利用^ ^  每一篇的設計教學文都是相當用心，寫文+錄影平均一篇要花上4個鐘頭，希望能讓更多人學會表現技法，喜歡的話，請大家按下網頁左邊的"讚"給予鼓勵吧~謝謝各位朋友^ ^ Funtory設計生活粉絲頁：[FB臉書]、[Google+] 也請大家繼續支持[FUN設計]教學趣 – photoshop教學、illustrator教學。
您或許對這些文章有興趣：

[illustrator教學Ai]速度感文字特效#模糊景深焦距‧字型變化海報影片
[illustrator教學Ai]漸層圓環LOGO#打造iCon高質感特色標誌
[illustrator教學Ai]美式漫畫LOGO/海報設計#特色Free Style風格教學
[illustrator教學Ai]俏皮可愛印章洗刷字體#字型變化特效教學影片
[illustrator教學Ai]捲毛線特色文字#輕鬆製作風格海報
无觅
↧
Search

[illustrator教學Ai]漸層圓環LOGO#打造iCon高質感特色標誌

May 13, 2014, 5:48 pm
$
0
0

大家一定都想要設計一個專屬於自己的特色LOGO吧，簡單好看的幾何LOGO還是最合我的口味，透過Illustrator-Ai繪圖軟體，教大家如何使用簡單的幾個步驟，就可以設計出有漸層的圓環高質感LOGO，還有高清影片教學，只要跟著學一定很快就學會囉~STEP 1：使用橢圓形工具，繪製正圓，執行拷貝(Crtl+C)動作，並隱藏物件(物件/隱藏/選取範圍)。拷貝圓形，不用急著貼上!!!   STEP 2：隱藏的圓形物件會暫時不見，後續還會使用到。隱藏完後執行貼上圓形(編輯/貼至上層)。   STEP 3：選取圓形，執行移動複製(物件/變形/移動)，可參考以下參數。   STEP 4：選取步驟3生成的新圓形圖層，執行拷貝(Crtl+C)動作，還不用貼上。   STEP 5：選取兩個圓形，執行減去上層動作(視窗/路徑管理員/減去上層)，在執行貼至上層。   STEP 6：步驟5完成後會出現完整的圓形，接著執行與步驟3一樣的動作，移動複製(物件/變形/移動)。   STEP 7：如同步驟4，使用拷貝動作，接續選取左/下兩圓形，執行減去上層動作(路徑管理員)。一再提醒大家，拷貝時還不用貼上哦!!!!   STEP 8：與前幾項步驟一樣，移動複製(物件/變形/移動)。   STEP 9：使用拷貝動作，接續選取左/上兩圓形，執行減去上層動作(路徑管理員)。   STEP 10：執行複製貼至上層，在執行顯示全部物件(物件/顯示全部物件)，將一開始的藍色圓順序移至最前。藍色圓形一定要移到最前面，否則切割路徑切割會出錯。   STEP 11：選取上/右兩圓形，執行減去上層動作(路徑管理員)。   STEP 12：使用漸層工具，讓LOGO看起來更有立體感，加些文字點綴就完成啦。   illustrator-Ai教學影片檔(提供HD高清畫質)‧歡迎大家善加利用^ ^ 每一篇的設計教學文都是相當用心，寫文+錄影平均一篇要花上4個鐘頭，希望能讓更多人學會表現技法，喜歡的話，請大家按下網頁左邊的"讚"給予鼓勵吧~謝謝各位朋友^ ^ Funtory設計生活粉絲頁：[FB臉書]、[Google+] 也請大家繼續支持[FUN設計]教學趣 – photoshop教學、illustrator教學。
您或許對這些文章有興趣：

[illustrator教學Ai]美式漫畫LOGO/海報設計#特色Free Style風格教學
[illustrator教學Ai]速度感文字特效#模糊景深焦距‧字型變化海報影片
[illustrator教學Ai]字體字型特效後製#海報/明信片/卡片效果製作教學
[illustrator教學Ai]俏皮可愛印章洗刷字體#字型變化特效教學影片
[illustrator教學Ai]捲毛線特色文字#輕鬆製作風格海報
无觅
↧
↧

[illustrator教學Ai]美式漫畫LOGO/海報設計#特色Free Style風格教學

October 19, 2014, 1:01 am
$
0
0

近年來受到電影、漫畫、娛樂關係的影響，普遍東方人都很崇拜西方文化，而美式風格更是大家追隨的Free Style風格之一。這次要教大家如何使用Illustrator-Ai繪圖軟體，製作出有質感的美式平面設計，用來設計LOGO、海報文宣都相當適合，文章內容附上Illustrator-Ai高清HD影片教學，大家一起快樂輕鬆學設計吧~STEP 1：使用矩形工具，製作一個填色：白、邊框：黑2pt粗度的矩形物件。  STEP 2：選取矩形，執行縮放動作(物件/變形/縮放)，並且使用拷貝，並且將物件填色為紅色。(點選圖片可看大圖)  STEP 3：接續在旁邊做出一個等比例橢圓形(左側工具欄橢圓形工具)，因應後續特色效果，可以點選不同的筆刷特效，粗度設定為0.5pt，並將填色取消。  STEP 4：點選橢圓形，適當的使用旋轉工具。  STEP 5：將橢圓形套用粗糙效果(效果(濾鏡)/扭曲與變形/粗糙效果)，可參考以下設定參數。  STEP 6：將橢圓形套用縮攏與膨脹效果(效果(濾鏡)/扭曲與變形/縮攏與膨脹)，可參考以下設定參數。  STEP 7：將目前所有物件前後左右置中對齊。  STEP 8：a.接著點選最底層的第一步驟「填色白；邊框黑」的矩形物件，進行複製動作(Ctrl+C)，這時先別急著貼上。b.此時選取所有物件，並且執行群組指令(物件/組成群組)。c.群組完後，執行貼至上層指令(編輯/貼至上層)，完成以下動作。  STEP 9：選取所有物件，執行製作遮色片效果(物件/剪裁遮色片/製作)。  STEP 10：a.使用文字工具，打出你要的文字內容，並將文字設定「填滿黃色；邊框粗度2pt」。b.點選文字，執行建立外框功能(文字/建立外框)，接續執行解散群組命令(物件/解散群組)。c.依照個人喜好需求，將文字放大縮小、旋轉做點不一樣的變化。  STEP 11：將文字物件框選並執行物件群組；再執行粗糙效果(效果(濾鏡)/扭曲/粗糙效果)。  STEP 12：接著製作陰影，步驟為(效果(濾鏡)/風格化/製作陰影)。(點選圖片可看大圖)  STEP 13：加點對話框等特色美編，就大功告成囉~~  illustrator-Ai教學影片檔(提供HD高清畫質)‧歡迎大家善加利用^ ^ 每一篇的設計教學文都是相當用心，寫文+錄影平均一篇要花上4個鐘頭，希望能讓更多人學會表現技法，喜歡的話，請大家按下網頁左邊的"讚"給予鼓勵吧~謝謝各位朋友^ ^ Funtory設計生活粉絲頁：[FB臉書]、[Google+] 也請大家繼續支持[FUN設計]教學趣 – photoshop教學、illustrator教學。
您或許對這些文章有興趣：

[illustrator教學Ai]漸層圓環LOGO#打造iCon高質感特色標誌
[illustrator教學Ai]速度感文字特效#模糊景深焦距‧字型變化海報影片
[illustrator教學Ai]字體字型特效後製#海報/明信片/卡片效果製作教學
[illustrator教學Ai]俏皮可愛印章洗刷字體#字型變化特效教學影片
[illustrator教學Ai]玻璃藝術風創意明信#風景照特效後製教學~喵
无觅
↧

[教學]名片設計大小事#公版下載.廠商印製.視覺應用全攻略

March 10, 2015, 12:24 am
$
0
0

隨著網站版型大翻修，名片當然也要重新設計一番，所以我也將這次名片設計的經驗，整理分享給有需要的設計人。從了解名片用途、視覺設計應用、紙材選擇、後處理加工法、名片公版下載、找廠商印製等過程，無私的教學分享「名片設計」攻略大小事。也歡迎大家提出疑問，互相交流討論囉。Funtory設計生活轉眼至今，也經營了快要三年的時間，從起初對網站部落客生態的懵懵懂懂，到現在的皮毛略懂略懂。就在2014年的暑假，決定大興動土，自己著手設計網頁新版型。儘管過程相當波折，但有粉絲們的支持與Google+官方頒獲年度「G+玩神」的肯定，就覺得一切辛苦都是值得的。 設計生活網站大改版，理所當然，名片也是要更新Update一下。所以就花了不少時間上網蒐集資料、整理名片設計的訣竅與表現技法，就讓我分享這次的「Funtory設計生活」名片設計製作教學心得吧。 (因個資隱私，故真實姓名與電話有模糊處理，可透過Mail與我聯絡)   名片設計基礎篇－你要先了解名片的用途!!!首先你要先了解「名片」所要傳達的重要資訊，顧名思義就是要讓第一次見面的對象(商務、面試、交友、搭訕?!!)，能夠清楚了解你的個人基本資料，其中包含你的：公司(網站抬頭)、姓名、連絡電話／信箱／網址….等。   名片設計視覺應用篇－獨一無二人人愛!!!就名片設計而言，一定要有個強而有力的主視覺，讓拿到名片的對象，能夠第一眼就能聚焦注意到名片，所以我就用了Funtory的椪柑橘大頭貼，作為主視覺標誌LOGO。 另外，名片不外乎就是要讀取文字訊息，文字內容就佔了版面約四成的空間。所以字型應用就格外重要，好的字體讓名片質感加倍，用錯字體就只能淪為普通名片的地位。 所以我當時在選用字體時，花了不少時間一一嘗試，跟大家分享一下我所使用的字型有哪些：網站名稱Funtory使用「IrisUPC字型」、設計生活&姓名使用「MS明朝字型」、聯絡訊息使用「小塚pro字型」。   名片設計質感應用篇－觸感‧紙材挑選‧打樣技法攻略!!!說到名片該選用哪一款紙材，可有得大家傷腦筋了，有象牙卡、環保再生卡、雪銅卡、萊妮卡….等，每種紙材都各有特色，像我這次就將五感體驗的觸覺，也納入這次的設計重點之一。 為了要讓拿到對方有良好的觸覺體驗，我特地沒有上亮霧膜，拿到名片的當下，有較真實的毛紙觸感。我選擇了磅數高的280/g白炫光卡。跟舊款的名片比較之下，表面微微的金粉反光，質感UPUP!!!!!   名片的製程工法技術很多元，像是上光(霧/亮膜)、燙金、平燙流水號、壓線、打孔….等，善用後加工可以讓名片更加的與眾不同。 這次我決定將椪柑橘LOGO能夠更跳Tone，所以就選擇使用「打凸」，質感真是沒話說。當然後加工越多，外加誤差風險、費用更會提高，這部分還請大家要衡量看看。   名片設計印製廠商篇－服務態度、成果品質很重要!!!名片設計好之後，就差最後一步，那就是將名片印製出來。所以找到一間印刷品質優良、服務好的廠商，就格外重要。 起初我想說，可以現場看的到名片成品，較為安心，但是跑了多家輸出店與影印店處處碰壁。雖然都說有提供影印名片服務，但講白了，根本不接小單量印刷，而且10家有8家都沒有提供打凸、燙金等後加工處理。所以我毅然決然上網找Google老師，讓我發現到了一間優質名片印刷廠「華彩科技」。 透過網路下單系統，華彩很快的就主動親自電洽與我討論相關名片印製細節，沒三兩下的功夫，就敲定準備下單發包。拿到成品的瞬間，我非常滿意名片品質、價錢合理、服務態度好，三生有幸讓我找到這間好廠商，後續有設計文宣海報或DM，會繼續找華彩幫忙吧~ ps.推薦大家找華彩印名片，絕對不是廣告業配文，是小編發自內心的強力推薦給大家~   名片設計Q&A１.名片究竟要設計橫式還是直式??這部分倒是沒有一定，依照個人的需求所好，但說也巧合，我設計了不少款式名片，獨獨偏愛直式名片，或許是因為視覺比例的關係，看起來較為有質感。  ２.名片需要提供哪些訊息??基本上名片不外乎就是要讓對象了解你的基本資料：以姓名、連絡電話、信箱為主，有公司行號可放上抬頭、職位、官網等。  ３.名片設計要用哪一款軟體比較適合??設計師常用的軟體不外乎就是Adobe Photoshop、illustrator、Coreldraw…等，我建議大家使用Ai以拉(illustrator)製作即可，因為是向量格式的關係，後續再調整也不會有失真的問題。 ※提醒大家一定要記得將文字建立外框，才不會造成印製廠設計師，找不到字型的困擾。  ４.名片尺寸為何??有公版可以參考嗎?一般來說，普羅大眾的名片尺寸為90X54mm，當然我也很貼心地製作了名片公版，提供原檔讓大家下載使用。  每篇設計教學文，我都是相當用心撰寫，希望能讓更多人學會各種設計方法，覺得受用的話，請大家按下網頁左邊的"讚"給予鼓勵吧~有名片設計上的疑問，也歡迎大家透過Mail、粉絲團留言交流囉~   Funtory設計生活粉絲頁：[FB臉書]、[Google+] 也請大家支持[FUN設計]教學趣 – photoshop教學、illustrator教學。
您或許對這些文章有興趣：

[名片設計]瑞士刀造型特色名片
[illustrator教學Ai]美式漫畫LOGO/海報設計#特色Free Style風格教學
[illustrator教學Ai]字體字型特效後製#海報/明信片/卡片效果製作教學
[Photoshop教學Ps]金屬咬花表現技法#再現產品表面材質‧工業設計必備能力
[Photoshop教學Ps]產品鏡射倒影表現技法#工業設計師必備後製能力
无觅
↧

[illustrator教學Ai]用遮色片設計LOGO#iCon標誌/UI介面好好玩

April 2, 2015, 7:53 pm
$
0
0

大家是不是都想要打造屬於自己獨一無二的LOGO阿?!!簡單的幾個步驟，教大家善用遮色片的功能，製作「有質感的LOGO幾何風視覺設計」。透過 illustrator-Ai繪圖軟體表現技法，一樣可以應用在 iCon標誌與UI介面設計，文章內容附上illustrator-Ai高清HD影片教學，大家一起快樂輕鬆學設計吧~ 紅字：為關鍵執行指令(　　)：為關鍵指令點選步驟路徑  STEP 1：先置入一張圖片，建議以底圖深色的照片為優，小編我就以當時去神戶旅遊港口照片為例。   STEP 2：接著使用橢圓形工具(工具欄矩形工具)，並製作一個長寬100x100m的圓形，並將圓形放在照片所要當底圖的位置。   STEP 3：將製作出來的圓形，進行複製指令(編輯/拷貝)的動作，暫時先別急著貼上。接著選取底層圖片與圓形，執行製作遮色片(物件/剪裁遮色片/製作)，完成後鎖定以上兩個物件(物件/鎖定/選取範圍)。   STEP 4：鎖住後，會發現到物件無法動彈，這時再將剛剛說到的複製動作，進行貼上(編輯/貼至上層)。並將圓形物件，等比例的進行縮小(物件/編輯/縮放)。(請將圓形物件填色刪除、邊框為白；邊框寬度為10pt)   STEP 5：完成縮放後，將向量格式的圓形，進行建立外框指令(物件/路徑/外框筆畫)。   STEP 6：將你所想要呈現的文字內容，編排在圓形物件中。並獨立先將文字建立外框(文字/建立外框)，文字轉換為外框之後，在一次選取所有物件，將全部物件外框化(物件/複合路徑/製作)成為同一物件。   STEP 7：將你所要當底圖的檔案，置入(檔案/置入)至圖層，並將物件順位調整至最後面(物件/排列順序/移至最後)。(就用Funtory主視覺－椪柑橘，最為底圖範例囉)   STEP 8：選取全部複合路徑物件與剛置入的椪柑橘底圖，進行遮色片的製作(物件/剪裁遮色片/製作)。最後執行所有物件解除鎖定(物件/全部解除鎖定)，就可以做出更多有趣的變化啦。   STEP 9：簡單的加上背景底圖美化，就完成有特色的個性化LOGO囉~   illustrator-Ai教學影片檔(提供HD高清畫質)‧歡迎大家善加利用^ ^  每一篇的設計教學文都是相當用心，寫文+錄影平均一篇要花上4個鐘頭，希望能讓更多人學會表現技法，喜歡的話，請大家按下網頁左邊的"讚"給予鼓勵吧~謝謝各位朋友^ ^ Funtory設計生活粉絲頁：[FB臉書]、[Google+] 也請大家繼續支持[FUN設計]教學趣 – photoshop教學、illustrator教學。
您或許對這些文章有興趣：

[illustrator教學Ai]美式漫畫LOGO/海報設計#特色Free Style風格教學
[illustrator教學Ai]漸層圓環LOGO#打造iCon高質感特色標誌
[illustrator教學Ai]俏皮可愛印章洗刷字體#字型變化特效教學影片
[illustrator教學Ai]速度感文字特效#模糊景深焦距‧字型變化海報影片
[illustrator教學Ai]字體字型特效後製#海報/明信片/卡片效果製作教學
无觅
↧
↧

[illustrator教學Ai]幾何線條玩型藝術@LOGO,平面海報設計必學技巧~

November 10, 2015, 9:50 pm
$
0
0
↧

[illustrator教學Ai]捲毛線特色文字@輕鬆製作風格海報

February 5, 2018, 7:11 pm
↧

[教學]用 JPG 也能做出 GIF 動態圖片@玩設計就是那麼簡單~

March 5, 2018, 9:20 pm
↧
Search
Viewing all 8 articles
Browse latest View live
Search