네모난 디자인 유치원 2번째 시간,
딱 맞춰서 잘라주시면 되지 여백이 왜 필요한가요?
이 파스텔 색상은 왜 인쇄가 안되나요?
전문디자이너가 아닌 고객들도 간편하게 툴을 다루고 디자인을 하고, 인쇄물을 접수하는 세상이 왔습니다. 툴은 점점 쉬위지고, 인쇄를 쉽게 접할 수 있게 되었고, 점점 더 유용한 소스들을 공급하는 회사와 콘텐츠들도 많아지고 있지요.
네모난 디자인유치원에서는 정식으로 배우지 않았기 때문에 알 수 없었던 다양한 쉬운 디자인기초상식과 디자인 정보들을 공유합니다.
내가 원하는 바로 그 색상을 인쇄하려면 어떻게 해야할까요?
CMYK의 잉크가 적절히 혼합되어 내가 원하는 바로 그 색상을 딱! 만들어주면 좋겠지만, 농도가 약간만 틀어져도 다른 색이 돼버리기 때문에 정확한 색상을 얻는다는 것은 참 어려운 일입니다.
디지털로 나타내진 C,M,Y,K 값을 표현하는 기계마다, 잉크마다, 토너마다, 종이마다도 다르지만, 그 색상을 관찰하는 사람마다, 시점마다, 조명마다, 모니터마다 모두 다 그때그때 다른 것이 색상입니다.
처음 인쇄한 1쇄와 두번째 인쇄하는 2쇄의 색상에 차이가 있을 수 있다는 의미입니다.
특히 검정색 옆의 빨강색의 조화는 그런대로 같은 느낌을 내지만,
빨강 옆에 빨강을 붙여 놓으면 모두 다 느낌이 다른 빨강이 됩니다.
색상의 대비를 활용하여 디자인을 하는 경우도 많이 있지만,
지금 이 빨강의 느낌을 그대로 살려 디자인하고 싶은 경우도 있게 마련입니다.
"내가 지금 보고 있는 이 색상을 인쇄소에서 그대로 똑같이 보고있다면 좋을텐데, 방법이 없을까요?"
PANTONE 컬러? DIC?
이럴 때 사용하는 것이 펜톤컬러 가이드입니다.
펜톤社에서는 아래와 같이 생긴 가이드를 생산하여 판매하고 있습니다.
이 가이드 책은 수만개의 컬러를 수록하고 있는데요.
각각의 색상에 적힌 같은 코드의 색상은 전세계 어디에 배포된 책의 색상과 비교하여도 동일한 실물 색상을 나타냅니다.
내가 지금 보고 있는 Pantone 2064C 와 인쇄기 기장님이 가지고 있는 Pantone 2064C가 같다는 것은, 엄청난 안도감을 줍니다.
* DIC 라는 일본 컬러칩을 사용하기도 합니다. 하지만 모든 인쇄사가 이 DIC칩도 가지고 있어야 하는데, 그렇지 못한 경우가 있어서,
우리나라에서 더 통용되기 좋은 펜톤컬러를 추천합니다.
그러면 이 색상칩을 어떻게 사용해야 하나요?
Graphic에 맞는 Pantone 가이드를 확보했다면, 내가 원하는 색상을 찾아봅시다.
1. Coated 색상이 있고 Uncoated 색상이 있습니다.
그래픽 펜톤컬러 코드 뒤에 C 또는 U가 붙어있는데, 이는 Coated와 Uncoated의 약자입니다.
같은 색상의 잉크를 만들었다고 해도 내가 스노우지/아트지와 같은 광택이 어느정도 있는 종이에 인쇄를 할 것인지,
모조지 등 광택이 없는 종이에 인쇄를 할 것인지에 따라서 색상이 다릅니다.
그렇기 때문에 인쇄할 종이에 맞는 색상 코드를 선택해야 합니다.
2. CMYK로 표현할 수 있는 색상이 있고, 특수 안료를 섞어야 표현할 수 있는 색상이 있습니다.
우리가 눈으로 볼 수 있는 가시광선의 영역을 아래와 같이 나타낸다면,
모니터가 나타낼 수 있는 RGB의 영역보다 CMYK 잉크로 나타낼 수 있는 영역이 더 작습니다.
펜톤 컬러칩을 활용하여 별색인쇄를 한다면, CMYK 잉크 외의 다양한 안료를 함께 잉크에 섞어 인쇄하기 때문에
CMYK영역을 넘어선 형광색, 메탈색, 파스텔톤 등 다양한 색상을 나타낼 수 있습니다.
3. 펜톤색상 인쇄가 가능한 인쇄 방법이 있고, 그렇지 못한 인쇄 방법이 있습니다.
하지만 모든 인쇄방법으로 펜톤컬러 별색인쇄를 할 수 있는 것은 아닙니다.
레이저/인디고 등 소량 출력에는 펜톤컬러를 적용하기 어렵고, 적용하더라도 색상이 틀어져 값을 하나씩 바꾸어가며 샘플 인쇄하여 색을 찾는 것과 별로 차이가 없습니다.
대량인쇄에 적합한 옵셋인쇄 또는 UV옵셋인쇄에서 비교적 정확한 Pantone 색상을 나타낼 수 있는데요.
포스터의 경우 100매 이상, 전단이나 브로슈어의 경우 500매 이상, 엽서나 명함의 경우 2,000매 이상 인쇄될 수 있는 경우에
합리적인 단가에 제작할 수 있습니다.
이렇게 우리가 원하는 바로 그 색상의 펜톤코드를 확인하였다면, 이제 파일의 어떤 부분에 그 색상을 적용할지 "별색"으로 지정해주어야 합니다.
원색인쇄 vs. 별색인쇄
별색(Spot Color)은 인쇄의 4원색 CMYK(Cyan-Margenta-Yellow-Black) 4가지 잉크 외에,
5번째 잉크를 새로 만들어 쓰겠다는 의미입니다.
벡터와 비트맵(픽셀)의 차이
비트맵이란 bitmap (주요 확장자: jpg, png, bmp)
일반적으로 웹상에서 찾아볼 수 있는 거의 모든 이미지 파일은 비트맵 방식으로 저장이 된다고 보시면 됩니다.
아래와 같이 이미지를 크게 확대해서 보면, 이미지의 한 픽셀 한 픽셀에 한개의 색상만 저장되는 형태입니다.
비트맵을 주로 다루는 포토샵과 같은 프로그램은 아래와 같이,
현재 작업중인 이미지 파일의 해상도에 맞는 격자무늬가 이미 결정되어 있고, 한 픽셀에는 단 한개의 색상만 채워 저장할 수 있습니다.
그래서 색상 비트로 이루어진 map, 비트맵이라는 이름이 주어졌어요.
이런 이유로, 비트맵 이미지는 메모리 용량을 매우 많이 차지합니다.
벡터로 5M가 넘는 현수막을 300dpi로 만든다면, 그 용량은 1기가 바이트를 훌쩍 넘어버릴겁니다.
1번째 픽셀부터 10,000,000번째 픽셀 중에서 배경색을 모두 흰색으로 채우는 데에, 10,000,000 개의 RGB 값이 필요하기 때문이지요. 
현수막 예시 (배경색이 흰색인데 10,000,000개의 픽셀마다 흰색RGB값을 저장한다면 너무 소모적입니다.)
벡터란 vector (주요 확장자: eps, ai, svg)
이런 현수막과 같이 대형 작업물이나 주로 단색으로 이루어진 인쇄물을 보다 빠르고 가볍게 처리하기 위해서, 벡터가 등장했습니다.
벡터로 작업된 파일은 점과 선으로 이루어져 그 방향성과 연결을 통해서 이미지를 표현합니다.
(대표적인 이미지 작업 툴은 illustrator, CorelDraw 입니다. )
즉, 벡터의 주요 방식 eps 와 ai (Adobe Illustrator) 파일은 이미지의 정보를 점과 점을 잇는 선, 그 점의 위치와 그 점에서의 곡률로 저장합니다.
그래서 이미지를 아무리 확대해서 보더라도, 컴퓨터는 이미지를 매끄럽게 표현해줍니다.
위의 사진을 예시로 들어 설명하면,
아래와 같이 카카오 동그라미를 만드는 데에 단 몇가지 정보만 있으면 충분합니다.
1. 점의 위치를 정한다 : 좌표 저장
2. 점과 점을 패스로 연결한다.
3. 각 점에서의 곡률을 정한다 : 곡률 저장
4. 점과 점이 연결해서 만든 영역의 색상값을 정한다 : 면의 색상 저장
* 만약 현수막만한 동그라미가 엄청 큰 동그라미라면, 4가지 정보만 기록하는 게 좋을까요? 비트맵으로 100,000,000개 픽셀에 RGB값을 기록하는 게 좋을까요?
벡터와 비트맵(픽셀)의 용량 차이
실제로 위의 예제 파일을 각각 ai와 jpg 방식으로 저장해봤습니다. 50cm 짜리 이미지를 300dpi의 고해상도 이미지로 저장했을 때의 용량 차이입니다.
jpg는 (색상이 비슷한 픽셀을 묶어서 저장하는) 압축기능이 있는 파일형식이라 용량을 절약할 수 있지만,
그래도 ai파일보다 메모리 용량을 많이 차지합니다. 포토샵 파일은 30메가 바이트를 넘겼습니다. 
5m x 60cm 짜리 글씨도 없는 현수막 캔버스 - 포토샵 파일의 용량은? 3 기가바이트를 훌쩍 넘겨버렸네요. ㄷㄷ
벡터의 활용
벡터로 저장된 파일도 결국 웹, 인쇄물 등으로 사용할 때에는 대부분 jpg, png 등의 파일로 저장됩니다.
인쇄를 할 때도 결국 프린터가 어느 지점에 어떤 색상을 찍을지는 픽셀로 결정되게 되잖아요?
결국 벡터는 작업환경에서 빠르게 디자인하고 가볍게, 손상 없이 저장하고 전달하기 위해서 꼭 필요한 도구입니다.
벡터의 장점을 꼽자면,
1. 저장 용량이 적기 때문에 오류도 적습니다.
2. 아무리 확대해도 이미지가 깨지지 않습니다.
3. 사용시기에 따라 적절한 픽셀로 변환해서 활용할 수 있습니다.
벡터를 어디에 사용하면 좋을까요?
1. 명함부터 현수막, 홈페이지까지 다양하게 사용하는 우리 회사 로고와 브랜드 이미지는 벡터로 작업해두면 좋아요.
2. 인쇄물에 자주 사용하는 이미지와 캐릭터, 카피라이트에 사용해요!
3. 글씨가 많아서 최대한 깨지지 않아야 하는 인쇄물이나 서류에 사용해요.
4. 크기와 사이즈, 비율이 정확해야 하는 도면이나 도안은 벡터로 작업하는 것이 필수적이에요.
5. svg 확장자를 사용하면 웹 디자인에서도 벡터를 사용할 수 있어요.
비트맵의 활용
비트맵을 쓸 수 밖에 없는 곳에는 비트맵을 활용해요.
1. 점, 선, 면으로 구성할 수 없는 이미지나 사진은 비트맵 방식의 이미지로밖에 저장할 수 없어요.
2. 배경이 투명하지 않아도 된다면 꼭 png가 아닌 jpg로 저장해주세요. (압축률이 높습니다.)
Tip!.
이런 이유로 다양하게 활용해야 하는 브랜드 로고를 디자인을 할 때에는 벡터디자인에 유리한 단색으로 디자인하시는 것이 좋습니다.
예를 들어, 이런 종류의 색상이 많거나 그레데이션이 많은 로고는 예뻐보일 수는 있지만,
벡터로 디자인하기 어려워서 활용성이 떨어집니다. 현수막 등을 제작할 때에는 반드시 깨질 수밖에 없고, 관리도 어렵지요.
큰 기업들의 로고가 대부분 깔끔한 2-3가지 색상으로 이루어져있는 이유 중 하나입니다.
네모난 디자인 유치원 2번째 시간,
전문디자이너가 아닌 고객들도 간편하게 툴을 다루고 디자인을 하고, 인쇄물을 접수하는 세상이 왔습니다. 툴은 점점 쉬위지고, 인쇄를 쉽게 접할 수 있게 되었고, 점점 더 유용한 소스들을 공급하는 회사와 콘텐츠들도 많아지고 있지요.
네모난 디자인유치원에서는 정식으로 배우지 않았기 때문에 알 수 없었던 다양한 쉬운 디자인기초상식과 디자인 정보들을 공유합니다.
내가 원하는 바로 그 색상을 인쇄하려면 어떻게 해야할까요?
CMYK의 잉크가 적절히 혼합되어 내가 원하는 바로 그 색상을 딱! 만들어주면 좋겠지만, 농도가 약간만 틀어져도 다른 색이 돼버리기 때문에 정확한 색상을 얻는다는 것은 참 어려운 일입니다.
디지털로 나타내진 C,M,Y,K 값을 표현하는 기계마다, 잉크마다, 토너마다, 종이마다도 다르지만, 그 색상을 관찰하는 사람마다, 시점마다, 조명마다, 모니터마다 모두 다 그때그때 다른 것이 색상입니다.
처음 인쇄한 1쇄와 두번째 인쇄하는 2쇄의 색상에 차이가 있을 수 있다는 의미입니다.
특히 검정색 옆의 빨강색의 조화는 그런대로 같은 느낌을 내지만,
빨강 옆에 빨강을 붙여 놓으면 모두 다 느낌이 다른 빨강이 됩니다.
색상의 대비를 활용하여 디자인을 하는 경우도 많이 있지만,
지금 이 빨강의 느낌을 그대로 살려 디자인하고 싶은 경우도 있게 마련입니다.
"내가 지금 보고 있는 이 색상을 인쇄소에서 그대로 똑같이 보고있다면 좋을텐데, 방법이 없을까요?"
PANTONE 컬러? DIC?
이럴 때 사용하는 것이 펜톤컬러 가이드입니다.
펜톤社에서는 아래와 같이 생긴 가이드를 생산하여 판매하고 있습니다.
이 가이드 책은 수만개의 컬러를 수록하고 있는데요.
각각의 색상에 적힌 같은 코드의 색상은 전세계 어디에 배포된 책의 색상과 비교하여도 동일한 실물 색상을 나타냅니다.
내가 지금 보고 있는 Pantone 2064C 와 인쇄기 기장님이 가지고 있는 Pantone 2064C가 같다는 것은, 엄청난 안도감을 줍니다.
* DIC 라는 일본 컬러칩을 사용하기도 합니다. 하지만 모든 인쇄사가 이 DIC칩도 가지고 있어야 하는데, 그렇지 못한 경우가 있어서,
우리나라에서 더 통용되기 좋은 펜톤컬러를 추천합니다.
그러면 이 색상칩을 어떻게 사용해야 하나요?
Graphic에 맞는 Pantone 가이드를 확보했다면, 내가 원하는 색상을 찾아봅시다.
1. Coated 색상이 있고 Uncoated 색상이 있습니다.
그래픽 펜톤컬러 코드 뒤에 C 또는 U가 붙어있는데, 이는 Coated와 Uncoated의 약자입니다.
같은 색상의 잉크를 만들었다고 해도 내가 스노우지/아트지와 같은 광택이 어느정도 있는 종이에 인쇄를 할 것인지,
모조지 등 광택이 없는 종이에 인쇄를 할 것인지에 따라서 색상이 다릅니다.
그렇기 때문에 인쇄할 종이에 맞는 색상 코드를 선택해야 합니다.
2. CMYK로 표현할 수 있는 색상이 있고, 특수 안료를 섞어야 표현할 수 있는 색상이 있습니다.
우리가 눈으로 볼 수 있는 가시광선의 영역을 아래와 같이 나타낸다면,
모니터가 나타낼 수 있는 RGB의 영역보다 CMYK 잉크로 나타낼 수 있는 영역이 더 작습니다.
펜톤 컬러칩을 활용하여 별색인쇄를 한다면, CMYK 잉크 외의 다양한 안료를 함께 잉크에 섞어 인쇄하기 때문에
CMYK영역을 넘어선 형광색, 메탈색, 파스텔톤 등 다양한 색상을 나타낼 수 있습니다.
3. 펜톤색상 인쇄가 가능한 인쇄 방법이 있고, 그렇지 못한 인쇄 방법이 있습니다.
하지만 모든 인쇄방법으로 펜톤컬러 별색인쇄를 할 수 있는 것은 아닙니다.
레이저/인디고 등 소량 출력에는 펜톤컬러를 적용하기 어렵고, 적용하더라도 색상이 틀어져 값을 하나씩 바꾸어가며 샘플 인쇄하여 색을 찾는 것과 별로 차이가 없습니다.
대량인쇄에 적합한 옵셋인쇄 또는 UV옵셋인쇄에서 비교적 정확한 Pantone 색상을 나타낼 수 있는데요.
포스터의 경우 100매 이상, 전단이나 브로슈어의 경우 500매 이상, 엽서나 명함의 경우 2,000매 이상 인쇄될 수 있는 경우에
합리적인 단가에 제작할 수 있습니다.
이렇게 우리가 원하는 바로 그 색상의 펜톤코드를 확인하였다면, 이제 파일의 어떤 부분에 그 색상을 적용할지 "별색"으로 지정해주어야 합니다.
원색인쇄 vs. 별색인쇄
별색(Spot Color)은 인쇄의 4원색 CMYK(Cyan-Margenta-Yellow-Black) 4가지 잉크 외에,
5번째 잉크를 새로 만들어 쓰겠다는 의미입니다.
벡터와 비트맵(픽셀)의 차이
비트맵이란 bitmap (주요 확장자: jpg, png, bmp)
일반적으로 웹상에서 찾아볼 수 있는 거의 모든 이미지 파일은 비트맵 방식으로 저장이 된다고 보시면 됩니다.
아래와 같이 이미지를 크게 확대해서 보면, 이미지의 한 픽셀 한 픽셀에 한개의 색상만 저장되는 형태입니다.
비트맵을 주로 다루는 포토샵과 같은 프로그램은 아래와 같이,
현재 작업중인 이미지 파일의 해상도에 맞는 격자무늬가 이미 결정되어 있고, 한 픽셀에는 단 한개의 색상만 채워 저장할 수 있습니다.
그래서 색상 비트로 이루어진 map, 비트맵이라는 이름이 주어졌어요.
이런 이유로, 비트맵 이미지는 메모리 용량을 매우 많이 차지합니다.
벡터로 5M가 넘는 현수막을 300dpi로 만든다면, 그 용량은 1기가 바이트를 훌쩍 넘어버릴겁니다.
1번째 픽셀부터 10,000,000번째 픽셀 중에서 배경색을 모두 흰색으로 채우는 데에, 10,000,000 개의 RGB 값이 필요하기 때문이지요.
현수막 예시 (배경색이 흰색인데 10,000,000개의 픽셀마다 흰색RGB값을 저장한다면 너무 소모적입니다.)
벡터란 vector (주요 확장자: eps, ai, svg)
이런 현수막과 같이 대형 작업물이나 주로 단색으로 이루어진 인쇄물을 보다 빠르고 가볍게 처리하기 위해서, 벡터가 등장했습니다.
벡터로 작업된 파일은 점과 선으로 이루어져 그 방향성과 연결을 통해서 이미지를 표현합니다.
(대표적인 이미지 작업 툴은 illustrator, CorelDraw 입니다. )
즉, 벡터의 주요 방식 eps 와 ai (Adobe Illustrator) 파일은 이미지의 정보를 점과 점을 잇는 선, 그 점의 위치와 그 점에서의 곡률로 저장합니다.
그래서 이미지를 아무리 확대해서 보더라도, 컴퓨터는 이미지를 매끄럽게 표현해줍니다.
위의 사진을 예시로 들어 설명하면,
아래와 같이 카카오 동그라미를 만드는 데에 단 몇가지 정보만 있으면 충분합니다.
1. 점의 위치를 정한다 : 좌표 저장
2. 점과 점을 패스로 연결한다.
3. 각 점에서의 곡률을 정한다 : 곡률 저장
4. 점과 점이 연결해서 만든 영역의 색상값을 정한다 : 면의 색상 저장
* 만약 현수막만한 동그라미가 엄청 큰 동그라미라면, 4가지 정보만 기록하는 게 좋을까요? 비트맵으로 100,000,000개 픽셀에 RGB값을 기록하는 게 좋을까요?
벡터와 비트맵(픽셀)의 용량 차이
실제로 위의 예제 파일을 각각 ai와 jpg 방식으로 저장해봤습니다. 50cm 짜리 이미지를 300dpi의 고해상도 이미지로 저장했을 때의 용량 차이입니다.
jpg는 (색상이 비슷한 픽셀을 묶어서 저장하는) 압축기능이 있는 파일형식이라 용량을 절약할 수 있지만,
그래도 ai파일보다 메모리 용량을 많이 차지합니다. 포토샵 파일은 30메가 바이트를 넘겼습니다.
5m x 60cm 짜리 글씨도 없는 현수막 캔버스 - 포토샵 파일의 용량은? 3 기가바이트를 훌쩍 넘겨버렸네요. ㄷㄷ
벡터의 활용
벡터로 저장된 파일도 결국 웹, 인쇄물 등으로 사용할 때에는 대부분 jpg, png 등의 파일로 저장됩니다.
인쇄를 할 때도 결국 프린터가 어느 지점에 어떤 색상을 찍을지는 픽셀로 결정되게 되잖아요?
결국 벡터는 작업환경에서 빠르게 디자인하고 가볍게, 손상 없이 저장하고 전달하기 위해서 꼭 필요한 도구입니다.
벡터의 장점을 꼽자면,
1. 저장 용량이 적기 때문에 오류도 적습니다.
2. 아무리 확대해도 이미지가 깨지지 않습니다.
3. 사용시기에 따라 적절한 픽셀로 변환해서 활용할 수 있습니다.
벡터를 어디에 사용하면 좋을까요?
1. 명함부터 현수막, 홈페이지까지 다양하게 사용하는 우리 회사 로고와 브랜드 이미지는 벡터로 작업해두면 좋아요.
2. 인쇄물에 자주 사용하는 이미지와 캐릭터, 카피라이트에 사용해요!
3. 글씨가 많아서 최대한 깨지지 않아야 하는 인쇄물이나 서류에 사용해요.
4. 크기와 사이즈, 비율이 정확해야 하는 도면이나 도안은 벡터로 작업하는 것이 필수적이에요.
5. svg 확장자를 사용하면 웹 디자인에서도 벡터를 사용할 수 있어요.
비트맵의 활용
비트맵을 쓸 수 밖에 없는 곳에는 비트맵을 활용해요.
1. 점, 선, 면으로 구성할 수 없는 이미지나 사진은 비트맵 방식의 이미지로밖에 저장할 수 없어요.
2. 배경이 투명하지 않아도 된다면 꼭 png가 아닌 jpg로 저장해주세요. (압축률이 높습니다.)
Tip!.
이런 이유로 다양하게 활용해야 하는 브랜드 로고를 디자인을 할 때에는 벡터디자인에 유리한 단색으로 디자인하시는 것이 좋습니다.
예를 들어, 이런 종류의 색상이 많거나 그레데이션이 많은 로고는 예뻐보일 수는 있지만,
벡터로 디자인하기 어려워서 활용성이 떨어집니다. 현수막 등을 제작할 때에는 반드시 깨질 수밖에 없고, 관리도 어렵지요.
큰 기업들의 로고가 대부분 깔끔한 2-3가지 색상으로 이루어져있는 이유 중 하나입니다.