티스토리 아이콘 만들기

티스토리 아이콘 만들기

오늘은 티스토리에 아이콘 이미지를 만들어서 추가해 보도록 하겠습니다.

이미지나 아이콘 생성을 하려면 전문툴인 포토샵을 이용하면 좋겠지만,

포토샵을 사용하지 못하는 분들도 쉽게 사용할수 있는 포토스케이프 로도 충분히 작업이 가능합니다.

포토스케이프를 작은 포토샵이라고 생각하시는 분들도 있더라구요~

혹시 포토스케이프 설치가 안되신 분들은 아래 링크를 참고해서 설치해 주세요~

[포토스케이프 사용하기]

그럼 포토스케이프가 설치되었는 가정하에 진행해 보겠습니다.

포토스케이프를 실행하시고, 사진편집 메뉴로 들어가 주세요~

그럼 아래처럼 화면이 나오는데, 여기서 좌측 하단에 있는 '메뉴' > '새 사진 만들기' 를 클립합니다.

그럼 생성할 이미지 사이즈를 입력하는 창이 나옵니다.

아이콘만 만들거면 64x64 픽셀로 만들면 되지만,

티스토리 대표 이미지도 같이 등록을 할꺼기 때문에 조금 더 큰 200x200 픽셀로 만들어 보겠습니다.

그럼 화면과 같이 200x200 픽셀의 하얀 배경 이미지가 만들어 졌습니다.

먼저 포토스케이프에서 기본적으로 제공하는 아이콘을 하나 선택해서 추가해 보겠습니다.

하단에 있는 개체탭을 클릭하시고, 아래 메뉴중에서 하트 모양의 아이콘 메뉴를 클릭합니다.

그럼 아래와 같이 아이콘 팝업이 뜹니다.

여기서 다양한 아이콘을 살펴보시고, 자신의 원하는 아이콘을 선택하면 됩니다.

저는 하트를 하나 선택해서 추가해 보겠습니다.

아래처럼 추가된 하트의 사이즈를 정당히 조절하여 크기를 맞춰줍니다.

크기는 하트를 선택하고 모서리나 테두리를 잡고 드레그 하시면 조절이 가능합니다.

다음은 글자를 하나 추가해 보기 위해서, T자 모양의 텍스트 메뉴를 클릭합니다.

그럼 아래와 같이 글 입력 팝업이 하나 뜹니다.

여기서 저는 'S' 라는 글자를 입력해 보도록 하겠습니다.

폰트 스타일과 크기, 색상, 외곽선 등 아래 화면과 같이 설정을 하도록 하겠습니다.

추가된 글자의 크기와 위치를 아래와 같이 적당히 조절을 하였습니다.

위치와 크기 조절은 글자를 클릭하고, 테두리와 모서리를 잡고 드레그 하시면 됩니다.

이제 다 만들어진 아이콘 이미지를 저장하도록 하겠습니다. 하단에 저장 버튼을 클릭해 주세요~

아래와 같이 저장 팝업이 뜨면 '다른 이름으로 저장'을 클릭해 줍니다.

이미지를 저장한 후에 티스토리에 업로드 해보도록 하겠습니다.

티스토리 관리자 화면에 들어가서, 관리에 블로그 메뉴를 클릭합니다.

그럼 블로그 대표 이미지와 아이콘을 업로드 할수 있는 화면이 나옵니다.

좀전에 만든 이미지를 각각 업로드 하면 됩니다.

그리고 페이지 아래에 있는 '변경사항 자장' 버튼을 눌러주세요~

그럼 아래와 같이 티스토리 홈페이지 상단에 아이콘 이미지가 적용된 것을 확인 할수 있습니다.

참고로 실제 여기에 표시된 이미지는 우리가 등록한 대표 이미지가 여기에 표시가 되는 것 입니다.

오늘은 여기까지 아이콘과 대표이미지를 등록해 봤습니다.

다음 시간에는 우리가 만든 아이콘으로 파비콘을 만들고 등록해 보도록 하겠습니다.

수고하셨습니다.