d r t w i n

현재 작업중인 상황을 하나의 스냅샷과 같은 형태로 저장해둘 수 있는 Layer Comp의 활용법입니다. 이런저런 상황을 가늠해봐야 하는 웹디자인 작업에 유용한 기능입니다. 예제 30. 강의동영상 다운로드 예제 30. 강의소스 다운로드

젤(Gel) 버튼이라고 하는 스타일의 버튼을 제작하는 방법입니다. Style Option의 여러 효과를 이용해서 만들기 때문에 Style로 저장을 해두면 나중에 버튼 형태를 만들고 바로 스타일 적용해서 활용할 수 있습니다. 예제 29. 강의동영상 다운로드 예제 29. 강...

완성된 웹페이지용 이미지를 Slice하여 html로 구성하기 위한 구조로 잘라내는 방법입니다. URL도 지정할 수 있으므로 Save for Web을 통해 바로 웹페이지로 출력하여 사용할 수 있습니다. 예제 28. 강의동영상 다운로드 예제 28. 강의소스 다운로드

웹페이지에서 많이 사용하게 되는 포토이미지의 Sharpness를 조정하는 방법입니다. Smart Filter에 이어 Smart Sharpen을 적용하여 원하는 부분만 샤프하게 만듭니다. 예제 27. 강의동영상 다운로드 예제 27. 강의소스 다운로드

네비게이션용 메뉴 아이콘을 만드는 과정입니다. 자신이 직접 포토를 토대로 Path를 만든 후, 이를 Shape로 등록해서 활용하게 됩니다. 예제 26. 강의동영상 다운로드 예제 26. 강의소스 다운로드

손쉽게 메뉴를 만드는 방법입니다. Rectangle Tool을 이용한 후, Align을 활용하고 있습니다. 예제 25. 강의동영상 다운로드 예제 25. 강의소스 다운로드

투명하게 만들어진 이미지를 GIF 포맷으로 적용할 때, GIF 포맷이 가진 한계가 무엇이며 이를 어떻게 적절하게 표현하는가에 대한 예제입니다. 예제 24. 강의동영상 다운로드 예제 24. 강의소스 다운로드

간단한 패턴용 이미지를 만들고 이를 Preview로 확인하는 방법이며 offset 기능을 이용해서 손쉽게 패턴의 변화를 연출하는 예제입니다. 예제 23. 강의동영상 다운로드 예제 23. 강의소스 다운로드

웹디자인에서 이미지 파일의 관건 중 하나는 '화질을 유지하면서 얼마나 크기를 잘 줄여낼 수 있는가' 입니다. 본 예제에서는 GIF의 옵션조정 및 Lock Palette 기능에 대해서 알려드리고 있습니다. 예제 22. 강의동영상 다운로드 예제 22. 강의소스 다운로드

웹디자인에서 많이 사용될 수 밖에 없는 '픽셀값 구하기'를 위해서는 Ruler의 활용이 요구됩니다. 본 예제에서는 Fill을 더 빠르고 쉽게 할 수 있는 단축키로서, Alt + Back Space와 Ctrl + Back Space를 설명하고 있습니다. 단순한 것이니 잘 알아두시기 바...