• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 設計師來看這兩個超實用的配圖加工秘方—- 設計教程




    教學主題: 設計師來看這兩個超實用的配圖加工秘方

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 設計師來看這兩個超實用的配圖加工秘方

    這教學的重點為這幾點 [ 加工,實用,兩個,來看,設計師,我們,需要,圖片,本身,攝影 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    做設計最怕的就是圖片質量低/不清晰/不夠新穎,今天飛屋睿UIdesign分享幾個配圖的加工秘方,幫你解開圖片難題的困擾。

    做設計最怕的就是圖片質量低/不清晰/不夠新穎,今天飛屋睿UIdesign分享幾個配圖的加工秘方,幫你解開圖片難題的困擾。

    網頁設計中的所需要的配圖素材有一個非常重要的來源——攝影。攝影配圖是我們最常見,也最為簡單的配圖方式。網頁設計師大概都會有這樣的體會,如果攝影作品足夠優雅,設計師的工作相對就更輕鬆無礙。當然,優秀的攝影作品是可遇而不可求的,很多時候,我們能拿到手的資料也許就是一張平凡無奇的攝影圖,這對於設計師而言無疑也是一種挑戰。

    幾個攝影為王的例子

    下面這兩個網站的首頁設計都用一張全屏的攝影大圖展示,優秀的攝影作品讓網站本身的形象立起來了。

    設計師來看這兩個超實用的配圖加工秘方

    設計師來看這兩個超實用的配圖加工秘方

    如果是以時尚服飾、餐廳等內容的網站,本身就需要展示其產品本身的魅力,因此攝影圖本身就極為重要。因為服飾的美感、美食的誘惑……本身就足以打動觀眾了。但是,怎樣攝影擺拍依然需要精心設計。

    下面這一組展示鞋子的攝影本身就充滿了設計感,這樣就比單純去展示鞋子效果要好。如果有這樣的攝影作品資源,網頁設計的視覺效果必定不會太差。

    設計師來看這兩個超實用的配圖加工秘方

    就算是服飾展示,也可以運用模特美感,選用恰當的布景設計。以體現產品本身的個性特點。這需要攝影作品里的一種獨道的敘事能力。下圖這一張攝影作品里流露出復古的華麗風尚。

    設計師來看這兩個超實用的配圖加工秘方

    現在可以明白了,為網站配圖,選用攝影的方法並非想象中簡單,需要攝影師的共同配合。最好是設計師本身也是一個攝影師,而理想的狀態還有相應的布景設計以及模特道具一應俱全,對於展示一個高品質的品牌宣傳力度絕不會令人失望。

    需要注意的就是,網頁中可以出現的人物模特雖然並沒有嚴格限制,但你也應該將其控制在同一風格上,不要讓他們看上去像來自兩個星球。

    配圖的加工秘方

    當然,如果沒有優秀的攝影資源,網頁設計也並非就無法展開。我們會遇到的攝影作品的問題多少會主要有下面幾個方面。

    圖片像素不夠大,在需要大尺寸展示時像素顯得模糊

    題材不夠新穎,一張照片里沒有明顯的焦點

    相片本身的質量不夠高,有原本色調、曝光等一系列問題

    這些問題是客觀存在的,如果我們沒辦法在攝影上用力,那麼我們就應該着眼在後期對相片的改變和修飾。比如我曾經寫過的一篇文章《網頁配圖之道:首圖的設計技巧》,其中就講到了八種後期對首圖的處理所引發的視覺新鮮感。

    除了後期的潤色,我們還可以聊聊剪裁這個話題。

    這主要是針對照片本身毫無新意所開發的創意。剪裁本身作為一種後期的手段,在運用時,甚至更要跳出原有剪裁的修飾含義,而是以突出焦點製造情景為主。也許你聽過這樣的說法,一部好電影不止需要好導演、好演員、好編劇,必不可少也需要一個好剪輯,在電影行業中的剪輯這個角色就類似於我們裁剪工作,只有剪輯師把影片銜接成緊湊而有趣的情節,我們才能看到好電影。同樣道理,將素材進行一定的剪裁是必不可少的,甚至我們不單是為了解決素材本身的問題,而是無法跳過的環節。

    發現之旅

    格式塔完型強調一個造型並非一定要完整呈現於你的眼前,通過經驗,你也能腦補那些空白的部分。這在剪裁時運用就格外得心應手,因為裁掉一個模特一半的臉,我們並不會覺得這是一個一半人頭的模特,相反,我們會開大想象的馬力,相信看不見的另一半繼續延展於屏幕之外。

    下圖照片只展示一半並不會影響我們對原始照片的判斷,照片的焦點從原來的女孩的面容轉移到了旁邊的落葉上,反而更突出了“秋天”的主題。

    設計師來看這兩個超實用的配圖加工秘方

    設計師來看這兩個超實用的配圖加工秘方

    對,其實我們的重點並不在延續想象,而是在於焦點的轉移。通過裁剪我們焦距了許多也許我們第一印象里並沒有注意的有趣的細節,因此,與其將此法叫做完形想象,不如叫做發現之旅。

    下面是同一張照片的兩種不同的剪裁,凸顯出了不同的焦點,第一張的焦點是玫瑰花,第二張的焦點就轉移成為了酒杯上的草莓,第一張稍濃艷,第二張稍清新。

    設計師來看這兩個超實用的配圖加工秘方

    設計師來看這兩個超實用的配圖加工秘方

    設計師來看這兩個超實用的配圖加工秘方

    根據這樣的原則,當你的照片的全貌並不是十分重要的時候,比如有家居網站想要展示整個家居的室內設計,這時,也許你不應該裁剪圖片,因為這時的圖片內容是作為一個產品圖片進行展示的。除此而外,當圖片僅僅是傳遞一種品牌氛圍時,然而圖片本身又不足以吸引人時,可以採用這個方式。

    設計師來看這兩個超實用的配圖加工秘方

    設計師來看這兩個超實用的配圖加工秘方

    後期拼接

    有的剪裁是針對圖片尺寸的,也有針對圖片中某個特定的對象的剪裁,也就是俗稱的“摳圖”,摳圖的要點就是讓目標物與背景分離,從而讓新的目標物重換表達的方式。這樣的技巧在大型展示圖片類型中使用頗多。我說過,首圖是非常重要的視覺焦點,如果你的素材本身並不夠吸引,恐怕就需要精加工,後期創造焦點。

    下圖頁面所摳選的對象直接作為焦點,去掉了原始的背景,放置於新的背景也和焦點對象保持同色系,單一色系帶來的統一感很容易感染人。

    設計師來看這兩個超實用的配圖加工秘方
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    這些合成圖片的頁面來自饒有意趣的場景設計,對每個所甄選的場景對象都進行了設計和組合。

    設計師來看這兩個超實用的配圖加工秘方
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    設計師來看這兩個超實用的配圖加工秘方

    摳圖需要注意的法則,除了精細化處理以外,還需要強調一點就是被拼湊在一起的對象色調的一致性,調和色調必不可少。更有移花接木的方式,讓焦點顯得更有趣,這需要巧妙的圖片合成。

    下圖的頁面是一個雙重影像的合成方式,利用人和景的巧妙重合,彼此都保留一定的透明度,雙雙可見,共同演繹一種都市白領的氣質。這在我的文章中《打造夢幻般重影效果圖》有詳細講解製作方法。

    設計師來看這兩個超實用的配圖加工秘方

    將圖片裁剪成更有趣的造型加以幾何拼接,就像在原始圖片上方使用了一個蒙板。

    設計師來看這兩個超實用的配圖加工秘方

    這需要在原有剪裁的基礎上,更添上自己的小心意,這可以提高網站的設計感,但需要注意的是,移花接木的方式最易引發注意,因此它勢必作為焦點,單一展示之外注意不要再設計過度。

    後記

    配圖的大招不僅僅是攝影,我想還有手繪。越來越有這樣的趨勢:攝影日漸式微,網頁開啟了插畫時代。下一期,我們再聊插畫吧。

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 設計師來看這兩個超實用的配圖加工秘方 這教學會喜歡

    文章標題: 骨子愛創意- 設計師來看這兩個超實用的配圖加工秘方–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 加工,實用,兩個,來看,設計師,我們,需要,圖片,本身,攝影

    本文永久連結 :設計師來看這兩個超實用的配圖加工秘方

    本文轉載自 :VIA