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

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

Delivered by FeedBurner

      在很久之前設計嵐曾經發表一篇文章,用來說明『影像解析度』與『圖片品質』之間的關係,(詳閱:『解析度』的名詞解釋~By設計嵐一文),各位可以利用這篇文章說明的技巧進行圖片品質的確認,以確定是否能夠用於印刷,算是一個平面設計師必定要會的一個小技巧。

      然而,一旦經過確認後如果圖片的品質不足以用於印刷上時,該怎麼辦呢??這個問題對於設計師而言是一個時常遇到的困擾,因為從客戶那邊所取得的影像素材,不一定每一張都是高解析度的優秀圖檔,如何解決此一問題,設計嵐特別分享一個從書上學到的好用密技,可以讓解析度不足的影像經過處理後依然可以做印刷輸出之用喔!

1.用PhotoShop開啟影像並確認目前圖片的品質狀況,執行『影像』→『影像尺寸』。

1.jpg 

2.不要勾選『影像重新取樣』項目,將解析度改成300dpi,此時出現的文件尺寸,即為目前此張影像可以印刷的最大尺寸,超過這個尺寸印刷品質就不好了。

房匠網 發表在 痞客邦 留言(30) 人氣()

      今天設計嵐要來『老王賣瓜』一番,相信常常逛『嵐設』部落格的格友們應該都知道這個部落格在Facebook上有一個專屬的粉絲團,也承蒙許多格友的支持參予了粉絲團的互動,使得粉絲團的每天都持續了相當熱絡的交流;但由於設計嵐的學生各種程度都有,所以也會有些學生詢問要如何加入以及使用粉絲團進行交流,因此為了統一解答這些疑問,寫了這篇文章說明一下,也請大家知道之後多多支持並且利用粉絲團進行交流互動喔!

◎加入粉絲團:

1.要加入粉絲團有兩種方式,以下介紹方法一:

A.直接點選『嵐設』布洛格畫面右上角的粉絲團區塊的『讚』進行加入。

1.jpg 

房匠網 發表在 痞客邦 留言(2) 人氣()

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

final.jpg 

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

1.jpg 

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

房匠網 發表在 痞客邦 留言(15) 人氣()

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

1.打字指法圖示:

1.jpg 

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

2.指法說明:

房匠網 發表在 痞客邦 留言(3) 人氣()

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

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

1.jpg 

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

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

房匠網 發表在 痞客邦 留言(4) 人氣()

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

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

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

一、在圖片上套用邊框:

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

房匠網 發表在 痞客邦 留言(2) 人氣()

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

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

◎完成範例:

GIF製作.gif 

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

房匠網 發表在 痞客邦 留言(133) 人氣()

     今天設計嵐繼續針對『成為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 

    房匠網 發表在 痞客邦 留言(0) 人氣()

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

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

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

     

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

    房匠網 發表在 痞客邦 留言(6) 人氣()

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

    1.抿石子地板:

    3.jpg 

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

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

    房匠網 發表在 痞客邦 留言(4) 人氣()

          公車車體廣告一直是廣告行銷常見的手法,只可惜在台灣似乎普遍都是『制式化』的版面安排,鮮少出現令人驚豔或是印象深刻的作品,以下設計嵐分享幾個在mop.com網站上找到的創意公車廣告設計,大家可以觀摩一下,或許在設計上可以激發出不同的創意靈感喔!

    1.人被狗拖著跑,死命抓著車體不放。

    image001.jpg

    2.利用車窗製作窗簾剪影效果,車門自然也有窗簾嚕。

    image002.jpg

    房匠網 發表在 痞客邦 留言(9) 人氣()

          設計嵐今天針對商業設計上常見的CASE-廣告扇子的設計原則與完稿注意事項來寫篇文說明一下好了,類似這種行銷印刷品的設計在目前接案是重要的,為了避免設計上因為疏忽而出錯,以下整理說明各位可以參考:

    1.完稿基本規定:

    製扇說明.gif 

         上述的說明,是針對扇子在設計上的一個『通則』,但是不同類型的扇子以及印刷廠不同,在相關規定上都會有些許的變動,在實務上可以再跟合作的印刷廠做確認,依照規定來進行完稿;接下來設計嵐針對幾項重點再加以補充說明:

    2.刀模檔的作用:

    房匠網 發表在 痞客邦 留言(1) 人氣()

         繼之前設計嵐發表過的室內設計長用圖塊表示方法以及常用尺寸相關文章後,接著補充一些其他室內設計常用尺寸的資料給大家,這對於正在學習室內設計的學員非常實用,大家可以參考看看。當然,已經在線上的設計師也是一個好用的參考資料。

    p.s.由於相關資訊太多,設計嵐沒有詳細整理,所以有些資訊會與之前發表過的文章局部重複,敬請包涵。

    1.設計的基本尺寸(單位:公分)
    A.衣櫥:深度一般60~65;推拉門:70,衣櫥門寬度:40~65
    B.推拉門:75~150,高度:190~240

    房匠網 發表在 痞客邦 留言(13) 人氣()

          今天設計嵐來分享一個超實用的免費英文字型下載網站,這對於許多需要常常面對不同主題與設計風格的設計師來說很好用,大家不妨參考一下。

    1.在瀏覽器輸入網址 http://mks.jp.org (往後大家可以在側邊欄位的『好用資源』點選連結)

     1.png 

    點選首頁左上角笑臉圖示進入(上圖紅框處)

    2.點選頁面上方『DESIGN FONT』選項進入。

    房匠網 發表在 痞客邦 留言(2) 人氣()

          接續前篇『[教學]平面設計師一定要知道的KnowHow~印務知識Q&A緊接著發表第二彈!針對重要的印刷相關知識加以說明,給所有從事設計的人做一個參考。

    Q:常見的印刷方式有哪些?

    A:常見的印刷方式如下:

    1.平版印刷:此種印刷方式的特色就是『製版的版材便宜且製版快速』,大部份的紙製品都用這個方法印刷。

    2. 凸版印刷:具備有打流水號、撕開線以及軋折線的功能,所以常用於燙金、瓦楞紙印刷、利樂包、塑膠袋以及票劵等印刷。

    房匠網 發表在 痞客邦 留言(4) 人氣()

          今天設計嵐的朋友轉寄了一封信,標題為『馬克的履歷表』,看完之後覺得很有趣,有趣之餘更是佩服,佩服的原因有二:1.這就是『創意』,身為設計師你我或立志成為設計師的人,是否能有這樣的創意思維? 2.這就是『能力』,當我們有靈感、有創意時,我們能不能用我們所會的技術與工具,將我們的創意實現?

          本文中的馬克,有創意、有膽識,也有技術;他利用創意的手法應徵上講求創意的工作,有膽識在這面試的場合使用這樣的創意,更有技術將腦中的創意實現出來,所以,大家看看吧,或許你我在設計的這條路上,都要擁有這樣的條件。

    =============(以下為轉載內容)=========

    馬克的履歷表

    今天不靠腰,來聊聊我入社會時所作的第一份履歷表,(想想這好像也是目前為止唯一的一份)...

    房匠網 發表在 痞客邦 留言(2) 人氣()

          今天設計嵐就來分享身為一個平面設計師,一定會接觸到的『印刷事務』上的相關知識,透過本篇QA,印刷相關知識一次學會,距離專業設計師就會更進一步喔!

    Q:印刷的流程是怎麼樣的一個情況?

    A:一般而言印刷的流程可以用下圖加以表示:

    1.jpg 

    p.s.本流程圖感謝巨匠名師黃龍文老師的分享

    房匠網 發表在 痞客邦 留言(9) 人氣()

          今天『成為CSS高手之路』系列文章之四,繼續針對『整頁套用的CSS規則』作後半段的說明,能夠讓規則套用在整個頁面的方法除了前文『成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則(上)所提到的設定方法之外,還有其他幾種設定方式,其影響範圍也都是一整個頁面的。

     

          以下要介紹以『類別』(CLASS)、『ID』以及『標籤』三種方式所建立的CSS規則,這三種規則的宣告有個共通性-『都必須寫在<head>及</head>之間,且用<style>標籤來定義CSS的內容』,這一點我們在上一篇文章有提過,溫故知新一下,但是這三種方式還是有其宣告與使用上的差異性,以下來分別介紹。 

    1.本文範例初始畫面如下: 開啟Dreamweaver建立新頁面後,輸入以下五段文字。

    2.jpg    

    房匠網 發表在 痞客邦 留言(2) 人氣()

          延續著上一篇的豹紋文字範例,設計嵐繼續使用相同範例檔案,說明在商業設計上,設計師常用在製作高質感商品倒影的一個技巧,各位學會了可以運用在Logo設計、拍賣商品修圖等,都會有效提升質感喔!

    ◎完成結果如下:

    final.jpg  

    1.由於上一篇豹紋文字完成後,理論上圖層的結構會如下圖,我們必須針對背景以外的圖層進行合併,好方便後續作業。

    1.jpg 

    房匠網 發表在 痞客邦 留言(3) 人氣()

          今天設計嵐來分享一個多年前在一本國外翻譯的設計書上學到的技巧,由於多年前Apple的Mac 系統曾將其10.2版命名為『Jaguar』(豹),所以當年在設計界還蠻流行豹紋的設計手法的,所以當初便學了起來記到今天,咱們今天就以Mac OSX虛擬一個主題,介紹這個設計手法好了。

          這個教學設計嵐想分兩部分,分別以兩篇文章說明,本文將重點放在於『豹紋』質感的製作;下一篇文利用本篇製作好的文字,來介紹一個在商業設計以及網站Logo都很常用的倒影效果製作,簡單又實用,大家不妨參考。

    ◎豹紋文字完成圖:

    39.jpg 

    1.利用PhotoShop開啟新檔案

    房匠網 發表在 痞客邦 留言(9) 人氣()