[PhotoshopShop] 포토샵 개념 이해하기 / 포토샵 화면 구성

2012.11.21 09:13



[PhotoshopShop] 포토샵 개념 이해하기 / 포토샵 화면 구성


안녕하세요 Azdesign입니다.

이번 시간에는 포토샵 개념 이해하기 방법에 대하여 포스팅 하도록 하겠습니다.

- 포토샵 개념과 기본 화면구성 이해하기-


포토샵 강좌 쓰기로 해놓고 조금 늦게 시작되었네요.

이번 강좌에서는 포토샵개념과 간단한 포토샵 화면구성에 대해

포스팅 하겠습니다.

프로젝트 " 포토샵 친해지기"

포토샵에 대해 전혀 지식이 없으셔도 관계없습니다.

그냥 한번 포스팅 보시다가 나도한번 해볼까??

라는 생각이 드시면 한번 따라해보시면됩니다.





그럼 포토샵[Photoshop] 이란?? 

포토샵을 왜 배워야 하는데??



왜 스마트폰 테마제작을 하면서 포토샵 강좌를 병행 하느냐라는 의문을 가질 수 도 있겠지만

그 이유는 스마트폰을 구성하고 있는 UI[Userinterface]에 나타는 그래픽요소들의 대부분이 비트맵방식의 PNG[일부 JPG] 파일이기 때문입니다.

이런 비트맵방식을 제작/수정하는 프로그램 중에 가장 최적화 되어있는것이 포토샵입니다.



사전적인 의미에서 포토샵이란?

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

포토샵과 코렐페인터(Corel Painter)와 같이 그래픽 편집 작업을 하는 프로그램에서는 비트맵 그래픽 개념을 사용한다."




어려운 말처럼 들리시겠지만 간단하게 말씀드리면 

포토샵은

평면상(모니터,핸드폰액정,종이 등) 2차원에 들어가는 이미지들을 

편집할 수 있는 Tool입니다.

흔히 말씀하시는 이미지 편집 프로그램이지요^^



근데.. 이포토샵이란 프로그램은 비트맵 방식으로 구현되고 있습니다.

비트맵이 뭐냐고요??

비트맵이란 이미지 [JPG,PNG 등] 비트(픽셀)에 정보를 담고 

있기 때문에 해상도를 무시하고 이미지를 확대할 경우 이미지가 깨지게 됩니다.

(벡터이미지 : 수학적 공식에 의해 점,선,면의 정보를 갖고 있어 확대해서 깨지지 않음)



같은 크기의 이미지를 4000배 확대해 볼께요


[비트맵 이미지(PNG, JPG)를 확대한 경우(사각형 하나 픽셀)]


[벡터 이미지를(AI)를 확대한 경우]


그럼 벡터이미지가 크기도 작고 더 선명하고 벡터로 만들면 되지 않겠느냐라는 의문이 들겠지만

벡터라는 놈자체가 점,선,면의 수학정 공식에 의해 제작되기 때문에

이미지 편집툴인 포토샵에 비해서 필터,스타일등의 이미지효과가 떨어집니다.

그래서 일러스트에서 아이콘등을 만들고 포토샵에서 효과를 주게 됩니다.



서론이 길었는데 한정된 시스템 용량안에서 기기의 최적화된 이미지를 제작하기 위해서는

해상도를 조절하실 수 있어야합니다.


그래서 그부분의 능력자 포토샵이란 그래픽 프로그램인 포토샵이 필요한겁니다.

(과한 해상도로 시스템 용량을 낭비할 수는 없으니까요)



결론은....



비트맵 방식의 이미지[PNG,JPG]를 수정하기위한 최적화 프로그램이 포토샵입니다.

(프로그램 설치 및 프로그램 어떻게 구하느냐라는 부분은 언급하지 않겠습니다.)






그럼 포토샵 강좌에서 사용하게될 프로그램 얼굴좀 볼까요??

(Photoshop CS5 영문버젼 기준으로 설명해 드리겠습니다.)



초기 구동화면 입니다.

(포토샵 다시 구동 귀찮아서 인터넷에서 퍼왔습니다.)





 포토샵 프로그램을 실행 시키고 PSD(포토샵확장자) 이미지 하나를 오픈시킨 이미지 입니다.


뭔가 영어로 다 도배되어있어 친근하게 느껴지시지는 않겠지만

저희가 쓸 명령어들은 정말 쉬운 단어들로 구성되어 있는게 대부분입니다.

(영문버전 그래픽 프로그램을 다루시면 다른 그래픽 프로그램도 쉽게 접근할 수 있습니다.)


하지만 저희 주 목적인

테마작업하면서 기본적인 작업에서는 어려운 단어는 없습니다.





열고, 수정하고, 저장하고, 닫고.. 

Opne ==> 이미지 수정 ==> Save or Save as ==> close


File을 누르고 Open-Close 메뉴가 나오는 스샷


Window를 눌러서 필요한 작업 레이어 파레트(단축키 F7) 를 오픈하는 스샷



Image ==> Image Size를 조절하는 스샷



최대한 쉽게 포토샵에 대한 친근감을 주고 싶어서 오늘은 

오늘 강좌에서는 포토샵 개념과 간단한 포토샵 스샷으로 강좌를 마치겠습니다.


오늘 보여드린 샷이 앞으로 작업할때 기본적으로 사용되는 것들입니다.

포토샵을 설치하시고 이미지를 하나 열어서 이것저것 만져보세요

어렵지 않아요^^


다음 강좌부터 이미지 해상도 개념 및 사이즈/해상도 수정하기, 레이어 개념 등 꼭 필요한 개념을 먼저 정리하고

이미지 편집강좌로 들어갈께요







이상으로 포토샵 개념 이해하기 방법에 대하여 포스팅을 마치도록 하겠습니다.






저작자 표시 비영리 변경 금지
신고


azdesign™ 포토샵 / 강좌 및 자료/포토샵 기초강좌 , , , , , ,



  1. Blog Icon
    쿤투

    헉헉 이것저것 만져보면서 뭐가뭔지 좀 이해가되는듯해요~ ㅎㅎㅎ많이많이 알려주세요~

  2. 어떻게 검색하다가 알게 됐는데요. 여기서 포토샵 공부해 보려구요.
    위에 일러스트에서 아이콘 만들어서 포토샵에서 효과를 준다고 했는데
    일러스트는 일러스트 프로그램으로 아이콘을 만든다는 건가요?

티스토리 툴바