블로그의 멋진 서명은 어떻게 만드는 것일까요?
블로그를 운영하다보면, 나만의 멋진 < 서명 >을 만들고 싶어집니다.
가장 먼저 떠오르는 서명의 효과로는 실제로 < 도장 >을 찍는 기분이 듭니다.
그리고 이 포스팅에 사용된 이미지를 보시면 아시겠지만,
포스팅 이미지에 < 통일성 >이 생깁니다.
일종의 < 불펌 >을 막기 위한 장치이기도 하구요.
이미지를 가져다가 < 서명 >을 제거하고 쓰려고 하면
편집하기가 귀찮거나 아니면 원 이미지에 훼손이 갑니다.
즉, < 불펌 >을 통해 깔끔한 이미지 사용이 불가능 합니다.
참고로 < 무료이미지 >를 사용했더라고 하더라도
편집 등으로 < 가공 >하게 되면, 이는 < 2차 저작물 >이 됩니다.
즉, < 저작권 >의 보호대상이 됩니다.
단, < 원저작권자의 사용동의 >가 있어야 합니다.
가장 어려운 것이 < 어떤 서명을 만들까? >를 상상하는 것입니다.
개인적으로 이러한 상상(디자인)이 제일 어려운 것 같습니다.
이미 머릿속에 어느정도 < 나만의 디자인 >이 있어야 합니다.
그러기 위해서 다른 분들의 서명을 많이 < 벤치마킹 > 해보는 것도 좋은 것 같습니다.
< 모방 >은 < 창조 >의 어머니이니까요.
그럼 나만의 서명을 한 번 만들러 GoGo~!
※ 참고로 이미지만 보고 진행하셔도 충분히 만드실 수 있습니다.
1
일단 가장 대중적인 이미지 편집 프로그램인 < 포토샵 >을 사용하도록 하겠습니다.
포스팅에 쓰인 것은 < 포토샵 CS6 > 버전입니다.
작업을 위해 < 포토샵을 실행 >시켜 줍니다.
2
상단 메뉴에서 < File > --- <New> 를 선택합니다.
3
작업을 할 < 캔버스 = 작업공간 >을 만들어 주어야 합니다.
아래와 같이 입력 및 선택해 줍니다.
Width : 200 픽셀 Height : 100 픽셀 Resoulution : 72 Background Contents : Transparent |
4
아래와 같이 화면에 < 캔버스 = 작업공간 >이 생깁니다.
그런데 < 작업공간 >이 작기 때문에, < 확대 >해서 쓰는 것이 편합니다.
< Ctrl > + < 마우스 휠 >을 조작해서, 작업하기 편한 크기로 < 캔버스 >를 확대해 줍니다.
5
그럼 가장먼저 < 서명 >으로 사용할 문구를 입력하도록 하겠습니다.
< 좌측 >에 있는 < 메뉴 아이콘 >에서 [ T ] 모양의 아이콘을 클릭합니다.
6
그리고 상단 메뉴바 바로 아래에 생기는 < 세부 메뉴 >에서
< 폰트 종류 > 및 < 폰트 크기 >를 선택합니다.
※ 나중에 수정이 가능합니다.
7
< 캔버스 = 작업공간 >의 아무곳이나 클릭하면,
< 글자 >를 입력할 수 있는 상태가 됩니다.
< 서명 >으로 쓰고 싶은 글자를 입력합니다.
8
저는 서명을 2줄로 만들 생각입니다.
물론 < 엔터 >키를 이용해서 2줄로 입력할 수도 있지만,
< 줄간격 >이 내가 원하는 대로 조절하기가 쉽지 않기 때문에
여러줄로 하실 경우에도 < 1줄씩 따로 입력 >하는 것이 작업하기 수월합니다.
1번째 줄 < 글자 >를 모두 입력하고 난 뒤,
< 우측 상단>에 있는 < 완료 >표시 = < V 표시 > 버튼을 누릅니다.
그리고 < 작업공간 >의 아무곳을 다시 클릭하여
2번째줄에 쓸 서명문구를 입력해 줍니다.
입력이 완료되면 다시한번 < V 표시 > 버튼을 누릅니다.
9
다음은 각각의 줄을 원하는 위치에 배치시키도록 하겠습니다.
전체적인 배치는 뒤에서 다시 하게 되므로
여기서는 < 줄 간의 간격 및 높이 조절 >을 하도록 합니다.
< 좌측 >에 있는 < 아이콘 메뉴 >에서 가장 첫번째에 있는 < 개체 이동 아이콘 >을 선택합니다.
< 개체 이동 아이콘 >은 < 화살촉 > 옆에 < + > 모양의 아이콘이 붙어 있습니다.
그 다음은 우측에 있는 < 레이어 영역 = Layers >에서
이동하고자 하는 < 레이어 >를 선택한 후,
< 작업공간 >에서 해당 < 문구 >를 원하는 위치로 이동시키면 됩니다.
2가지 < 레이어 >를 번갈아 가면서
원하는 형태로 < 서명 문구 >를 배치하시기 바랍니다.
10
작업하는 중에 실수로 2번째 줄에 쓰일 문구에 글자가 지워졌기 때문에
글자를 추가 하도록 하겠습니다.
입력이 완료된 < 문구 >를 < 수정 >하고자 할 때에는
< 레이어 영역 >에서 해당 < 레이어 >에 있는 [ T ] 모양의 아이콘을 < 더블클릭 > 하시면 됩니다.
< 더블클릭 >을 하게 되면, 아래와 같이 < 블록 >이 설정 됩니다.
< 마우스 >나 < 방향키 >를 이용하여
원하는 위치에 글자를 < 삽입 > 또는 < 삭제 > 하면 됩니다.
11
< 문구 수정 >이 완료되면, < 우측 상단 >에 있는 < 완료 버튼 = V >을 눌러줍니다.
12
다음은 첫 번째 줄에 있는 < 글자 > 중 일부를 < 확대 >하도록 하겠습니다.
먼저 < 레이어 영역 >에서 해당 < 레이어 >의 [ T ] 부분을 < 더블클릭 > 하면
아래와 같이 < 블록 >이 설정되어 수정이 가능한 상태가 됩니다.
상단 < 하위메뉴 >에서 < 글자 크기 >를 원하는 크기로 조절합니다.
여기서는 < 60 pt >로 설정하였습니다.
그리고
< 글자 색상 >을 바꿔주기 위해 상단에 있는 < 색상 > 메뉴를 선택합니다.
색상 선택까지 완료되었으면,
< 우측 상단 >에 있는 < 완료 = V > 버튼을 누릅니다.
※ 참고로 저는 색상은 뒤에서 작업을 하였습니다.
13
다음으로 < 서명 >을 < 작업공간 >의 < 중앙 >에 배치하려고 합니다.
먼저 < 우측 >의 < 레이어 영역 >에서
< Ctrl > 키를 누른 채로 2개의 < 레이어 >를 클릭하면
< 레이어 >가 < 동시선택 >이 됩니다.
즉, 한번에 동시에 움직일 수 있게 됩니다.
14
다음은 정확한 중앙배치를 위해 < 가이드 = 기준선 >라는 것을 사용할 것입니다.
< 상단메뉴 >에서 < View >메뉴를 선택한 뒤,
< 하위메뉴 >에서 < New Guide >를 선택합니다.
그러면 아래와 같은 < 팝업창 >이 뜨게 됩니다.
< Vertical >을 선택하고,
Position 에 < 50% >라고 입력한 뒤,
< OK > 버튼을 누릅니다.
그리고 다시한 번
< View > - <New Guide > 메뉴를 선택한 뒤에
아래와 같이 < 팝업창 >이 뜨면
< Horizontal >을 선택하고
Position에 < 50% >라고 입력한 뒤,
< OK > 버튼을 누릅니다.
15
아래와 같이 < 가이드 = 기준선 > 이 < 작업공간 >의 중앙에 생긴 것을 확인 할 수 있습니다.
이 < 가이드 >를 기준으로 < 서명 >을 이동시켜 < 정중앙>에 배치합니다.
16
이번에는 < 서명 글자 >에 < 테두리 >를 입혀 보겠습니다.
먼저 < 테두리 >를 입히고자 하는 < 레이어 >를 선택합니다.
그리고
< 상단메뉴>에서 < Layer>를 선택한 뒤에
< 하위메뉴 >에서 < Layer Style >을 선택하고
< 확장메뉴 >에서 < Stroke >를 선택합니다.
17
아래와 같이 < Layer Style 창 >이 뜨면
왼쪽에서 < Stroke > 항목을 선택하여 < 체크 >해 줍니다.
이어서 < 우측 >에 나오는 세부 메뉴에
아래 이미지에 적힌 대로 값들을 입력하고
원하는 < 테두리 색상 >을 선택 한 뒤
< OK > 버튼을 누릅니다.
18
그러면 아래와 같이 < 일상블로그 > 문구에 < 테두리 >가 생긴 것을 확인할 수 있습니다.
이번에는 이 < 테두리 효과>를 < 복사 >하도록 하겠습니다.
< Alt > 키를 누른채로
< 레이어 영역 >에 있는 < Effects >를 끌어다가
< Effects >가 없는 < 레이어 >에 놓으면
해당 < 레이어 >에 < Effects >가 < 복제 > 됩니다.
아래와 같이 < 테두리 효과 >가 < 복제 >된 것을 보실 수 있습니다.
19
다음으로 < 글자 색상 >을 < 화이트 >로 변경하도록 하겠습니다.
앞에서 < 글자 색상 >을 변경하지 않았던 이유는
색상을 < 화이트 >로 해놓고 작업을 하면
잘 안보여서 작업하기가 어렵기 때문입니다.
< 글자색상 >을 변경하고자 하는 < 레이어 >의 [ T ] 부분을 < 더블클릭 >한 후
< 상단메뉴 > 바로 아래에 있는 < 색상메뉴 >를 클릭합니다.
그러면 아래와 같이 색상을 변경할 수 있는 < 팝업창 >이 뜹니다.
여기서 원하는 색상을 선택한 후에 < OK > 버튼을 누르면 됩니다.
20
다음은 < 서명 >에 < 글자 >만 있으면 밋밋하기 때문에
< 배경 >에 < 이미지 >를 < 삽입 > 하도록 하겠습니다.
사용할 < 이미지 >가 있는 < 폴더 >를 열어 준 다음
해당 < 이미지 >를 < 작업공간 >으로 < 드래그&드롭 > 하면 됩니다.
< 드래그&드롭 = 끌어다 놓기 >
적당한 < 이미지 >를 찾지 못했을 경우에는
아래링크를 통해 < 저작권 걱정이 없는 이미지 >를 다운받아 사용하시면 됩니다.
< 저작권 걱정 없는 고화질 이미지 다운로드하는 방법>
21
< 이미지 >가 추가되면, 원하는 < 크기 >로 조절을 하고
원하는 위치에 < 배치 >한 뒤에
< 우측상단 >에 있는 < 완료 = V > 버튼을 누릅니다.
22
이전 단계에서 < 추가 > 한 이미지가 < 글자 > 위에 있으므로
< 이미지 >를 < 글자 > 뒤로 보내주도록 하겠습니다.
< 포토샵 >은
< 레이어 영역 >에 있는 < 레이어 > 순서대로 위에서 보여지게 됩니다.
즉, 제일 위에 있던 < 이미지 레이어 >를
< 글자 레이어 > 아래로 보내면
< 글자 >가 위에 보이게 됩니다.
< 레이어 이동 >은 < 드래그&드롭 >으로 하면 됩니다.
23
이제 마지막으로 < 이미지 >를 저장하면 됩니다.
< 상단메뉴 >에서 < File >을 선택한 후
< Save As...> 메뉴를 선택합니다.
24
아래와 같이 < 저장 팝업창 >이 뜨면
< 파일이름 >을 입력한 후에
< Format > 에서 < PNG >를 선택하고
< 저장 > 버튼을 누릅니다.
※ < PNG > 형태로 저장해야, < 서명 > 이외의 < 공백 >이 그대로 남아
다른 곳에 < 서명 >을 추가했을 때, 뒤의 배경 이미지가 보여지게 됩니다.
25
저장할 때 < 압축 >할 것인지를 묻는 것과
< 부분로딩 >시 로딩된 이미지만이라도 보여줄지
< 전체로딩 >이 완료된 경우에만 이미지를 보여줄지
선택하는 옵션입니다.
크게 상관없으니, < OK > 를 눌러 저장을 완료합니다.
고생하셨습니다~!!! 모든 작업이 완료되었네요~!!!
기나긴 작업이었네요.~~~ ^^
아래는 추가로 작업해 본 < 서명 >들 입니다.
보시다시피 배경만으로도 다양하게 활용할 수 있습니다.
어떤 것을 쓸까 고민하다가
현재 이미지에 적용되어 있는 < 서명 >을 선택했습니다.
나중에 또 바꿔주면 되니까요.
참고로 저는 < 디자인 >과 전혀 무관한 사람입니다.
이말은 여러분도 해보시면 충분히 하실 수 있습니다.
이번 포스팅에서는 < 포토샵 >에서 유용하게 쓰일 수 있는 < 팁 >도 몇 가지 있으니
익혀두셨다가 유용하게 사용하시길~!!
본 포스팅이 유익하셨다면
아래 ♡공감 부탁드립니다.
'Blog > TIPS' 카테고리의 다른 글
네이버 오픈캐스트를 발행하는 방법 (0) | 2016.07.26 |
---|---|
티스토리 블로그, 네이버 오픈캐스트를 개설하는 방법 (0) | 2016.07.25 |
[티스토리] 블로그용 고화질 무료이미지 다운받기 (0) | 2016.07.21 |
네이버 광고 새단장에 따른 키워드 검색방법 (0) | 2016.07.13 |
[티스토리] 블로그 외부 스킨 적용하기 (0) | 2016.05.09 |