포토샵디자인채널

안녕하세요. 포토샵 기초지식강좌를 진행하는 포토샵디자인채널블로그 입니다. 

오늘의 포토샵 강좌는 포토샵cc의 기본화면구성을 배워보도록 하겠습니다.

오늘부터 어도비 포토샵cc를 직접 사용하여 강좌가 진행됩니다. 만약에 저의 포스팅을 오늘 처음 들어오셨다면 포토샵을 

시작하기전에 꼭 알아야할 내용들이 있습니다. 이전 강좌를 읽으시고 숙지하신 후에, 이번 강좌를 보시면 좋을거라 생각됩니다.

오늘 포토샵 강좌 진행 내용은 포토샵 기본화면구성 입니다. 포토샵화면이 어떻게 구성되어 있고, 그 구성들이 어떤기능을 

가지고 있는지 배워보겠습니다.

위의 이미지는 포토샵cc 기본화면구성 입니다. 컬러와 맞춰 이름과 내용을 설명하겠습니다.

메뉴 바 : 포토샵의 전체적인 기능들의 메뉴와 그에 맞는 하위 메뉴들로 구성되어 있습니다. 

옵션 바 : 포토샵 툴의 옵션을 설정할 수 있습니다.

포토샵 툴 바 : 포토샵 작업을 할때 필요한 기능들이 모여 있습니다.

파일이름 : 파일이름과 파일형식, 컬러모드등을 볼 수 있습니다.

정보표시 : 화면을차지하는 비율정보, 문서정보를 간편하게 확인할 수 있습니다.

캔버스 : 작업공간입니다.

패널 바 : 기본패널(컬러패널,레이어패널등)혹은 자신이 설정한 패널들을 추가해서 사용할 수 있습니다.

다음은 간단하게 화면 설정과 패널설정하는 방법을 보겠습니다.

아주 단순하고 쉬우니 잘 보시길 바랍니다.

위 이미지의 빨간네모칸이 표시된 화살표를 누르면 툴바가 넓적하게 바뀝니다. 그리고 다시 화살표를 누르면 되돌아 갑니다.

전체적인 화면 밝기조절하는 방법 입니다.

제가 올린 이미지에서 포토샵 화면을보면 전체적인 색상이 검정색과 회색으로 나타나 있습니다.

Edit > Preferences > Interface이 순서대로 들어갑니다. 그러면 창이 하나 생깁니다.

창이 나타나면 Appearance 항목에 Color Theme를 보면, 하늘색 테두리로 검정색부터 흰색까지 밝기를 설정할 수 있습니다.

검정은 너무 어둡고 흰색은 너무밝아서, 저는 개인적으로 2번째를 사용하고 있습니다.

Interface클릭 후 추가적으로 Presentation 항목에서 UI Language를 통해 언어변경이 가능합니다.

눈금자 표시&변경하는 방법 입니다.

포토샵은 픽셀로 표현되는 비트맵을 쓰고 있기때문에 좀 더 정교한 작업을 편리하게 하기위해 눈금자를 표시해 보겠습니다.

방법은 위의 사진과 같이 Edit > Preferences > Units&Rulers로 들어가서

Units 테두리에서 Rulers와 Type를 픽셀로 변경하고 OK를 눌러 줍니다. 눈금자가 표시 되지 않았다면 단축키 Ctrl + R을 

눌러주면 눈금자가 나타납니다.

다른 방법으로는 단축키 Ctrl + R을 누르면 빨간 테두리처럼 안보이던 눈금자가 생깁니다.

이때 눈금자 마우스 오른쪽 클릭을 하면Pixels부터 Percent까지 항목이 나타납니다. 픽셀로 설정해 주시면 됩니다.

필요에 따라 바꿔서 작업을 하도록 합니다. 눈금자가 필요없는 분들은 단축키 Ctrl + R을 다시한번 눌러주면 사라집니다.

다음은 패널을 설정해 보도록 하겠습니다.

아무리 뛰어난 미술가라고해도 도화지만 있고, 그림을 그릴 물감과 붓이 없다면 자신이 원하는 그림을 못 그립니다.

패널은 포토샵을하는 사람들에게 미술가의 붓과 물감 같은 존재입니다. 자신만의 구성으로 바꿔 편리하고 유용하게 

사용하도록 합시다.

기본화면에서 메뉴바 Window를 클릭해서 나오는 하위 목록중에 지금 체크되어 있는 항목들을 모두 클릭해줍니다. 혹은

Window > Workspace > Essentials(Default)항목을 체크해 줍니다.

다음순서는 패널들을 위의 이미지와 똑같이 나열한후에 마우스로 드래그하여 넣어줍니다.

(편리상 이렇게 제가 배치했습니다, 똑같이 안하셔도 됩니다.)

Channels과 Paths는 Layers패널에 넣어주시고, Swatches는 Color패널에 넣어주시고, Styles는 Adjustments패널에 넣어주세요.

그리고 각패널들을 오른쪽으로 배치해 주면 지금 저와 같은 패널이 완성됩니다.

추가적으로 작업을 하실때 자신에게 필요한 패널이 있다면 메뉴바 Window에서 

패널을 추가해서 쓰도록 하면 됩니다. 

포토샵 화면구성에 대해 배워 보았습니다. 최대한 이해가 쉽도록 더욱 노력하겠습니다.

포토샵 강좌를 마치겠습니다. 감사합니다.

안녕하세요. 포토샵 초보분들을 위한 강좌를 진행하는 포토샵디자인채널블로그 입니다.

저의 글을 보시는 분들께 하고싶은 말이 있습니다. 저의 포커스를 잠시 설명하도록 하겠습니다. 빠른 속도로 포토샵 툴 설명을 끝내고, 포토샵으로 이미지를 어떻게 다루는지 빠르게 강좌를 할 수 있습니다. 저는 그렇게 하는것이 더욱 편합니다.

그러나 포토샵 강좌를 빠르게 진행하지않는 이유는 무엇일까요? 생각해봅시다. 기초지식이 왜 필요할까요? 우리가 배우고자 하는 모든 일에는 항상 기초지식이있고, 기본기가 있습니다. 포토샵도 예외는 아닙니다, 포토샵도 배우기전에 꼭 알아야할 기본이 되는 지식들이 있습니다.

우리가 포토샵으로 멋있는 이미지를 만들었다고 가정했을때, 자칫하면 이미지를 사용할 수 없는 일이 생길 수도 있습니다.

왜냐면 우리는 포토샵으로 결과물을 만드는것만 중요시하고, 궁금해하지만 정작 색의이해, 해상도에대한이해, 다자인에대한이해, 파일형식, 인쇄물, 웹등 기본으로 알고 있어야할 지식들이 없습니다. 그렇기 때문에 결과물을 사용조차 할 수 없는 일들이 생길 수 있습니다. 제가 포토샵 강좌를 하면서 알려드리는 기초지식중에, 제대로 습득하지않고 넘어가도되는 부분은 단 한가지도 없습니다. 모두 매우 중요한 기초지식들 입니다. 기초적인 지식을 제대로 습득하고, 다음 포토샵 강좌로 넘어가시길 부탁드립니다.

오늘은 포토샵의 컬러모드 RGB와CMYK에대해 공부를 해보겠습니다.

포토샵에서는 사용하는 용도에 따라 선택할 수 있는 대표적인 컬러가 2가지가 있습니다. 웹상에서 표현되는 색상RGB와 

인쇄물에서 표현되는 색상CMYK 입니다. 이 차이를 모른다면 나중에 포토샵으로 인쇄물을 만들었을때 내가 만들었던 

결과물의 색상과 전혀 다른 색이 인쇄될 수 있습니다.

RGB컬러 : 빛의 삼원색인red, green, blue가혼합하여 만들어지는 색상이 RGB컬러 입니다. 이때 RGB컬러는 혼합할수록 

명도가 높아지는데, 이를 가산혼합이라고 합니다.

우리가 사용하는 TV, 컴퓨터모니터, 휴대폰등 많은 디지털 기기에서도 RGB컬러를 사용합니다.

CMYK컬러 : 잉크체계 cyan, magenta, yellow, blak가 혼합하여 만들어지는 색상이 CMYK컬러 입니다. 이때 CMYK컬러는

혼합할수록 명도가 낮아지는데 이를 감산혼합이라고 합니다. 우리가 보는 포스터, 명함, 전단지등 많은 인쇄물에서도 

CMYK컬러를 사용합니다. 다시한번 쉽게 설명하자면 포토샵에서는 컬러모드를 선택하고 난 후에 작업을 할 수 있습니다. 

RGB컬러는 웹상에서 보여지는 작업을 다룰때, CMYK컬러는 인쇄물 작업을 다룰때 사용합니다.

왼쪽이 RGB컬러 이미지이고, 오른쪽이 CMYK컬러 이미지입니다. 

포토샵에서 왼쪽의 RGB컬러 이미지를 CMYK컬러모드로 변경했더니, 오른쪽의 CMYK컬러 이미지와같이

대체적으로 컬러가 어두워지는 것을 볼 수 있습니다. RGB는 혼합될 수록 명도가 높아지는 가산혼합인데 CMYK는 혼합될수록 

명도가 낮아지는 감산혼합이기 때문에 색상의 변화가 생깁니다. 

그렇기 때문에 자신의 작업 목적이 맞게 컬러모드를 잘 선택해서 사용해야 합니다. 

만약에 제가 인쇄할 목적으로 이미지를 며칠동안 수고해서 만들었다고 가정했을때, 색상모드에 이해가 없이 RGB컬러모드로 작업했다면, 엄청나게 고생을 하거나 수정할 수 없다면 처음부터 다시 작업을 해야될 수도 있습니다. 포토샵으로 이미지를 만들기전에, 컬러모드를 확인하도록 합시다.

포토샵 강좌를 읽어주셔서 대단히 감사드립니다. 지금은 복잡하게 느껴질 수도 있지만, 잘 따라오신다면 결코 어렵지 않을겁니다.

포토샵 지식을 모른다해도 걱정하지마세요. 제가 알고있는 모든것을 전부 알려드리겠습니다.

포토샵 강좌를 마치도록 하겠습니다.

안녕하세요. 포토샵에 대한 지식이 없어도 이해하기 쉽고 디테일하게 배울 수 있는 포토샵디자인블로그입니다. 오늘은 포토샵의 기초지식인 비트맵과 벡터에 대하여 포토샵 강좌를 진행하겠습니다.

포토샵 강좌에 들어가기 전에 몇가지 준비 과정과 꼭 알아야할 개념들을 보도록하겠습니다.

포토샵이란 무엇일까?

포토샵이라 하면 여러분은 어떻게 생각하고 계신가요?

사전적 의미는 입력된 화상에 대하여 편집과 수정을 할 수 있는 프로그램으로, 사진 이미지의 색상 보정, 오래된 사진 복원, 

이미지 합성, 문자 디자인, 인쇄물 디자인, 웹디자인 등의 작업을 할 수 있다.

포토샵은 2차원 그래픽 프로그램으로, 2차원 그래픽 프로그램에서 사용되는 그래픽은 벡터와 비트맵으로 구분한다.

출처 : 네이버 지식백과 포토샵[photoshop](두산백과)

여기서 잠시 집중해봅시다, 벡터와 비트맵은 포토샵을 사용하는 사람이라면 꼭 알고 있어야하는 기초지식입니다.

어도비 포토샵 다운로드 방법 입니다.

포토샵을 사용하려면 프로그램을 다운 받아야합니다.

https://www.adobe.com/kr/(한국 어도비 시스템즈 주소) 사이트에 접속합니다.

위의 이미지에서 제가 체크한 순서대로 크리에티비티 및 디자인메뉴에 마우스커서를 올린다음 포토샵메뉴를 클릭합니다.

클릭한후 페이지가 바뀌면 무료체험판을 클릭합니다. 다음순서는 회원가입을하고 다운로드를 진행 하면 됩니다.

adobe creative cloud가 다운로드되었다면 로그인을 합니다. 이번에는 포토샵을 영문으로 설치하는 설정을 하겠습니다.

영문으로 설치하는 이유는 제가 포토샵 강좌를 영어버전으로 진행할 것이고, 다른 장소에서 포토샵정보를 보거나 듣더라도 

대부분이 영문을 쓰고있기 때문에 이해하는데 편합니다.

어도비 포토샵을 영문으로 바꾸는 방법 입니다.

위의 이미지에 보이는 것처럼 설정목록을 클릭하고 환경설정을 클릭합니다.

다음 순서로 이어가겠습니다.

위의 이미지와 같이 언어를 영어로 바꿔주시면 됩니다.

잠깐! 어도비 포토샵은 무료가 아닙니다. 제가 소개시켜 알려드린버전은 무료체험버전 입니다. 장기간 사용을 원하실 경우는

어도비포토샵에서 다양한 플랜을 제공하고 있으니 참고 하시길 바랍니다.

정품을 사용하시는걸 권장합니다.

비트맵과 벡터의 차이를 알아보겠습니다.

이 내용부터가 본격적인 포토샵 강좌의 시작입니다. 포토샵을 사용하는 사람이라면 비트맵과 벡터의 차이를 반드시 숙지하고 계셔야 합니다. 그럼 비트맵이 무엇이고 벡터가 무엇인지 알아보겠습니다.

집중해주세요. 비트맵이라함은 픽셀(pixel)이라는 정사각형이 모여 이미지가 표현 되는것을 말합니다.

이해를 돕기 위해 사진을 보면 되겠습니다.

포디채널이라고 작성한 글자를 입력한 후에 비트맵이미지를 확대한 모습입니다.

사진을 잘 보면 흰색으로 칸이 나누어져 있는것을 확인할 수 있습니다. 그리고 제가 체크한 네모칸 한 칸을 1픽셀 이라고 부릅니다.

사진을 축소해 보면 글씨가 어떤방식으로 보이시나요? 픽셀이모여 이미지가 표현되고 있습니다.

원본 이미지 입니다. 보이는것 처럼 픽셀로 하나의 이미지를 표현하게 됩니다. 다른이름으로는 비트맵, 픽스맵, 래스터이미지라고도 부릅니다.

다음은 벡터 입니다.

비트맵은 픽셀이 모여서 이미지를 만듭니다. 벡터는 점과점이 연결되고, 선이나 커브를 만드는것이 수학적 공식에 의해 처리되어 표현되는것을 말합니다.

아래 사진은 벡터이미지 입니다. 

여기에서 포인트가 무엇이냐면 위에서 비트맵을 설명할때, 포디채널이라고 적힌 비트맵이미지를

확대 했을때는 픽셀이 눈에  보였습니다.

같은방법으로 벡터 이미지도 똑같이 확대를 해보겠습니다.

비트맵과의 차이가 이해가되시나요? 위의 이미지를 한번더 확대해 보겠습니다.

비트맵과 차이가 확실하게 느껴지시나요? 이미지를 많이 확대 했는데도 이미지의 끝부분이 깔끔합니다. 보신것처럼 비트맵과 벡터는 표현되는 방식이 다릅니다. 한번더 설명하면 비트맵은 픽셀이 모여 이미지가 표현되고, 벡터는 점과점이 연결되어 선이나 커브를 이루며 수학적공식으로 처리됩니다.

비트맵과 벡터에 대해서 좀더 자세한 설명을 시작하겠습니다.

아래 이미지에 똑같은 고양이가 2마리 있습니다.

다만 한쪽은 비트맵이미지이고, 다른 한쪽은 벡터이미지 입니다.

2개의 이미지를 확대해 보겠습니다.

먼저 비트맵 이미지 입니다. 픽셀이 모여 표현되었기 때문에, 확대가 될 수록 가장자리가 부드럽지 않고, 끝부분이 깨지며 흐릿하게 보이는것을 확인 할 수 있습니다.

그다음 벡터이미지 입니다. 점과점이 연결되어 선이나 커브를 수학적공식에 의해 처리되기 때문에, 확대를 했음에도 불구하고

끝부분이 깨지지 않고, 매끄럽고 선명하게 보이는것을 확인 할 수 있습니다.

그런데 이것만 보면 벡터이미지가 너무 좋아보입니다. 확대나 축소를해도 이미지가 깔끔하기 때문입니다.

하지만 왜 포토샵에서는 비트맵방식을 사용할까요? 각각 장단점을 간단하게 살펴봅시다.

비트맵의 장단점

벡터에 비해 자유롭게 표현이 가능하고, 질감이라든지 색상을 풍부하게 표현할 수 있고, 다양한 느낌을 연출 할 수 있습니다.

단점은 해상도에 따라 용량이 늘어나고 확대하면 이미지가 깨집니다.

벡터의 장단점

화면을 확대해도 깨지지 않고 깔끔한 이미지를 유지합니다.

단점은 비트맵보다 풍부한 표현을 다양하게 만들기가 어렵습니다.

결국 우리는 사용 용도에 따라 비트맵이미지와 벡터이미지를 사용처에 맞는 용도로 사용하는 것이 바람직한 방법 입니다.

(참고 벡터는 어도비 일러스트에서 사용됩니다.)

포토샵 강좌 여기에서 마무리 하겠습니다.

긴글 읽어주셔서 대단히 감사합니다. 좋은하루 되시길 바랍니다.

안녕하세요. 포디채널 입니다.

이번 글이 저의 첫 포스팅 입니다.

제 블로그는 포토샵과 관련된 자세한 강좌와 활용법에 대하여 글을 올릴 예정입니다.

사실 제 생각은 이렇습니다.

포토샵을 배우고싶은 사람들이 있습니다. 블로그의 글을 읽고, 유튜브를 시청합니다, 그러나 초보자들이 이해 할 수 있을만한 자세한 설명이 부족합니다. 초보자가 포토샵을 처음으로 배울때, 초보자들은 어떤 내용이 중요한지 알 수 없습니다. 전문가가 직접 가르쳐주지 않는이상 제대로 이해하기가 어렵습니다. 포토샵 강좌영상을 보면, 포토샵을 능숙하게 사용하지 못하는 초보자에게는 배우는게 너무 어렵습니다. 한마디로로 상세한 기초적인 지식을 배울 수 없습니다. 그래서 제가 상세하게 기초적인 지식을 알려드리겠습니다.

글을 써내려가기 전에 한마디만 하겠습니다.

포토샵의 기초적인 지식을 몰라도걱정하지 마시기 바랍니다.

저의 포토샵 강좌를 통해서 알려드리겠습니다.

만약 여러분이 어도비 포토샵을 능숙하게 다룬다면 어디에 사용하고 싶으신가요?

누군가는 포토샵을 사용해 자신의 얼굴에 보정을 할 것이고, 또 누군가는 신체의 다리길이를 늘리거나 이목구비를 보정 할 것입니다. 그리고 전문가들은 웹디자인, 편집디자인, 예술등 많은 분야에서 포토샵을 사용합니다.  

그리고 디자이너들은 많은 사람들의 구매의욕을 높이기위해 감성을 자극하고 시선을 집중시킬 수 있는 감각적인 디자인의 제품과 상세페이지등을 제작합니다. 우리는 그런 디자인의 제품에 항상 구매욕구를 느낌니다.

알고보면 우리가 생각했던 것보다 일상생활에 수많은 것들이 포토샵과 관련이 있습니다. 포토샵으로 만든 디자인이 우리의 삶에 스며들어 있기 때문입니다. 일상생활에 많이 사용되는 포토샵을 통하여, 이미지를 내가 원하는 방식으로 편집하고 보정하면서, 자신이 포토샵을 자유롭게 다룰 수 있다면 얼마나 유용하고 좋을지 생각해봅시다. 포토샵을 배워서 제대로 다룰 수 있게 되었을때, 얼마나 많은것을 디자인하고 편집을 하면서 머리속으로 상상했던 이미지들을 작업해 나간다면 미래의 직업으로 가능성을 생각해 볼 수 있습니다.

만약 자신이 포토샵을 자신의것으로 만든다면, 저는 분명 엄청난 장점이라 생각합니다. 그만큼 포토샵은 정말 매력적입니다. 오늘은 생각보다 저의 개인적인 의견을 많이 글쓰게된 첫 포스팅이 되었습니다.

다음 포스팅부터 어도비 포토샵에대한 내용으로 포토샵 강좌를 시작하겠습니다.

저의 포토샵 강좌가 남들과 비슷해 보일수 있지만, 저의 블로그에서 배우는 시간이 늘어날수록 확실히 차별화된 포토샵 강좌를 느껴보셨으면 좋겠습니다. 

포토샵에대한 지식이 없더라도, 저의 블로그를 통하여 포토샵의 기초적인 강의와 실제 업무에서 배울 수 있는 포토샵 기술을 공부해 나간다면 정말 많은 도움이 될거라 생각합니다.

포토샵을 배우기전에 먼저 알아야할 기초지식이 있습니다. 다음시간에는 기초지식들에 대해서 하나씩 배워보는 시간을 가지도록 하겠습니다. 저의 포스팅을 읽어준 분들에게 감사드립니다. 포스팅을 마치겠습니다.