視覺 디자인 / Visual Design
                                            
                                       
  2018.7.06 글 ,이미지 디자인 丁海酉

시각( 視覺) 디자인이란?

눈으로 보이는 어떤 대상을 이미지(비트맵, 벡터포맷)와 도형, 문자(타이포)를 조화시켜 핵심 메시지(message)를 전달을 목적으로 하는 디자인 분야이다.

시각( 視覺) 디자인의 분야


뮤럴 벽지 디자인 (Mural wallpaper design)



↑ 달력 시각 디자인 예시 / 필자의 피사체로 활용코자 전원주택 대문가에 심어 가꾸는 능소화가 5년차로 해마다 곱게 꽃을 피워 피사체로서 값어치를 제대로 하고 있다.올해도 7월초에 무더기무더기로 울을 타고 올라 렌즈가 즐겁다. 7월 달력 그림으로 디자인 실사출력하여 내방에 걸어 두었다

 

 



↑목민심서 글을  시각 디자인 뮤럴 포인트 벽지


최근 벽화(Mural)같은 벽지로 자신만의 개성있는 공간으로 꾸미려는 사람들의 증가로 뮤럴 벽지의 수요가 많아지면서 벽지 가게에서는 예술벽지 ,아티스트벽지, 디자인벽지 등 이른바 포인트 벽지를 취급하고 있다.

웬만한 집에는 도배를 할 때 꽃사진이나 웹툰 등을 소재로한 포인트 벽지를 한 두장 붙이기도한다.
기성 뮤럴 벽지의 소재는 밀레의 만종, 이삭줍기등과 같은 가품(假品)으로선보이기도 한다.

극소수 사진, 포토샵, 일러스트 마니아들은 자신의 사진 및 일러스트를 소재로  달력, 뮤럴벽지, 롤스크린(roll screen) 및 블라인드(blind) 용으로 디자인 실사출력하여 달력, 뮤럴벽지, 롤스크린(roll screen) 및 블라인드(blind) 그림으로 자신만의 개성있는 공간으로 활용되기도 한다. 개인이 자신만의 개성있는 공간으로 꾸밀 뮤럴벽지로 디지인하여 즐기려면 2D그래픽의 기본 개념은 익혀야 한다.
2D그래픽의 양대산맥인 기본 툴은 포토샵과 일러스트 이다.

특히 포토샵에서 Bitmap 사진 파일은 자유자재(自由自在)로 아무 거리낌이 없이 자기 마음대로 갖고 놀수 있어야 하고 벡터(vector) 파일도 기본 개념과 기본적인 드로잉 수작업과 컴퓨터 일러스트레이션을 할수 있는 능력이 있어야  자신의 홈페이지 웹 디자인 (web design) ,나만의 달력, 나만의 뮤럴(mural) 벽지, 포스터, 영정, 증명사진 정도의 디자인을 즐길 수 있다.

 

 ↑ 고향산하 드론 항공사진에 오바마대통령 가족 사진으로 디자인한 예시 자료.
    원본 Document size : 300cm×180cm
resize

 고향을 떠나 도시에서 살아가는 사람들은 가끔 어린 시절 뛰놀던 고향 산하가 주마등처럼 스칠 것이다. 40~50대가 가장 많이 보는 프로그램이 <나는 자연인이다>라고 한다.그만큼 나이가 들면 자연이 그립고 고향 산하가 그리운 게 인지상정이 아니겠는가.
위 예시 자료처럼 향수를 달랠 큼직막한 고향 그림을 붙여봄이 어떨까.
어려운 일도 아니다. 드론으로 찍은 고향 산하를 배경(背景)으로 가족사진을  전경(前景)으로 푸른 하늘에 흰구름 두둥실 띄워 가훈(家訓)을 적고 실사출력하여 거실한 면을 다 차지할 정도로 붙이고 조명이라도 비추면 멋진 고향 그림이 될 것이다.
이러한 대작은 해상력과 해상도가 높은 사진과 정교한 편집 디자인이 전제되어야 그럴듯한 출력물을 기대 할 수 있다.

뮤럴벽지같은 초대형 이미지 디잔인에 필요한 자료 이미지들은 촬영된 물체의 영상을 재현할 수 있는 높은 해상력(解像力)의 렌즈와 고해상도(解像度) 사진을 촬영할 수 있는 풀프레임 이미지센서의 렌즈교환용 SLR카메라가 요구된다.
그리고 요즘은 공중파나 종편에서 눈에 익은 드론 사진의 영향으로 사진의 눈높이가 높아져 3차원의 항공사진을 활용하는 추세로 제대로 뮤럴벽지 디자인하는 재미를 보려면 드론사진도 요구된다.

사진의 해상도(解像度.resolution)란 이미지를 표현하는 데 몇 개의 픽셀 또는 도트로 나타냈는지 그 정도를 나타내는 용어로 컴퓨터나 스마트폰 화면 또는 인쇄(실사,프린트) 등에서 이미지의
정밀도(精密度)를 나타내는 지표이다.
해상도가 높을수록 이미지가 깨끗하고 선명하게 보인다.필자의 경험에 의하면 초대형 컬러 뮤럴벽지의  교과서적 이상적 해상도는 300dpi이나 100~150 pixels/inch 정도의 해상도면 출력물이 그런대로 볼만하다.

뮤럴벽지 디자인용 이미지 자료가 마련되었으면 다음 차례는 뮤럴벽지 디자인 차례다.
디자인의 주 도구는 포토샵이다.
예를 들어서 3차원 드론 이미지 고향산하를 배경으로 오른쪽 하단에 가족사진을 하늘엔 가훈으로 디자인 한다고 가정해 보자.

고향산하 원본 이미지의 하늘이 마음에 들지 않는다면 지상과 어울리게 하늘 색과 구름으로 편집을 하기도 한다. 원본 이미지에 알맞은 하늘 자료 사진이 여의치 않으면 포토샵 색상 조합으로 편집하기도한다.
색상조합으로 하늘 편집보다는 하늘사진 자료 활용이 더 자연 자연스럽다.구름 좋은날 하늘 사진 몇 장 준비해두면 요긴하게 활용된다.
고향 산하 원본에 하늘을 보정했으면 다음은 가족 사진의 누끼 작업이다.
누끼란 일본말로 원본에 필요한 영역만 따낸다는 뜻인데 누끼 결과물을 보면 디자이너의 솜씨가 드러난다.
경험이 많은 디자이너는 실제 사진과 흡사하게  말을  않으면 감쪽같이 속을 정도로 머리카락 올 하나까지 자연스럽게 처리하나 초보의 경우는 가위로 자른 듯. 쥐 파먹은 듯 표시가 나고 부러시로 문지른 흔적을 남기기도한다.
만약 여러장의 사진으로 가족사진을 만들때는 사진의 색감과 크기가 달라 디자이너의 노하우가 요구된다.
계획대로 뮤럴벽지 디자인이 완성되면 전체적인 사진의 톤,콘트라스트,칼러를 맞춰 한 장으로 찍은 사진처럼 자연스럽게 잡아준다.
처음부터 실사등 출력을 전제로 이루어지는 디자인 작업은 RGB mode로 작업이 이루어져도 최종 저장할 때는 CMYK color mode 전환한다. 출력을 전제로하는 비트맵 이미지 작업은 교과서적으로 처음부터 CMYK color mode 작업이 정석이나 눈에 익은 RGB mode로 작업을 하고 최종적으로 저장은 CMYK color mode 하여도 무방하다.
 

↑ 고향산하 드론 항공사진에 오바마대통령 가족 사진으로 디자인한 거실 뮤럴(mural)벽지 예시


그런데 우리 주변엔 일반 시각 디자인을 하는 사람이나 업체는 많아도 일반 가정용이나 사무실의 인테리어를 겸한 초대형 맞춤형 뮤럴벽지를 취미로 즐기는 마니아도 희소하고 이러한 초대형 맞춤형 뮤럴벽지를 취급하는 전문업체 찾기도 쉽지않다.

고객이 OK하는 초대형 맞춤형 뮤럴벽지를 다루려면 카메라,렌즈류,비행카메라(드론) 등 전문장비도 갖춰야하고 이들 장비를 갖고 2차원이든 3차원이든 고객이 만족하는 사진으로 척척 찍어내고, 비트맵 파일이나 벡터 파일을 떡주무르듯 갖고 놀수 있는 능력이 요구되는 작업이 바로 초대형 뮤럴벽지 디자인이라고 할 수 있다.
사진, 편집 프로그램(포토샵. 일러스트레이터)의 능력을 발휘하려면 수많은 시간과 열정으로 신지식을 받아들이고 일상으로 즐겨야 스스로 사진꾀나 찍고 포토샵,일러스트레이터를 조금 만질수 있다는 자부심을 갖게 된다.
 지금은 사진도 3차원의 하늘 사진이 방송 신문에 주류를 이루고 일반인들도 많이 접하기 때문에 사진 눈이 많이 높아 졌다. 땅에서 눈높이 2차원의 평면사진으로는 차별화 작업이 어렵다.
뒤꿈치만 들어도 달라지는게 사진인데 카메라를 하늘 높이 띄워 하늘에서 내려다보는 3차원의 조감도 사진은 시각 디자인의 필수 자료 사진으로 자리매김되고 있는 추세이다.

 

 ↑ 사무실 벽면 뮤럴(mural)벽지 예시 자료.

↑ 사무실 벽면에 고향산하 뮤럴(mural)벽지 예시

 ↑ 3차원의 드론 항공사진이 일반화되면서  2D 그래픽(시각 디자인) 자료 이미지로 활용되고 있다.
    비행카메라 드론 촬영 영덕 강구항

↑ 뮤럴(mural)벽지 예시 이미미지. 아파트 주거가 일반화로 거실이나 침실 벽면이 넓어지면서 인테리어 개념으로 벽면에 유명화가들의 작품이나 꽃그림으로 벽면을 꾸미는 가정이 많다.
그림이나 사진 마니아들 중에는 유일무이한 자기 작품으로 큼직하게 실사출력하여 벽면에 포인트를 주기도 한다.

 

↑ 개인회사 사무실 뮤럴벽지 활용 예시. 남정면 장사 출신의 사무실이라면 벽면 한켠을 고향 역 그래픽 사진을 벽화로 활용하면 그냥 벽보다는 시각적 (視覺的)으로도 의의가 있을 것이다.

 

● 웹 디자인 (web design)

인터넷 홈페이지를 설계하고, 도안하여 웹 사이트를 구축하는 디자인 분야이다.

● 그래픽 디자인 ( Graphic Design )

도안이나 도형 이미지 등을 평면상에 시각적으로 나타내는 디자인으로 관심을 끌도록 되도록 단순명료하고 눈에 잘 띄고 재미있고 유용해야 한다.

 ● 광고 디자인 ( Advertising Design )

 TV, 라디오, 신문, 잡지, 웹, 미디어 등 매체에 제품 및 서비스를 광고하여 고객의 구매의욕을 증가시키려는 디자인을 말한다.
광고 디자인은 고객의 경험이나 추리, 판단 등에 의하지 않고 대상을 광고물을 보고 바로 눈길을 확 끌어 즉석 구매욕을 불러 일으키도록 직관적( 直觀的)인 디자인이 요구된다.

● 편집 디자인 ( Editorial Design )

신문이나 잡지 서적 등의 출판물을 이미지 (비트맵,벡터포맷), 문자등을 시각적으로 구성하고 표현하는 그래픽 분야이다.

● 일러스트레이션 ( Illustration )

시각전달에 있어서 전하고자 하는 내용을 보다 이해하기 쉽도록 하는 카툰, 캐리커처, 캐릭터, 컷 등을 다루는 디자인 분야이다.
광고디자인은 대상물의 실질적인 모습을 보여줘야 하기 때문에 일러스트레이션( Illustration )은 활용되지 않는다.

● 타이포그래피 ( Typography )

광고나 편집, 인쇄 등에서, 문자, 그림, 기호, 사진 등을 시각적 효과와 사용 목적을 고려하여 제한된 공간 안에 효과적으로 구성하고 배열하는 레이아웃(layout)이 중요하다.   글자의 크기 위치 간격 줄의 길이 등이 서로 조화를 이루어야 좋은 레이아웃을 만든다.

●  CI ( Corporate Identity )

기업의 이미지 상승과 이윤을 위해 기업의 이미지를 시각적인 특징으로 통일화하여 여러 광고매체를 통하여 불특정 다수의 사람들이게 전달하는 것을 목적인 디자인  

● 심벌 디자인

문자, 도형, 기호 또는 이들의 결합체로서 기업, 회사, 단체 등의 이념이나 방침을 시각적으로 상징화하는 디자인 분야이다.

● 포장디자인 ( Package Design )

상품 보호 및 구매의욕을 불러일으키게 하는 것을 목적의 디자인 분야이다.

● 상업 디자인 ( Commercial Design )

자동차,스마트폰 등을 팔아 돈을 벌려는 상업적 이윤을 내기위한 디자인을 말한다.

 

시각 디자인 관련 예시 자료

↑  視覺 디자인을 하려면  이미지 합성, 이미지 보정, 타이포그래피 구현 등 2차원 그래픽의 가장 핵심적인 Photoshop과 벡터(vector) 파일을 드로잉할 수 있는 Illustrator 프로그램을 갖춰야 한다.

                                  ↑ 비트맵(Bitmap) 이미지 프로그림인 포토샵 후보정한 영덕역

                                    ↑ 벡터(vector) 포맷 Illustrator 드로잉 예시 자료.

 

                                       ↑ 벡터(vector) 포맷 Illustrator 드로잉 예시 자료.

↑ 3차원의 드론 항공사진이 일반화되면서  2D 그래픽(시각 디자인) 자료 이미지로 활용되고 있다.
 비행카메라 드론 촬영 영덕장사 해변

                             ↑  한국영양학회 식품구성자전거 모형을 일러스트 리메이커 예시

                              ↑  신문기사를  비트맵(Bitmap)이미지로 리메이커 디자인 예시

 

                              ↑  신문기사를  비트맵(Bitmap)이미지로 리메이커 디자인 예시

↑  초등학교 교과서  경상북도의 생활  4-1  22쪽 . "특산물 지도"을 컬러풀하게 시각적 효과를 살린 패러디 교육자료로 , 대형(일러스트 AI 파일이므로 크기에 제한이 없이 실사하여 교실에 게시하면 교육적 효과가 있을 것 같음. 이 지도 그림은 AI포맷으로 크기 제한이 없고 특산물은 사실감 있게 픽셀 포맷 이미지로 크기 제한이 있음.

                          ↑  신문기사를 벡터(vector) 파일 이미지로 리메이커 일러스트 실기 예시

                              
             ↑  평상복 차림의 이미지를 배경,피부,의상 등을 편집 디자인한 영정용 이미지 예시

 ↑ 비트맵(Bitmap) 이미지 달력 그림과 벡터(vector) 포맷 달력 숫자판으로 디자인 된 달력 예시