오늘의 키워드 ,
'웹(web) 포토샵(Photoshop)'
입니다 .
다들 알고 계시겠지만 ,
포토샵은 어도비(Adobe)시스템의
그래픽 편집 소프트웨어입니다 : )
---
전 고등학교 때 부터 디자인을 전공해서 , 고1 때 처음 접했었어요 .
아이맥(i mac)으로 시작했는데 , 그때가 photoshop 4.5 였던가요 -
지금은 버전이 벌써 CS4고 ,
디지털 기계의 보편화와 1인 미디어인 블로그 등이 활성화 된 요즘은 ,
초등학생 부터 할머니까지 남녀노소 활용하고 있는 프로그램이죠 .
그런 포토샵이 웹에 나왔다는 이야기를 듣고 깜짝 놀랐습니다 .
플래쉬로 만들어졌네요 '-'
전공과 직업이 시각디자인 분야인지라 , 때론 밖에 있을 때 급히 사용해야 할
경우가 있는데 . 간단한 기능은 보유하고 있어 유용하게 사용하고 있습니다 .
혹 모르시는 분들을 위해 소개를 드립니다 : )
아주 간단히 . (세심하게 툴 하나하나를 알려드리진 못해요)
우선 주소는 이렇습니다 .
(포토샵 실행 주소)
(개발자와의 contact)
---
+ 첫 페이지입니다.
웹상에서 포토샵이 실행되는군요 , 오호 신기해라 : )
+ 포토샵에서 main창이 뜨는 것 처럼
새 이미지 만들기 , 이미지 오픈 (컴퓨터 / URL에서 불러오기) 창이 뜨네요 .
+ 메인화면입니다.
기본적인 창은 툴(Tool)과 네비게이터, 레이어, 히스토리 네개의 창으로 구성되어 있습니다.
툴은 보시는 것 처럼 ,
Marquee / Move / Lasso / Crop / Wand
Clone stamp / Pencil / Brush / Eraser / Gradient / Paint
Blur / Sharpen / Smudge / Sponge / Dodge / Burn
적목감소 / Drawing / Bloat / Pinch
Colorpicker / Type / Hand / Zoom . 으로 구성되어 있어요
필요한 건 거의 다 있는 것 같아요 : )
+ 그리고 메뉴 , 간단히 플래쉬로 연결해놨는데 , 확인해보세요 : )
아쉽게도 그리드나 스냅, 등등은 안되고 . view에도 윈도우 창은 기본화면의 창 밖에 없네요
그래도 이만하면 어딥니까 , 이미지 색 보정 주요 기능은 다 있으니까요 '-'
+ Create New image를 했습니다 .
근데 , 저만 안되는 건지 단축키 버튼은 안내되어 있는데 단축키가 안되요 T_T
Type에서 텍스트 치고 컨트롤+a 해서 텍스트 전체선택은 되는데 , 그 외의
가장 중요한 컨트롤+z를 비롯한 단축키가 안먹히네요 ;- ;
사이즈 입력하시면 됩니다 . 640*480은 기본 사이즈에요 .
+ Text를 쳐보았어요 . 보통 캐릭터설정을 컨트롤+t로 하다보니 습관이 되서 단축키를 눌러도
뜨는 창은 없고 , 도구 자체에 캐릭터 창은 따로 없고 , 상단에 있습니다 . CS버전 처럼
폰트 미리보기가 가능해요 .
+ 그리고 이미지를 불렀습니다 .
이미지는 컴퓨터 or 이미지의웹주소 이렇게 두 가지 선택이 가능해요 .
컴퓨터에서 이미지 부르는 것과 같네요
+ 꽃을 불렀는데요 , 컬러픽커창이 똑같죠 .
처음 이것저것 만져보면서 참 감탄을 ;- ;
+ 꽃 색이 맘에 들지 않아 Hue&Saturation에 가서 명도와 채도를 올렸어요 : )
+ 그라데이션도 소프트웨어 포토샵 저리가라 할 정도로 다양하고 구성이 잘 되어 있어요 .
+ Filter 효과를 보여드릴까 해서 , 순서대로
위에서 아래로, 왼쪽에서 오른쪽으로 효과를 주었어요 : )
이 정도면 인물사진 정도는 무난히 효과 줄 수 있을 것 같네요
+ 꽃 위에 타이핑 한 텍스트를 복사해서 붙였어요 . (아쉽게 드래그 복사는 안되네요)
그리고 레이어를 조정해서 텍스트가 위로 오게 하고 , opacity 조정을 위해
텍스트를 Rasterize 했어요 . 오른쪽 마우스를 누르면 똑같이 창이 떠요 , (이미지 병합도 된답니다)
+ 아주 간단한건데 , 단축키가 안되는 관계로 시간이 .. ㅋㅋㅋㅋㅋ
근데 속도는 빨라요 , 인터넷 속도랑 비례하겠죠 ? ㅋㅋ
---
+ 다음은 활용 예제를 한 번 해볼까 해요 .
간단한 스킬인데 , 제 측근들이나 방문자 여러 분 들이 꽤나 궁금해하셨어요 .
이 참에 한 번 '-'
제 사진에 잘 사용하는 기법인데 , 이런 류의 효과에요 : )
입술에만 컬러가 들어간다던지
모자에만 포인트를
' 주인공은 나 ' ㅋㅋㅋㅋ 인가요
사물에도 사용할 수 있겠죠 : )
아주아주아주 간단해요 '-'
---
+ 대상 이미지를 불러요
+ 그리고 한번 더 부릅니다 . 같은 이미지가 두 장 필요해요
+ 두 장의 이미지 중 하나를 , Adjustment - Hue&Saturation 효과를 클릭해
가운데의 Saturation을 왼쪽으로 -값을 끝까지 (-100)내려 주세요 .
- 값으로 내려갈 수록 채도가 떨어지고 , + 쪽으로 가까워질 수록 색은 더욱 선명해지는 효과를 줘요 : )
Tip. 일반 사진에도 채도값을 조금 떨어트리면 은은하고 차분한 효과를 낼 수 있어요 .
+ (-100)까지 내리니 색은 모두 빠졌고 , Gray계열의 이미지가 되었어요 .
아쉽게 RGB/CMYK/Index 등의 컬러 선택은 되지 않습니다 .
+ 두 장의 이미지 중 지울 분량이 적은 이미지 (전 배경을 Gray로 하고, 절 컬러로 두려고 합니다)를
복사해 다른 레이어 위에 올립니다 .
+ 그리고 여기부터 중요해요 , 레이어창에 빨간박스 해 놓은 거 보이시죠?
Add layer mask라는 도구에요 . 레이어에 마스크를 씌워서
마스크를 씌운 만큼만 보이게 하는 효과가 있어요 : )
(말로는 이해가 좀 어려울 수 있는데 , 직접 해보시면 바로 감이 온답니다)
레이어 창의 버튼이 아니어도 , 메뉴에서 layer-add layer mask 누르셔도 되요 '-'
+ 마스크를 씌우니 위에 있던 컬러 레이어는 감춰지고 Background이미지만 남았습니다 '-'
Add layer mask가 마스크를 씌운 만큼만 보인다는 것이니 , 이제 마스크를 그려줘야 겠죠 ?
슬슬 이해가 되시죠 ? 호홍
+ 마스크를 그리는 방법은 여러가지에요 , Lasso 툴로 그릴 수도 있고 , Marquee로 선택해서 할 수도 있고 ,
포토샵에선 펜툴로 그리거나 , Brush를 이용하기에 여기서도 Brush를 선택했습니다 : ) (제일 쉬워요)
브러쉬 툴 박스 보이시죠 ? 메뉴 바로 하단의 브러쉬 점을 클릭하면 뜬답니다 . 포토샵과 같아요 -
우선은 큰 면적을 위주로 , Hard하고 선명한 Hardness를 100으로 두고 크게크게 그려나갈거에요 .
+ 이것 역시 중요해요 . 툴 하단의 컬러창이 있죠 ?
검은색은 그린다 / 흰색은 지운다 라는 개념으로 통해요 .
그러니 검은색으로 브러싱을 하면 감춰졌던 이미지가 드러나고, 흰색 브러싱은 감춰지겠죠 ?
그래서 흰색 브러싱은 수정에 용이해요 '-' 삐져나가서 다른 배경의 색이 더 보인다거나 할 때 .
Eraser처럼 이미지가 지워지진 않으니 , 초보분들은 긴장마시고 느긋하게 마음 편히 작업하셔도 되요
Foreground 컬러를 꼭 확인하셔서 ! 검은색을 위로 흰색을 아래로 해서 마스크를 그려보자구요 : )
슬슬 제 얼굴의 색이 드러나고 있죠 ? ㅎㅎ
브러쉬를 Hard하고 큰 걸로 했기에 큰면을 쓱삭쓱삭 칠해줍니다 .
+ 큰 면을 거의 그렸으면 , 경계선 등은 브러쉬를 작고 연한 것으로 바꿔 디테일하게 그려줘요 .
+ 다 그려주어 저만 돋보이는 사진이 되었네요 ㅋㅋ
+ 저장을 해야죠 , 웹 포토샵이라고 웹에만 저장되는 것이 아닙니다 '-'
파일명을 넣고 Save to my computer를 선택하고 , Quality (100으로 갈 수록 고품질의 이미지)
조정 후 저장을 합니다 .
+ 짜잔 ! 완성입니다 : )
한 번 따라해보세요 . 생각보다 굉장히 간단하죠 - ?
제 사진 계속 보시느라 고생하셨습니다 ;- ; 하하하 .
---
웹에서도 충분히 구현할 수 있네요 ,
개발하신 분 정말 대단하십니다 '-'
그럼 오늘의 키워드 '웹 포토샵'의 포스팅을
마치겠습니다 , 이만 안녕히 -
