|
1866
|
|
|
9년 전
|
조회 9
|
|
1865
|
|
|
9년 전
|
조회 39
|
|
1864
|
|
|
9년 전
|
조회 58
|
|
1863
|
|
|
9년 전
|
조회 45
|
|
1862
|
|
|
9년 전
|
조회 265
|
|
1861
|
|
|
9년 전
|
조회 172
|
|
1860
|
|
|
9년 전
|
조회 132
|
|
1859
|
|
|
9년 전
|
조회 151
|
|
1858
|
|
 nanati
|
9년 전
|
조회 467
|
|
1857
|
|
|
9년 전
|
조회 277
|
|
1856
|
|
|
9년 전
|
조회 155
|
|
1855
|
|
|
9년 전
|
조회 179
|
|
1854
|
|
|
9년 전
|
조회 414
|
|
1853
|
|
|
9년 전
|
조회 222
|
|
1852
|
|
|
9년 전
|
조회 399
|
|
1851
|
|
|
9년 전
|
조회 180
|
|
1850
|
|
|
9년 전
|
조회 163
|
|
1849
|
|
|
9년 전
|
조회 169
|
|
1848
|
|
|
9년 전
|
조회 115
|
|
1847
|
|
|
9년 전
|
조회 95
|
|
1846
|
|
|
9년 전
|
조회 134
|
|
1845
|
|
|
9년 전
|
조회 348
|
|
1844
|
|
|
9년 전
|
조회 271
|
|
1843
|
|
|
9년 전
|
조회 397
|
|
1842
|
|
|
9년 전
|
조회 321
|
|
1841
|
|
|
9년 전
|
조회 201
|
|
1840
|
|
|
9년 전
|
조회 510
|
|
1839
|
|
|
9년 전
|
조회 591
|
|
1838
|
|
|
9년 전
|
조회 390
|
|
1837
|
|
|
9년 전
|
조회 280
|
|
1836
|
|
|
9년 전
|
조회 367
|
|
1835
|
|
|
9년 전
|
조회 712
|
|
1834
|
|
|
9년 전
|
조회 672
|
|
1833
|
|
|
9년 전
|
조회 439
|
|
1832
|
|
|
9년 전
|
조회 477
|
|
1831
|
|
|
9년 전
|
조회 515
|
|
1830
|
|
|
9년 전
|
조회 581
|
|
1829
|
|
|
9년 전
|
조회 514
|
|
1828
|
|
|
9년 전
|
조회 701
|
|
1827
|
|
|
9년 전
|
조회 568
|
|
1826
|
|
|
9년 전
|
조회 335
|
|
1825
|
|
|
9년 전
|
조회 535
|
|
1824
|
|
|
9년 전
|
조회 349
|
|
1823
|
|
|
9년 전
|
조회 1,107
|
|
1822
|
|
|
9년 전
|
조회 848
|
|
1821
|
|
|
9년 전
|
조회 803
|
|
1820
|
|
|
9년 전
|
조회 862
|
|
1819
|
|
|
9년 전
|
조회 398
|
|
1818
|
|
|
9년 전
|
조회 502
|
|
1817
|
|
|
9년 전
|
조회 476
|
|
1816
|
|
nanati
|
9년 전
|
조회 873
|
|
1815
|
|
|
9년 전
|
조회 964
|
|
1814
|
|
|
9년 전
|
조회 443
|
|
1813
|
|
|
9년 전
|
조회 559
|
|
1812
|
|
|
9년 전
|
조회 744
|
|
1811
|
|
nanati
|
9년 전
|
조회 816
|
|
1810
|
|
|
9년 전
|
조회 589
|
|
1809
|
|
 삼관왕
|
9년 전
|
조회 700
|
|
1808
|
|
|
9년 전
|
조회 733
|
|
1807
|
|
|
9년 전
|
조회 585
|
|
1806
|
|
|
9년 전
|
조회 523
|
|
1805
|
|
|
9년 전
|
조회 1,403
|
|
1804
|
|
|
9년 전
|
조회 746
|
|
1803
|
|
|
9년 전
|
조회 748
|
|
1802
|
|
|
9년 전
|
조회 991
|
|
1801
|
|
|
9년 전
|
조회 683
|
|
1800
|
|
nanati
|
9년 전
|
조회 944
|
|
1799
|
|
|
9년 전
|
조회 696
|
|
1798
|
|
nanati
|
9년 전
|
조회 1,073
|
|
1797
|
|
|
9년 전
|
조회 1,205
|
|
1796
|
|
|
9년 전
|
조회 2,433
|
|
1795
|
|
|
9년 전
|
조회 642
|
|
1794
|
|
nanati
|
9년 전
|
조회 605
|
|
1793
|
|
|
9년 전
|
조회 494
|
|
1792
|
|
 지운아빠
|
9년 전
|
조회 479
|
|
1791
|
|
|
9년 전
|
조회 1,476
|
|
1790
|
|
|
9년 전
|
조회 1,156
|
|
1789
|
|
|
9년 전
|
조회 983
|
|
1788
|
|
|
9년 전
|
조회 700
|
|
1787
|
|
|
10년 전
|
조회 460
|
|
1786
|
|
|
10년 전
|
조회 561
|
|
1785
|
|
|
10년 전
|
조회 612
|
|
1784
|
|
|
10년 전
|
조회 694
|
|
1783
|
|
|
10년 전
|
조회 549
|
|
1782
|
|
|
10년 전
|
조회 324
|
|
1781
|
|
|
10년 전
|
조회 1,518
|
|
1780
|
|
|
10년 전
|
조회 784
|
|
1779
|
|
|
10년 전
|
조회 817
|
|
1778
|
|
|
10년 전
|
조회 1,183
|
|
1777
|
|
|
10년 전
|
조회 580
|
|
1776
|
|
|
10년 전
|
조회 944
|
|
1775
|
|
|
10년 전
|
조회 395
|
|
1774
|
|
|
10년 전
|
조회 643
|
|
1773
|
|
|
10년 전
|
조회 1,399
|
|
1772
|
|
|
10년 전
|
조회 793
|
|
1771
|
|
|
10년 전
|
조회 761
|
|
1770
|
|
|
10년 전
|
조회 1,639
|
|
1769
|
|
|
10년 전
|
조회 1,367
|
|
1768
|
|
|
10년 전
|
조회 670
|
|
1767
|
|
|
10년 전
|
조회 1,581
|
댓글 15개
저도 슬라이스툴로 해본적이 없어 뭐라고 말은 못하겠네요.
모 결과물만 잘 만들어 내면 모로 하던...^^
구글 번역기 사용하실 줄 아시면 번역기 돌려서 읽어보세요...ㅠㅠㅠㅠ
http://psd.tutsplus.com/tutorials/tools-tips/slices-in-photoshop/
웹디자인을 한국어로 공부하셔야 하면 여기 가보세요.
http://naradesign.net/wp/
정찬명씨 요즘 뭐하나 궁금해서 찾아가 봤는데 (얼마전 NHN 퇴사하셨다길레) 한국어 사이트 중에 가장 웹디자인에 대해 정확하게 배우실 수 있는 곳 일겁니다.
완전 무시하는게 아니라 웹표준에 표형식 레이아웃을 좀 섞어쓰기도했죠.
좋은 점은 포토샵에서 슬라이스 툴 사용하여 웹형식으로 출력시
전체틀을 안깨고 전체 레이아웃을 표형식으로 잡고 이미지를 잡아주는 코딩방식으로 처리됩니다.
문제는 웹표준에 있어서 준수되는 표준코딩 방식에는 맞지않은점이 노출됐죠.
그래서 표를 전체레이아웃으로 잡지않고 웹표준을 준수하여 작업을 하게 되고,
슬라이스 툴을 쓰더라도 표형식의 레이아웃울 잡지않고 필요한 이미지만 선별 추출하여 사용하기도하죠.
이미지는 이미지로 남고 슬라이스로 처리하여 표로 형식의 웹문서로 구현않되도록하고 필요한 이미지만추출하여 웹표준에 맞게 이미지를 웹문서에 웹표준 방식으로 코딩합니다. 이방식이 이제는 일반화하기 시작했습니다.
그래서 이미지만을 추출하는 목적으로 슬라이포토샵의 슬라이스 작업은 해도됩니다.
저도 테이블에 익숙하다가 최근 웹표준을 배우고 있는데, 부지런히 익혀야겠네요.
아마 교수님께서 슬라이스로 html, image 를 같이 추출하여 만든 테이블로 된 html 문서식으로 작업 안한다는 말씀이신거 같네요.
저뿐만 아니라 저랑 같이 있는 2~10년 차의 선배분들도 다 그렇게 이미지를 추출하여 작업하십니다.
다만 자를때 slice로 나눠져 있는 부분을 오른쪽 클릭하여 edit slice option 메뉴를 통해 필요한 이미지들에 대해서만 파일명을 넣어주고, 불필요한 html 파일은 없애고 image only 로 하여 저장을 해서 작업을 합니다.
크롭툴로 일일히 자르는거랑 slice로 자르는거랑 차이 없습니다.
크롭툴로 수많은 이미지들을 어떻게 자르시려고 그렇게 가르쳐 주시는걸까요 ㅎㅎ
말씀하신거와 반대로 실무에선 크롭툴을 많이 쓰지 않습니다.
쓸데없는 이미지야 작업 후에 지워버리면 그만이구요 ㅎㅎ
흠 전 슬라이스툴을 안사용한다기보다는 다른 방식의 용도로는 씁니다.
솔직히 이미지를 잘라내서 저장할때 크롭툴로 잘라서 저장하면 다른 영역들이 지워집니다ㅡ.ㅡ;;
그러니깐 슬라이스툴로 링크넣어서 홈피를 맹그는방식보다 크롭툴로 잘라서 맹그는방식보다 슬라이스툴로 잘라서 이미지만 저장해서 사용하면되요~
솔직히 슬라이스툴로 잘라서 저장하는게 나중에 쓰기도 편하고 원하는 부분만 선택해서 다중으로 이미지를 저장할 수 있으니깐요. 활용의 차이죠ㅎ;
그리고 저같은겻우는 이미지를 잘라서 사용하는것보다는 특별한경우를 제외하고는 이미지한개에 특정ui들을 저장해서 필요한부분만 css의 background-position으로 잘라서 씁니다.
네이버로 예시) http://img.naver.net/static/www/sp_main20130401.png
그러니깐 선생님이 알려주는 방식도 그렇게 효율적이지는 않다는거죠ㅇㅅㅇ
또한 그라디언트나 그림자 라운드처리 등등도 굳이 이미지를 안쓰도록합니다.속도 저하의 주범이 될수있음
그라디언트나 그림자 라운드처리 같은경우 구글에 'ie css3' 검색해보시면 ie9 이전버전에 css3를 호환할수있는 정보 습득이 가능합니다.
고로 이미지를 최소화로 쓰고 거의 대부분 css로 디자인해요ㅎ;
역쉬 스아이님은.... 애플 같은데 가셔서 일하셔야 할 인재 같습니다. ㅎㅎㅎㅎ
이래서 요즘은 경력같은거 깡그리 개무시하고 짜놓은 코드만 보죠.
한국에 스아이님 같은 분들이 많이 나오셔야 하는데.... 흠...
알고싶은데요.. 이부분에 대해 설명된 책이나 인터넷문서 있을까요??
부탁드려용 ~~ ;ㅁ;
윗분들 말씀대로 그 많은 이미지들을 크롭툴로 자르다보면 시간도 많이 소요되고 각각의 파일명이나 사이즈 저장해놓은것을 확인하려면 잘려진 이미지들을 확인해야하니 효율적이지 않다고 생각되어지네요.
혹시 교수님께서 전체 슬라이스해서 생기는 포토샵의 html 페이지까지 그대로 사용하질 않는다는 말씀을 하신게 오해가 생긴건 아닐까 의문이 듭니다.
저같은 경우 이미지를 슬라이스해서 이름을 각각 정해주고 이미지만 따로 저장해서 코딩때 사용합니다.
앞서 말씀들 하신 1px씩 빈공간이 생기는 부분의 문제는 슬라이스 영역 우선 만들고 이름 설정해준다음에
저장하기전에 최대크기로 확대하여 한번씩 쭉 훑어보면 빈 공간이 보이고요,
그부분들바로 잡아주고서 저장합니다.