extra : 동영상 강의 : Photoshop
-
포토샵 단축키 (프린트해서 쓰세요)
포토샵의 단축키 모음입니다. 이미지 파일의 길이가 좀 긴 듯 한데... 요령껏 프린트 해서 쓰시면 될 것 같습니다. -
웹디자인 활용 1단계 - Ruler 설정 및 색상채우기
웹디자인에서 많이 사용될 수 밖에 없는 '픽셀값 구하기'를 위해서는 Ruler의 활용이 요구됩니다. 본 예제에서는 Fill을 더 빠르고 쉽게 할 수 있는 단축키로서, Alt + Back Space와 Ctrl + Back Space를 설명하고 있습니다. 단순한 것이니 잘 알아두시기 바... -
웹디자인 활용 2단계 - 이미지 파일 압축 및 팔레트 다루기
웹디자인에서 이미지 파일의 관건 중 하나는 '화질을 유지하면서 얼마나 크기를 잘 줄여낼 수 있는가' 입니다. 본 예제에서는 GIF의 옵션조정 및 Lock Palette 기능에 대해서 알려드리고 있습니다. 예제 22. 강의동영상 다운로드 예제 22. 강의소스 다운로드 -
웹디자인 활용 3단계 - 배경패턴 만들기
간단한 패턴용 이미지를 만들고 이를 Preview로 확인하는 방법이며 offset 기능을 이용해서 손쉽게 패턴의 변화를 연출하는 예제입니다. 예제 23. 강의동영상 다운로드 예제 23. 강의소스 다운로드 -
웹디자인 활용 4단계 - 투명한 GIF 이미지의 처리
투명하게 만들어진 이미지를 GIF 포맷으로 적용할 때, GIF 포맷이 가진 한계가 무엇이며 이를 어떻게 적절하게 표현하는가에 대한 예제입니다. 예제 24. 강의동영상 다운로드 예제 24. 강의소스 다운로드 -
웹디자인 활용 5단계 - 메뉴만들기
손쉽게 메뉴를 만드는 방법입니다. Rectangle Tool을 이용한 후, Align을 활용하고 있습니다. 예제 25. 강의동영상 다운로드 예제 25. 강의소스 다운로드 -
웹디자인 활용 6단계 - 네비게이션 아이콘 만들기
네비게이션용 메뉴 아이콘을 만드는 과정입니다. 자신이 직접 포토를 토대로 Path를 만든 후, 이를 Shape로 등록해서 활용하게 됩니다. 예제 26. 강의동영상 다운로드 예제 26. 강의소스 다운로드 -
웹디자인 활용 7단계 - 포토이미지를 Sharp하게 만들기
웹페이지에서 많이 사용하게 되는 포토이미지의 Sharpness를 조정하는 방법입니다. Smart Filter에 이어 Smart Sharpen을 적용하여 원하는 부분만 샤프하게 만듭니다. 예제 27. 강의동영상 다운로드 예제 27. 강의소스 다운로드 -
웹디자인 활용 8단계 - Slice를 이용한 이미지 자르기
완성된 웹페이지용 이미지를 Slice하여 html로 구성하기 위한 구조로 잘라내는 방법입니다. URL도 지정할 수 있으므로 Save for Web을 통해 바로 웹페이지로 출력하여 사용할 수 있습니다. 예제 28. 강의동영상 다운로드 예제 28. 강의소스 다운로드 -
웹디자인 활용 9단계 - 버튼만들기
젤(Gel) 버튼이라고 하는 스타일의 버튼을 제작하는 방법입니다. Style Option의 여러 효과를 이용해서 만들기 때문에 Style로 저장을 해두면 나중에 버튼 형태를 만들고 바로 스타일 적용해서 활용할 수 있습니다. 예제 29. 강의동영상 다운로드 예제 29. 강...