워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그


포토샵의 디스플레이스 필터와 가우시안 블러 필터를 이용하면 물결효과를 내서 물위에 반사된 효과를 낼 수 있습니다. 



포토샵에 사진을 불러와서 Ctrl+J키를 누르면 레이어가 복사됩니다. 메뉴에서 이미지-캔버스사이즈를 선택하면 창이 나옵니다. 2의 Relative에 체크하고 높이를 100입력, 4의 세모를 클릭하여 Percent를 선택합니다. 앵커위치는 5의 중앙 상방향을 클릭하고 OK클릭하고 나오면 이미지는 위로 이동하고 아래에 100%만큼 캔버스가 추가됩니다. 

 
1의 레이어를 선택하고 Ctrl+T키를 누르면 자유변형툴이 나옵니다. 우클릭해서 수직으로 뒤집기를 선택하면 이미지가 아래위로 뒤집어집니다. Ctrl+Shift+;키를 누르면 스냅기능이 활성화됩니다. Shift키를 누른채 이미지내부를 클릭드래그해서 하단으로 이동하면 수직이동되고 문서의 끝에 오면 자석처럼 달라붙습니다. 엔터키를 치면 자유변형툴이 사라집니다.

 
Ctrl+Shift+Alt+E키를 누르면 두개의 레이어가 병합되어 새로운 레이어에 복사됩니다. 2를 클릭하면 새로운 레이어가 만들어집니다. D키를 누르면 색상도구가 기본색으로 바뀝니다. 배경색이 흰색이므로 Ctrl+Delete키를 누르면 새 레이어에 흰색이 채워집니다. 


색상도구가 기본색인 상태에서 메뉴에서 필터-스케치-하프톤패턴을 선택하면 창이 나옵니다. 사이즈는 사진의 해상도에 따라 다르나 여기서는 7입력하고 콘트라스트는 최대로 한 다음 OK클릭 합니다.


이미지가 큰 사진의 경우 하프톤 패턴을 최대로 적용해도 물결효과가 미미하므로 패턴을 적용한 다음 Ctrl+마이너스키를 눌러 축소하고 Ctrl+T키를 눌러 자유변형툴에서 Shift+Alt키를 누른채 모서리의 조절점을 클릭드래그해서 확대해준 다음 엔터키를 치면 패턴이 확대됩니다. 별도의 패턴 만드는 방법은 아래에 추가했습니다.


다시 필터메뉴에서 블러-가우시안블러를 선택하고 4입력하고 OK클릭합니다.


두가지 필터를 적용하고 나면 위와같은 이미지로 됩니다. Ctrl+Shift+S키를 눌러 확장자를 psd로 해서 다른이름으로 저장하는데 원하는 이름으로 찾기 쉬운 폴더에 저장합니다. 여기서는 displace.psd로 저장했습니다. 이제 이 레이어는 필요없으니 Delete키를 눌러 제거합니다.


1의 레이어가 선택된 상태에서 메뉴에서 필터-왜곡(Distort)-디스플레이스(Displace..)를 선택하면 작은 창이 나옵니다. 수평 스케일은 4를 입력하고 수직스케일은 0을 입력, 3과 4에 체크한 다음 OK클릭하면 브라우저 창이 나옵니다. 이전에 저장한 psd파일을 찾아서 선택하고 열기(Open)을 클릭하면 1의 이미지가 물결효과가 적용됩니다.

 
1의 레이어의 레이어썸네일 2를 Ctrl키를 누른채 클릭하면 3처럼 선택됩니다. Ctrl+Shift+i키를 누르면 선택이 반전되어 이미지의 상단이 선택되어 4에 선택표시가 나옵니다. 상단의 레이어가 선택된 상태에서 Alt키를 누르고 5의 레이어마스크아이콘을 클릭하면 이미지 상단에서 물결효과가 제거되고 레이어마스크 6은 상단이 검정색으로 됩니다. 실제로는 물결효과가 제거된 것이 아니고 레이어마스크에 의해 가려진 것입니다.  


1의 레이어가 선택된 상태에서 2의 조정레이어 추가 아이콘을 클릭하고 색조/채도(Hue/Saturation)을 선택하면 조정레이어가 추가되고 조정패널이 나옵니다. 3의 색상화에 체크하고 4의 색조 슬라이더를 파란색으로 이동한 다음 숫자 45를 빠르게 치면 투명도가 45%로 줄어듭니다. 이미지를 보면 잘 된 것같지만 6의 물결과 접하는 부분이 일자로 되어 자연스럽지 못합니다.


Ctrl+스페이스바를 누르면 커서가 돋보기툴로 바뀝니다. 클릭해서 이미지를 확대하고 1의 레이어마스크를 선택하고 도구모음에서 브러시툴을 선택합니다. 전경색을 검정색으로 한 다음, 우클릭해서 사이즈를 조절하고 브러시 경도는 90%로 조절합니다. 인물과 물결이 접하는 부분을 둥글게 5처럼 지워줍니다. 6의 가슴부분도 마찬가지로 둥글게 지워주고 반대편도 지워줍니다.

 
접하는 부분을 둥글게 지우고 나니 두개의 이미지가 접하는 부분이 줄이 생겼습니다. 제거해주려면 힐링브러시를 사용합니다. 새로운 레이어를 추가하고 도구모음에서 힐링브러시를 선택합니다. 옵션바에서 3의 Sampled에 체크, 4의 Aligned에 체크, 5에서 Current & Below를 선택한 다음 우클릭해서 사이즈와 경도를 조절합니다. 경도는 0%로 합니다. Alt키를 누르고 줄이 없는 깨끗한 부분에 클릭하면 텍스쳐가 복사됩니다. 8에 클릭하고 우측으로 드래그하면 줄이 제거됩니다. 9부분도 마찬가지 방법으로 줄이 없는 부분을 복사해서 제거해줍니다. 반대편도 지워주면 완성입니다. 힐링브러시의 사용법은 이곳 을 참고하세요.


라인 하프톤 패턴만들기



이미지가 크면 필터로 하프톤 패턴을 적용해도 효과가 나타나지 않은 경우는 별도의 패턴을 만들어 사이즈를 조정해서 적용해줘야합니다. 포토샵에서 100X100픽셀의 새문서를 만들고 D키를 누르면 색상도구 전경색이 검정으로 됩니다. Alt+Delete키를 눌러 검정색을 채우고 메뉴에서 이미지-캔버스사이즈를 선택합니다. Height에 100을 입력하고 Relative에 체크, 앵커는 5에 체크하고 6에서 백그라운드를 선택하고 OK클릭합니다.


위처럼 이미지가 만들어지면 메뉴에서 편집-패턴정의를 선택하고 나오는 창에서 적당한 이름을 넣고 OK클릭한 다음 위 문서는 필요없으니 삭제합니다.


물결효과를 적용할 이미지에 새레이어를 만들고 페인트통 도구를 선택하여 옵션바에서 패턴을 선택 4를 클릭하여 등록한 패턴으로 이미지위에 클릭하면 패턴이 만들어지지만 이미지에 따라 크기를 조절할 수 없습니다. 그래서 레이어스타일의 패턴오버레이를 적용합니다. 빈레이어에는 레이어스타일이 적용이 안되므로 1의 레이어를 선택하고 Shift+백스페이스키를 누른 다음 5에서 50%회색을 선택하고 OK클릭한 다음 6을 클릭하여 패턴오버레이를 선택합니다.

 
1을 클릭하여 등록한 패턴을 선택하고 2에서 슬라이더를 이동하면 사이즈 조절이 됩니다. OK클릭하고 나옵니다. 3의 레이어는 회색만 적용이 되어있어서 가우시안 블러가 적용이 안됩니다. 4를 우클릭해서 레이어만들기(Create Layer)를 선택하면 레이어스타일이 일반레이어로 분리됩니다. 분리된 레이어와 3의 레이어를 Shift키를 누르고 선택하여 Ctrl+E키를 누르면 병합됩니다. 그다음부터는 블러효과가 적용이 되고, 그다음 과정부터 진행하면 됩니다.