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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그


이전 글에서 사진이나 종이가 말리는 효과를 알아보았습니다. 이번글에서는 글자 말리는 효과를 알아봅니다. 방법은 비슷하지만 문자의 특성상 모양도 다르고 레스터라이즈를 한 다음 글자 하나씩 효과를 줘야하기 때문에 작업시간이 길어집니다.

여기서 사용할 폰트는 이곳 에서 다운 받습니다. 배경으로 사용할 종이는 이곳 에서 다운 받습니다.


폰트는 압축을 풀고 우클릭해서 메뉴에서 설치를 클릭하면 시스템에 설치됩니다. 포토샵을 끄고 다시 들어오면 인식됩니다. 종이를 다운 받아 압축을 풀고 포토샵에 불러오면 그레이스케일 모드이므로 메뉴에서 이미지-모드-RGB모드를 클릭합니다. 레이어창에서 1의 아이콘을 클릭하고 색조/채도(Hue/Saturation)을 선택하면 조정패널이 나옵니다. 2에 체크하고 슬라이더를 조절하여 색을 만듭니다.


문자툴을 선택하고 옵션바에서 폰트를 선택한 다음 문서에 클릭하고 글자를 만듭니다. 글자색은 아무거나 상관없습니다. Ctrl+T키를 눌러 자유변형툴이 나오면 Shift키를 누르고 조절점을 이동하여 크기를 조절합니다. 적당한 크기가 되었으면 다른 글자를 만들때 참고해야하므로 옵션바에서 글자의 사이즈를 기록해둡니다. 레이어창에서 문자레이어를 우클릭해서 메뉴에서 레스터라이즈(Rasterize Type)를 선택합니다. 


다각형 라쏘툴로 사진처럼 선택해주고 Ctrl+X키를 누르면 잘라집니다. Ctrl+Shift+V키를 누르면 원래의 자리에 붙여넣기가 됩니다. 


Ctrl+T키를 누른다음 우클릭해서 수평으로 뒤집기를 클릭하고 다시 우클릭해서 수직으로 뒤집기를 선택하면 조각이 180도 회전합니다. 엔터키를 치면 하나의 글자는 완성됩니다. 3의 레이어를 선택하고 4의 레이어스타일 아이콘을 클릭, 그래디언트 오버레이를 선택합니다.


1을 클릭하면 그래디언트 에디터창이 나옵니다. 2의 슬라이더를 클릭하고 3을 클릭하면 컬러피커가 나옵니다. 어두운 그린색을 선택하고 5에서 색상코드를 복사하고 OK클릭합니다. 6을 클릭하고 컬러피커에서 복사한 코드를 5에 붙여넣고 OK클릭합니다. 


색상 슬라이드의 중간에 커서를 대면 손모양으로 바뀔때 클릭하면 슬라이더가 만들어집니다. 2를 클릭하여 이번에는 밝은 그린색을 선택합니다. 4에서 이전에 선택한 색과 비교할 수 있습니다. OK클릭한 다음 5에 이름을 green으로 입력하고 6의 New버튼을 클릭하면 새로운 프리셋이 만들어집니다. OK클릭합니다.


1에서 45도로 입력하고 2의 그림자를 클릭합니다. 투명도를 낮추고 각도를 45도입력, 그림자의 사이즈를 조절한 다음 6의 New Style 버튼을 클릭하면 작은 창이 나옵니다. 이름을 입력하고 OK클릭하면 새로운 스타일이 만들어집니다. 다시 OK클릭해서 레이어스타일 창에서 나옵니다.

 
메뉴에서 윈도우-스타일을 선택하면 스타일 패널이 나오고 하단에 1처럼 만든 스타일이 등록되어 있습니다. 2의 조각 레이어를 선택하고 1을 클릭하면 스타일이 적용되지만 크기가 크고 그림자도 안맞아서 조절해야합니다. 4를 더블클릭합니다.


1의 스케일을 줄여주고 2를 클릭드래그해서 밝은 부분이 중앙에 오도록 조절한 다음 3을 클릭합니다.


1의 Distance를 0으로 하고 2의 투명도를 조절, 3의 사이즈를 조절하면 글자하나는 완성입니다. 두개의 레이어를 Shift키를 누르고 클릭한 다음 Ctrl+G키를 누르면 그룹화됩니다. 이미 그래디언트가 만들어져있으므로 다른 글자는 만들기 쉬워집니다. 글자의 어느 부분을 잘라서 조각을 만들지 자유롭게 선택할 수 있습니다.


두가지의 글자를 추가로 예를 들어봅니다. Y자의 경우 1처럼 자르고 큰조각은 그래디언트를 미리적용합니다. 자유변형툴로 수직 뒤집기를 해준다음 회전하고 잘라진 부분에 맞추고 그래디언트를 적용한 다음 스케일을 조절합니다. 그래디언트의 각도도 조절해줍니다.


L자의 경우는 위처럼 조각내면 수평뒤집기를 하고 회전한 다음 그래디언트를 적용하고 스케일 조절합니다. 그림자도 세밀하게 조절해주면 완성도가 높은 타이포그래피가 나옵니다.