๊ณต๊ฐ๋ฌธ์ ์ธ๋ถ ์ง์์ฌํญ์๋ โ์ ๊ณต๋ ๋ก๊ณ ๋ฅผ ์ฝ์
ํ๋ค.โ ๋ผ๋ ์ง์๋ฌธ์ด ์์ผ๋, ์ค์ ์ํ์์๋ ์ ๊ณต ๋ก๊ณ ์ ํ์ ์ถ์ ๋ ์ ์ด ์๋ค๊ณ ์๋ ค์ ธ ์๋ค.
๊ณผ์ ๋ช
์์
๊ณผ์ ๋ช
(์ฃผ์ ):
๊ฐ์์ฒ๋ฌธ๋
โ ์ฃผ์ ์ ๋ง๋ ์์์ ์: ๋
น์, ํ๋ ๊ณ์ด
1. ์บ๋ฒ์ค ์์ฑ
โข
ํฌํ ์ต ์คํ ํ
โข
ํ์ผ > ์๋ก ๋ง๋ค๊ธฐ
โข
File > New
โข
ํฌ๊ธฐ: 200px x 100px
โข
ํด์๋: 72dpi (์น์ฉ)
2. ํ
์คํธ ์ฝ์
โข
๋๊ตฌ: [T] ํ
์คํธ ๋๊ตฌ ์ ํ
โข
ํ
์คํธ ์
๋ ฅ: โ๊ฐ์์ฒ๋ฌธ๋โ
โข
ํฐํธ/ํฌ๊ธฐ: ์ ์ ํ ๊ฐ๋
์ฑ ์ข์ ์นํฐํธ ์ฌ์ฉ (์: Noto Sans, ๋๋๊ณ ๋ ๋ฑ)
โข
ํ
์คํธ ๊ฐ์ด๋ฐ ์ ๋ ฌ
โข
๋ ์ด์์ ๊ฐ์ด๋ฐ ์ ๋ ฌ
T
๋์ถฉ ๋๋๊ทธ
Ctrl + A
Ctrl + Shift + >
V
Ctrl + A
์์ง ๊ฐ์ด๋ฐ, ์ํ ๊ฐ์ด๋ฐ
3. ์์ ์ ์ฉ (์ฃผ์ ๋ฐ์)
โข
ํ
์คํธ ๋๋ ๋ก๊ณ ์์์ ์ฃผ์ ์ ๋ง๊ฒ ๋ณ๊ฒฝ
์:
โฆ
๋
น์ (#4CAF50): ๊ฐ์
โฆ
ํ๋ (#2196F3): ์ฒ๋ฌธ๋
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
๋ณต์ฌ