!『嵐設』免費電子報訂閱募集中!

在下方輸入您的Email訂閱就可收到本部落最新文章資訊喔!

Delivered by FeedBurner

目前日期文章:201004 (17)

瀏覽方式: 標題列表 簡短摘要

      今天設計嵐來分享一個之前在國外翻譯書上學到的設計手法-利用Photoshop製作出『鑽石』的效果,很適合用在時尚精品或是特定主題的商業設計上,大家可以試著做做看!

final.jpg 

1.利用PhotoShop開啟一個新檔案。

1.jpg 

2.尺寸不用太大,解析度則和待會要製作的作品設定為一樣,在此設計嵐假設要用在印刷上,所以設定為350dpi。

設計嵐 發表在 痞客邦 PIXNET 留言(15) 人氣()

       延續前篇『[教學]用描摹的方式學習人物插畫製作(I)~構圖篇的教學學會了利用鋼筆工具針對照片作描摹建立了人物插畫的輪廓色塊,接著第二篇設計嵐來介紹配色與五官的部份,配色部分倒是容易,五官部份由於重點較多,所以本篇先針對『眉毛』以及『眼睛』部份做教學,鼻子和嘴巴則留待下一篇繼續。

◎配色:之前描圖時只注重輪廓是否完美,色彩部份可能沒有確認,所以此步驟進行配色動作,讓每一個插畫色塊有適當的顏色。

1.方法一:直接選色

選取要上色的色塊物件(ex.頭髮),接著在選項列的填色項目上點選需要的色彩。

1.jpg 

設計嵐 發表在 痞客邦 PIXNET 留言(6) 人氣()

        在設計嵐忙著撰寫『人物插畫-五官篇』教學文章的同時,百忙之中抽空決定寫一篇初階教學文章~打字指法的介紹與練習方法,由於有時候會教導到電腦初學者,心中有很深的感觸,很多人很有心學電腦,但總是在『打字』這一關遇到阻礙,甚至中途放棄,相信有一定程度的電腦使用者一定會同意,會打字與不會打字,在學習電腦上佔有決定性的關鍵,所以這篇文章請有心學習電腦的初心者務必熟讀並且努力練習,只要突破了打字這個難關,一定會發現電腦學習之路平坦許多。

1.打字指法圖示:

1.jpg 

      在上圖中可以看到,打字是用雙手,每個手指管控特定的按鍵來進行打字的動作,『利用固定的手指按固定的按鍵』就是打字指法。

2.指法說明:

設計嵐 發表在 痞客邦 PIXNET 留言(2) 人氣()

      成為CSS高手之路系列文章第七篇來嚕!!上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法,今天來介紹一個更實用的技巧~文繞圖的設定,這個技巧之所以重要,原因有二:1.網頁內文不作文繞圖排版上很難看 2.使用DIV+CSS排版是目前網頁標準化的一個標準作法,網頁設計師必備技能!!

1.首先設計嵐先用Dreamweaver開一個新網頁並且放入文字以及一張圖片在同一個段落,此時各位會發現,由於圖片有長寬大小,與文字同段落會造成文字上方被撐開而有一大塊空白,在版面上不但造成空間浪費也不好看。

1.jpg 

2.為解決這個問題,在傳統的做法中,有人習慣用表格排版,但表格有其限制比較不靈活;另外則有人使用以下方法:

A.選取圖片→屬性面板→對齊→靠左或靠右對齊。

設計嵐 發表在 痞客邦 PIXNET 留言(4) 人氣()

      今天設計嵐來介紹用『描摹』的方式作人物插畫設計的練習,可以讓所有有志於學會人物插畫的人,用最簡單的方式輕鬆完成有一定水準的人物插畫作品,慢慢的掌握了插畫原則後進展到更專業的插畫訓練。由於完成一幅人物插畫過程頗為繁複,所以設計嵐將以數篇文章依序說明,有興趣練習的人可以嘗試看看喔,按部就班的一定可以學會人物插畫的技巧。

1.描圖第一步驟,先選擇一張有描圖價值的數位相片。選圖的原則如下:

A.思考構圖的複雜度,一開始別選太複雜或是視角太奇特的影像,因為有些影像用數位相片表現很自然,用插畫方式表現除非經驗豐富,否則有時反而會很怪。

B.選擇局部特寫、輪廓線條明顯,尤其以五官明顯的影像為佳,因為學習五官的繪製是人物插畫的第一個難題。

C.最好有適當配件,例如項鍊、眼鏡、帽子、耳環等等,因為每個配件都可以學習到不同的插畫技巧。

設計嵐 發表在 痞客邦 PIXNET 留言(8) 人氣()

      今天設計嵐來介紹『成為CSS高手之路』系列文章第六篇,經過前面五篇的基本功訓練,有閱讀並且練習的人應該對於CSS有了基本的認識,接著開始我們正式進入實際運用的介紹,當然,我們還是要由淺入深,先從最簡單的圖片效果開始介紹,慢慢的再進展到更進階的CSS設定。

‧CSS相關系列文章請參閱:成為CSS高手之路(五)~CSS在DW中的設定與語法宣告方式Part III-套用外部的CSS檔案

      系列文章之六設計嵐介紹兩個可以運用在圖片上的CSS效果做個暖身,分別為『圖片套用邊框』以及『將全彩圖片轉成灰階』兩種效果,各位可以試著做做看:

一、在圖片上套用邊框:

1.利用Dreamweaver開啟新頁面並且插入一張圖片。

設計嵐 發表在 痞客邦 PIXNET 留言(2) 人氣()

      今天設計嵐來介紹一個條碼製作的教學,我們在進行商業設計的時候,時常需要製作商品條碼放在包裝設計上,以目前常用的設計軟體中,CorelDraw本身就有內建條碼製作精靈可供使用,這個直接可用的功能日後設計嵐在寫一篇專文作教學;然而,在Adobe系列軟體中卻一直沒有條碼製作的內建功能,往往都必須要另外尋找Barcode製作軟體來使用,相當不方便,因此這篇文章設計嵐就介紹一個由知名Barcode公司所出品的一個外掛工具,安裝完成之後,Illustrator就具備有製作條碼的能力嚕。

1.點選此連結(http://www.yin4yang.com/index.php?page=downloads)連至條碼插件下載頁面。

      點選下圖紅色箭頭處連結進行Windows版本插件下載(左邊則為Mac版本可下載),目前官網上最新版本為3.6,說明可支援至Illustrator CS2,但是請別擔心,設計嵐實際測試過,在CS4版本上可用。

 1.jpg

2.出現下載畫面請點選『儲存』。

設計嵐 發表在 痞客邦 PIXNET 留言(26) 人氣()

      今天設計嵐再來分享一個Adobe Illustrator CS5的改版新功能介紹,設計嵐暫且將其翻譯成『透視繪圖』,在過去Illustrator對於平面的構圖相當優秀,當然模擬3D的構圖也有相關功能可以達成,只是在這次CS5的改版中,對於『透視』的設計概念倒是有了全新的操作方式,一掃過去要製作透視圖的繁雜步驟,在設計上顯得相當簡便,而在解說大概操作方式之前,先看看網路上的這段影片吧:

      上述影片簡單的演示了在Illustrator中繪製透視圖的大致流程,接下來設計嵐大概說明一下整個操作方式:

1.在Illustrator中開啟新檔後,執行『工具箱』→『透視網格工具』(Perspective Grid Tool),此時畫面上便會出現透視網格線。

1.jpg 

設計嵐 發表在 痞客邦 PIXNET 留言(9) 人氣()

      今天來分享一個實用的技巧~GIF動畫圖檔製作,這種格式的動畫可以應用於廣告Banner、Logo、貼紙等等的設計,製作簡單又具有動態效果,相當受歡迎,實作上有許多軟體都可以完成,像是早期很流行的Ulead Gif Animator或是PhotoShop早期版本有一個ImageReady的附屬程式都可以製作。由於今天有學生問了如何使用PhotoShop製作GIF,所以本文就以PhotoShop作教學示範吧!

      上面有提到,在早期的PhotoShop版本中,有一個專門製作GIF動畫的ImageReady程式,但是現在的版本已經沒有了,所以我們要直接在PhotoShop中製作。

◎完成範例:

GIF製作.gif 

1.先準備幾張『長寬尺寸相同、解析度相同、內容不同』的圖片,在此設計嵐簡單準備寫了123的三張圖片。

設計嵐 發表在 痞客邦 PIXNET 留言(131) 人氣()

      今天我們再來聊聊Adobe CS5的新功能,在新版的Fash CS5中,提供了使用者可以直接設計在iPhone上可執行的應用程式(像是遊戲、生活工具等等),但是設計嵐在這篇文章的標題卻留了一個但書....什麼意思呢?我們先來看看以下影片,介紹利用Flash製作的iPhone應用程式介紹:

 

 在Flash CS5的畫面中,開啟新檔案的畫面多了一個iPhone的選項(如下圖):

1-7.jpg 

設計嵐 發表在 痞客邦 PIXNET 留言(11) 人氣()

     今天設計嵐繼續針對『成為CSS高手之路』系列文章發表第五篇~套用外部CSS檔案的方式進行說明,如果是第一次學習CSS相關課程的人不妨先針對此系列文先前的文章進行閱讀,循序漸進的學習效果更好喔!

成為CSS高手之路(一)~CSS入門QA教室

成為CSS高手之路(二)~認識基本HTML語法

成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則(上)

成為CSS高手之路(四)~CSS在DW中的設定與語法宣告方式Part II-整頁套用的CSS規則(下)

      而今天系列文章之五所要介紹的套用外部CSS檔案的方式,是先將CSS的格式語法寫在一個獨立的檔案中,並且儲存成CSS格式的檔案,然後再將此檔案以連結或匯入的方式套用在不同的網頁中,讓這些網頁同時擁有相同的CSS格式設定,相當方便快速,而且日後有需要,只要修改CSS檔就可以同時更新所有的網頁格式設定了,這對於需要統一格式設定以及同時管理大量網頁的設計師來說,是個省時簡便的好方法。

 1.首先設計嵐先準備兩個網頁檔案,並且輸入簡單文字作區分,但是不作任何的格式設定。

◎以下為a1.html畫面:

1.jpg 

設計嵐 發表在 痞客邦 PIXNET 留言(0) 人氣()

      今天來聊聊一個室內設計的案子從開始到結束的流程介紹,這對於正在學習室內設計的新手們或是即將為家中進行裝潢卻不了解裝潢設計相關事務的人,是個很不錯的參考喔!

1.現場丈量放樣、草圖繪製及討論

      這階段很重要,後續工作是否順利,這個開始是關鍵,設計師會帶著丈量工具到現場進行相關尺寸的丈量與記錄,並且與業主進行裝潢構想的討論,在此階段必須詳細的記錄現場各種情況並且拍照,然後以手繪方式繪製草圖。

 

2. 用電腦繪製平面圖、估價分析以及設計概念發想。

設計嵐 發表在 痞客邦 PIXNET 留言(6) 人氣()

     今天設計嵐從家人那邊學到了一個非常實用但我卻不知道的技巧-『如果輕鬆擷取影片靜態圖片?』的方法,真是好用又簡單,知道這招真是讓設計嵐驚為天人,怨嘆自己的才疏學淺,只怪自己太依賴軟體,沒想到Windows也有好用的內建功能可以滿足特定需求呢!有在寫部落格的版主們(尤其是介紹戲劇類、影評主題的),如果跟設計嵐一樣不知道有這招的,趕緊來看看喔!

     過去我們要擷取螢幕畫面總是習慣按下鍵盤右上角的『Print Screen SysPq』進行抓圖的動作,但是正在播放中的影片確無法運用這招進行截取,主要原因在於顯示卡的硬體加速開太多的緣故,只要簡單更改一下設定即可,方法如下:

1.游標在電腦桌面上空白處按右鍵→內容。

1.jpg 

2.點選右上角『設定值』標籤→進階。

設計嵐 發表在 痞客邦 PIXNET 留言(3) 人氣()

      Adobe系列軟體一直是設計與網頁領域的主流程式,目前在市面上流通的最新版本是CS4,但是相信有在注意相關改版訊息的人應該知道,最新版的CS5的相關資訊其實已經在網路上陸續曝光了,雖然目前最後的內容、上市日期都還不確定,但是日後有CS5相關的產業訊息,設計嵐將會跟大家做報導。

      由於日前設計嵐有幸參加了CS5的技術交流研討會,對於CS5的許多新功能在親身試用過之後,感到相當的驚艷,趁這個機會用一個系列文來分享一下,也讓期盼已久的人先行了解一下CS5的面貌吧。首先系列文的第一篇我們先從PhotoShop CS5開始談起吧。

◎下圖為PhotoShop CS5 英文試用版畫面:整體畫面和CS4似乎沒有太大差異。

1.jpg 

      在這次的改版中,在所有新增的功能中,最讓設計嵐印象深刻的莫過於『Content-Aware Fill』(內容感知填滿)技術,由於中文版還沒有上市,所以中文翻譯是設計嵐自己按照字面意思翻譯的,各位參考就好。而本文設計嵐以兩個簡單的示範說明此項功能的特性,由於純粹分享新功能而非教學,因此在步驟說明上就不講求詳細了,各位請多多包涵嚕。

設計嵐 發表在 痞客邦 PIXNET 留言(15) 人氣()

     『地板』在室內設計上是非常重要的一環,隨著裝潢技術的演進,地板施作所使用的材質與工法也越來越多,今天設計嵐針對幾種常用的地板材質來加以介紹,讓各位在規劃室內設計時作為一個參考。

1.抿石子地板:

3.jpg 

A.施作方法:比較新式的做法是先將石頭黏貼在網格上,製作成以一才(30*30cm)為單位的網材,然後再利用土膏(水泥+海菜粉攪拌而成),將石子黏貼鋪設在地板上,等到水泥乾燥固定之後,再以海綿將石頭表面的水泥抿洗乾淨即可。

B.特性:堅固、外型立體、造型與色彩豐富。

設計嵐 發表在 痞客邦 PIXNET 留言(4) 人氣()

受到全球Apple迷注目的iPad終於在美國正式上市嚕,以下轉在於『醒報新聞網』的消息大家可以參考一下,台灣地區還沒有公佈正式開賣日期,但廠商說台灣水貨預計四月底到貨,不過價格預估會比正常價格貴上許多,各位有興趣的人不妨注意一下相關消息。

=========以下為新聞轉載內容============

1.jpg 

      沒有USB連接埠、沒有視訊鏡頭、不能播放Flash動畫的iPad,真有那麼神?在實地測試過後,雖然各家媒體都給了iPad十分高的評價,不過仍有過半民眾表示「不會買iPad」,台灣目前尚不在第二波開賣地區名單內,若民眾想提前體驗iPad的代價可不低,目前一台水貨要價20000多元,約為原價的兩倍。

 重量

設計嵐 發表在 痞客邦 PIXNET 留言(0) 人氣()

      今天設計嵐要來分享一個超簡單又實用的網站-Floor Planner,這是一個以Flash技術製作的互動式網頁,可以繪製室內設計平面以及3D圖,而且擁有許多現成的圖庫物件可供套用,並且畫好的設計圖可以儲存並且分享,重點是:完全免費!堪稱殺手級的設計繪圖工具,不論是對於初學者還是專業人士,都可以輕鬆達到規劃設計的需求,大家不妨參考看看。

1.png 

1.在瀏覽器輸入網址或直接點此:http://beta.floorplanner.com/ ,會看到如下畫面:(往後可直接在側邊欄位的『好用資源』區直接點選連結)

A.在首頁畫面右上角國旗小圖示可以切換語言版本,可惜沒有繁體中文版

B.第一次使用必須先申請一個帳號,請點選畫面右上角的『創建一個帳號』(下圖紅框處)

設計嵐 發表在 痞客邦 PIXNET 留言(17) 人氣()