본문 바로가기

람쥐도령의 연구실/잡학지식

2D 그래픽에 대한 기본적인 지식(일러스트, 픽셀, 해상도, 벡터 등등)

반응형

안녕하세요 람쥐도령입니다. 오늘 전해드릴 지식은 2D 그래픽에 대한 기본적인 정보들에 대해서 알려드리고자 합니다. 해당 수업을 수강하고 있으며 수업내용에 대한 지식과 교재 등을 참고한 내용이니 질적으로 양질의 정보라고 할 수 있습니다. 잘 참고하셔서 일상에 활용하셨으면 좋겠습니다.

 

 

그래픽에 대한 정보 정리

 

 

 

목차

     

     


    2D 그래픽 구성요소 

    1. 일러스트레이션
      일러스트레이션은 주제를 상징적, 풍자적, 해학적, 설명적, 장식적으로 표현할 때 효과적입니다. 일러스트레이션은 사진보다 사실감이 덜한 단점이 있지만 설명적이고 인상적으로 이미지를 전달하여 의미 전달에 더 효과적일 수 있습니다. 좋은 디자인의 일러스트는 주목성이 높아 사람들의 시선과 친근함을 불러 일으켜서 인상이 오래 남는 다는 점이 있습니다.
    2. 사진
      사진은 보여주고자 하는 것을 사실적으로 전달할때 매우 효과적입니다. 사실성과 현실성이 강해 정보 전달의 신뢰도를 높여줄 수 있다는 장점이 있습니다. 해당 이유로 글을 보충하는 수단으로 사용이 많이 되었습니다. 하지만 시각적인 효과가 높고 전달력에서 매우 효과적이라는 장점으로 타이포그래피나 본문 카피와 같은 메세지로 전달되고 있습니다.
    3. 타이포그래피
      디자인에서 타이포그래피는 매우 중요한 요소입니다. 포스터, 광고, 표지 등 여러 가지 편집물을 비롯하여 패키지, 등 대부분의 디자인에 타이포그래피가 포함되어 있습니다. 기능은 크게 두가지로 정보 전달과 심미적 기능으로 정의할 수 있으며, 가장 중요한 것은 타이포 그래피의 가독성이라고 할 수 있습니다. 가독성이 좋아야 정보 전달의 기능을 수행 할 수 있기 때문입니다. 보는 이에게 독창적이고 다름다운 인상을 전달하기 위해 서체, 위치, 크기, 색상 등 미적요소에 주의를 기울일 필요가 있습니다.

     

     


    2D 그래픽 요소 

    1. 픽셀
      픽셀(Pixel)이란 컴퓨터 디스플레이 혹은 이미지를 구성하고 있는 최소 단위의 점을 말합니다. 다른 말로는 화소라고 하며 마치 생물을 구성하는 세포와 같다고 보시면 됩니다. 컴퓨터의 모든 화면과 이미지에는 픽셀이라는 작은 사각형의 점들로 이루어져있습니다.
    2. 해상도
      해당도는 일정한 크기의 화면 또는 종이에 나타낼 수 있는 이미지의 정밀도를 말합니다. 이때 수치는 픽셀 또는 도트의 개수를 의미하며 그 크기가 많으면 많을수록 고화질로 말할 수 있습니다. 1920X1080은 가로 1920개 새로 1080개가 이루어져있다는 의미입니다. 모니터에서는 72dpi 혹은 96dip를 사용해야 화질이 떨어지지 않고 인쇄물의 경우 300dip 이상을 사용해야 이미지 품질이 떨어지지 않습니다.
    3. 색상모드
      색상모드란 이미지를 구성하는 색상 체계를 이르는 말로, 크게는 CMYK나 RGB모드를 사용합니다. CMYK 모드는 잉크의 비율로 색을 나타내는 인쇄용 모드이고, RGB모드는 색의 수치로 컴퓨터에서 사용하는 가장 일반적인 모드를 말합니다.  

     

     

     


     

    비트맵과 벡터 이미지의 차이

    1. 비트맵
      비트맵은 컴퓨터 그래픽 이미지를 저장하는 방식 중 하나로, 최소 단위가 픽셀로 나타내는 방식입니다. 각 픽셀의 값이 독자적으로 존재하여 확대 축소 할 시 이미지 손상이 일어납니다. 백터 방식보다 용량이 큰 것이 특징입니다.

    2. 백터 이미지
      베이지 곡선을 사용하여 이미지를 저장하는 방식입니다. 각 포인트와 좌표의 색상 수치 값이 수학적 계산을 통해 이루어지는 방식입니다. 그래픽으로 확대나 축소를 했을때 이미지의 손상이 없는 것이 장점이지만 섬세한 색의 수정이 어려운 것이 단점이며 복잡해질 수록 비트맵 보다 용량이 커지는 특징이 있습니다.

     

     

     

     


     

    이미지 저장 파일 종류와 특징

    화면 출력을 위해서 이미지를 압축하는 방식에 따라서 이미지 파일은 여러가지 확장자를 가집니다.하지만 이미지를 압축하면 압축할 수록 출력되는 이미지의 품질이 떨어질 수 밖에 없는 것은 특징입니다.

     

    1. GIF
      graphics interchange format의 약자로 대표적인 웹 저장 방식입니다. 모든 웹브라우저에서 지원이 되며 용량이 작고 애니메이션과 인터레이스 등 다양한 기능이 가능한 파일 포맷 방식입니다. 하지만 256색상 이하의 색상만 표현 할 수 있으므로  JPEG보다 경계 부분이 선명한 효과를 볼 수 있습니다. 하지만 화질이 떨어져서 단순한 이미지 저장을 할 때 용의하다 할 수 있습니다.
    2. JPEG
      joint photographic experts group의 약자로 손실 압축 방식을 사용합니다. JPEG 포맷은 지원하는 색상 수가 16비트 입니다. 8비트는 256색이므로 256x256 즉 65,536가지의 색을 지원합니다. 24비트에서 8비트까지 색상을 선택 할 수 있으므로 높은 비트를 선택 할 수록 화질이 좋다고 할 수 있다. 
    3. PNG
      Portable network graphics의 약자로 GIF의 포맷에서 발전한 포맷이라고 할 수 있습니다. 인터넷 환경을 위한 새로운 규격의 포맷으로  이미 주로 사용되는 GIF나 JPEG 보다는 사용량이 적지만 무손질 압축 방법을 이용하기 때문에 이미지 품질의 손상이 거의 없는 것이 특징입니다.

     

     


     

    더 많은 정보가 궁금하시다면

     

    2023년 공익, 군면제를 위한 군대 bmi 지수 계산방법(2022년 최신)

    안녕하세요 람쥐도령입니다. 저는 군대를 간지 꽤나 시간이 흘렀지만, 그때 당시의 군대에서의 악몽 같은 삶은 아직도 끔찍한 트라우마가 같이 남아있습니다. 대부분의 한국 남자들은 같은 입

    citychipmunk.9loden.com

     

    지식재산학_저작권법 인터넷 사이트 링크의 유형

    안녕하세요 람쥐도령입니다. 지식재산학 수업 중 저작권법 과제 주제인 인터넷 사이트 링크의 유형에 대해서 조사하는 과제를 수행하면서 작성한 내용입니다. 인터넷과 유튜브 리뷰 등 다양한

    citychipmunk.9loden.com

     

    503 에러, 503 Service Unavailable 문제 해결방법

    안녕하세요 람쥐도령입니다. 밤늦게 너무 지치지만 포스팅을 하려고 다시 자리에 앉았습니다. 하지만 503 Service Unavailable 번역하니 503 서비스 사용 불가능 오류로 인해서 람쥐도령의 티스토리에

    citychipmunk.9loden.com

     

    무료 인강 사이트 모음 - 경기도평생학습포털gseek 인천e배움캠퍼스 기풍쌤 디자스

    안녕하세요 람쥐도령입니다. 21세기 한국은 진짜로 무엇이든 배울 수 있고 무엇이든 할 수 있는 시대입니다. 오늘 소개해드릴 것은 무료로 자격증이나 강의를 딸 수 있는 곳들을 추천해드리려고

    citychipmunk.9loden.com

     

    반응형