먼저 새로운 텍스트 레이어를 만들어봅니다.

좌측의 '툴 박스(도구 상자)'에서 'A' 아이콘이 '텍스트 도구'입니다. 이를 클릭하고 하단의 '텍스트 도구 옵션' 패널에서 글꼴과 크기 등을 미리 설정하고 문서 내 임의의 위치에 클릭한 후 글자를 입력합니다.


김프 - 텍스트 입력김프 - 텍스트 입력


텍스트 크기 조정을 위해 텍스트를 더블클릭하거나 드래그하여 블록으로 잡고 대화 상자의 텍스트 크기 수치를 조정합니다.


김프 - 텍스트 크기 수정김프 - 텍스트 크기 수정


좌측 '툴 박스'에서 '이동 도구'를 선택하고 텍스트의 위치를 이미지의 중앙에 오도록 움직여줍니다. '정렬 도구'를 사용해도 되지만 여기서는 대충 이동하겠습니다(도구 옵션의 체크를 잘 확인합니다 - '현재 레이어 이동'을 추천합니다).


김프 - 레이어 이동김프 - 레이어 이동


상단 메뉴바에 있는 '레이어' 항목을 클릭하면 제일 아래에 'Layer Effects'가 등록된 것을 확인할 수 있습니다. 마우스 커서를 'Layer Effects'로 이동하여 하단 메뉴 중에서 가장 아래에 있는 스트로크(stroke-테두리)를 클릭합니다.


김프 - 레이어 이펙트 적용김프 - 레이어 이펙트 적용


스트로크 옵션 대화 상자에서 여러 옵션들을 살펴보고 적당한 수치를 넣어 텍스트에 효과가 적용되는 것을 확인합니다.

- Size : 테두리 두께

- Position : 테두리 위치 (0=외곽선 안쪽, 50=외곽선 중간, 100=외곽선 바깥쪽)

- Blend Mode : 하단 레이어와 색이 혼합되는 방식의 종류

- Opacity : 불투명도

- Fill Type : Color(단일 색상), Gradient(연속 색상), Pattern(패턴 이미지)

- Merge with layer : 효과 적용 후 레이어를 하나로 병합 (효과 적용 후 수정 불가능 - 체크 비추천)

- Preview : 효과 적용 모습 미리보기 (체크 추천)


김프 - 레이어 이펙트 - 스트로크 옵션김프 - 레이어 이펙트 - 스트로크 옵션


효과가 적용되었습니다. 레이어를 확인해 보면 한 개의 '그룹 레이어(튤립-with-stroke)'가 생성되었고 그 내부에 텍스트 레이어인 '튤립'과 스트로크 레이어인 '튤립-stroke'가 있는 것을 확인할 수 있습니다.

김프 - 스트로크(테두리) 적용김프 - 스트로크(테두리) 적용


효과가 적용된 텍스트를 이동기키려면 그룹 레이어(튤립-with-stroke)를 이동시켜야합니다. 레이어를 선택이 잘못되면 엉뚱한 레이어가 이동하므로 주의해야 합니다.


김프 - 그룹 레이어 이동김프 - 그룹 레이어 이동


입력된 텍스트를 수정하기 위해서는 텍스트 레이어를 더블 클릭하여 수정하면 됩니다. 그러나 효과는 원래의 텍스트에 적용된 것에서 변하지 않기 때문에 다시 적용해야 합니다.


김프 - 레이어 이펙트 수정 한계점김프 - 레이어 이펙트 수정 한계점


김프 - 작업취소(ctrl+z) 후 효과 다시 적용김프 - 작업취소(ctrl+z) 후 효과 다시 적용


아직 포토샵의 레이어 스타일 기능에 비해서는 부족한 면이 있습니다만 그래도 상당히 근접한 결과물을 보여주고 있습니다. 오픈소스이자 무료로 공개되어 있는 그래픽 프로그램인 김프(GIMP)를 잘 사용하면 별도의 비용 부담을 줄이면서도 만족스러운 결과물을 얻을 수 있을 것입니다.



블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

가장 널리 사용되고 있는 그래픽 프로그램이라면 단연코 '포토샵'이라는 것은 대부분의 컴퓨터 사용자라면 고개를 끄떡이면서 동의할 것입니다. 간단한 아이콘 제작부터 광고용 합성 이미지는 물론 SF 영화에서의 특수효과 합성에도 사용되는 말 그대로 '맥가이버의 만능 칼'과 같은 프로그램이죠.


하지만 그 뛰어난 기능 만큼 그 가격도 뛰어나기 때문에 선뜻 구매하기가 어려운 것도 사실입니다. 어도비의 CS6(Creative Suit 6 - 크리에이티브 슈트 6) 이후로는 CC(Creative Cloud - 크리에이티브 클라우드)로 바뀌면서 마치 월정액 온라인 게임을 하듯이 계정을 만들고 프로그램 사용료를 결재하는 방향으로 구매 방법이 바뀌었기 때문에 한방에 목돈이 나가지는 않지만 그래도 포토그래피 서비스의 경우 월 11,000원이라는 비용이 듭니다.


포토샵 월정액포토샵 월정액


업무에 항상 포토샵을 사용해야 하는 경우라면 굉장히 저렴한 비용으로 최고의 프로그램을 사용할 수 있지만(어도비도 포토샵 사용자가 아주 많기 때문에 포토샵 사용 금액은 다른 프로그램에 비해 저렴하게 책정한 듯 합니다) 그냥 아주 가끔 이미지 크기 조정, 글자 넣기 정도만 사용하는 평범한 컴퓨터 사용자라면 약간은 망설여질 수도 있을 수 있겠네요.


이런 분들을 위한 그래픽 프리웨어들이 꽤 많지만 그 중에서 가장 널리 알려진 프로그램이라고 한다면 바로 '김프'입니다.


김프(GIMP) 인스톨 화면김프(GIMP) 인스톨 화면


'김프'는 포토샵에서 지원하는 기능들의 상당 부분(레이어, 패스, 필터, 알파채널, 브러시 등)을 지원하고 있으며 사용하기에 따라서는 전문적인 영역(웹, 그래픽)에서도 사용할 수 있을만한 결과물을 낼 수도 있습니다. 단지 포토샵과는 프로그램의 레이아웃과 사용법이 꽤나 다르기 때문에 적응이 조금 힘들 뿐이죠.


김프(GIMP) 레이아웃김프(GIMP) 레이아웃


'김프'를 기본 설치한 후 살펴보면 포토샵에서는 지원하는 강력한 기능인 '레이어 스타일(Layer Style)'이 없는 것을 알 수 있습니다. 입체, 그림자, 테두리 등의 효과를 쉽게 넣을 수 있는 이 기능은 포토샵으로 아이콘이나 웹 요소들을 제작하는데에 이제는 없어서는 안되는 기능이입니다. 그렇기 때문에 '김프'에서도 이를 구현할 수 있으면 (사용법에는 차이가 좀 있더라도)보다 작업이 편해집니다.


"gimp layer style plug in"의 키워드로 구글링을 하면 몇 개의 검색 결과를 볼 수 있는데 그 중 "LayerFX for Gimp 2.8 – GIMP Scripts"를 클릭하여 이동합니다.


구글에서 김프 플러그인 검색구글에서 김프 플러그인 검색


이동한 홈페이지에서 "LayerFX for 2.8 (Python-Fu)" 버전을 다운로드 받습니다.


김프 플러그인(LayerFX) 다운로드김프 플러그인(LayerFX) 다운로드


'김프'가 실행되어 있는 상태라면 프로그램을 종료하고, 다운로드 받은 파일 "layerfx.2.8.py"를 '김프'의 'Plug-ins' 폴더에 넣습니다. 플러그인 폴더는 설치 옵션을 수정하지 않은 윈도우7 기준으로 "C:\Users\사용자명\.gimp-2.8" 안에 있습니다.


김프 플러그인 폴더 위치김프 플러그인 폴더 위치


이제 '김프'를 실행하고 상단 메뉴바의 [레이어]를 클릭한 후 풀다운 메뉴의 가장 아래에 있는 [Layer Effects]에 마우스 커서를 이동하면 포토샵의 레이어 스타일과 비슷한 기능들을 레이어에 적용할 수 있습니다.


김프 레이어 이펙트 활성화김프 레이어 이펙트 활성화


여기까지 '김프'에서의 '레이어 스타일(이펙트)' 플러그인 설치에 대해서 알아보았으며 다음 포스팅에서는 이펙트의 사용에 대해 알아보겠습니다.




블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

플러그인은 워드프레스에 기본 기능을 보완하고 확장시키거나 새로운 기능을 추가합니다.

플러그인은 '플러그인 추가하기'를 통해서 원하는 것을 검색하여 바로 설치할 수 있으며, '플러그인 업로드'를 통해 플러그인 압축파일(zip)을 올리는 방식으로도 설치할 수 있습니다. 또한 FTP 접속을 통해 워드프레스 설치 디렉토리 중에서 플러그인 디렉토리 속에 플러그인을 구성하는 파일(폴더)를 업로드하는 방식으로도 설치할 수 있습니다.


플러그인설치된 플러그인 목록


플러그인 추가주요 플러그인 검색


플러그인 업로드플러그인 압축파일(zip) 업로드


플러그인 FTPFTP로 플러그인 디렉토리에 직접 설치


'편집기'는 '테마편집기'와 같은 기능으로 플러그인을 구성하는 소스 파일을 찾아 수정할 수 있는 기능을 가지고 있습니다. 여기서는 플러그인 WP Editor를 설치했기 때문에 'Plugin Editor'로 기능이 대체되었습니다.


플러그인 에디터플러그인 에디터


플러그인은 워드프레스 기본 상태에서는 지원하지 않는 수많은 기능을 확장, 추가하여 워드프레스로 하여금 무한한 가능성을 가지게 하지만 반면으로는 워드프레스로 만들어진 홈페이지를 느리게도 할 수 있습니다. 그렇기 때문에 꼭 필요한 플러그인을 엄선하여 사용해야 하며 같은 기능을 하는 여러 플러그인을 동시에 설치하는 것은 피해야 합니다. 또한 플러그인 사이에서의 충돌현상이 일어날 수도 있기 때문에 여러개의 플러그인을 동시에 활성화 하는 것 보다는 하나하나 설치, 활성화하면서 홈페이지의 정상 동작 여부를 반드시 체크해야 합니다.

'워드프레스 > 기초 블로그 제작' 카테고리의 다른 글

WP기초 - 도구  (0) 2015.05.01
WP기초 - 사용자  (0) 2015.04.17
WP기초 - 외모 - 테마편집기  (0) 2015.04.09
WP기초 - 외모 - 메뉴  (1) 2015.04.05
WP기초 - 외모 - 위젯  (0) 2015.04.03
블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

현재 보고 있는 웹문서가 홈페이지에서 어디에 위치하고 있는지 알려주는 플러그인입니다.

홈페이지를 만들면서 그냥 로케이션(Location), 페이지네이션(Pagination) 등등 여러 명칭으로 불렀던 것 같은데요.

해외에서는 Breadcrumb(빵조각)이라고 합니다. 아래의 홈페이지에서는 테마 자체에 breadcrumb 기능이 포함되어 있는 경우 입니다.




이처럼 상당수의 테마들이 이 Breadcrumb 기능을 지원하고 있는데 가끔은 그렇지 않은 테마들도 있습니다. 이런 경우 설치해서 사용할 수 있는 플러그인 중에 많은 사용자를 가지고 있는 것이 바로 Breadcrumb NavXT 입니다.




사용방법은 플러그인 설명 페이지에 있는 Installation 항목에서 볼 수 있으며, 플러그인을 설치 및 활성화하고 설명에 있는 코드 클립보드에 복사하여 워드프레스 테마 PHP 소스에 넣으면 됩니다.




예를 들어 전체적으로 모든 페이지에 넣고 싶다면 header.php에 넣으면 되고, 페이지와 포스트에만 넣고 싶다면 각각 page.php와 single.php에 넣으면 됩니다. header.php에 넣는 경우 전면페이지에서 출력 여부를 잘 생각해서 설정해야 합니다.

아래의 이미지에서는 홈페이지의 우측 상단에 위치하고 있습니다.




<알림판> - <설정> 항목을 통해 플러그인 세팅을 할 수 있습니다.

각 단계 사이에 들어갈 아이콘이나 문자 등은 Breadcrumb Separator 에서 설정할 수 있으며, 첫 페이지(홈), 블로그 등의 특정 단계의 출력및 링크 등을 뺄 수도 있습니다.


블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,
TW Pagination

포스트, 코멘트에 페이지 번호를 넣을 수 있는 플러그인 입니다. 사용법도 간결하고 활성화하고 소스코드를 넣는 것 만으로 잘 동작합니다. 특별한 에러도 없군요. 

아쉬운 점은 포스트, 코멘트 부분의 설정을 나누어서 따로 관리하게 했으면 더 좋았을 것으로 생각됩니다. 

그리고 정렬(좌,중간,우) 기능이 없어서 따로 스타일 지정을 해 줘야 한다는 부분도 아쉽고요. 따로 스킨기능도 없어서 스타일시트로 꾸며줘야 하는 부분도...(너무 바라는게 많네요. 프로그램도 못하면서 ㅎㅎ;;;)


첨부화일은 한글화 한 소스파일입니다. 압축을 풀고 파일명을 "tw-pagination.php"로 바꾸고 원래의 파일을 대체하면 됩니다.

내부의 영문 부분만 한글로 (구글번역의 도움을 받아서) 바꾼 거지만, 혹시 모르니 원본 백업은 잊지 마시고요.


'워드프레스 > 테마 & 플러그인' 카테고리의 다른 글

Breadcrumb NavXT 웹문서 현재 위치 표시  (0) 2015.03.31
WP Google fonts - 구글 웹폰트 플러그인  (0) 2014.10.16
Meta Slider  (0) 2014.05.05
Inovado  (0) 2014.05.05
Easy Fancybox (한글 언어 파일 추가)  (0) 2014.04.15
블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

Meta Slider

http://wordpress.org/plugins/ml-slider/

 

메타슬라이더. 무료버전이지만 내부에 4가지 종류의 슬라이더를 제공하고 있습니다.

4개 중에서 개인적으로는 Nivo Slider 를 주로 사용하는데 가로, 세로 풀사이즈를 잘 지원해서라고나 할까요?




블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

Easy Fancybox

https://wordpress.org/plugins/easy-fancybox/

 

새 레이어를 통해 이미지, 동영상 등을 띄워주는 플러그인. 사용법도 간단하고 다른 플러그인들과의 큰 충돌도 없는 것 같아서 주로 사용하고 있습니다. 좀 더 많은 효과를 위해서는 업그레이드가 필요하지만 무료로도 충분히 쓸 만한 플러그인.

 

첨부파일은 한글 언어 파일로 압축을 풀어나오는 파일들을 플러그인의 languages 폴더에 넣으면 됩니다.

 

easy-fancybox-languages_ko_KR.zip




'워드프레스 > 테마 & 플러그인' 카테고리의 다른 글

Meta Slider  (0) 2014.05.05
Inovado  (0) 2014.05.05
Auto Excerpt everywhere (한글화 파일 추가)  (0) 2014.04.11
Lens  (0) 2014.04.11
Egofolio  (0) 2014.04.03
블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,

Auto Excerpt everywhere
http://wordpress.org/plugins/auto-excerpt-everywhere/

워드프레스에서 포스트를 페이지에 미리보기 또는 리스트로 출력할 때에는 기본값이 전체 내용 모두가 출력되게 되어 있습니다. 이를 정해진 글자수 만큼만 출력하는 기능을 가지고 있는 플러그인입니다.

자를 글자 수, 더보기 텍스트 수정, 더보기 용 이미지 지정, 섬네일 사용여부, 섬네일 정렬 및 커스텀 클래스 지정 기능 등의 기능이 있고 특별히 설정이 어렵지 않습니다.
한 가지 단점은 더보기 텍스트가 요약글 바로 다음에 오게 되어 있어서 정렬이 힘들다는 것인데... 플러그인 소스 수정으로 가능하겠네요.

첨부파일은 한글화한 것입이다. 플러그인을 설치 후 압축을 풀어서 나오는 option.php 를 덮어씌우면 됩니다.

options_ko-kr.zip



'워드프레스 > 테마 & 플러그인' 카테고리의 다른 글

Meta Slider  (0) 2014.05.05
Inovado  (0) 2014.05.05
Easy Fancybox (한글 언어 파일 추가)  (0) 2014.04.15
Lens  (0) 2014.04.11
Egofolio  (0) 2014.04.03
블로그 이미지

환타73

디지털 콘텐츠 제작 및 연구 & 개발. 온오프라인 강의.

,