배움터  
  HOME > 배움터 > 무료강좌
무료강좌
 
포토드로우 연재강좌 - 홈페이지 메인 이미지 디자인하기 (1), Photodraw 2000

3일.홈페이지 메인 이미지 디자인하기 (1) 

▶ 오늘 배울 내용

요번 [포토드로우 고급 활용 강좌]에서는 [홈페이지 메인 이미지 디자인하기]를 학습하겠습니다. 이 과정을 학습하면 제목처럼 홈페이지 메인 이미지로 활용할 수 있습니다. 또한 그 뿐만 아니라 [카탈록], [전단지], [프레젠테이션] 등에도 활용할 수 있습니다.
즉, 이 과정을 학습하고 [홈페이지의 메인 이미지]에 활용하리라는 고정관념을 갖기보다는 이 과정을 학습하며 습득한 것을 통해 여러분이 만들고자 하는 모든 작업물에 적용하고자 하는 것이 중요한 것입니다.

pd02-000.gif(226199바이트)

 

● 학습에 앞서서 : 적극성이 실력을 낳는다!!!

필자는 회사의 직원들을 상대로 자주 각종 컴퓨터 프로그램의 교육을 했었습니다.
이론은 가급적 자제하여 간단한 이론 설명 후 실전 위주의 교육을 열성적으로 실행하였고, 평가시험도 자주 치루었지요. 인사고과에도 반영된다는 협박(^^;)도 해보며 교육의 열의를 높였지만 그래도 대충하는 직원들이 눈에 보이더군요.
교육 후 평가시험의 결과는 역시 적극적이고 열의있게 교육받은 직원은 프로그램들의 개념과 기능을 확실히 파악하였고 자신의 부서업무에 활용하였으며, 교육에 성의없는 직원은 저조한 결과를 낳게 되더군요.
프로그램의 학습은 요행이란 없으며 적극적인 자세와 열의 그리고 꾸준한 연습이 실력을 키워줍니다. 여기에 하나 더하면 학습한 프로그램에 애정을 갖고 자신의 일과 업무에 이렇게 저렇게 적용한다면 더욱 실력이 향상됩니다.
대부분의 프로그램들이 개발자의 끊임없는 노력의 대가로 사용자들은 더욱 쉽게 배울 수 있게 발전합니다. 쉬워지는 인터페이스 덕분에 여러분의 적극적인 의지와 실행만 있다면 실력은 반드시 향상됩니다.
또한, 포토드로우는 쉬운 인터페이스와 편리하고 강력한 기능들이 많기 때문에 전문가들에게 업무의 효율을, 초보자들에게 그래픽 프로그램에 대한 자신감을 심어줄 것입니다.
pd02-003.gif(162903바이트)

● 학습 준비 : 학습자료 다운받아 압축 해제하기

학습 예제와 이미지가 담겨있는 [pd-02.zip]을 다운로드 받아 압축을 해제합니다. 압축을 해제하면 [이미지] 폴더에 학습에 사용될 이미지가 있으며, [전단지.pub]는 학습할 예제파일입니다. [download]

▶ 따라하기

1. 이제부터 본격적으로 [포토드로우 고급 활용 강좌 - 홈페이지 메인 이미지 디자인하기] 학습에 들어가겠습니다.
포토드로우를 실행하여 [750 X 550 픽셀]의 이미지를 만듭니다.
pd02-001.gif(117373바이트)

2. 다음 그림과 같이 직사각형을 배경을 감싸게 그립니다.
pd02-004.gif(92722바이트)

3. 사각형의 채우기를 설정하기 위해 [채우기 - 미술 효과]를 선택합니다.
pd02-005.gif(117240바이트)

4. [석고 5]를 클릭하여 적용하고, 투명도를 [80%]로 지정합니다.
pd02-006.gif(188401바이트)

5. 다음 그림과 같은 4개의 구를 만들겠습니다.
pd02-007.gif(157272바이트)

6. [그리기 - 무늬 찍기]를 선택한 다음, 크기를 [100 pt] 정도록 지정하고 [레몬 구]를 클릭합니다.
pd02-008.gif(160762바이트)

7. 배경이미지 위의 아무 곳에나 클릭하여 [레몬 구]를 만들고 [마침]을 클릭합니다.
pd02-009.gif(170752바이트)

8. 이미지를 원 모양으로 잘라내기 위해 [자르기]를 선택하고 목록에서 [원]을 선택한 다음 [레몬 구] 위를 원 모양으로 선택한 다음 [마침]을 클릭합니다.
pd02-010.gif(159370바이트)

9. [레몬 구]의 색감을 바꿔주기 위해 [손질 - 색조 보정]을 선택합니다. 그 다음 [색상 및 채도]를 선택합니다.
pd02-011.gif(158747바이트)

10. 색상 [120], 채도 [-10], 밝기 [15]로 지정합니다.
pd02-012.gif(166043바이트)

11. [레몬 구]를 가로, 세로 [140] px 정도로 크기를 변경하고, 다음 그림과 같이 [Ctrl + 드레그]로 복사하여 4개의 구를 구성합니다.
pd02-013.gif(167502바이트)

12. 다음 그림과 같의 구의 크기를 변경합니다.
pd02-014.gif(165734바이트)

13. 다음 그림과 같이 타원을 그리고, 너비를 [1.00 pt]로 지정합니다.
pd02-015.gif(145503바이트)

14. 선 종류를 [둥근 점선]으로, 선 색상을 [변형 3]으로 지정합니다.
pd02-016.gif(146216바이트)

15. [사용자 정의 회전]을 선택하고 각도를 [330]으로 지정합니다.
pd02-017.gif(175906바이트)

16. 타원을 복사하고 [대칭 이동]의 [수평 대칭 이동]을 실행합니다.
pd02-018.gif(175138바이트)

17. 4개의 구를 [맨 앞으로 가져오기]를 실행합니다.
pd02-019.gif(162351바이트)

18. 다음 그림과 같이 구와 타원을 배치합니다.
pd02-020.gif(159118바이트)

19. [그리기 - 무늬 찍기]를 선택하고 다음 그림과 같이 [스파이크가 박힌 구 1]을 찍고 [마침]을 클릭합니다.
pd02-021.gif(145933바이트)

20. [자르기]를 선택하고 [원] 모양 선택 예제를 클릭한 후, 다음 그림과 같이 원모양으로 잘라낸 후 [마침]을 클릭합니다.
pd02-022.gif(167544바이트)

21. [구] 중 하나를 [스파이크 박힌 구 1]의 스파이크 끝 부분에 복사를 하여 크기를 작게 줄여줍니다. 구를 여러 개로 복사하고 크기를 줄이고 늘여 다음 그림과 같이 만듭니다.
pd02-023.gif(177613바이트)

22. [스파이크 박힌 구 1]과 스파이크에 달린 구들을 선택하고 그룹으로 묶습니다.
pd02-024.gif(163605바이트)

23. [스파이크 박힌 구] 그룹을 다음 그림과 같은 위치에 배치합나다. 그 다음, [타원], [구], [스파이크 박힌 구] 그룹을 모두 선택하고 그룹으로 묶습니다.
pd02-025.gif(164090바이트)

24. [삽입] 메뉴의 [미리 보고 삽입]을 선택합니다. 압축 해제한 학습자료의 [이미지] 폴더의 [02.jpg]를 선택하여 삽입합니다.
pd02-026.gif(78391바이트)

파워팁 : 이미지 소스 200% 활용하기

포토드로우를 사용하다보면 많은 이미지들이 필요하게 됩니다. 예를들어 캐릭터 전시회 포스터를 만들다 가정했을 때 포스터에 캐릭터와 관련된 이미지들을 삽입하고자 하면 관련 이미지들이 필요합니다.
이럴 때, 저작권의 제약이 없는 다양한 이미지가 있으면 작업에 큰 도움을 줍니다. 이런식으로 이미지 작업을 할 때, 다양한 이미지 소스가 필요하게 됩니다.
그러나, 막상 필요한 이미지를 구하려하면 그리 수월하지만은 않은 것이 사실입니다.
그러면, 어떻게 필요한 이미지들을 구할 수 있을까요?
용산, 테크노마트 등의 전자종합상가, 동네의 컴퓨터 매장이나 소프트웨어매장, 책 부록, 잡지부록, 이미지 검색 사이트, 이미지 전문 사이트, 홈페이지 계정 제공 사이트 등에서 저렴하게 또는 무료로 구할 수 있으며, 스캐너로 필요한 이미지를 스캐닝하거나 디지털 카메라로 촬영하는 방법이 있습니다.
자세한 방법은 필자가 강좌하고 있는 오피스튜터의 [퍼블리셔 고급 활용 강좌 - 멋진 홍보 전단지 만들기] 편의 처음 부분에 자세히 설명되어 있습니다.
pd02-002.gif(363202바이트)

이전 | 목차 | 다음