๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Lect & Tip146

[ํฌํ† ์ƒต 7] ์‚ฌ์ง„๋ณด์ • - ํ๋ฆฐ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ ๋ณด์ •ํ•˜๊ธฐ - #1 Lab์ปฌ๋Ÿฌ๋ชจ๋“œ ๋ฐฉ์‹ ๋ณด์ • โ€ป ๊ธธ๊ณ  ์‚ฌ์ง„์„ ๋งŽ์ด ๋„ฃ์–ด๋ดค์ž, ๋˜๋ ค ํ—ค๊น”๋ฆฌ๋ฏ€๋กœ ํ•ต์‹ฌ๋งŒ ์š”์•ฝํ•ด์„œ ํ•œํ™”๋ฉด์œผ๋กœ ์„ค๋ช…๊ฐ€๋Šฅํ•œ ๊ฒƒ์€ ํ•œ ํ™”๋ฉด์œผ๋กœ ์„ค๋ช…ํ•จ. โ€ป ์„ค๋ช…๋ฌธ์ฒด๋Š” ๊ฐ„๊ฒฐํ•œ ๋ฌธ์ฒด๋ฅผ ์œ„ํ•ด ์งง๊ฒŒํ•˜๊ธฐ ์œ„ํ•ด ๊ฒฝ์–ด๋ฅผ ์ƒ๋žตํ•œ๋‹ค. ํฌํ† ์ƒต ์‚ฌ์ง„๋ณด์ • - ํ๋ฆฐ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ ๋ณด์ •ํ•˜๊ธฐ 1. ํฌํ† ์ƒต 7์—์„œ ์‚ฌ์ง„๋ณด์ •ํ•  ์‚ฌ์ง„์„ ๋ถˆ๋Ÿฌ์˜จ๋‹ค. 2. Image → Mode → Lab Color ์„ ํƒ โ€ป Image-Mode-Color์„ค์ • ํŠน์„ฑ์ƒ ์—ฌ๋Ÿฌ ๋ ˆ์ด์–ด๋“ค์ด ์žˆ์„ ๊ฒฝ์šฐ Merge(ํ•ฉ์นจ)ํ•  ๊ฒƒ์ธ์ง€๋ฅผ ๋ฌผ์Œ. ์ปฌ๋Ÿฌ ์†์„ฑ์ด๊ธฐ ๋•Œ๋ฌธ์— ๋ ˆ์ด์–ด ์ „์ฒด์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š”๊ฒŒ ๋‹น์—ฐํ•จ. 3. Layer,Channel,Paths ํŒ”๋ ˆํŠธ์—์„œ Channel์„ ์„ ํƒ ํ•˜๊ณ  ์ด์ค‘ ๋ฐ๊ธฐ์˜์—ญ์— ํ•ด๋‹นํ•˜๋Š” Lightness ์„ ํƒโ€ป Lab์ปฌ๋Ÿฌ์˜ ์ฑ„๋„์€ ์ด4๊ฐœ์ž„. 4. Filter → Sharpen → Unsharp .. 2020. 6. 8.
๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ฃผ์†Œ์ฐฝ ๊ฐ์ถ”๊ธฐ tip body[orient="portrait"] ,body[orient="landscape"] [๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ œ์ž‘] ๋ชจ๋ฐ”์ผ ์›น ์ฃผ์†Œ์ฐฝ ๊ฐ์ถ”๊ธฐ tip ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€๋ฅผ ์ œ์ž‘ํ•  ๋•Œ ์ฝ”๋”ฉ์—์„œ ์œ„์˜ ์‚ฌ์ง„์ฒ˜๋Ÿผ ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€ ์ฃผ์†Œ์ฐฝ์ด ์‚ฌ๋ผ์ง€๊ฒŒ๋” ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•œ ์„ค๋ช…์ด๋‹ค. ๋ณดํ†ต ํ”ํžˆ ์•„๋ž˜์™€ ๊ฐ™์€ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŽ์ด ์“ด๋‹ค. window.addEventListener('load',function(){ setTimeout(scrollTo,0,0,1); },false); ์ด ์Šคํฌ๋ฆฝํŠธ๋Š” ๋ชจ๋ฐ”์ผํ™ˆํŽ˜์ด์ง€์—์„œ ์ฃผ์†Œ์ฐฝ์ด ์‚ฌ๋ผ์ง€๋Š” ๊ธฐ๋Šฅ์„ ์ ์šฉํ•˜๊ณ  ์žˆ๋‹ค. ํ˜น์€ ์•„์˜ˆ body ํƒœ๊ทธ์— onload๋กœ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. ... ์ด ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋Š” window.setTimeout(func, delay, [param1, param2, ...])์„ ํ˜ธ์ถœํ•˜๋Š” ํ˜•์‹์ด๋‹ค. 1. 0์ดˆ ํ›„์— scrollTo ๋ฉ”์†Œ๋“œ๋ฅผ ์‹คํ–‰์‹œ์ผœ๋ผ 2. [param1, p.. 2020. 6. 8.
'์ œ์ด์ฟผ๋ฆฌ toggle()์ด์šฉํ•ด์„œ ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก ์ •๋ ฌ ๋ฒ„ํŠผ ํ† ๊ธ€ํ•˜๊ธฐ ๊ฒŒ์‹œ๋ฌผ ๋ชฉ๋ก์„ ์ œ๋ชฉ, ํ˜น์€ ์กฐํšŒ์ˆ˜, ๊ฒŒ์‹œ์ผ ์ˆœ์„œ๋ฅผ ๋‚ด๋ฆผ์ฐจ์ˆœ ํ˜น์€ ์˜ค๋ฆ„ ์ฐจ์ˆœ์œผ๋กœ ์ •๋ ฌํ•˜๋Š” ๊ฒƒ์„ ํ† ๊ธ€ํ•ด์•ผํ•  ๋•Œ๊ฐ€ ์žˆ์ฃ . ๋ฌผ๋ก  ๊ฒŒ์‹œ๋ฌผ์˜ ์ˆœ์„œ๋Š” ๊ฐœ๋ฐœํŒ€์—์„œ ์†ŒํŒ…์„ ํ•ด์ฃผ์–ด์•ผ๊ฒ ์ง€๋งŒ, ์ผ๋‹จ์€ UI์ƒ์—์„œ ๋ฒ„ํŠผ์˜ ํ™”์‚ดํ‘œ๋กœ ์ง๊ด€์ ์œผ๋กœ ์˜ค๋ฆ„์ฐจ์ˆœ ๋˜๋Š” ๋‚ด๋ฆผ์ฐจ์ˆœ์„ ํด๋ฆญ ํšŸ์ˆ˜์— ๋”ฐ๋ผ ํ† ๊ธ€ํ•ด์ฃผ์–ด์•ผ ํ•  ํ•„์š”๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์•„ ๋ฌผ๋ก  ๋ฐ์ดํ„ฐ์˜ ์†ŒํŒ…๊นŒ์ง€ ํ•˜๋Š” ์†Œ์Šค๋Š” ์•„๋‹™๋‹ˆ๋‹ค.์ด ๊ธ€์—์„œ์˜ ๋ชฉ์ ์€ ๋‹จ์ง€ ํ† ๊ธ€ ๋ฒ„ํŠผ์„ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜๋Š” ์ œ์ด์ฟผ๋ฆฌ ์†Œ์Šค ์†Œ๊ฐœ์ž…๋‹ˆ๋‹ค.์ด๋Ÿด ๋•Œ ์ œ์ด์ฟผ๋ฆฌ(jquery)๋ฅผ ์“ฐ๋ฉด ๊ฐ„๋‹จํ•˜๊ฒŒ ์ฒ˜๋ฆฌ๊ฐ€ ๋˜๊ฒ ์ฃ . Demo Page๋ณด๊ธฐCSS .bd00Bbs th a { background:url(../image/common/ico/arrow_0.gif) 100% 50% no-repeat; padding-right:16px; display.. 2020. 6. 8.
'[ํฌํ† ์ƒต CS5] ์‚ฌ์ง„๋ณด์ • - ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณด์ • ๋ณต์› ์ดˆ๊ฐ„๋‹จ Smart Sharpenํ•„ํ„ฐ ํฌํ† ์ƒต CS5 ๊ฐ•์ขŒ,ํฌํ† ์ƒต ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณด์ •, ํฌํ† ์ƒต ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ, ํ๋ฆฟํ•œ ์‚ฌ์ง„ ์„ ๋ช…ํ•˜๊ฒŒ,ํฌํ† ์ƒต ๊ฐ•์ขŒ, photoshop CS5, ํ”๋“ค๋ฆฐ ์‚ฌ์ง„ ๋ณต์›์‚ฌ์ง„์„ ์ฐ์€ ํ›„ ์นด๋ฉ”๋ผ ์•ก์ •์˜ ์ž‘์€ ํ™”๋ฉด์œผ๋กœ ๋ณผ ๋• ๊ทธ๋Ÿด ์‹ธํ•˜๋‹ค๊ฐ€๋„ ์ง‘์—์™€์„œ ๋ชจ๋‹ˆํ„ฐ๋กœ ๋ณด๋ฉด ์‹ค๋ง ์Šค๋Ÿฝ๊ฒŒ ํ”๋“ค๋ ค ์žˆ๋Š” ๊ฒฝ์šฐ๊ฐ€ ์ข…์ข… ์žˆ๋‹ค. ์‚ฌ์ง„์„ ๋ฒ„๋ฆฌ์ž๋‹ˆ ์•ˆํƒ€๊น๊ณ , ๊ทธ๋ƒฅ ์“ฐ์ž๋‹ˆ ๋„ˆ๋ฌด ๋ณด๊ธฐ๊ฐ€ ์‹ซ๊ณ , ์ด๋Ÿด๋•Œ ์‚ด์ง ํ”๋“ค๋ฆฐ ์ •๋„๋ผ๋ฉด, ๊ฐ„๋‹จํ•˜๊ฒŒ ์กฐ๊ธˆ์€ ๋ณต์›์ด ๊ฐ€๋Šฅํ•˜๋‹ค.1. ์‚ฌ์ง„์„ ๋ถˆ๋Ÿฌ์˜จ๋‹ค.2. Filter-Sharpen-Smart Sharpen ์„ ์—ฐ๋‹ค.3. ํ”„๋ฆฌ๋ทฐ๋ฅผ ๋ณด๋ฉด์„œ Amount์™€ Radius๋ฅผ ์ ์ ˆํžˆ ์กฐ์ •ํ•ด์„œ ์›ํ•˜๋Š” ์„ ๋ช…๋„๋ฅผ ์–ป๋Š”๋‹ค. ์ˆ˜์น˜ ๊ฐ’์ด ๋„ˆ๋ฌด ํฌ๋ฉด ์‚ฌ์ง„์ด ์‹ฌํ•˜๊ฒŒ ํ›ผ์†๋œ๋‹ค.4. ๋. ์˜ˆ์ œ ๊ทธ๋ฆผ์—์„œ ํฌํ† ์ƒต ํžˆ์Šคํ† ๋ฆฌ์— ์žˆ๋Š” Auto Tone์ด๋‚˜ Exposur.. 2020. 6. 8.
โœˆ jquery๋กœ ํŽ˜์ด์ง€ ์ƒ๋‹จ์œผ๋กœ ๋ถ€๋“œ๋Ÿฝ๊ฒŒ ์ด๋™ํ•˜๋Š” ํƒ‘ ์Šคํฌ๋กค ๋ฒ„ํŠผ ๋งŒ๋“ค๊ธฐ ๋ณดํ†ต ํƒ‘์Šคํฌ๋กค์ด๋ผ๊ณ  ๋ถ€๋ฅด๋Š” ๋ฒ„ํŠผ์ธ๋ฐ์š”. ํ”ํ•œ ๋ฐฉ์‹์ด์ง€๋งŒ, ๊ฐ€๋” ๋–  ์˜ค๋ฅด์ง€ ์•Š์•„์„œ ๊ฒ€์ƒ‰ํ•˜์‹œ๋Š” ๋ถ„๋“ค์„ ์œ„ํ•ด ์˜ฌ๋ ค๋‘ก๋‹ˆ๋‹ค. ๋ญ~ ์ €๋„ ๊ฐ€๋”์€ ๊นŒ๋จน์–ด์„œ ๋‹ค์‹œ ์ƒ๊ฐํ•ด๋‚ด๋Š” ์ผ ์—†์ด ๋– ๋‹ค ์“ฐ๋ ค๊ณต.... /* top ์Šคํฌ๋กค */ var speed = 500; $("a.top").css("cursor", "pointer").click(function(){ $('body, html').animate(, speed); }); speed ๋ณ€์ˆ˜๋Š” ์Šคํฌ๋กค์ด ์• ๋‹ˆ๋ฉ”์ดํŠธ ๋˜์–ด์„œ ์ด๋™ํ•˜๋Š” ์†๋„๋ฅผ ์ง€์ •ํ•ด์คฌ์Šต๋‹ˆ๋‹ค. ๊ท€์ฐฎ์œผ๋ฉด ๊ทธ๋ƒฅ ๋ณ€์ˆ˜ ์“ฐ์ง€ ๋ง๊ณ  ์ˆซ์ž๋กœ ๋ฐ”๋กœ ์จ๋„ ๋ฉ๋‹ˆ๋‹ค. . css("cursor, "pointer")๋Š” ์ƒ๋žตํ•ด๋„ ๋ฌด๋ฐฉํ•˜๋ฉฐ, css์ž์ฒด์— a.top { cursor:pointer}๋กœ ์ž‘์„ฑํ•ด๋‘์–ด๋„ ๋ฌด๋ฐฉํ•ฉ๋‹ˆ๋‹ค. ์‹ค์งˆ์ ์ธ ํ•ต์‹ฌ์€ $(.. 2020. 2. 21.
โœˆ ์ œ์ด์ฟผ๋ฆฌ ์ฒดํฌ๋ฐ•์Šค ์ฒดํฌ ์—ฌ๋ถ€ ํ™•์ธ ๋ฐ ์ œ์–ด jquery checkbox checked ์ œ์ด์ฟผ๋ฆฌ ์ฒดํฌ๋ฐ•์Šค ์ฒดํฌ ์—ฌ๋ถ€ ํ™•์ธ ๋ฐ ์ œ์–ด jquery checkbox checked ์ œ์ด์ฟผ๋ฆฌ ์ฒดํฌ๋ฐ•์Šค checked ์—ฌ๋ถ€ ํ™•์ธ $("input:checkbox[id='ID']").is(":checked") == true : false /* by ID */ $("input:checkbox[name='NAME']").is(":checked") == true : false /* by NAME */ checked/unchecked ์ฒ˜๋ฆฌ $("input:checkbox[id='ID']").prop("checked", true); /* by ID */ $("input:checkbox[name='NAME']").prop("checked", false); /* by NAME */ ์ „์ฒด์„ ํƒ ์ฒดํฌ๋ฐ•์Šค๋ฅผ ์„ ํƒํ•˜๋ฉด ๊ทธ ์•„๋ž˜.. 2020. 2. 14.