๊ณผ์ ๋ช
์์
๊ณผ์ ๋ช
(์ฃผ์ ):
์ญ์ฌ ๋ฐ๋ฌผ๊ด
โ ์ฃผ์ ์ ๋ง๋ ์์์ ์: ๊ฐ์, ํฉ์ ๊ณ์ด
1. ์บ๋ฒ์ค ์์ฑ
โข
ํฌํ ์ต ์คํ ํ
โข
ํ์ผ > ์๋ก ๋ง๋ค๊ธฐ
โข
File > New
โข
ํฌ๊ธฐ: 190px x 45px
โข
ํด์๋: 72dpi (์น์ฉ)
2. ํ
์คํธ ์ฝ์
โข
๋๊ตฌ: [T] ํ
์คํธ ๋๊ตฌ ์ ํ
โข
ํ
์คํธ ์
๋ ฅ: โ๊ฐ์์ฒ๋ฌธ๋โ
โข
ํฐํธ/ํฌ๊ธฐ: ์ ์ ํ ๊ฐ๋
์ฑ ์ข์ ์นํฐํธ ์ฌ์ฉ (์: Noto Sans, ๋๋๊ณ ๋ ๋ฑ)
โข
ํ
์คํธ ๊ฐ์ด๋ฐ ์ ๋ ฌ
โข
๋ ์ด์์ ๊ฐ์ด๋ฐ ์ ๋ ฌ
T
๋์ถฉ ๋๋๊ทธ
Ctrl + A
Ctrl + Shift + >
V
Ctrl + A
์์ง ๊ฐ์ด๋ฐ, ์ํ ๊ฐ์ด๋ฐ
3. ์์ ์ ์ฉ (์ฃผ์ ๋ฐ์)
โข
ํ
์คํธ ๋๋ ๋ก๊ณ ์์์ ์ฃผ์ ์ ๋ง๊ฒ ๋ณ๊ฒฝ
์:
โฆ
ํ๋ (#3257cc): JUST
โฆ
๋ถํ (#e93fbb): ์ผํ๋ชฐ
5. ์ด๋ฏธ์ง ์ ์ฅ - ํค๋์ฉ (์ปฌ๋ฌ)
Ctrl + Shift + S
โข
ํ์ผ > ๋ค๋ฅธ ์ด๋ฆ์ผ๋ก ์ ์ฅ
โข
File > Save As
โข
ํฌ๋งท: PNG
โข
ํ์ผ๋ช
: logo.png
6. ๊ทธ๋ ์ด์ค์ผ์ผ ์ฒ๋ฆฌ
โข
์ด๋ฏธ์ง > ๋ชจ๋ > ๊ทธ๋ ์ด์ค์ผ์ผ
โข
Image > Mode > Grayscale
(์์ ์ ๊ฑฐ โ ํ๋ฐฑ ๋ณํ)
7. ์ด๋ฏธ์ง ์ ์ฅ - ํธํฐ์ฉ (ํ๋ฐฑ)
Ctrl + Shift + S
โข
์ ์ฅ ๋ฐฉ์ ๋์ผ
โข
ํ์ผ๋ช
: logo_footer.png
๋ก๊ณ ์ ์ ๊ฒฐ๊ณผ๋ฌผ
์ ์ฒด ํ๋ก์ ํธ ๊ตฌ์กฐ
/
โโ ๐ images/
โ โโ ๐จ logo.png
โ โโ ๐จ logo_footer.png
โ โโ ๐จ ...
โ
โโ ๐ css/
โ โโ ๐ style.css
โ
โโ ๐ script/
โ โโ ๐ script.js
โ โโ ๐ jQuery.js
โ
โโ ๐ index.html
Plain Text
๋ณต์ฌ