모르면 손해보는 포토샵 꿀팁!

728x90
반응형

포토샵엔 History라는 개념이 존재합니다.

포토샵 프로그램의 상단에 가서 Window -> History 패널을 열어봅니다.

히스토리 패널을 열고, 포토샵 작업을 계속해보면

내가 마우스로 클릭하는 기능이나, 작업내역들이 계속 History에 쌓이게 됩니다.

사진에 보면 히스토리가 가득찬걸 확인할 수 있습니다.

히스토리가 가득찬 상태로 계속 작업하게 되면 심할경우, 포토샵이 버벅이거나 느림현상이 발생하는걸 느낄 수 있습니다.

반응형

그래서 이 느림현상을 방지해주기 위한 기능이 Purge 입니다.

Edit에 가면 Purge기능을 사용할 수 있습니다.

Purge에 가서 All을 눌러주면 히스토리와 클립보드 정리를 해주며 포토샵 최적화가 이루어집니다.

훨씬 쾌적한 포토샵 작업이 될겁니다.

2022.10.07 - [●컴퓨터 그래픽/PhotoShop] - 포토샵 그림자 쉽게 만들기

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 그림자 쉽게 만들기  (1) 2022.10.07
컬러(Color)  (0) 2021.05.06
포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14

댓글()

포토샵 그림자 쉽게 만들기

728x90
반응형

포토샵 프로그램을 이용해서, 그림자를 쉽고, 빠르게 만들어 보겠습니다.

아래의 그림을 포토샵으로 불러오겠습니다.

포토샵 그림자 만들기

사진을 보면 소년의 그림자가 없습니다.

그림자는 크게 두가지로 나뉘어 집니다.

하드쉐도우 : 딱딱한 그림자

소프트쉐도우 : 부드러운 그림자

반응형

우선 딱딱한 그림자를 같이 만들어 볼까요?

단축키를 몇개 알아놓으셔야 작업하기가 수월합니다.

Ctrl + J = 레이어의 이미지를 선택하고 해당단축키를 누르면 이미지가 복제 됩니다

소년의 이미지는 Object Selection Tool로 드래그하면 쉽게 소년을 선택할 수 있습니다.

소년의 테두리가 반짝거리는 점선이 나온다면 옳게 한거예요

반짝거리는 소년이 됐다면, Ctrl + J를 두번 눌러서 선택된 소년의 이미지를 2개 복제하겠습니다.

포토샵 레이어창(F7)을 보면 소년만 분리되서 레이어가 2개된걸 확인할 수 있다.

소년과 배경이 분리되서 소년의 레이어가 2개된걸 확인할수 있습니다.

1.분리된 소년레이어 중에서 사진에 보면 점선으로 선택된 소년레이어를 마우스로 클릭해서 선택합니다.

2.그다음에 점선박스된 부분을 포토샾에선 썸네일이라고 부르는데, 이 썸네일을 Ctrl누르면서 마우스로 클릭합니다.

3.클릭하게 되면 소년만 반짝반짝 거리면서 선택된걸 확인가능합니다.

728x90

4. 왼쪽 네모 점선 박스로 선택된곳에 전경색이 검정인지 확인한후에, Ctrl + Del키를 눌러서 검정색으로 채워줍니다.

5. Ctrl + D 를 눌러서 선택영역 해제를 해줍니다.

그럼 소년레이어 두번째 레이어가 검게 색이 칠해진걸 확인 가능합니다.

Ctrl + T를 눌러서 검게 칠해진 소년레이어를 Free Transform기능을 활성화하면, 소년 이미지 주위로

상단의 이미지처럼 박스가 생기는걸 확인가능합니다.

Ctrl 키를 누르면서 박스의 꼭지점 윗부분(왼쪽,오른쪽)을 왼쪽 하단으로 잡아당깁니다.

그럼 그림자가 생기는걸 확인할 수 있습니다.

그림자가 너무 시커멓게 나오니 오른쪽 레이어에 점선 박스친곳을 보면 Opacity(불투명도)를 조절하여

적당한 값을 찾아줍니다.

포토샵 그림자 만들기가 완성됐습니다.


여기까지 하면 그림자 중에 하드쉐도우로 만든것입니다.

그림자 모양 외곽선이 선명하죠!

그림자 외곽선을 부드럽게 하려면 필터만 사용하면 간단하게 됩니다.

포토샵 상단에 Filter -> Blur -> Gaussian Blur를 사용합니다.

해당 블러는 이미지 전체! 에 블러현상을 줍니다.

블러 수치는 마음대로 주시되 저는 4.0포인트를 주었습니다.

그림자가 훨씬 부드러워지는걸 확인할 수 있죠.

이렇게 하시면 소프트 쉐도우가 완성됩니다 ^^

손쉽고 간단하게 포토샵 그림자를 만들어 봤습니다.

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

모르면 손해보는 포토샵 꿀팁!  (1) 2022.10.07
컬러(Color)  (0) 2021.05.06
포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14

댓글()

컬러(Color)

728x90
반응형

- 올바른 색을 쓰는 것보다 아이덴티티를 위해 차별화된 창조적인색을 쓰는 것이 중요하다!

- 생각과 가치의 변화는 선호하는 컬러마저 변화시킨다.

- 지금 이 순간에도 컬러는 당신의 내면에 어떤 반향을 일으키고 있을 것이다.

- 많은 색상을 사용하지 말것!

- 눈으로 컬러를 인식하는 순간! 신경이 자극되어 마음에 변화가 생긴다! (빨강 : 흥분, 아드레날린 / 검정 : 깔끔, 심플)

(파랑 : 흥분을 가라앉힌다.)

- 디자이너는 소비자가 어떤 느낌을 받을지 미리 알아야 한다!

- 컬러의 자극은 형태보다 강하다. 컬러는 가장 먼저! 가장 오래! 가장 자극적으로 전달된다!

- 컬러는 형태보다 시각적 우위를 차지한다.

- 컬러는 인간의 감성을 자극한다. <이케아의 예>

- 컬러가 있으면 많은 감성 스위치가 켜진다. <글라소 비타민워터>

- 브랜드 인지도를 높일 수 있는 좋은 방법은 디자인의 일관성을 유지하는 것!

- 디자이너 = 감각을 파는 사람

- 디자이너라면 모든 컬러에 대해 열린 태도를 가져야 한다.

- 마음에 드는 색이 있으면 포토샵의 스포이드로 색을 뽑지말고, 색을 보고 어디에 있는 색인지 골라본다!

- Tint(명색조, 원색의 양보다 흰색의 양이 많은 것)

- Shade(암색조)

- Magenta(핑크라고 부르는 것의 원조, 바비인형, 최근엔 빨강을 대신해서 많이 사용)

- 색상연습하는 게임 : 블렌도쿠, I love hue

- 패키지 덕분에 '어떤 값진 것'이 되는 것이다

- 모든 색상은 긍정성과 부정성을 동시에 가지고 있다(빨강 : 강렬한 이미지, 파괴, 전쟁, 생명)

- 세 가지 원색으로 배색하는 것은 최고로 높은 에너지를 전달하겠다는 의도!

(하바이나아스 2017 여름 배너 광고, Havaianas)

- 보색은 자극과 대비를 일으켜 눈이 시원해진다(파랑, 노랑)

- 적은 수의 컬러를 사용하더라도 분명한 전달력을 갖출 수 있다면 소비자의 뇌리에 박힐 수 있다.

- 그레이의 명도 그라데이션과 원색의 조화는 아름다운 배색이라는 면에서 볼 때, 실패할 확률이 아주 낮다

TB 홈페이지 디자인 www.tb-haute-coutellerie.com/en/

- 편안한 느낌일수록 고명도의 밝은색 비중을 높이는 것이 좋다. 단! 고명도(밝은색) 색으로만 채우면 불안감을 줄 수 있다.

- 저채도일수록 편안함을 준다.

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

모르면 손해보는 포토샵 꿀팁!  (1) 2022.10.07
포토샵 그림자 쉽게 만들기  (1) 2022.10.07
포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14

댓글()

포토샵 : Vibrance

728x90
반응형

포토샵(Photoshop)에 있는 Vibrance에 대해 알아보겠습니다.

사실 저는 잘 쓰지 않게 되는 기능인데, 꽃사진이나 이미지의 컬러가

연할때 가끔 사용하게 됩니다.


꽃 사진을 불러오겠습니다.

이런 이미지가 있습니다.

원본의 이미지에 포토샵(photoshop)에서 Image - adjustment - Vibrance 를 눌러서 실행합니다.

Vibrance는 활기라는 뜻을 가지고 있는데, 색상 강도에 영향을 줍니다.


그래서 색상에 따라 각기 다른 강도로 색의 느낌이 강해지거나 약해지는 느낌이 납니다.

CMYK모드에서는 동작하지 않고, RGB 모드에서만 동작합니다.

앞서 말씀드린바와 같이 저는 연한 색상의 이미지에 가끔 활용하고 있습니다.



앞선 2장의 이미지를 보시면 Vibrance만 높였을때의 이미지와

Saturation만 높였을 때 이미지가 다른걸 확인할 수 있을겁니다.


직접 사진을 포토샵에서 작업하면서 Vibrance기능을 사용해보면

어떤건지 더 잘 알게 될겁니다.


다음시간에도 포토샵의 다양한 기능으로 찾아오겠습니다.

감사합니다.



728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 그림자 쉽게 만들기  (1) 2022.10.07
컬러(Color)  (0) 2021.05.06
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14
New Window for 기능  (0) 2020.03.09

댓글()

포토샵 : Replace Color

728x90
반응형

포토샵 보정 기능중의 하나인 Replace Color에 대해서 알아보겠습니다


Replace Color는 '색상 대체'라고도 하는데,

내가 지정한 컬러의 영역을 다른 색상으로 교체하는 기능입니다.


자! 아래의 사진을 보고 진행해 보겠습니다.


이런 꽃 사진이 있습니다.

꽃의 잎 부분을 개별선택해서 다른 색깔로 바꾸려고 합니다.


1. image - adjustment - Replace Color를 누릅니다

2. 옵션창이 나타나는데, 자동으로 스포이드 툴이 활성화되어 있습니다.

3. 색상을 바꾸고 싶은 영역을 클릭하시고, 영역을 추가로 넣으려면

   Shift 키를 누르고 클릭하면 선택영역이 더 많아지게 됩니다.

4. 아래에 있는 Hue, Saturation, Lightness값을 조정해서 색상을 변경합니다.


위의 순서대로 진행하면 아래와 같은 결과값을 얻을 수가 있습니다.


Replace Color는 선택한 영역을 색조와 채도, 명도를 변화시켜 줍니다.

옵션창에 있는 Fuzziness의 슬라이더를 조정하면, 색상 허용 범위 조정이 가능합니다.


이상으로 포토샵(photoshop)에 있는 Replace Color에 대해서 알아보았습니다

다음 포스팅에도 유용한 내용으로 찾아오겠습니다.

감사합니다 ^~^

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

컬러(Color)  (0) 2021.05.06
포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Match Color  (0) 2020.12.14
New Window for 기능  (0) 2020.03.09
프로그램 추천! : PureRef  (0) 2019.12.09

댓글()

포토샵 : Match Color

728x90
반응형

포토샵 보정(adjustment)영역에 있는 기능중에 하나인

Match Color에 대해서 알아보겠습니다.


일단 사진 2개를 준비합니다.

메치 컬러(Match Color)기능은 말 그대로 색상을 메칭해주는 기능을 합니다.


예를 들어서 아래의 꽃 이미지와 건물이미지가 있습니다.


메치컬러(Match Color)라는 기능을 활용해서

꽃이미지에 있는 색깔을 건물들이 있는 사진에 컬러를 매치하려고 합니다.


방법은 간단합니다.

1. 우선 빌딩이 있는 사진 레이어를 선택합니다

2. image - Adjustment - Match Color를 눌러줍니다


위 사진에 있는 경로대로 매치컬러(Match Color) 기능을 실행합니다.


 

그럼 옆의 매치컬러 옵션창이 나타나게 되고

옵션창의 하단 부분에 보면

Source라는 부분이 있습니다!


이 Source부분을 체크해서 색상을 변경하고픈 사진을 선택하면

선택한 사진의 색상으로 현재 사진의 이미지가 컬러 매칭이 이뤄집니다.

원본 이미지의 건물 사진의 이미지 컬러가

꽃 사진의 컬러로 매칭되었습니다.

이런 식으로 전혀 다른 컬러의 사진을 내가 원하는 사진의 컬러와

같은 톤으로 만들고 싶을때 사용하는 기능이 Match Color라는 기능입니다.


2개의 사진이 있어야되니 매치컬러라는 기능을 사용할 땐

2장의 사진을 준비하면 되겠습니다

다음 포스팅에도 유용한 포토샵(Photoshop) 기능으로 찾아뵙겠습니다.

감사합니다!

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
New Window for 기능  (0) 2020.03.09
프로그램 추천! : PureRef  (0) 2019.12.09
JPEG, PNG, GIF, BMP, TIFF 이미지 파일의 특징  (0) 2019.12.05

댓글()

New Window for 기능

728x90
반응형


포토샵 작업을 하다보면, 원본을 복사해서

원본을 보면서 작업을 해야되는 경우가 생깁니다.

그 때 유용한 기능이 바로

New Window for 이란 기능입니다.

현재 작업하고 있는 창을 복사해서 새로 만들어 주는 기능입니다.

순서는 아래와 같습니다.



1. 사진과 같이 포토샵에서 Window -> Arrange -> New Window for 을 누릅니다.

2. New Window for을 눌렀다면, 바로 옆에 똑같은 창이 하나 복제되서 생깁니다.

3. 복제된 창이 생겼다면, Window -> Arrange -> 2-up horizontal 또는 2-up vertical 을 누릅니다



3번까지 했다면 수직이나 수평으로 똑같은 작업물을 보면서

작업할 수 있습니다.


상당히 유용한 기능인데, 모르는 분들이 많아서 안쓰는 기능입니다.

포토샵으로 그림을 그릴 때, 왼쪽, 오른쪽 놓고 그릴때나 다양한 상황에서 유용합니다

감사합니다.


728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14
프로그램 추천! : PureRef  (0) 2019.12.09
JPEG, PNG, GIF, BMP, TIFF 이미지 파일의 특징  (0) 2019.12.05

댓글()

프로그램 추천! : PureRef

728x90
반응형

3D 모델링을 하다보면, 참고해야할 레퍼런스 이미지를 많이 봐야 합니다. 자동차나 인체 등 모델링 할 때, 구글링해서 많은 이미지를 다운받고, 보통은 포토샵에 이미지를 넣습니다.

하지만 포토샵이 설치되지 않았거나, 프로그램이 없으면 참 낭패하죠. 포토샵 같은 경우는 월2~3만원의 비용도 내야합니다. 또 포토샵은 지금 소개드릴 프로그램보다 무거운 편에 속합니다. PureRef 툴은 23메가바이트의 적은 용량을 자랑합니다.

저는 3d 모델링할 때, 레퍼런스 이미지를 모아두는 툴로


PureRef


라는 툴을 사용합니다. 무료로 사용가능합니다.

다운받는 사이트는 pureref.com 입니다.

프로그램도 엄청 가볍고, 그냥 설치하고, 바로 레퍼런스 이미지를 드래그&드롭으로 넣으면 끝입니다.

정말 간단하죠! 아래의 사진에 단축키가 있습니다. 사이트에 가도 동일한 이미지가 있으니 참고하면 되겠습니다.

굉장히 많은 단축키가 있지만 실제로 많이 쓰는 단축키는


Ctrl + Alt + 마우스왼클릭 좌우로 움직임 : 이미지 스케일

Ctrl + (Shift) + 마우스왼클릭 좌우로 움직임 : 이미지 로테이션 (Shift 누르면 이미지 스냅)

Alt + Shift + 마우스왼클릭 좌우로 움직임 : 이미지 반전

마우스우클릭 누른채로 움직임 : Pureref 화면창 잡고 움직이는 것 

Ctrl + Alt + Shift + 마우스왼클릭 좌우로 움직임 : 이미지 투명도 조절

Ctrl + S : 저장

Ctrl + Shift + S : 다른 이름으로 저장

Space Bar : 선택한 이미지만 확대


이 정도의 기능만 쓰고 있습니다. 몇가지 단축키만 기억하면, 사실 포토샵으로 레퍼런스 이미지를 등록하는 것보다 훠~얼씬 편합니다. 언제 유료로 될지 모르니 미리 다운받으셔서, 잘 사용하시길 바래요 ^~^

감사합니다.

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14
New Window for 기능  (0) 2020.03.09
JPEG, PNG, GIF, BMP, TIFF 이미지 파일의 특징  (0) 2019.12.05

댓글()

JPEG, PNG, GIF, BMP, TIFF 이미지 파일의 특징

728x90
반응형

컴퓨터 그래픽 전문가가 아니더라도 우리는 기본적으로 핸드폰에 있는 사진을 옮기거나, 웹에 올릴 이미지를 간단히 편집하기도 합니다. 아주 간단히 말이죠.

제일 많이 보는 이미지 파일의 확장자가 jpeg을 많이 쓰고 있습니다. 데이터 자체가 가벼우면서도 이미지가 그리 나쁘지 않아서 많이 쓰이는데요, 이번 포스팅은 각 이미지 파일 확장자가 가지고 있는 특징과 뜻에 대해서 설명하도록 하겠습니다.


1. 사진 이미지라면 JPEG를 쓰는 것이 일반적입니다.

 

JPEGJoint Photographic Experts Group의 약자로, JPEG라는 이미지 형식을 만든 회사 이름에서 유래되었습니다.

확장자는 많이 보셨던 jpg, jpeg입니다. 간단

히 요약하자면, '사진에 적합한 이미지 형식' 이라고 보면 되겠습니다.

하지만, jpeg는 이미지를 압축하면서 사람의 눈으로는 감지하기 힘든 색깔을 생략시켜 버립니다. 예를 들어 사진 1장의 원본이 10Mb가 넘는다면 1Mb로 만들어 버리는 것이죠.

 

2. 배경이 투명한 이미지를 원한다면 PNG!

 

사실 PNG 이지지는 원래 웹에서 사용되기 위해서 만들어진 이미지 형식입니다. 확장자는 png 입니다.

약자만 보더라도 Portable Network Graphics의 약자로, 컴퓨터에서 처리하는데 적합한 무손실 압축 이미지 포맷입니다.

GIF로 만들 수 있는 투명한 배경의 기능을 가지면서, GIF의 256색이라는 한계를 극복한 형식으로 1995년에 개발되었습니다.

여담으로 PNG 형식의 이름은 'PNG is Not GIF' 라는 내포된 의미도 담겨있다고 합니다 ^~^

 

3. 256색 이하로 된 이미지가 필요하다면 GIF!

 

Graphics Interchange Format 의 약자이며, 확장자는 gif!

풀 컬러인 jpeg와는 달리 최대 256색깔로 제한되어 있습니다. 그래서 우리가 움직이는 이미지 파일을 보면 그렇게 칼라가 다양하지 않다고 느끼고, 실제로 그렇게 보여지죠. 주로 아이콘과 삽화, 일러스트에 쓰입니다. 또한 jpeg에서는 지원하지 않는 배경을 투명하게 가능합니다. 

그리고 가장 잘 쓰이는 용도로는 움직임이 있는 사진을 만들때 많이 쓰는 확장자이기도 합니다.

 

4. 고해상도의 이미지가 필요할 땐 TIFF

 

Tagged Image File Format 의 약자입니다. 확장자는 tif 입니다.

웹상에서는 지원하지 않는 형식의 이미지 파일이기 때문에, 별도로 jpeg 이미지로 변환해 주어야 합니다.

고해상도의 이미지로 저장할 때 자주 쓰이는 형식입니다.

 

5. Microsoft Window에서 처리되는 이미지 방식이 BMP!

 

Microsoft Windows Bitmap Image 의 약자입니다. 확장자는 bmp입니다.

약자 그대로 윈도우에 대응하기 위해서 만들어진 이미지 방식입니다. 많이 봐오던 확장자죠. 

이 BMP도 인터넷에선 지원하지 않기 때문에 jpeg로 변환해야 합니다.


텍스트로만 설명드려서 헷갈릴가봐, 별도의 표로 간략히 작성했습니다.

  JPEG PNG GIF TIFF BMP

확장자

jpg(jpeg) png gif tif(tiff) bmp

특징

1670만개의 색깔을 표현 가능 이미지에 투명한 배경이 사용 가능

256색 지원

움직이는 이미지

고해상도의 이미지

를 지원

압축처리가 되지않아서 용량이 크다.

Microsoft사에서 만들어진 이미지 형식.

용도

사진 등 색깔이 많은 이미지에 적합! 사진 이미지와 투명한 배경을 같이 사용할 경우 색깔이 적은 이미지를 사용할 때 적합 고해상도의 이미지가 필요할 때! 고해상도의 이미지가 필요할 때!

용량

작다 크다 작다 크다 크다

인터넷 지원

가능 가능 가능 X X

 

728x90
반응형

'●컴퓨터 그래픽 > PhotoShop' 카테고리의 다른 글

포토샵 : Vibrance  (0) 2020.12.15
포토샵 : Replace Color  (0) 2020.12.14
포토샵 : Match Color  (0) 2020.12.14
New Window for 기능  (0) 2020.03.09
프로그램 추천! : PureRef  (0) 2019.12.09

댓글()