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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

블로그 인기글

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그


포토샵의 타일필터는 이미지를 조각내어 타일형태로 만드는 기능을 가진 필터입니다. 벡터인 텍스트를 레스터라이즈하고 이 필터를 적용하면 글자를 조각낼 수가 있게 됩니다. 같은 글자를 5개의 레이어에 만들고 타일필터를 적용하여 회로기판(Circuit Board)같은 효과를 내는 방법을 알아봅니다.

 
1000X500픽셀의 새문서를 만들고 글자를 만듭니다. 글자의 굵기가 굵은 폰트를 사용하는 것이 좋습니다. 색상도구에서 전경색을 클릭하면 컬러피커가 나옵니다. 3의 Only Web Colors에 체크하면 일정한 색을 단계적으로 선택할 수 있습니다. 색조 슬라이더에서 녹색을 선택하고 처음엔 어두운 색을 클릭합니다 나중에 순서대로 밝은 색을 선택할 것입니다. OK클릭하고 나온 다음 Shift+Alt+백스페이스를 누르면 글자에 색상이 채워집니다.


글자레이어를 선택하고 우클릭해서 메뉴에서 레스터라이즈를 선택하면 벡터인 글자가 이미지화됩니다. 레이어스타일 아이콘을 클릭하고 그림자효과를 선택하여 Distance는 7, 사이즈는 0으로 설정한 다음, 스트록의 사이즈를 1로 설정하고 OK클릭합니다. 레이어의 fx아이콘 옆의 세모를 클릭하면 레이어스타일이 감춰집니다.


Ctrl+J키를 다섯번 눌러서 레이어 복사를 합니다. 첫번째 복사된 레이어를 선택하고 나머지 레이어의 눈아이콘은 꺼줍니다. 색상도구의 전경색을 클릭하여 컬러피커에서 그다음 단계의 밝은 녹색을 선택하고 나온 다음 Shift+Alt+백스페이스키를 눌러 색을 변경합니다.


색상도구의 배경색을 흰색으로 선택해주고 메뉴에서 필터-스타일라이즈-타일을 선택합니다. 타일의 숫자는 10, 오프셋은 10을 입력하고 벌어진 틈 채우기: 배경색에 체크하고 나오면 이미지가 타일화됩니다. Ctrl+F키를 누르면 방금 적용한 필터가 다시한번 적용되어 틈이 더 벌어집니다.


마술봉툴을 선택하고 옵션바에서 Contiguous에 체크해제한 다음 배경의 흰색을 클릭하면 전체 흰색이 선택됩니다. Delete키를 눌러 제거한 다음 Ctrl+D키를 눌러 선택해제합니다. 


메뉴에서 이미지-이미지회전-시계방향 90도 회전(CW 90)을 선택해서 회전해 줍니다. 그다음 레이어를 선택하고 눈아이콘을 켜준 다음 전경색을 그 다음의 밝은 색으로 선택해주고 Shift+Alt+백스페이스키를 눌러 색을 변경해줍니다.


Ctrl+F키를 세번 눌러주면 타일필터가 적용됩니다. 한번 사용한 필터는 계속 저장되어 있습니다. 마술봉툴로 흰색을 선택하여 제거합니다.


이미지를 회전하고 그다음 레이어를 선택, 눈아이콘을 켜주고 전경색을 다음 밝은 색으로 변경하여 색을 채웁니다. 이번에는 타일필터를 4번 적용해줍니다. 마술봉툴로 흰색을 제거해줍니다.


같은 방법으로 이미지를 회전, 색상 변경, 필터 다섯번 적용, 흰색제거합니다.


마지막은 필터를 6번 적용합니다.


하단의 레이어를 선택하고 세모를 클릭하여 레이어스타일을 열고 그림자효과를 더블클릭하여 Distance와 Spread, Size를 조절합니다.


각 레이어의 색상을 다른 색으로 바꿀 수도 있습니다.