본문 바로가기

Epxression Blend/WPF / Silverlight

[Expression Blend 강좌] Blend 3에서 Psd파일을 Import 해 보자.


안녕하세요, 정진희 입니다.
오늘은 최근 런칭한 Blend 3에서 가장 발전된 부분,  포토샵 Psd파일을 불러오는 것에 대해서
포토샵에서 작업한 부분을 어디까지 적용시킬 수 있는지, 혹시 문제점은 없는지에 대해 살펴보도록 하겠습니다.

먼저 블랜드 3를 여시고 저는 WPF강좌를 많이 하기 때문에 WPF에서 열었습니다.
File에서 Import Adobe Photoshop Fill... 이라고 친절하게 프로그램 이름까지 써놨네요. 한번 작업한 파일을 불러 오도록 합니다.
클릭하시고 불러올 파일을 선택합니다.
 



불러들여올 psd를 선택하면 이렇게 다음과 같이 새 창이 뜨면서 나타납니다.



왼쪽에는 디자인한 psd파일이 보여지고 오른쪽에는 psd에서 만든 레이어들이 쭉 보이게 됩니다.
플래쉬에서 처럼 마찬가지로 불러들여올 레이어와 아닌 것을 체크해 줄 수 있고, 아예 한장에 이미지로 가지고 올 수 있도록
줄 수 있는 것 같습니다.
일단 저는 오른쪽 상단에 있는 Check all layers to import를 클릭하여 모든 레이어를 가져오도록 하겠습니다.



그렇게 하면 솔루션 밑으로 psd파일의 이름을 딴 폴더가 생성되고 그 밑으로 레이어 별로 이미지가 들어오게 됩니다.
음, Png파일로 스스로 변환해서 가지고 오는 것 같습니다.


파일의 레이어도 꽤 잘 살아서 들어 온 것 같습니다. 그룹시킨 것들은 Canvas패널로 들어오고
폰트로 작성했던 것은 Textblock으로 들어왔습니다.




글씨도 꽤 잘 살아서 들어오는데요.
다만 포토샵에서 글씨 자간 조절을 했던 것은 여기서 그대로 적용되지 않는 것 같습니다.



포토샵에서 적용하였던 Opacity도 적용해서 들어왔습니다. 투명값도 지정해서 들어올 수 있네요.



포토샵에서 Smooth 기능을 조금이라도 적용하면 Retangle로 들어오지 않고 전부 Image로 들어오게 되는 것을 확인하였습니다.



전부 확인하고 닫으려는 찰나, psd 밑에 File,File1이 눈에 띄었습니다, psd에서 폴더를 저 이름으로
만든 적이 없기 때문에 한번 찾아보도록 합니다.


폴더에서 찾아보니, 폴더도 아닌 것이 확장자가 없군요. 이게 무슨 파일일까 찾아보았는데요.




찾고 나니 psd레이어상에서 [<] 로 레이어 이름을 주었던 img라는 것을 확인 할 수 있었습니다. 
다른레이어들과의 차이점이 레이어 이름을 숫자및글자로 적어주지 않는 것 이였습니다.
그래서 확장자가 다르게 표현되는 것은 레이어의 이름 지정이 잘 되지 않은 것으로 판단됩니다.







간단하게 preview 살펴 보았고요.
psd는 전부 잘 불러져 오는 것 같으나 레이어의 이름을 영향 받는 사실을 알아낸 걸로 만족 해야겠습니다 .. :-)
어쨌거나 블랜드3에서 psd파일을 불러가지고 오니 많이 편해 진 것 같습니다. 그럼 다음 프리뷰 및 강좌 때 뵙겠습니다.