๊ด€๋ฆฌ ๋ฉ”๋‰ด

ruriruriya

[Android] ์•ˆ๋“œ๋กœ์ด๋“œ - ๋ฉ”๋‰ด ์•„์ด์ฝ˜ ์ด๋ฏธ์ง€๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•(Vector Asset) ๋ณธ๋ฌธ

๐Ÿค–Android

[Android] ์•ˆ๋“œ๋กœ์ด๋“œ - ๋ฉ”๋‰ด ์•„์ด์ฝ˜ ์ด๋ฏธ์ง€๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•(Vector Asset)

๋ฃจ๋ฆฌ์•ผใ…‘ 2023. 12. 28. 10:25
๋ฐ˜์‘ํ˜•

์•ˆ๋“œ๋กœ์ด๋“œ ์•ฑ ๊ฐœ๋ฐœ ์‹œ ์•„์ด์ฝ˜์ด ํ•„์š”ํ•œ๋ฐ
์•ˆ๋“œ๋กœ์ด๋“œ ์ŠคํŠœ๋””์˜ค์—์„œ๋Š” ๊ฐ„๋‹จํ•œ ์•„์ด์ฝ˜์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.
์•„์ฃผ ํŽธ๋ฆฌํ•˜๊ฒŒ ์ƒ‰์ƒ, ํฌ๊ธฐ ๋ณ€๊ฒฝ ๋“ฑ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.

1. [File]-[New]-[Vector Asset]

 

2. ํด๋ฆฝ์•„ํŠธ๋กœ ๋งŒ๋“ค๊ธฐ

2.1. Asset type์„ Clip art ์„ ํƒ ํ›„ Clip art ์˜†์— ๊ทธ๋ฆผ์„ ํด๋ฆญํ•œ๋‹ค.

 

2.2. Select Icon ์—์„œ ๋งˆ์Œ์— ๋“œ๋Š” ์•„์ด์ฝ˜ ์„ ํƒ ํ›„ OK

 

2.3. ํŒŒ์ผ๋ช…๊ณผ ์‚ฌ์ด์ฆˆ, ์ปฌ๋Ÿฌ ํˆฌ๋ช…๋„๋ฅผ ๋ณ€๊ฒฝ ํ›„ 

 

2.4.  ๊ฒฝ๋กœ ํ™•์ธ ํ›„ Finish ํด๋ฆญ

 

2.5. R.drawable์— ์•„์ด์ฝ˜ ํŒŒ์ผ ์ƒ์„ฑ๋œ ๊ฒƒ์„ ํ™•์ธ ํ•  ์ˆ˜ ์žˆ๋‹ค.

3. SVG ๋กœ ๋งŒ๋“ค๊ธฐ

3.1. Vector Asset์„ ์—ด์–ด Asset type์„ Local file (SVG, PSD)๋กœ ์„ ํƒํ•˜๊ณ  Path์—์„œ ํŒŒ์ผ์„ ์ฐพ๋Š”๋‹ค.

 

3.2. svg ํ™•์žฅ์ž์ธ ํŒŒ์ผ์„ ๋ฏธ๋ฆฌ ์ค€๋น„ํ•ด๋‘๊ณ  ์„ ํƒํ•œ๋‹ค.

 

3.3. ํฌ๊ธฐ์™€ ํˆฌ๋ช…๋„๋ฅผ ํ•„์š”์— ๋งž๊ฒŒ ์„ค์ •ํ•œ ๋‹ค์Œ Next ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅธ๋‹ค.

 

3.3. svg ํŒŒ์ผ ์ƒ์„ฑ ํ™•์ธ.

๋ฐ˜์‘ํ˜•