[티스토리] 포토샵 없이 아이콘/파비콘 만들어 보자

포토샵 없이 윈도우10에 있는 기본 프로그램으로 아이콘/파비콘 만들어 보자

 

어제 포토샵이나 다른 그림 편집 프로그램 없이 파워포인트와 윈도우10에 기본 설치 되어 있는 그림판으로 프로필 로고 만드는 것을 알려 드렸는데요. 오늘은 아이콘과 파비콘을 만들어 보겠습니다.

 

포토샵 없이 프로필 로고 만들기

[티스토리] 포토샵 없이 프로필 로고 만들기

 

아이콘과 파비콘 디자인부터 해야겠죠? 파워포인트를 열어서 원하는 디자인으로 만들어 봅니다. 

 

 

우선 아이콘부터 그림 편집을 해 볼께요. 아이콘을 만들고 나면 파비콘은 동일하게 하면 되니 쉬울거예요. 아래 그림과 같이 아이콘을 전체 선택해서 마우스 우클릭하면 그림과 같이 선택창이 나타납니다. 그림으로 저장하기를 클릭하세요.

 

 

아래와 같이 그림으로 저장 창이 뜹니다. 파일 이름에 아이콘이라 넣고 파일 형식은 처음 설정되어 있는 대로 PNG형식으로 두시면 됩니다. 그리고 저장을 눌러줍니다. 저는 저장 위치를 바탕화면으로 했고요. 저장하고 나면 바탕화면에 아이콘.png 파일이 생겨요.

 

 

티스토리 블로그에 아이콘은 올릴 수 있는 그림 크기가 정해져 있어요. 최적 사이즈가 32x32 px 또는 64x64 px입니다. 그럼 그렇게 맞춰줘야겠죠? 포토샵이 없으니까 윈도우10에 기본으로 설치되어 있는 그림판 3D를 이용할 거예요. 아래 그림과 같이 그림판 3D를 클릭합니다.

 

 

아래처럼 프로그램이 실행됩니다. 순서대로 진행해 주세요. 미리 만들어둔 아이콘.png 파일을 여는 과정입니다.

 

 

그림판 3D에 만들어 둔 아이콘 그림이 뜹니다. 바탕이 투명색이네요. 이 상태로 작업 진행하면 나중에 바탕이 검은색으로 나오기 때문에 바탕을 흰색으로 미리 바꿔줍니다. 캔버스 클릭하고, 우측에 투명한 캔버스를 끔으로 설정합니다. 그럼 바탕이 그림과 같이 흰색으로 변경이 되요. 

 

 

이제 티스토리에서 원하는 최적 사이즈로 그림 크기를 바꿔볼까요? 현재 크기는 너비 601px, 높이 496px로 되어 있네요. 일단 그림을 정상각형으로 만들고 아이콘이 사각형에 꽉차게 만들어 볼께요. 아래 그림과 같이 순서대로 하시면 됩니다. 자르기>1:1선택 하시고요, 사각형의 꼭짓점을 드래그해서 크기를 줄여줍니다. 그리고 사각형 박스 중각을 마우스로 드래그하면 박스가 따라 움직여요. 그렇게 아이콘을 박스 가운데로 맞춰주면 됩니다. 손을 좀 봐주고 나니 사이즈가 너비 399, 높이 399로 바꼈네요.

 

 

이제 우리의 최종 목적지인 너비 64, 높이 64의 정사각형 모양으로 바꿔야 합니다. 엄청 쉬워요. 기존 캔버스창에서 캔버스 크기 조정만 해주면 됩니다. 너비 399, 높이 399를 너비 64로만 변경해주면 되요. 가로 세로 비율 고정이 선택되어 있기 때문에 높이는 자동으로 64가 됩니다. 바로 그림이 바뀌지 않는데요 아무곳이나 마우스 클릭 한번 해주면 그림이 확 작아집니다.

 

 

완성된 아이콘 그림을 저장해 보겠습니다. 아래 순서대로 진행해 주세요. 파일 이름은 처음에 만든 아이콘.png랑 동일하게 해도 상관없어요. 그리고 저장을 클릭해 주시면 아이콘이 완성됩니다.

 

 

이제 블로그에 완성된 아이콘을 적용해 볼게요. 블로그 관리창에 관리>블로그에 들어가 가셔서 보시면 아래와 같이 아이콘이 보입니다. 불러오기를 클릭합니다. 그리고 아이콘 파일을 선택한 후 열기를 클릭하면 3번 그림과 같이 아이콘이 적용된 모습을 볼 수 있습니다.

 

 

자 이제 파비콘 차례입니다. 그런데 이미 그림을 만들고 크기를 조절해서 완성하는 것까지 다 말씀 드린거 같네요. 아이콘 만드는 방법과 동일하거든요. 만들어진 파비콘을 적용하는 것만 알려드리면 될거 같아요. 블로그 관리창에 관리>블로그에 아이콘 아래에 보시면 파비콘 적용란이 있어요.

 

아이콘을 적용했을 때와 같은 방식으로 진행하시면 됩니다. 그런데 파비콘 옆에 보면 파일형식 ICO라고 되어 있죠? 아이콘은 PNG 파일형식으로 만들었는데요. 파비콘 역시 그냥 PNG 파일형식으로 적용해 주시면 됩니다. 굳이 ICO로 바꿔주는 프로그램 구해서 파일형식을 바꿔 줄 필요 없더라고요.

 

 

그럼 지금까지 포토샵이나 기타 그림 편집 프로그램 없이 윈도우10만 있으면 가능한 티스토리 블로그 아이콘과 파비콘을 만드는 방법이었습니다.