안녕하세요ʕ •ɷ•ʔฅ
블로그를 개설한지 얼마안됐지만
블로그 디자인 속에
저만의 상징이 있으면 싶어서
하나 하나씩 시도해보다가
제일 쉬운 블로그 상단 로고를 도즈언..
블로그 상단에 제목을 넣어서
이미지를 삽입해 보며 시험해보다가
여러번 바꾸면서 만들어봤는데
너무 맘에 들어서
정말 보잘 것 없지만
방법을 공유할려구요ㅎㅎ
일단 제 블로그 스킨은
티스토리에서 제공하는
Letter 라는 스킨입니다.
다른 스킨에 이 방법을 적용하면
위치나 모양이 바뀔수도 있을 것 같네요.
① 파일 새로 만들기
우측 상단 파일을 클릭하고
파일 새로만들기를 합니다.
블로그 기본 배경이 흰색이여서
배경 바탕은 흰색으로 설정했고
단위를 픽셀이 아닌
센티미터로 설정한 후
폭(W) : 66
높이(H) : 6.03
이렇게 해서 만들어줍니다
② 글자쓰기
설정한 폭과 넓이로 만들게되면
이렇게 가로로 길게 만들어지는데
왼쪽에 T모양이 글씨를 쓰는 툴입니다.
T 글씨툴을 누르고 글을 써줍니다.
글씨체는 '에스코어 드림' 글씨체예요~
③ 글씨 가운데 정렬
왼쪽 빨간박스 안에 보시면
마우스 화살표 모양 보이시죠?
그걸 클릭하고 나서
Ctrl + A를 클릭하면
바깥쪽에 쩜쩜쩜 모양이 표시되면서
상단에 보게되면
정렬할수 있는 도구가
활성화 되는데요!
(빨간박스로 표시 해놨습니다)
저걸로 가로, 세로 가운데 정렬해주고
JPEG 파일로 저장해주면 끄읕-
이렇게 다 만들었으면 이제
블로그에 적용을 시켜봐야겠죠?
적용시키는것도 아래 사진에 나와 있어요!!
④ 블로그 스킨에 적용
블로그 설정으로 들어가면
왼쪽 카테고리에 스킨편집이 있습니다.
그걸 클릭하면 이런 화면으로 넘어와요.
그리고 오른쪽 하단
추가 설정에 빨간박스 보이죠?
처음에는 '이미지 삽입하기'라고 나오는데
그게 로고 삽입해서
상단 이미지를 설정하는 겁니다.
저길 클릭하게 되면 창이 뜨면서
이미지를 선택해서 넣을 수 있는데
만들어놨던 이미지를 클릭해서 넣어주고
오른쪽 상단에 적용을 클릭해서
숫자3 옆에 새로고침을 눌러주면
적용된 화면을 미리보기로 보여줍니다.
1 → 2 → 3 숫자가 표시 된 순서대로
차근차근 하시면 됩니다!^^
※주의할 점
크기를 크게 만들게되면
모바일로 보게될때 다 안보이니까
그것도 주의해주세요~!
⑤ 모바일 버젼 확인하기
모바일로도 한번 확인해줬는데
제일 처음에 만들어서 적용했을때
모바일로는 짤려서ㅠㅠ
글씨크기를 다시 조정해서 만들었어요
다시 만든걸로는
크기가 딱 맞네요
호우~!
심플한걸 좋아해서 정말 군더더기 없이
심플 그 자체로 만들었는데 나름 맘에들어요
나중에 맘에드는 디자인 생각나면
새롭게 바꿔볼려구요!!
그래도 전공자는 아니지만 배운게 있어서
남아있던 기억+검색으로 어찌저찌 만들었네용
전문적으로 아는거는 아니여서
엉성미가 느껴질 수 있지만...
유용하게 쓰시면 좋겠네요(・ω <)
조금이라도 도움 되었기를 바라며
오늘 하루도 홧팅 (ง •̀_•́)ง
댓글