Top 7 비트 일러스트 The 205 Correct Answer

You are looking for information, articles, knowledge about the topic nail salons open on sunday near me 비트 일러스트 on Google, you do not find the information you need! Here are the best content compiled and compiled by the Toplist.maxfit.vn team, along with other related topics such as: 비트 일러스트 일러스트레이터 벡터화, 일러스트 비트맵 변환, 코인 이미지 만들기, 일러스트 비트맵 벡터 변환, 일러스트 벡터, 비트코인 이미지, 이미지 일러스트 화, 일러스트 벡터 저장


포토샵vs일러스트 차이가 뭐에요? 비트맵 벡터는 또 뭐죠?
포토샵vs일러스트 차이가 뭐에요? 비트맵 벡터는 또 뭐죠?


Attention Required! | Cloudflare

  • Article author: pixabay.com
  • Reviews from users: 25160 ⭐ Ratings
  • Top rated: 3.7 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about Attention Required! | Cloudflare Updating …
  • Most searched keywords: Whether you are looking for Attention Required! | Cloudflare Updating
  • Table of Contents:

Please complete the security check to access pixabaycom

Why do I have to complete a CAPTCHA

What can I do to prevent this in the future

Attention Required! | Cloudflare
Attention Required! | Cloudflare

Read More

ERROR: The request could not be satisfied

  • Article author: www.istockphoto.com
  • Reviews from users: 49289 ⭐ Ratings
  • Top rated: 3.9 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about ERROR: The request could not be satisfied iStock에서 56045개의 비트코인 스톡 일러스트 중에서 선택하세요. 어디에서도 찾아볼 수 없는 고품질의 로열티 프리 벡터 이미지를 찾아보세요. …
  • Most searched keywords: Whether you are looking for ERROR: The request could not be satisfied iStock에서 56045개의 비트코인 스톡 일러스트 중에서 선택하세요. 어디에서도 찾아볼 수 없는 고품질의 로열티 프리 벡터 이미지를 찾아보세요.
  • Table of Contents:
ERROR: The request could not be satisfied
ERROR: The request could not be satisfied

Read More

일러스트레이터 벡터 이미지를 비트맵 이미지로 바꾸는 방법 (Rasterize)

  • Article author: archivers.tistory.com
  • Reviews from users: 39568 ⭐ Ratings
  • Top rated: 3.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 일러스트레이터 벡터 이미지를 비트맵 이미지로 바꾸는 방법 (Rasterize) Updating …
  • Most searched keywords: Whether you are looking for 일러스트레이터 벡터 이미지를 비트맵 이미지로 바꾸는 방법 (Rasterize) Updating 이번 포스팅에서는 일러스트레이터에서 만든 벡터 이미지를 비트맵 이미지로 변환하는 방법을 알아보겠습니다. 지난번에 포토샵 꿀팁 글에서 다룬 적이 있듯이, 이 작업 역시 래스터화(Rasterize) 기능을 이용하..
  • Table of Contents:

태그

관련글

댓글0

최근글

인기글

최근댓글

태그

티스토리툴바

일러스트레이터 벡터 이미지를 비트맵 이미지로 바꾸는 방법 (Rasterize)
일러스트레이터 벡터 이미지를 비트맵 이미지로 바꾸는 방법 (Rasterize)

Read More

비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터

  • Article author: harusijoh.tistory.com
  • Reviews from users: 1659 ⭐ Ratings
  • Top rated: 4.3 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터 Updating …
  • Most searched keywords: Whether you are looking for 비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터 Updating 처음 그래픽 프로그램을 접할 때 포토샵과 일러스트레이터를 많이 사용하게 되지요? 이 두 프로그램의 차이점은 무엇일까요? 두 프로그램의 공통점은 Adobe 어도비사의 제품이라는 것이에요. 그래서 화면 레이아..
  • Table of Contents:

태그

관련글

댓글2

티스토리툴바

비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터
비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터

Read More

벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그

  • Article author: www.nemolab.co.kr
  • Reviews from users: 7915 ⭐ Ratings
  • Top rated: 4.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그 Updating …
  • Most searched keywords: Whether you are looking for 벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그 Updating 딱 맞춰서 잘라주시면 되지 여백이 왜 필요한가요?이 파스텔 색상은 왜 인쇄가 안되나요?전문디자이너가 아닌 고객들도 간편하게 툴을 다루고 디자인을 하고, 인쇄물을 접수하는 세상이 왔습니다. 툴은 점점 쉬위지고, 인쇄를 쉽게 접할 수 있게 되었고, 점점 더 유용한 소스들을 공급하는 회사와 콘텐츠들도 많아지고 있지요.네모난 디자인유치원에서는 정식으로 배우지 않았기 때문에 알 수 없었던 다양한 쉬운 디자인기초상식과 디자인 정보들을 공유합니다.벡터와 비트맵(픽셀) (일러스트레이터, 포토샵)존재하는 모든 이미지는 이 두가지의 방식으로 저장되고 관리하고, 그려집니다.벡터와 픽셀의 차이는 디자인을 다루시는 분들에게 매우 기본적인 개념입니다.어떤 경우에 벡터로 작업하면 좋고, 어떤 경우에 픽셀로 작업하면 좋은지 차이점부터 알아보겠습니다.벡터와 비트맵(픽셀)의 차이비트맵이란 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가지 색상으로 이루어져있는 이유 중 하나입니다. 칼라출력, 소량인쇄, 제본, 카타로그, 브로슈어, 비즈니스 인쇄, 포스터, 디자인
  • Table of Contents:

벡터와 비트맵(픽셀)의 차이

벡터의 활용

벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 - 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그
벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그

Read More

벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그

  • Article author: designbase.co.kr
  • Reviews from users: 27632 ⭐ Ratings
  • Top rated: 4.8 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about 벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그 일러스트레이터에서 image trace 사용하는 방법을 알아볼게요. 이미지 트레이스는 비트맵 기반의 이미지를 벡터 그래픽으로 변환해 주는 아주 좋은 기능입니다. …
  • Most searched keywords: Whether you are looking for 벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그 일러스트레이터에서 image trace 사용하는 방법을 알아볼게요. 이미지 트레이스는 비트맵 기반의 이미지를 벡터 그래픽으로 변환해 주는 아주 좋은 기능입니다. 딱 맞춰서 잘라주시면 되지 여백이 왜 필요한가요?이 파스텔 색상은 왜 인쇄가 안되나요?전문디자이너가 아닌 고객들도 간편하게 툴을 다루고 디자인을 하고, 인쇄물을 접수하는 세상이 왔습니다. 툴은 점점 쉬위지고, 인쇄를 쉽게 접할 수 있게 되었고, 점점 더 유용한 소스들을 공급하는 회사와 콘텐츠들도 많아지고 있지요.네모난 디자인유치원에서는 정식으로 배우지 않았기 때문에 알 수 없었던 다양한 쉬운 디자인기초상식과 디자인 정보들을 공유합니다.벡터와 비트맵(픽셀) (일러스트레이터, 포토샵)존재하는 모든 이미지는 이 두가지의 방식으로 저장되고 관리하고, 그려집니다.벡터와 픽셀의 차이는 디자인을 다루시는 분들에게 매우 기본적인 개념입니다.어떤 경우에 벡터로 작업하면 좋고, 어떤 경우에 픽셀로 작업하면 좋은지 차이점부터 알아보겠습니다.벡터와 비트맵(픽셀)의 차이비트맵이란 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가지 색상으로 이루어져있는 이유 중 하나입니다. 칼라출력, 소량인쇄, 제본, 카타로그, 브로슈어, 비즈니스 인쇄, 포스터, 디자인
  • Table of Contents:

벡터와 비트맵(픽셀)의 차이

벡터의 활용

벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 - 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그
벡터와 비트맵(픽셀) (일러스트레이터 vs 포토샵) : 네모연구소 연구성과 – 인쇄 출력 디자인 꿀팁 ✔️ 페이지 블로그

Read More

[일러스트레이터] 비트맵(bitmap) 이미지 벡터화(vector) 하기(Image Trace) : 네이버 블로그

  • Article author: m.blog.naver.com
  • Reviews from users: 27755 ⭐ Ratings
  • Top rated: 4.2 ⭐
  • Lowest rated: 1 ⭐
  • Summary of article content: Articles about [일러스트레이터] 비트맵(bitmap) 이미지 벡터화(vector) 하기(Image Trace) : 네이버 블로그 비트맵 이미지(일반 사진)란 화면을 크게 확대하면 이미지가 깨지는 픽셀로 이루어졌습니다. 그에 반해 일러스트레이터로 만들어지는 벡터 이미지는 … …
  • Most searched keywords: Whether you are looking for [일러스트레이터] 비트맵(bitmap) 이미지 벡터화(vector) 하기(Image Trace) : 네이버 블로그 비트맵 이미지(일반 사진)란 화면을 크게 확대하면 이미지가 깨지는 픽셀로 이루어졌습니다. 그에 반해 일러스트레이터로 만들어지는 벡터 이미지는 …
  • Table of Contents:

카테고리 이동

Choi’s Design World

이 블로그 
포토샵 ·일러스트레이터 배우기
 카테고리 글

카테고리

이 블로그 
포토샵 ·일러스트레이터 배우기
 카테고리 글

[일러스트레이터] 비트맵(bitmap) 이미지 벡터화(vector) 하기(Image Trace) : 네이버 블로그
[일러스트레이터] 비트맵(bitmap) 이미지 벡터화(vector) 하기(Image Trace) : 네이버 블로그

Read More


See more articles in the same category here: Top 287 tips update new.

비트맵? 벡터? 이미지가 무엇일까요? feat 포토샵, 일러스트레이터

반응형

처음 그래픽 프로그램을 접할 때 포토샵과 일러스트레이터를 많이 사용하게 되지요? 이 두 프로그램의 차이점은 무엇일까요? 두 프로그램의 공통점은 Adobe 어도비사의 제품이라는 것이에요. 그래서 화면 레이아웃과 툴바 등 기능들이 상당히 많이 비슷해요. 그러나 조금씩 사용법이 달라요.

포토샵(왼쪽)과 일러스트레이터(오른쪽)의 레이아웃 (Layout)

포토샵과 일러스트레이터를 말하는데 왜 비트맵과 벡터 이미지를 말할까요?

포토샵은 비트맵 이미지의 생성, 편집을 하는 프로그램이고, 일러스트레이터는 벡터 이미지를 생성, 편집하는 프로그램이에요. 자 그럼 먼저 비트맵 이미지부터 알아볼까요?

비트맵 (bitmap) 이미지

비트맵의 사전적 의미 : (컴퓨터) 비트맵(비트를 통해 이미지를 저장하는 방법)

비트맵이란 모니터 화면의 픽셀 : 화소(텔레비전·컴퓨터 화면의 화상을 구성하는 최소 단위)에 색상을 표시하면서 이미지를 저장하는 파일 포맷을 말해요. 모니터를 확대하면 할수록 조그마한 점들로 구성되어 있는데, 그 점들에 색상을 표시해서 그림으로 나타내는 거예요. 그러니까 쉽게 말하면 그림의 점묘법? 같은 것이지요.

화면에 얼마나 선명하게 보이는가는 이미지의 해상도에 따라 구분되는데, 포토샵 파일을 처음에 생성할 때 픽셀의 크기와 해상도를 정하는 옵션이 있어요.

포토샵에서 처음에 새 파일을 생성할 때 ⓛ 번은 이미지의 크기 2984 Pixels, ② 번은 해상도 (Resolution)이 314라는 의미에요. 보통 인터넷에 이미지를 올릴 때는 600~1000 픽셀, 해상도 72~150를 많이 써요.

인터넷에 올리지 않고, 출력를 할 경우에는 그보다 더 큰 2000~3000 픽셀, 해상도 300 이상을 써요. 그래야 이미지가 깨끗하게 나와요.

위에 그림처럼 왼쪽 그림을 크게 확대해서 보면 오른쪽처럼 계단처럼 색상이 표시된 것을 볼 수 있어요. 이렇게 작은 네모를 픽셀(화소)라고 하는데, 모니터의 픽셀 단위로 이미지를 나타내어 주는 것을 비트맵 이미지라고 해요. 자, 이제 벡터 이미지를 알아볼게요.

벡터 (vector) 이미지

벡터의 사전적 의미 : 크기와 방향으로 정해지는 양

벡터란 수학 방정식을 기반으로 모니터의 위치와 방향에 따라 선을 표시하여 이미지를 저장하는 포맷을 말해요. 그림을 그리면 그 그림의 선과 색상을 모니터의 좌표에 찍어서 나타내어 주는 것이지요. 그래서 그림을 확대해도 계속 그 위치의 좌표로 이미지를 표시해주기 때문에 그림이 깨지지 않아요. 하지만, 벡터 이미지를 포토샵에서 불러오면 이미지는 자동으로 비트맵 이미지로 변환되어 표시됩니다.

일러스트레이터에서 처음 파일을 생성할 때 왼쪽의 흰 박스안에 표시된 것처럼 출력될 대지의 크기를 먼저 정해줘요. 이미지의 크기를 정해주는 게 아니라 출력을 기준으로 하기 때문에 pixel 단위가 아니고 mm나 cm, inch로 문서를 생성합니다.

이와 같은 방식으로 문서를 생성하는 아래한글같은 워드프로세서도 벡터방식을 사용해요. 그래서 워드 문서에서 글씨를 쓰면 그 글씨들은 벡터 방식이라 글씨를 아무리 키워도 글씨가 깨지지 않죠. 물론 출력을 해도 글씨가 선명하게 잘 나오고요.

일러스트레이터에서 편집한 이미지들은 출력할 때 깨끗하게 나와요. 하지만 일러스트레이터에서 작업을 했더라도 인터넷으로 이미지를 업로드하면 비트맵 이미지로 바뀌게 됩니다.

그림과 같이 벡터 이미지는 확대를 해도 오른쪽의 그림 같이 깨지지가 않아요. 그리고 모니터의 좌표에 이미지를 표현하기 때문에 벡터 이미지는 비트맵 이미지보다 훨씬 파일 크기도 작아요.

일러스트레이터에서는 사진과 같은 비트맵 이미지를 벡터로 변환해주는 방법도 있어요. 그 방법은 다음 포스터에서 할게요~

2019/12/23 – [tutorial, tips] – [비트맵이미지-> 벡터이미지] 일러스트레이터 이미지 추적 Image trace – 기본편

반응형

[Illustrator] 일러스트레이터에서 비트맵 이미지(JPEG, PNG) 파일로 저장하기 – 비전공자를 위한 디자인 노트

일러스트레이터는 벡터(Vector) 기반의 소프트웨어입니다. 하지만 최종 결과물을 JPEG, PNG와 같은 비트맵(Bitmap) 이미지 파일로 확인해야 하는 경우가 많습니다. 벡터 이미지를 비트맵 이미지로 저장하는 방법을 알아보도록 하겠습니다.

Save for Web (웹용으로 저장) Alt+Shift+Ctrl+S

일러스트레이터에서 작업물을 비트맵 이미지로 저장하는 데 많이 사용하는 방법이 “Save for Web (웹용으로 저장)” 메뉴입니다.

1. File (파일) > Export (내보내기) > Save for Web (웹용으로 저장)

※ CC 2015 버전 이하: File > Save for Web

2. Save for Web (웹용으로 저장) 대화 상자

Save for Web (웹용으로 저장) 대화 상자의 옵션을 조정하여 비트맵 이미지 포맷과 크기를 선택할 수 있습니다.

1) Preset (사전 설정)

비트맵 이미지 포맷을 선택할 수 있는 옵션으로 JPEG과 PNG-24가 대표적으로 사용됩니다.

JPEG

Maximum (최대) / Quality > 100%

Maximum (최대) / Quality > 100% PNG-24

[v] Transparency (투명도): 선택 시 배경을 투명하게 저장

※ 확장자는 “.png” 로 저장됨

2) Image Size (이미지 크기)

이미지 크기를 조정할 수 있고, 해당 아트보드에 맞출지 오브젝트에 맞출지 선택할 수 있습니다.

❶ New Size (새 크기): Percent

※ 확대/축소 시, 크기값 설정 후 위 칸(Width 또는 Height)을 클릭하여 이미지 크기 변화 확인 후 저장

50 = 50% 크기

100 = 실제 크기

200 = 2배 크기

❷ Clip to Artboard (대지로 클립)

[v] Clip to Art board 체크

옵션 선택 시, 설정한 아트보드 크기에 맞춰서 이미지 저장

[v] Clip to Art board 체크 상태

[ ] Clip to Art board 해제

옵션 해제 시, 작업한 오브젝트 크기에 맞춰서 이미지 저장

[ ] Clip to Art board 해제 상태

공유하기 on Twitter on Facebook

So you have finished reading the 비트 일러스트 topic article, if you find this article useful, please share it. Thank you very much. See more: 일러스트레이터 벡터화, 일러스트 비트맵 변환, 코인 이미지 만들기, 일러스트 비트맵 벡터 변환, 일러스트 벡터, 비트코인 이미지, 이미지 일러스트 화, 일러스트 벡터 저장

Leave a Comment