본문으로 바로 가기

컴퓨터그래픽기능사 2D 그래픽제작 개념 정리

중요도 ★★★★★ · 18% (추정)

개요

이 단원은 컴퓨터로 2D 이미지를 만들고 고치고 출력하는 데 필요한 지식을 다룹니다. 이미지 방식, 해상도와 비트 심도, 색상 모드, 파일 형식, 합성과 보정, 입출력 장치, 그리고 출력을 위한 글자 처리까지 범위가 넓고 출제 비중도 큽니다.

이미지는 픽셀로 이루어진 비트맵(래스터)과 수식으로 도형을 기억하는 벡터로 나뉩니다. 비트맵은 사진 표현에 알맞지만 확대하면 계단 현상이 생기고, 벡터는 확대해도 깨지지 않습니다. 해상도 ppi 는 1인치 안의 픽셀 수라서 '인치 × ppi' 로 픽셀 수를 계산합니다. n 비트로는 2를 n 번 곱한 만큼의 색을 나타내, 8비트는 256가지, 24비트는 약 1,677만 가지입니다.

색상 모드는 화면용 RGB, 인쇄용 CMYK, 회색 단계만 쓰는 그레이스케일, 최대 256색 팔레트의 인덱스, 장치에 따라 달라지지 않는 Lab 이 있습니다. 파일 형식은 사진용 손실 압축 JPEG, 무손실·투명 배경 PNG, 256색·애니메이션 GIF, 레이어를 보존하는 PSD, 인쇄 출력용 EPS, 웹 벡터 SVG 등을 구별해 둡니다.

합성에서는 원본을 지우지 않고 가리는 레이어 마스크(검정은 가림, 흰색은 보임)와 선택 영역을 저장하는 알파 채널, 계단 현상을 부드럽게 하는 안티앨리어싱을 씁니다. 출력에서는 4원색 분판, 망점의 선 수 lpi, 프린터 해상도 dpi, 스캔할 때 생기는 모아레, 장치 색을 맞추는 캘리브레이션을 알아야 합니다. 인쇄용 파일은 글꼴 문제를 막으려고 글자를 윤곽선으로 바꾸기도 합니다.

핵심 개념

  • 비트맵과 벡터

    비트맵은 픽셀의 모임으로 사진처럼 섬세한 색 변화에 알맞지만 확대하면 계단처럼 깨집니다. 벡터는 점과 선을 수식으로 기억해 확대해도 매끄럽고, 로고·글자에 알맞습니다.

    외우는 요령확대해도 깨지지 않으면 벡터.

  • 해상도 계산

    ppi 는 1인치 안의 픽셀 수입니다. 픽셀 수는 '인치 × ppi' 로 구합니다. 예를 들어 4인치를 300ppi 로 만들면 1200 픽셀입니다.

    외우는 요령이미지는 ppi, 프린터는 dpi, 인쇄 망점은 lpi.

  • 비트 심도

    픽셀 하나의 색 정보 양입니다. 1비트는 2색, 8비트는 256가지, 24비트(RGB 채널마다 8비트)는 약 1,677만 가지 색을 나타냅니다.

    외우는 요령비트가 1 늘 때마다 색 수는 두 배.

  • 색상 모드

    RGB 는 화면용, CMYK 는 인쇄용, 그레이스케일은 회색 단계, 인덱스는 최대 256색 팔레트, Lab 은 장치에 따라 달라지지 않는 모드입니다.

    외우는 요령CMYK 의 색 영역은 RGB 보다 좁습니다.

  • 주요 파일 형식

    JPEG 는 사진용 손실 압축, PNG 는 무손실·투명 배경, GIF 는 256색·애니메이션, PSD 는 레이어 보존, EPS 는 인쇄 출력용, SVG 는 웹용 벡터 형식입니다.

    외우는 요령투명 배경 웹 이미지는 PNG.

  • 레이어 마스크와 알파 채널

    레이어 마스크는 원본을 지우지 않고 보이는 범위를 정합니다(검정은 가림, 흰색은 보임). 알파 채널은 선택 영역이나 투명도 정보를 흑백으로 저장합니다.

    외우는 요령마스크는 지우개가 아니라 가림막입니다.

  • 인쇄 출력

    컬러 인쇄는 C·M·Y·K 네 판으로 분판하고, 농도는 망점 크기로 표현합니다. 망점의 선 수는 lpi 로 나타내며, 인쇄물을 스캔하면 모아레(물결무늬)가 생길 수 있습니다.

    외우는 요령4원색 분판의 네 번째 판은 검정(K)입니다.

자주 나오는 포인트

  • 비트맵과 벡터의 특징을 비교하는 문제가 가장 자주 나옵니다.
  • '인치 × ppi' 픽셀 수 계산과 비트 수에 따른 색 수 계산을 연습하세요.
  • 파일 형식의 특징(손실·무손실, 투명, 애니메이션, 레이어)을 구별합니다.
  • ppi·dpi·lpi 의 뜻을 바꿔 놓은 선지를 조심하세요.
  • 인쇄용은 CMYK, 화면용은 RGB 를 기억합니다.

헷갈리는 것 비교: 비트맵과 벡터

구분비트맵벡터
이루는 단위픽셀점·선(수식)
확대하면계단 현상이 생김매끄럽게 유지됨
알맞은 용도사진, 섬세한 색 변화로고, 글자, 일러스트
대표 형식JPEG, PNG, GIF, PSDAI, EPS, SVG

대표 문제 3개

검수를 마친 예상문제 가운데 이 단원의 대표 문제입니다.

예상문제검수 완료시각디자인일반, 컴퓨터그래픽 › 2D 그래픽제작★★★★★

문제 1. 점, 선, 곡선 같은 도형을 수학 공식(좌표)으로 기억해, 크게 확대해도 가장자리가 깨지지 않는 이미지 방식은?

  1. ① 벡터 방식
  2. ② 비트맵 방식
  3. ③ 픽셀 방식
  4. ④ 래스터 방식
▼ 정답과 해설 보기▲ 정답과 해설 접기

정답: ① 벡터 방식

핵심: 벡터는 확대해도 깨지지 않는다

벡터 방식은 도형을 점의 위치와 선의 정보(수식)로 저장합니다. 크기를 바꾸면 다시 계산해 그리므로 아무리 키워도 매끄럽습니다. 로고·글자·일러스트에 알맞습니다.

틀린 선지

  • 래스터 방식: 비트맵과 같은 뜻으로, 픽셀로 이루어진 방식입니다.
  • 픽셀 방식: 픽셀로 이미지를 만드는 비트맵 방식을 가리킵니다.
  • 비트맵 방식: 픽셀로 이루어져 확대하면 계단처럼 깨집니다.
예상문제검수 완료시각디자인일반, 컴퓨터그래픽 › 2D 그래픽제작★★★★★

문제 2. 비트맵(래스터) 이미지를 이루는 가장 작은 단위인 사각형 점은?

  1. ① 픽셀
  2. ② 포인트(pt)
  3. ③ 패스
  4. ④ 앵커 포인트
▼ 정답과 해설 보기▲ 정답과 해설 접기

정답: ① 픽셀

핵심: 비트맵 이미지의 최소 단위는 픽셀

비트맵 이미지는 픽셀(화소)이라는 작은 사각형 점이 모여 만들어집니다. 픽셀 하나하나가 색 정보를 가지며, 픽셀이 많을수록 이미지가 더 정밀합니다.

틀린 선지

  • 패스: 벡터 그래픽에서 점과 선으로 만든 경로입니다.
  • 앵커 포인트: 벡터 패스를 이루는 기준점입니다.
  • 포인트(pt): 글자 크기의 단위입니다.
예상문제검수 완료시각디자인일반, 컴퓨터그래픽 › 2D 그래픽제작★★★★★

문제 3. 인쇄소에 보낼 인쇄용 디자인 파일에 알맞은 색상 모드는?

  1. ① RGB
  2. ② 비트맵
  3. ③ CMYK
  4. ④ 인덱스
▼ 정답과 해설 보기▲ 정답과 해설 접기

정답: ③ CMYK

핵심: 인쇄용은 CMYK, 화면용은 RGB

인쇄는 시안(C)·마젠타(M)·노랑(Y)·검정(K) 네 가지 잉크로 색을 냅니다. 그래서 인쇄용 파일은 CMYK 모드로 작업해야 화면과 인쇄물의 색 차이를 줄일 수 있습니다.

틀린 선지

  • RGB: 모니터처럼 빛으로 색을 내는 화면용 모드입니다.
  • 인덱스: 최대 256색만 쓰는 모드로 웹 그래픽 등에 씁니다.
  • 비트맵: 흰색과 검정 두 가지만 쓰는 모드입니다.
이 단원 5문제 풀기 →

AI 작성 · 검수 완료 · AI가 새로 쓴 글 가운데, 작성과 분리된 AI 검증(다시 읽고 사실·수치 확인)을 통과한 단원만 싣습니다. 틀린 곳을 발견하면 알려 주세요.