<?xml version="1.0" encoding="UTF-8" ?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title type="text">디자인 팁과 강좌</title>
      <subtitle type="html">스타호스트 에서 제공하는 팁과강좌 입니다.</subtitle>
      <updated>2012-02-09T18:31:17+09:00</updated>
   <id>http://www.starhost.co.kr/xe/index.php?mid=hosting_tip_design&amp;act=atom</id>
   <link rel="alternate" type="text/html" hreflang="ko" href="http://www.starhost.co.kr/xe/hosting_tip_design"/>
   <link rel="self" type="application/atom+xml" href="http://www.starhost.co.kr/xe/index.php?mid=hosting_tip_design&amp;act=atom"/>
   <generator uri="http://www.xpressengine.com/" version="1.4.5.10">XpressEngine</generator>
   <entry>
      <title>이미지 파일 포맷을 알아보자</title>
      <id>http://www.starhost.co.kr/xe/107373</id>
      <published>2010-02-04T13:10:33+09:00</published>
      <updated>2010-02-10T01:48:57+09:00</updated>
      <link rel="alternate" type="text/html" href="http://www.starhost.co.kr/xe/107373"/>
      <link rel="replies" type="text/html" href="http://www.starhost.co.kr/xe/107373#comment"/>
      <author>
         <name>령이</name>
                  <uri>http://lyhacker.starhost.kr/</uri>
               </author>
            <content type="html">&lt;div class=&quot;xe_content&quot;&gt;&lt;p jQuery1265256561624=&quot;98&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;우리가 컴퓨터를 사용하다보면 늘 접하는 파일 형식들이 있다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;97&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;예를 들어, 그래픽의 경우 bmp, gif, jpeg 등을 흔히 접하게 되고, 오디오의 경우 wav, mp3, ra, mid 등의 파일을 쉽게 볼 수 있다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;그러나 겉으로 드러나는 외양은 모두 같아 보이지만 안으로 들어가 보면 각 파일 형식들의 특징과 성격은 매우 다르다는 것을 알 수 있다.&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&amp;nbsp;즉, 같은 이미지라 할지라도 어떤 파일 형식은 용량이 크고 어떤 것은 작으며 어떤 것은 화질이 좋고 어떤 것은 그렇지 않는 등의 차이가 있다는 것이다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;그림을 단순히 감상할 때는 이러한 차이가 별 의미가 없지만 이미지를 편집하거나 디스크 공간을 고려한다면 이것은 한번쯤 생각해 볼만한 문제이다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;그래서 오늘 활용은 다양한 그래픽 포맷에 대해 알아보고자 한다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;/font&gt;&amp;nbsp;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;대체 이렇게 다양한 파일 형식 사이에 어떤 특징과 차이가 있는지를 한번 생각해본다면 그래픽에 한층 자신감이 생길 것이다. &lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256561624=&quot;96&quot;&gt;&lt;font face=&quot;&quot; jQuery1265256561624=&quot;95&quot;&gt;&lt;br  /&gt;파워 유저로 가는 길은 튼튼한 기초에서 시작한다는 사실을 잊지말기를... &lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;1. BMP&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;그래픽 데이터는 크게 비트맵 형식과 벡터 형식으로 나누어지는데, 전자는 우리들이 평소 사용하는 형식으로서 픽셀(도트, 혹은 점) 단위로 이미지 정보를 기억하고, 후자는 좌표 단위로 이미지를 기억한다. 쉽게 말하면 비트맵은 모눈종이에 그림을 그린 것이기 때문에 확대/축소를 하면 눈금이 커지거나 작아져서 이미지의 변형이 생기게 되고, 벡터 형식의 이미지는 그 좌표만 기억하기 때문에 확대/축소해도 이미지가 왜곡되는 현상은 일어나지 않는다. BMP는 MS에서 개발된 윈도우 표준의 비트맵 형식으로 윈도우 운영체제의 기본적인 그래픽 포맷이다. 윈도우가 시작되거나 끝날 때 보이는 로고 그림이나 바탕 화면에 보이는 배경 그림은 모두 BMP 형태의 파일이다. BMP는 그림 데이터를 비효율적으로 저장하므로 실제로 필요한 크기보다 큰 파일을 만들게 된다는 단점이 있다. 그러나 바탕 화면의 그림 만큼은 run-length encoding이라는 기법을 써서 크기를 줄이는 것이 가능하다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;2. GIF(Graphics Interchange Format)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot;&gt;&lt;font size=&quot;2&quot; face=&quot;&quot;&gt;웹에서 대부분의 컬러 그림과 배경 그림은 GIF 파일이다. 이 간결한 파일 형식은 적은 색을 쓰는 그래픽에 매우 적당한데, 한때는 온라인에서 가장 널리 쓰이는 파일 형식이었다. 그러나 JPEG 형식이 사진에 사용되면서 GIF는 기반을 잃게 되었다. GIF는 256 색으로 제한이 있는 반면, JPEG은 1천6백만 색까지 표현할 수 있어서 사진과 화질이 거의 같다. &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;1987년 컴퓨서브에서 개발된 GIF는 별로 주목을 끌지 못한 포맷이었는데, 인터넷의 활용이 늘어나면서 새롭게 부각되었다. 아마 웹에서 유용하다는 이점이 발견되지 않았다면 gif 포맷은 사라졌을지도 모를일이다. GIF87로 불리고 2년뒤 인터레이싱, 투명성, 애니메이션 등의 새로운 기능을 추가한 형식은 GIF89a로 알려져 있다. 사람들은 대개 두개의 GIF 버젼을 구분하지 않으므로 누군가 어떤 그림 형식을 그냥 [GIF]라고 하지 않고 [GIF89]라고 지칭한다면 그것은 애니메이션을 가리키는 것으로 보면된다. &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;① interlaced GIF &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;GIF89a 그래픽 표준의 한 특징인 인터레이스 GIF는 한번에 한 줄씩 이미지를 로딩하지 않고 선들이 교차되는 통로에서 이미지를 보여준다. 어떤 그래픽 뷰어와 웹 브라우저를 사용하느냐에 따라, 인터레이스 GIF는 [베네치아 블라인드(venetian blind)] 효과를 내기도 하고 단조로우며 투박한 이미지를 만들기도 한다. 인터레이스 GIF를 사용하는 페이지를 이용하면 적어도 이미지 윤곽을 빨리 볼 수 있다. 그러므로 그 페이지는 인터레이스 GIF를 사용하지 않는 페이지보다 로딩 속도가 빠르다. 인터레이스 GIF를 지원하지 않는 브라우저는 이미지를 보통 GIF 형태로 단순하게 보여준다. &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;② transparent GIF &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;GIF89 그래픽 표준의 한 특징인 투명 GIF(transparent GIF)를 이용하면 선택한 이미지의 배경화면을 볼 수 있는데, GIF를 만들 때 디자이너는 이미지 팔레트에서 한 색깔을 투명색으로 지정할 수 있다. 페이지 바탕색을 볼 수 있도록 투명색은 GIF 바탕색에 투과되어 이미지가 페이지에 떠있는 것처럼 보이게 된다. &lt;br  /&gt;투명 GIF는 보통 GIF처럼 이미지를 단순하게 보여주지 않는데, 요즘 대부분의 웹 브라우저는 투명 GIF를 지원한다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;굴림체&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;3. JPEG(Joint Photographic Experts Group)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot;&gt;&lt;font size=&quot;2&quot; face=&quot;&quot;&gt;이 파일 형식은 많은 색을 사용하는 화상을 위한 것으로, Joint Photographic Experts Group 위원회에 의해 개발되었다. JPEG은 사진과 같이 색상 정보가 많이 들어 있는 그림을 GIF와 같은 유사한 파일 형식에 비해 더 잘 압축하는데, 원래의 색을 상당히 충실하게 보존한다. 따라서 JPEG 파일은 크기가 더 작아져 다운로드 시간과 하드디스크 공간을 절약할 수 있다. JPEG 파일은 압축 정도를 설정할 수 있는데, 압축을 많이하면 할수록 더 많은 색상 정보가 손실되고, 그에 따라 화질도 떨어지게 된다. &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;# progressive JPEG -위에서 아래까지 한번에 하나의 선만을 나타내는 보통 JPEG와는 달리, 프로그레시브 JPEG는 교차선들 위에서 두 번째 지날 때 선을 채우게된다. 그래픽 뷰어와 웹 브라우저 사용 여부에 따라 프로그레시브 JPEG는 베네치아 블라인드 효과를 내거나, 단조로우며 투박한 이미지를 만들게 되는 것이다. 프로그레시브 JPEG를 사용하는 페이지를 이용하면 적어도 이미지의 윤곽은 볼 수 있다. 또한 프로그레시브 JPEG를 사용하는 페이지는 일반 JPEG를 쓰는 페이지보다 로딩 속도가 빠르다. &lt;/font&gt;
&lt;p&gt;&lt;font size=&quot;2&quot;&gt;대부분의 최신 브라우저들은 새로 선보인 프로그레시브 JPEG를 지원하고 있으며, 만일 브라우저가 프로그레시브 JPEG를 지원하지 않는다면 보통 JPEG 형태로 이미지들을 나타내게 되는 것이다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;굴림체&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;4. PCX&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;PCX는 Zsoft가 자사의 초기 도스 기반의 그림 프로그램인 PC 페인트 브러시용으로 개발한 그래픽 포맷으로, 윈도우 이전까지 사실상 비트맵 그래픽의 표준이었다. PCX는 그래픽 압축시 런길이 코드(run-length code)를 쓰기 때문에 윈도우 표준 BMP보다 디스크 공간을 더 효율적으로 사용한다. 하지만 파일 크기가 크기 때문에 요즘은 잘 사용하지 않는다. &lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;5. TIFF(Tagged Image File Format)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;1980년대에 컴퓨터 플랫폼에서 그래픽 파일을 공유하는 것은 큰 골칫거리였다. 때문에 세계 어디에서나 사용할 수 있는 보편적인 그래픽 포맷이 필요했는데, TIFF는 이 문제를 해결할 목적으로 개발되었다. TIFF는 꼬리표가 붙은 이미지 파일 형식이라는 뜻으로 Aldus사와 Microsoft사가 공동으로 개발한 그래픽 파일 형식을 말한다. 이 기종간의 그래픽 데이터 교환을 목적으로 개발된 것으로, 기본적으로는 OS에 의존하지 않고 사용할 수 있어 해상도나 압축 방식 등을 기술할 수 있으며, 단색에서 컬러까지의 화상 데이터를 보존하기 위한 포맷으로 도트 표현 그림을 보존하는데 이용된다. 스캐너용 소프트웨어나 그래픽용 소프트웨어의 대부분이 TIFF 형식을 지원하여, 그레이 스케일(Gray Scale)로 표현된 이미지 파일을 스캐닝하거나 저장, 전송하는 데 널리 사용한다. 매킨토시와 윈도우의 이미지 교환을 위해서 사용하는 포맷이라고 생각해도 무난하다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;6. PICT&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;미국 애플 컴퓨터의 그래픽 파일 표준 포맷으로서, 대부분의 그래픽 소프트웨어는 이 포맷으로 작성된 파일을 인식할 수 있다. PICT로 보존하면 서로 다른 소프트웨어 사이에서도 데이터 교환이 가능하며, 극적인 효과를 위해 사용한 알파 채널과 이미지의 평범한 흰색이나 검은색 영역들을 압축한다. &lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;7. PICS&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;미국 매크로미디어사의 멀티미디어 제작 프로그램인 디렉터에서 채용하고 있는 애니메이션용 파일 형식이다. 미국 애플 컴퓨터사의 그래픽 표준 포맷인 PICT 형식의 정지 화면을 하나의 파일에 넣어두고, 디렉터의 지시로 재생, 편집이 가능하다. 동영상 재생 기능을 갖춘 매킨토시용 소프트웨어의 대다수는 옵션으로 이 형식의 파일을 이용할 수 있다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;8. PNG(Portable Network Graphics)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;PNG 포맷은 GIF 파일 형식의 문제점을 해결하면서 확장된 기능을 제공하기 위해 고안되었다. 웹에서 PNG는 GIF 파일에 비해 여러 가지 장점을 갖추고 있는데, 그 중에서 중요한 부분만 살펴보면 다음과 같다.&lt;br  /&gt;첫째는 GIF 보다 10~30% 정도의 뛰어난 압축률을 제공한다는 것이다. &lt;br  /&gt;둘째는 이미지의 투명성과 관련된 알파 채널에서 향상된 기능을 제공하는데, GIF 이미지는 투명 이미지 설정시 단지 한가지 색만을 투명으로 설정할 수 있으나 PNG는 254 수준의 투명성을 허락한다.마지막으로는 트루 컬러, 256 그레이 컬러, 256 컬러를 지원한다는 것이다. GIF 파일 형식은 최대 256 컬러만을 저장할 수 있는 반면, 이것은 트루 컬러(True color)까지 지원할 수 있다. 다만, PNG가 GIF 특성을 대신할 수 없는 것이 하나 있는데, PNG는 다중 이미지를 한 파일안에 저장할 수 없으므로 GIF 애니메이션처럼 애니메이션을 만들 수 없다는 것이 바로 그것이다. gif와 jpg에 이어 새롭게 떠오르고 있는 웹 이미지 포맷이라 할 수 있다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;9. WMF(Windows Meta File)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; face=&quot;&quot;&gt;일반적으로 WMF라는 약자로 부르는 윈도우 메타 파일은 마이크로스프트 응용 프로그램을 위한 객체지향(벡터) 그래픽 파일 형식이다. Windows 환경에서 윈도우를 통하여 화면에 출력되는 그래픽 정보를 GDI 함수로 표현하는 파일이다.&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;2&quot; face=&quot;&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font color=&quot;#0000ff&quot; size=&quot;3&quot;&gt;&lt;b&gt;&lt;br  /&gt;10.RAW(범용)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p&gt;&lt;font class=&quot;text&quot;&gt;&lt;font size=&quot;2&quot; face=&quot;&quot;&gt;말 그대로 범용 포맷이다. 응용 프로그램과 컴퓨터 플랫폼 사이에서 문서를 전송할 때 유연성이 뛰어난 파일 포맷이다. 범용 포맷은 파일에 있는 컬러 정보에 대한 내용을 일련의 바이트로 표시한 것이다. 각 픽셀은 2진 포맷으로 0부터 255까지로 표시하는데, 0은 검정색이고 255는 흰색을 의미한다. &lt;/font&gt;
&lt;p&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font size=&quot;2&quot;&gt;자, 어떤가? 이제 여러 가지 그랙픽 포맷에 대한 개념이 좀 잡히는지? 약간은 어렵고 전문가적인 지식이 요구되는 부분도 있지만 개괄적인 특징만 알게 되었다면 오늘의 활용을 공부한 여러분의 노력은 대성공인 셈이다. 더 자세하고 풍부한 내용은 다음 기회에 또다른 강좌를 통해 채워나갈 것을 약속한다. &lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/div&gt;</content>
                  
   </entry>
   <entry>
      <title>알아두면 유용한 그래픽 관련 용어들</title>
      <id>http://www.starhost.co.kr/xe/107370</id>
      <published>2010-02-04T13:07:09+09:00</published>
      <updated>2010-02-04T13:07:09+09:00</updated>
      <link rel="alternate" type="text/html" href="http://www.starhost.co.kr/xe/107370"/>
      <link rel="replies" type="text/html" href="http://www.starhost.co.kr/xe/107370#comment"/>
      <author>
         <name>령이</name>
                  <uri>http://lyhacker.starhost.kr/</uri>
               </author>
            <content type="html">&lt;div class=&quot;xe_content&quot;&gt;&lt;p jQuery1265256389707=&quot;10&quot; jQuery1265256321551=&quot;134&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;114&quot; jQuery1265256321551=&quot;133&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;115&quot; jQuery1265256321551=&quot;132&quot;&gt;특별히 이미지 편집을 하지 않더라도 요즘은 그래픽에 관련된 용어들을 흔히 볼 수 있다.&lt;br  /&gt;사실 자세한 뜻을 몰라도 어림짐작 이해할 수는 있지만 알고나면 이해가 훨씬 쉬워지지 않을까? 이번 기회에 한번 짚어 보자. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;11&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;117&quot;&gt;　&lt;/font&gt;&lt;/p&gt;&lt;font color=&quot;#ff0000&quot; jQuery1265256389707=&quot;12&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;119&quot;&gt;&lt;strong jQuery1265256389707=&quot;120&quot;&gt;그레이 스케일 (gray scale)&lt;/strong&gt;&lt;br  /&gt;&lt;/font&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;13&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;123&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;124&quot;&gt;무채색이라고 말하는 흰색, 회색, 검정색으로 구성된 이미지를 말한다.&lt;br  /&gt;컬러 이미지를 그레이 스케일로 변환했다면 모든 색은 256가지의 음양을 가진 흑백 이미지로 변하게 되고 당연히 Black 채널 하나만 남게 된다. 흑백 정보만을 갖게 되므로 컬러 이미지보다 파일 크기도 훨씬 작아지는 것은 물론이다.&lt;br  /&gt;참고로 포토샵에서의 &lt;b&gt;&lt;font color=&quot;#0000ff&quot; jQuery1265256389707=&quot;126&quot;&gt;Duotone&lt;/font&gt;&lt;/b&gt;이란 이 그레이 스케일 모드의 이미지에 컬러 잉크를 섞는 것이라고 생각하면 되는데, 단순한 흑백 사진이 아닌 갈색톤의 흑백 사진을 떠올리면 쉽게 이해할 수 있을 것이다. &lt;/font&gt;&lt;/font&gt;&lt;/p&gt;
&lt;table border=&quot;0&quot; jQuery1265256389707=&quot;14&quot; jQuery1265256321551=&quot;106&quot;&gt;
&lt;tbody jQuery1265256389707=&quot;128&quot; jQuery1265256321551=&quot;105&quot;&gt;
&lt;tr jQuery1265256389707=&quot;129&quot; jQuery1265256321551=&quot;104&quot;&gt;
&lt;td jQuery1265256389707=&quot;131&quot; jQuery1265256321551=&quot;114&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;136&quot; jQuery1265256321551=&quot;113&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;137&quot; jQuery1265256321551=&quot;112&quot;&gt;&lt;/font&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;132&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;138&quot;&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;133&quot; jQuery1265256321551=&quot;110&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;139&quot; jQuery1265256321551=&quot;109&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;140&quot; jQuery1265256321551=&quot;108&quot;&gt;&lt;/font&gt;&lt;/p&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;134&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;141&quot;&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;135&quot; jQuery1265256321551=&quot;103&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;142&quot; jQuery1265256321551=&quot;102&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;143&quot; jQuery1265256321551=&quot;101&quot;&gt;&lt;/font&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr jQuery1265256389707=&quot;130&quot; jQuery1265256321551=&quot;118&quot;&gt;
&lt;td width=&quot;120&quot; jQuery1265256389707=&quot;144&quot; jQuery1265256321551=&quot;125&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;149&quot; jQuery1265256321551=&quot;126&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;145&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;151&quot;&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td width=&quot;120&quot; jQuery1265256389707=&quot;146&quot; jQuery1265256321551=&quot;122&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;152&quot; jQuery1265256321551=&quot;123&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;
&lt;td jQuery1265256389707=&quot;147&quot; jQuery1265256321551=&quot;128&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;154&quot; jQuery1265256321551=&quot;129&quot;&gt;&lt;/font&gt;&lt;/td&gt;
&lt;td width=&quot;120&quot; jQuery1265256389707=&quot;148&quot; jQuery1265256321551=&quot;117&quot;&gt;
&lt;p align=&quot;center&quot; jQuery1265256389707=&quot;155&quot; jQuery1265256321551=&quot;119&quot;&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p jQuery1265256389707=&quot;15&quot; jQuery1265256321551=&quot;116&quot;&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;158&quot;&gt;&lt;b jQuery1265256389707=&quot;159&quot;&gt;그리드 (Grid)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;16&quot; jQuery1265256321551=&quot;97&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;161&quot; jQuery1265256321551=&quot;96&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;162&quot;&gt;가로 세로의 격자를 그리드라고 한다. 모눈 종이를 생각하면 되는데, 이미지의 정확한 수정이 필요할 때 그리드를 사용한다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;17&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;166&quot;&gt;&lt;b jQuery1265256389707=&quot;167&quot;&gt;그라디언트 (Gradient)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;18&quot; jQuery1265256321551=&quot;95&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;169&quot; jQuery1265256321551=&quot;94&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;170&quot;&gt;여러가지 색상의 중간색을 단계적으로 채워나가는 것. &lt;br  /&gt;다음 그림은 그라디언트의 예인데 빨강에서 파랑으로, 검은색에서 흰색으로 그라디언트 효과를 준 것이다. 세번째는 포토샵의 그라데이션 옵션 중 &lt;font color=&quot;#0000ff&quot;&gt;rainbow&lt;/font&gt;를 사용한 것이다.&lt;br  /&gt;&lt;/font&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;172&quot;&gt;&lt;b jQuery1265256389707=&quot;176&quot;&gt;디더링 Dither&lt;/b&gt;&lt;/font&gt; 
&lt;p jQuery1265256389707=&quot;19&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;178&quot;&gt;화면에 어떤 색상을 표시할 수 없는 경우, 표시할 수 있는 색상들의 화소를 모아 되도록 비슷한 색상을 만들어 내는 것을 말한다. 예를 들어 회색은 회색의 화소를 사용하는 것이 아니라 검은색과 흰색 화소를 섞는 비율을 조절하여 보여주는 것으로 대체할 수 있다. &lt;br  /&gt;웹 그래픽의 경우 파일의 크기를 줄이기 위해 256 가지 색깔만 사용하도록 제한을 두면서 그 외의 색은 디더링으로 나타내는 경우가 많다. 화면이나 프린터에서 모든 색을 표현할 수 있는 것이 아니기 때문에 있는 색을 혼합하여 사용하는 편법을 쓰는 것이라고 생각해도 틀리지 않다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;20&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;180&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;21&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;183&quot;&gt;&lt;b jQuery1265256389707=&quot;184&quot;&gt;레이어 (Layer)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;22&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;186&quot;&gt;흰 종이에 직접 그림을 그리게 되면 수정하는 것이 쉽지 않다. 토끼, 나무, 풀, 거북이를 한꺼번에 그렸는데 거북이의 위치가 맘에 안든다면 거북이만 지우고 다시 그리거나 처음부터 다시 그려야 한다. 하지만 투명한 셀로판 종이 여러장을 준비하고 차례차례 토끼, 나무, 풀밭, 거북이를 그린다면 겹쳐두었을 때 한장의 그림처럼 보이기 때문에 셀로판지만 옆으로 살짝 이동하면 그림 전체를 수정하지 않아도 거북이가 움직인 것 처럼 보일 수 있다. &lt;br  /&gt;이 각각의 셀로판지를 레이어라고 이해하면 된다. 즉 레이어는 &lt;b&gt;이미지의 층&lt;/b&gt; 이다. 복잡한 그림일 경우 레이어를 이용하면 편하게 작업할 수 있다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;23&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;189&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;24&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;192&quot;&gt;&lt;b jQuery1265256389707=&quot;193&quot;&gt;렌더링 (Rendering)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;25&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;195&quot;&gt;3차원 형태의 정보를 2차원 평면의 화면에 표현하기 위해 사용한다. 물체의 그림자를 표현한다거나 여러 가지 다른 입체감을 주는 방법을 이용해 사람들이 3차원 이미지처럼 느낄 수 있도록 하는 것을 말한다. 빛이 들어오는 방향, 반사각, 모션 효과 등을 이용해 2차원 평면을 3차원처럼 보이게 하는 것이므로 연산이 아주 복잡하고, 작업을 원활하게 하기 위해서는 램과 하드 디스크의 여유공간이 충분해야 하며, 결과를 보기까지 몇 시간씩 걸리기도 한다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;26&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;197&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;27&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;200&quot;&gt;&lt;b jQuery1265256389707=&quot;201&quot;&gt;마스크 (Mast)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;28&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;203&quot;&gt;길바닥에 *주차 금지*라는 글자를 쓴다고 생각해 보자. 노란색 스프레이를 직접 뿌려서 글씨를 쓴다면 벽에 낙서하는 것 처럼 보일 것이므로 먼저 글자 부분을 칼로 오려낸 종이를 준비하고 그 종이 위에 스프레이를 뿌리게 된다. 이렇게 하면 스프레이를 이용해서 깔끔하게 글자를 쓸 수 있게 된다. 마스크는 글자 부분을 오려낸 바로 그 종이라고 생각하면 된다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;29&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;205&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;30&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;208&quot;&gt;&lt;b jQuery1265256389707=&quot;209&quot;&gt;매핑 (Mapping)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;31&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;211&quot;&gt;3D 프로그램에서 오브젝트의 표면에 재질을 입히는 일이나 표면에 나타날 재질, 색상, 이미지 등을 정의하는 것을 말한다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;32&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;213&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;33&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;216&quot;&gt;&lt;b jQuery1265256389707=&quot;217&quot;&gt;블러 (Blur), 샤픈 (Sharpen)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;34&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;219&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;220&quot;&gt;블러는 이미지의 초점을 흐리게 하는 것이고 샤픈은 이미지의 초점을 선명하게 만드는 효과이다. 그래픽 필터에서 사용하는 용어이다. (자세한 내용은 지난 활용 중 *GIF 이미지 편집하기*를 참고하기 바란다.)&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;35&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;223&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;36&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;226&quot;&gt;&lt;b jQuery1265256389707=&quot;227&quot;&gt;썸네일 (Thumbnail)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;37&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;229&quot;&gt;썸네일이란 사전적 의미로 엄지손가락 또는 엄지손가락만큼 작은 것을 의미하며 그래픽 분야에서는 이미지를 앨범 형식으로 일목요연하게 배열하여, 아주 작은 크기로 보여주는 의미로 사용한다. 이 기능을 이용하면 여러 그래픽 파일을 동시에 열어놓고 상호 비교할 수 있고, 전반적인 화면 상태를 검색할 수도 있어 편리하다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;38&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;231&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;39&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;234&quot;&gt;&lt;b jQuery1265256389707=&quot;235&quot;&gt;안티 알리아싱 (Anti-aliasing)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;40&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;237&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;238&quot;&gt;알리아싱이란 네모난 픽셀로 이루어진 이미지가 색의 경계선 부분에서 울퉁불퉁 거칠어 보이는 것을 말한다. 안티 알리아싱은 이를 해결하는 것으로 색과 색이 겹치는 부분을 중간색으로 처리하여 경계선이 부드럽게 보이게 한다. 그래픽 프로그램에서 대부분의 이미지는 안티 알리아싱 옵션이 들어간다.&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;41&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;241&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;42&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;244&quot;&gt;&lt;b jQuery1265256389707=&quot;245&quot;&gt;워터마크 (Watermartk)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;43&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;247&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;248&quot;&gt;인터넷 서비스가 대중화되면서 사진 작가나 컴퓨터 그래픽 디자이너의 디지털 이미지에 대한 저작권 문제가 발생했다. 웹에서의 이미지는 누구나 저장할 수 있고 복사하거나 수정하는 일이 가능하기 때문이다. 그래서 이미지의 저작권을 보호하기 위해 디지털 이미지에 저작권을 포함시키는 것을 워터마크라고 한다.&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;44&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;251&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;45&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;254&quot;&gt;&lt;b jQuery1265256389707=&quot;255&quot;&gt;이미지맵 (Image Map)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;46&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;257&quot;&gt;이미지 파일의 영역을 구분해 메뉴로 이용하는 것인데, 우리나라 지도를 웹에 올렸을 때 서울 부분을 클릭하면 서울에 관련된 정보가, 제주도를 클릭하면 제주도에 관련된 정보가 나타날 수 있도록 하나의 이미지를 여러개의 링크로 구분하는 것이다. HTML에서 좌표값을 기억하는 것이므로 이미지 자체에 영향을 주는 것은 아니다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;47&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;259&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;48&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;262&quot;&gt;&lt;b jQuery1265256389707=&quot;263&quot;&gt;인터레이스 (interlace)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;49&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;265&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;266&quot;&gt;원래 인터레이스(Interlace)는 CRT 화면에 전자 빔으로 화면을 주사할 때 두번에 나누어 주사하는 방식인 비월주사를 뜻하는 말이다. 우리나라와 미국 등에서 지원하는 텔레비전 주사방식이 비월주사이다. 화면이 끊어져 보이는 것을 막기 위해 두번에 나누어 주사하는 편법(?)을 이용해 움직임을 좀더 자연스럽게 해준다. &lt;br  /&gt;하지만 웹 브라우저가 지원하는 인터레이스 GIF는 이미지가 흐릿하게 나타났다가 서서히 선명해지는 것을 의미한다. 이 방식은 이미지가 모두 나타나지 않더라도 미리 이미지를 확인할 수 있다는 장점이 있어서 널리 사용하는 포맷이다.&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;50&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;269&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;51&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;272&quot;&gt;&lt;b jQuery1265256389707=&quot;273&quot;&gt;채널 (Channel)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;52&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;275&quot;&gt;그래픽에서 RGB 모드에는 빨강, 초록, 파랑 세개의 채널이 있다. 각 채널은 각 색상의 음영으로 이루어지는데 이 세개의 채널을 합하면 하나의 완성된 이미지를 이루게 되는 것이다. 다시 말해 CMYK 모드라면 시안, 마젠타, 옐로, 블랙 네개의 채널로 이루어진 이미지가 만들어지는 것이다. 채널은 본래 색상 정보 없이 음영 정보만 가지고 있으며 이 음영 정보를 불러서 색상을 입히게 된다. &lt;br  /&gt;이렇게 이미지를 이루는 채널은 각 색상 모드를 이루는 기본 채널 외에도 더 추가할 수 있는데 이것을 &lt;font color=&quot;#0000ff&quot;&gt;알파 채널 (Alpha Channel)&lt;/font&gt; 이라고 한다. 알파 채널은 원하는 선택 영역을 채널로 만드는 것이며, 한 이미지에 최대 24개의 채널을 가질 수 있다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;53&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;278&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;54&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;281&quot;&gt;&lt;b jQuery1265256389707=&quot;282&quot;&gt;크롭 (Crop)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;55&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;284&quot;&gt;사전적 의미로 잘라낸다는 뜻이다. 컴퓨터 그래픽에서는 그래픽 화상을 보다 섬세하게 만들기 위하여 화상 주변 또는 화상의 일부분을 잘라내고 정리하는 작업을 말하며, Edit 메뉴의 Cut이 원하는 부분을 잘라내 클립보드에 저장하는 것과는 달리 그래픽에서의 Crop은 원하는 부분만 남기고 나머지 부분을 지워버리는 것이다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;56&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;286&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;57&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;289&quot;&gt;&lt;b jQuery1265256389707=&quot;290&quot;&gt;텍스처 (Texture)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;58&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;292&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;293&quot;&gt;3차원 입체 도형을 2차원 그물로 감싸 놓은 듯한 모습으로 나타나게 하는 그래픽 정보 표시 방법&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;59&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;296&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;60&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;299&quot;&gt;&lt;b jQuery1265256389707=&quot;300&quot;&gt;트랩 (Trap)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;61&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;302&quot;&gt;인쇄는 각각의 색마다 판을 만들어 찍어내므로 포토샵에서 CMYK 인쇄를 하면 컬러가 겹치는 부분의 경계선에서 판이 어긋나 틈이 생기는 경우가 있다. 이런 문제점을 해결하기 위해 두가지 컬러가 만나는 부분을 약간 겹치게 하여 오버랩 되는 컬러를 만들어 주는 것을 말한다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;62&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;304&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;63&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;307&quot;&gt;&lt;b jQuery1265256389707=&quot;308&quot;&gt;트웨인 (TWAIN : Toolkit Without An Important Name)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;64&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;310&quot;&gt;절대로 &apos;타이완&apos;이 아니다. 트웨인은 스캐너나 디지털 카메라와 같은 화상 입력 장치를 제어하기 위한 표준을 말한다.&lt;br  /&gt;이미징 시스템을 통일적으로 제어하기 위해 어도비, 코닥, 로지텍, 후렛팩커드 등의 회사가 표준을 제정한 것으로 1991년에 최초로 만들어졌으며, 요즘은 대부분의 장비가 트웨인과 호환된다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;65&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;312&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;66&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;315&quot;&gt;&lt;b jQuery1265256389707=&quot;316&quot;&gt;픽셀 (Pixel, 화소)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;67&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;318&quot;&gt;&lt;font class=&quot;text&quot; jQuery1265256389707=&quot;319&quot;&gt;Picture Element의 약자로서 디지털 이미지의 가장 작은 구성 단위이다. 눈으로 볼 수 있는 모든 디지털 이미지는 화소로 구성되어 있다. 이미지를 돋보기 툴로 최대한 확대하면 사각형의 화소를 볼 수 있다. &lt;br  /&gt;좌표들은 화상에서의 픽셀 위치를 정의하는 데 사용되며 픽셀은 모니터의 ‘가로 X 세로’안에 들어가는 수치로 해상도를 나타낸다.&lt;/font&gt; &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;68&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;322&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;69&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;325&quot;&gt;&lt;b jQuery1265256389707=&quot;326&quot;&gt;필터 (Filter)&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;70&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;328&quot;&gt;컴퓨터 그래픽에서 명암을 표시하기 위하여 픽셀을 표현하는 다각형 정보를 처리해 나가는 과정을 말한다. 각각의 점의 위치와 색상을 변형시키면 변화된 형태의 이미지를 얻을 수 있는데, 이러한 이미지 표현 방법을 필터 효과라고 한다.&lt;br  /&gt;쉽게 말하면 미리 입력된 계산을 통해 이미지에 새로운 연산을 적용하는 것으로 원래의 이미지를 변형시켜 다른 느낌을 주는 것인데, 사진을 찍을 때 카메라 렌즈 앞에 부착하는 필터와 비슷한 역할이다. &lt;/font&gt;
&lt;p jQuery1265256389707=&quot;71&quot;&gt;&lt;font size=&quot;2&quot; jQuery1265256389707=&quot;330&quot;&gt;&lt;/font&gt;
&lt;p jQuery1265256389707=&quot;72&quot;&gt;&lt;br  /&gt;&lt;br  /&gt;&lt;font color=&quot;#ff0000&quot; size=&quot;2&quot; jQuery1265256389707=&quot;333&quot;&gt;&lt;b jQuery1265256389707=&quot;334&quot;&gt;RGB, CMYK&lt;/b&gt;&lt;/font&gt;&lt;/p&gt;
&lt;p jQuery1265256389707=&quot;73&quot;&gt;&lt;font class=&quot;text&quot; size=&quot;2&quot; jQuery1265256389707=&quot;336&quot;&gt;빛의 삼원색인 &lt;font color=&quot;#0000ff&quot;&gt;빨강색(Red), 초록색(Green), 파랑색(Blue)&lt;/font&gt;의 첫자를 딴 것으로서 모니터는 이 세가지 원색을 혼합하여 스크린에 서로 다른 칼라를 만들어낸다. RGB 모드는 빛에 의한 색상 혼합 방식으로, 혼합할수록 밝아진다. &lt;br  /&gt;이와는 달리 CMYK는 잉크에 의한 색상 표현 방식으로 &lt;font color=&quot;#0000ff&quot;&gt;시안(Cyan), 마젠타(Majenta), 옐로우(Yellow), 블랙(Black)&lt;/font&gt;으로 이루어진다. 당연히 혼합할수록 색이 탁해지며 출력을 하려면 마지막에 CMYK 모드로 저장하는 것이 좋다. &lt;br  /&gt;참고로, 원래 시안, 마젠타, 옐로우를 혼합하면 검정색이 되지만 기술적 한계로 100% 검정색을 출력하지 못하므로 검정색 잉크를 따로 추가하게 된다. 컬러 인쇄를 3도가 아닌 4도 인쇄라고 하는 것도 이때문이다.&lt;/font&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/font&gt;&lt;/p&gt;&lt;/div&gt;</content>
                  
   </entry>
   <entry>
      <title>[Tip]  로고, 가장 간단하게 만드는 프로그램!</title>
      <id>http://www.starhost.co.kr/xe/106647</id>
      <published>2010-02-02T14:22:28+09:00</published>
      <updated>2011-02-20T16:33:11+09:00</updated>
      <link rel="alternate" type="text/html" href="http://www.starhost.co.kr/xe/106647"/>
      <link rel="replies" type="text/html" href="http://www.starhost.co.kr/xe/106647#comment"/>
      <author>
         <name>령이_</name>
                  <uri>http://lyhome.we.pe</uri>
               </author>
            <content type="html">&lt;div class=&quot;xe_content&quot;&gt;&lt;p&gt;안녕하세요 ~ 령이입니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;이번에는 포토샵에 짜증이 나신 분들을 위해 아~주 간단하게 로고를 만드는 프로그램을 소개할까 합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;바로 AAA LOGO 인데요, 저는 2008 을 사용하고 있습니다. 한글판은 없지만, 기능부터 소개할까 합니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;일단 여러가지 사이트의 로고를&amp;nbsp; 보면서 아이디어를 생각할 수 있다는 것이고, 요점을 제대로 잡자면 로고를 엄청 간단하게 만들어 낼 수 있습&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;그리고 포토샵에 없는 글꼴도 있어 각자 개성을 표현하는 데는 정말 좋은 프로그램입니다. 또 실행 후 메인 왼쪽에는 여러가지 오브젝트들이 &lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;있어서 하나하나 삽입하다보면 언제든지 개성있게 만들수 있도록 제작된 툴이라고 볼 수 있습니다.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;로고 제작 힘들어하시는 분이면 꼭 알아두세요~ .. 물론 쉽게 제작하는 툴이기 때문에 없는 게 있을수도 있겠죠? &lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;좋은 정보가 되길 바라겠습니다. &amp;lt;&amp;lt; 유틸 정보를 물어보신다면 언제든지 강좌를 올려드리겠습니다.&lt;/p&gt;&lt;/div&gt;</content>
                  
   </entry>
</feed> 

