Visio 2007 따라하기 
Visio 2007 따라하기 7편 - Visio 2007을 활용한 사용자 셰이프 작성
Posted on 2007/10/24 12:24
비지오2007 따라하기 7편
 

 
 

 

그 동안 Visio 2007에서 제공하는 다양한 템플릿들을 이용하시면서
2% 살짝 부족한 느낌 받으신 적 없으셨나요?

“이런 모양의 셰이프는 없을까?”, “우리 회사 템플릿도 있었으면 좋겠다.” 등등
생각해 보신 적 있으시죠?
이제 Visio 2007에서 나만의 템플릿을 만들어 보시기 바랍니다.

 

Visio 2007은 다양한 그림을 그리고, 그 그림에 데이터와 기능을 넣을 수 있는 훌륭한 플랫폼을 가지고 있습니다. 앞으로는 사용자가 환경을 마음대로 주무를 수 있게 하는 기능들에 대한 팁을 위주로 다루도록 하겠습니다.

그 첫 번째로 다음과 같은 셰이프를 만드는 방법을 알아보고, 이것을 스텐실로 저장하여 쉽게 배포하고 활용하는 방법을 알아봅니다.

이번 팁을 통해서 익히게 되는 기능을 정리하면 다음과 같습니다.

 1. 내 맘대로 셰이프 만들기
 2. 사용자 스텐실 만들기

[팁 속의 팁] Visio 2007 용어를 잠시 정리해보겠습니다.

-
셰이프 : Visio 2007 문서 내의 모든 그림, 텍스트, 선 등을 셰이프라고 부릅니다.
- 드로잉 : Visio 2007로 작업하여 저장된 문서를 드로잉 문서라 부르고,
           vsd로 저장됩니다.
- 스텐실 : 종류별로 셰이프의 묶음 파일을 스텐실이라고 부르며,
           vss 포맷으로 저장되는 Visio 2007 라이브러리 파일입니다.
- 템플릿 : 특정 분류별 작업을 위해서 환경이 구축된 문서로 작업하기 위한
          스텐실의 종류, 메뉴, 문서 환경이 저장된 마스터 파일입니다.
           vst 포맷으로 저장됩니다.

 

내 맘대로 셰이프 만들기
Visio 2007에서 주로 템플릿을 사용합니다.
이번 팁에서는 사용자 템플릿을 제작하는 것이기 때문에 비어있는 문서에서 작업을 시작하겠습니다.

1. [파일]-[새로 만들기]-[새 드로잉(미터법)]을 선택하여 빈 문서를 만듭니다.

2. 나만의 셰이프를 만들기 위해서 [표준] 도구 모음에 있는 [그리기 도구]를 클릭합니다.


[그리기 도구]

3. [사각형 도구], [타원 도구]를 이용하면 사각형과 타원을 그릴 수 있습니다.
지금은 [사각형 도구]를 이용하여 아래와 같이 페이지 위에 적당한 크기의 직사각형을 그려보겠습니다.

[팁 속의 팁]
Shift 키를 누르면 정사각형, 원을 그릴 수 있습니다.
또, [보기]-[크기, 위치 창]을 이용하면 정확한 사이즈와 위치를 입력할 수 있으므로 섬세한 도면 작업을 할 때 유용합니다.

4. [선 도구]를 이용하여 이전에 그린 사각형의 왼쪽 부분에 선을 그립니다.

5. [호 도구]를 이용하면 원의 일부분인 호를 그릴 수 있습니다.
아래와 같이 호도 그려 넣겠습니다.

6. [Ctrl+A]를 눌러서 지금까지 그려진 모든 셰이프를 선택한 뒤 [셰이프]-[작업]-[조각]을 시행해 보겠습니다.

7. 아래와 같이 모든 셰이프를 마우스로 드래그해 보면 조각나 있는 것을 볼 수 있습니다.
([표준] 도구 모음에 [포인터 도구]를 클릭하신 후 셰이프를 움직여 봅니다.)

8. [셰이프]-[작업] 아래의 메뉴들이 무엇을 하는 툴인지 알게 되셨나요?
셰이프들의 모양을 바꾸기 위한 Boolean동작에 관한 메뉴가 모여 있습니다.

각각의 메뉴를 실행했을 때 출력되는 결과는 메뉴의 아이콘과 같습니다.

병  합 2D 셰이프 사이의 동작으로 선택된 셰이프의 모양을 모두 합쳐 하나의 셰이프를 생성합니다.
결  합 2D 셰이프 사이의 동작으로 선택된 셰이프의 겹치를 부분을 제외한 나머지 부분을 합쳐 하나의 셰이프를 생성합니다.
조  각 2D와 2D 셰이프, 2D와 1D 셰이프 사이의 동작으로 처음 선택된 2D 셰이프가 뒤에 선택된 셰이프의 라인에 의해 분리되어 여러 개의 셰이프로 나뉘어 집니다.
교  차 2D 셰이프 사이의 동작으로 선택된 셰이프들이 합쳐지는 부분만 하나의 셰이프로 남게 됩니다.
빼  기 2D 셰이프 사이의 동작으로 처음 선택된 셰이프에서 다음에 선택된 셰이프와 교차되는 영역이 삭제됩니다.
조  인  1D 셰이프 사이의 동작으로 모든 선, 호를 하나의 셰이프로 연결합니다.
이 때, 닫힌 형태가 만들어지면, 하나의 면이 생성됩니다.
트리밍 2D와 1D, 1D와 1D 사이의 동작으로 모든 셰이프들이 겹쳐진 선을 기준으로 여러 개의 선으로 분리됩니다.
 

[팁 속의 팁]
1D 셰이프는 “시작점”과 “끝점”을 지난 선, 호와 같은 셰이프를 말합니다.
2D 셰이프는 가로, 세로의 크기와 면을 지닌 사각형, 원과 같은 셰이프를 말합니다.

9. 그려진 사각형이 여러 모양으로 잘라졌으므로, 각 부분에 서식을 따로 적용할 수 있습니다. 아래와 같이 이쁘게 색을 넣어보겠습니다.
[채우기 도구] 또는 [서식]-[채우기] 메뉴를 이용하여 각 부분의 색을 넣습니다.

10. 만들어진 모양을 조금 더 꾸며보기 위해 호를 하나 더 그려 보겠습니다.
[그리기 도구]-[호 도구]를 클릭합니다.

11. 그려진 호를 선택한 뒤 [그리기 도구]-[연필 도구]를 선택하면 호의 모양을 변경할 수 있습니다.

12. 호 중간에 나타나는 선을 변경하면 곡률을 변경할 수 있습니다.

13. 하나의 면을 만들기 위해 처음 그린 호와 같은 호를 하나 더 추가하겠습니다.
이 때, 이전에 그린 호와 양 끝점이 일치하도록 그립니다.

14. 이제 그려진 두 개의 호를 선택하고, [셰이프]-[작업]-[조인]을 실행하여 하나의 면으로 만듭니다.

15. [조인]으로 묶여진 셰이프에 [흰색] 채우기를 하면, 면이 있는 하나의 셰이프로 변경된 것을 확인할 수 있습니다.

[팁 속의 팁]
채우기를 할 수 없다면, 2개의 선 끝이 서로 붙어 있지 않아 면이 생성될 수 없어서입니다.
화면을 확대하고, 연필 도구를 이용하여 양 끝점이 서로 일치되도록 조절한 뒤 다시 한번 [조인]을 실행하시기 바랍니다.

16. 셰이프에 투명도와 채우기 패턴을 넣어 보도록 하겠습니다.
[도구 모음] 표시줄의 빈 자리에서 마우스 오른쪽 버튼을 클릭하면 도구 모음을 확장하여 볼 수가 있습니다. [셰이프 서식] 도구를 클릭하여 화면에 표시합니다.

17. [셰이프 서식] 도구는 셰이프에 레이어를 적용하거나, 그림자, 패턴, 투명도 등의 추가 서식 작업을 빠르게 할 수 있도록 도와줍니다.
따라하기 14번에서 [조인]을 이용하여 면이 된 흰색 셰이프를 선택하고, 투명도를 넣어줍니다.

18. [Ctrl+A]로 모든 셰이프를 선택하고 [선 서식]을 흰색으로 변경하여 사용자 셰이프의 모양을 완성하겠습니다.

19. 핑크색 셰이프에 글씨를 넣어 보도록 하겠습니다.
[표준] 도구 모음 중 [텍스트 도구]를 클릭하고 'Visio 2007'을 입력합니다.
글씨의 서식도 적당히 조절합니다.

20. 어정쩡한 텍스트의 위치를 변경하기 위해서 [텍스트 블록 도구]를 이용하여 텍스트의 위치를 변경해 보도록 하겠습니다.

[표준] 도구 모음에 있는 [텍스트 블록 도구]를 클릭한 후 텍스트를 이동시킵니다.
만약 [텍스트 블록 도구]가 보이지 않으면 [텍스트 도구] 옆에 있는 드롭다운 버튼을
클릭하면 됩니다.

[텍스트 블록 이동]

[텍스트 블록 사이트 조정]

21. 텍스트도 조금 꾸며 보겠습니다. Visio에 삽입된 텍스트의 경우, 그림자 기능이 제공되지 않습니다. 하지만, 다음과 같은 방법으로 그림자와 비슷한 효과를 낼 수 있습니다.

기존에 쓴 글씨만을 선택하여 복사하고, 페이지 위에 붙여넣기 합니다.

22. [Ctlr+1]을 눌러 [텍스트 블록 도구]가 선택된 마우스를 포인터 상태로 변경한 뒤, 텍스트의 서식을 변경하겠습니다. 붙여넣기한 텍스트의 색상을 조금 옅은 계열로 변경합니다

23. 다음, 옅은 색의 글씨를 이전 글씨 위에 살짝 겹치게 놓습니다.

24. 지금까지 만들어진 셰이프가 총 6개 입니다.
만들어진 셰이프를 각각 하나씩 선택하여 이동이나 크기 편집이 불편합니다.
그래서, [그룹]을 하면 좀 더 편하게 하나의 동작을 실행시킬 수가 있습니다.

[Ctrl+A]를 이용하여 모든 셰이프를 선택한 뒤, [셰이프]-[그룹화]-[그룹] 메뉴를 이용하여 그룹을 합니다.

[팁 속의 팁]
그룹의 경우 자주 사용하는 메뉴이므로 단축키를 기억하면 편리합니다. Ctrl+G 입니다.
그룹되어 있는 셰이프의 경우 대부분은 한번 더 선택하면 그룹 내부의 맴버 셰이프를 선택, 편집할 수 있습니다.

사용자 스텐실 만들기

25. 이제, 새로 만든 셰이프를 스텐실에 저장하겠습니다.
[파일]-[셰이프]-[새 스텐실(미터법)]을 선택합니다.

26. 도면의 왼쪽에 비어있는 스텐실이 열립니다. 드로잉 페이지 위에 작업한 셰이프를 빈 스텐실 위로 드래그 앤 드롭하면 스텐실 내의 셰이프로 등록되어 기존에 사용하던 다른 셰이프들과 마찬가지로 편하게 가져다 쓸 수 있게 됩니다.

27. 스텐실에 등록한 셰이프의 이름을 “Visio 배경”으로 입력합니다.

28. [스텐실] 메뉴를 표시하기 위해서 스텐실 제목 왼쪽의 아이콘을 클릭하고, 메뉴가 표시되면 [저장] 메뉴를 클릭합니다.

29. [다른 이름으로 저장] 대화상자에 표시되는 것처럼 스텐실 파일은 'vss' 확장자로 저장됩니다. 저장된 vss 파일을 다른 사람에게 전달하면, 같은 셰이프를 이용한 작업이 가능합니다.

필요한 셰이프 많이 많이 만들어보시고, 서로 서로 공유해 보세요!

 
 
 
 

 

visio, 댓글이벤트, 비지오, 셰이프, 스텐실, 오피스튜터,
     
 Visio 2007 따라하기 
Visio 2007 따라하기 3편 - Visio 2007을 활용한 순서도 작성
Posted on 2007/08/14 18:23
 
 

위에 보시는 이미지는 업무에서 자주 사용하는 업무 흐름도 또는 순서도 이지요?
업무 순서를 바꾸려면 도형도 옮겨야 하고 선도 따라 옮겨야 하고
귀찮은 수고가 필요합니다. 하지만, Visio 2007을 활용하면
연결선 작업 없이 뚝딱 이와 같이 멋진 업무 흐름도를 작성할 수 있습니다.

 
Visio 2007을 이용하면 복잡한 절차들을 다이어그램으로 단순화시켜 작성할 수 있으므로, 보는 사람의 이해도를 높이고 오래 기억에 남게 됩니다. 이번 Visio 2007 따라하기 내용은 쉽고 빠르게 시각화된 업무 흐름도를 작성하고, 이를 웹 페이지로 저장하여 공유하는 방법을 살펴 보도록 하겠습니다

아래 두 가지 기능을 익히시면 더욱 빠르게 업무 프로세스를 설계하실 수 있습니다.

1. 연결선, 자동 연결 도구의 다양한 사용 방법 익히기
2. 테마 기능과 워크플로 셰이프를 사용하여 시각화된 문서 작성하기

자. 그럼 Visio 2007를 실행시키시고, 함께 따라 해 보시기 바랍니다.

 
이사 흐름도 그리기

1. 템플릿 범주의 [순서도][기본 순서도]를 더블 클릭합니다.

 
[팁 속의 팁]
기본 순서도 템플릿은 [일반], [사무], [순서도] 템플릿 범주에서 모두 선택할 수 있습니다.

2. [기본 순서도] 템플릿은 [기본 순서도 셰이프] 스텐실을 이용하도록 구성되어 있습니다. 또한 순서도 템플릿을 이용하면 연결선 도구를 더욱 편리하게 사용할 수 있습니다.

3. “이사 흐름도”를 시작하기 위해 [수행의 시작/종료] 셰이프를 드래그 앤 드롭하여 드로잉 화면에 놓습니다.

4. [프로세스] 셰이프를 같은 방법으로 [수행의 시작/종료] 셰이프 옆에 놓습니다.
놓을 때 ‘동적 눈금에 맞춤’이 동작하여 쉽게 [수행의 시작/종료] 셰이프와 정렬시킬 수 있습니다.

[팁 속의 팁]
동적 눈금에 맞춤이 동작하지 않을 경우에는, “순서도 템플릿”을 선택하여 시작하였는지 다시 확인합니다..

[연결선 사용 방법 1]5. 드디어 셰이프를 연결할 때가 되었습니다. 도구 모음에 있는 [연결선 도구] 버튼을 꾹 눌러 선택한 뒤, 연결하고자 하는 셰이프를 선택합니다.

[팁 속의 팁]
“시작” 셰이프가 빨갛게 선택되었을 때 마우스를 누르고 “프로세스” 셰이프로 이동하여 “프로세스” 셰이프가 빨갛게 선택되면 마우스를 놓습니다.

6. 두 개의 셰이프가 제대로 연결되면 가장 가까운 방향으로 선이 그어지고, 연결된 부위(‘연결점’)가 빨갛게 표시됩니다.

[연결선 사용 방법 2]7. 도구 모음에 있는 [연결선 도구]가 선택되어 있고, 따라하기 4번에서 만든 [프로세스] 셰이프가 선택되어 있는 상태에서 [판단] 셰이프를 [프로세스] 셰이프의 오른쪽에 드래그 앤 드롭합니다. 그러면, 자동으로 선이 연결되는걸 볼 수 있습니다.

[연결선 사용 방법 3]8. 더 쉬운 방법으로 [판단] 셰이프의 오른쪽과 아래쪽에 [프로세스] 셰이프를 추가해 보겠습니다.
[프로세스] 셰이프를 문서로 드래그 한 다음 [판단] 셰이프와 연결하고자 하는 방향의 삼각형 표시가 진해졌을 때, 셰이프를 드롭 합니다.

[팁 속의 팁]
셰이프 근처의 삼각형은 Visio 2007에서 새롭게 지원하는 기능입니다.

[연결선 사용 방법 4]9. 이미 연결된 셰이프들을 서로 연결하고자 한다면, 도구 모음에 있는 [연결선 도구]를 이용해서 따라하기 5번의 [연결선 사용 방법 1]과 같은 방법으로 연결하면 됩니다. 하지만 이번에는 셰이프를 선택하지 않고 ‘연결점’을 선택해서 연결하도록 하겠습니다.

10. ‘연결점’을 선택하여 연결된 선은 셰이프가 이동해도 그 점과 점의 연결이 계속 유지됩니다.

[연결선 사용 방법 5]11. [판단] 셰이프의 아래쪽 [프로세스] 셰이프의 다음 절차를 추가하려 합니다.
스텐실에서 [프로세스] 셰이프를 선택만 해 놓은 뒤에, 문서에 있는 [판단] 아래 부분의 [프로세스] 셰이프 주변 삼각형을 클릭합니다. 셰이프가 자동으로 그려지면서 연결선이 그려지는 것을 확인할 수 있습니다. 같은 방법으로 밑으로 3개의 [프로세스] 셰이프를 추가하겠습니다.

12. 순서도가 아래와 같이 완성되면, [연결선 도구]의 사용이 필요 없으므로, [연결선 도구] 선택을 해지하기 위해서 [포인터 도구]를 클릭합니다. [포인터 도구]를 클릭하면 일반 선택 모드로 전환됩니다.

13. 다른 페이지에 이 순서도와 연결된 다른 순서도를 그리거나, 참고하려고 할 경우, [다른 페이지 참조] 셰이프를 이용하면 편리합니다.
아래와 같이 완성된 흐름도의 마지막 단계에 [다른 페이지 참조] 셰이프를 연결합니다.

14. [다른 페이지 참조] 대화 상자가 표시되면 새 페이지를 만들기 위해서 위와 같이
[연결 대상] 옵션에서 [새 페이지]를 클릭하고 이름 입력란에 “페이지-2”라고 입력합니다.

15. 새로운 페이지가 만들어지고, [다른 페이지 참조] 셰이프가 왼쪽 위에 추가됩니다.
작업 중이던 페이지(페이지-1)로 다시 돌아와서, [다른 페이지 참조] 셰이프의 선 연결을 마치도록 하겠습니다.

16. [연결선 사용 방법 5]와 동일하게 선이 시작되는 위치에 있는 셰이프의 주변 삼각형을 그냥 클릭합니다.

17. [다른 페이지 참조] 셰이프는 자기만의 메뉴를 포함하고 있습니다. 셰이프 선택 후 마우스 오른쪽 버튼을 클릭하시면 메뉴를 볼 수 있습니다. [원]을 선택하여, 셰이프 모양을 변경합니다.

[텍스트 입력]18. 이제 각 순서도 세이프에 설명을 넣도록 하겠습니다.. 해당 셰이프를 선택한 뒤, 텍스트를 입력하면 셰이프에 표시됩니다.

[테마 적용]19. 이제 완성된 순서도를 꾸미기만 하면 되겠습니다.. Visio 2007에서 제공하는 [서식]-[테마] 메뉴를 이용하도록 하겠습니다.
(서식 도구 모음에 있는 [테마] 버튼을 클릭하셔도 됩니다. 2007 이하 버전의 Visio 2007를 이용하시면 “색 구성표”를 이용해보세요.)

다양한 [테마 색][테마 효과]를 적용해보고 가장 맘에 드는 상태를 유지시킵니다.

[배경 삽입]20. 문서에 배경도 삽입해 보겠습니다.
[배경] 스텐실을 클릭하고 [배경 거미줄]을 드로잉 화면에 드래그 앤 드롭하면 한번에 배경을 삽입할 수 있습니다.

[프로세스 시각화 1단계]21. 전체 흐름 중 강조해야 할 부분이 있다면, [채우기 색]을 바꿔서 강조할 수 있습니다. “해피콜” 순서 셰이프 (“다른 페이지 참조” 셰이프)를 선택한 뒤, 도구 모음에 있는 [채우기 도구]를 확장시켜 색을 변경합니다.

[프로세스 시각화 2단계]22. 다이어그램보다 행동을 나타내는 그림이 들어가면 더욱 보기 좋고, 이해도를 높일 수 있습니다. Visio 2007은 “워크플로” 다이어그램을 제공합니다. 이를 활용해보도록 하겠습니다.

표준 도구 모음에 있는 [셰이프] 버튼을 클릭하고 [사무]-[사무 공정]-[부서]와 [워크플로 단계] 스텐실을 엽니다.

23. 프로세스에 어울리는 그림을 추가합니다.

[하이퍼링크 넣기]24. 흐름 진행 중 웹 페이지, 문서, 다른 페이지를 참조해야 할 필요가 있을 경우 하이퍼링크를 추가하여 참조 문서와 연결시킵니다.

“이사 센터 문의” 프로세스를 선택하고 [삽입]-[하이퍼링크] 메뉴를 이용하여 하이퍼링크를 추가하겠습니다.

25. [하이퍼링크] 대화 상자가 나타나면 아래와 같이 주소를 입력합니다.

[팁 속의 팁]
하이퍼링크의 “주소”란은 인터넷 주소 또는 파일 주소를 이용하여 하이퍼링크를 걸 때 사용하고, “하위 주소”는 같은 문서 내에 다른 페이지를 연결할 때 사용합니다. “하위 주소” 입력은 “찾아보기” 버튼을 이용하여 입력합니다.

26. [확인] 버튼을 누르기 전에 [새로 만들기] 버튼을 눌러서 하이퍼링크 주소를 하나 더 추가하겠습니다. Visio 2007는 하나의 셰이프에 여러 개의 하이퍼링크를 지정할 수 있습니다.

27. 프로세스 계획의 첫 페이지를 완성하였습니다. 이제 위에서 익힌 기능을 다시 짚어보며 두 번째 페이지를 완성해보세요.

다음 페이지로 이동은 [페이지 탭]을 이용하지 않고, 하이퍼링크를 이용하겠습니다. 해피콜  셰이프를 선택하고 마우스 오른쪽 버튼을 클릭하고 바로 가기 메뉴 중 [다른 페이지 참조]를 클릭하면 다음 페이지로 이동됩니다.

28. 그 다음 작업은 아래와 같이 만들어보세요. ^^

29. 모든 페이지를 완성하셨나요? 그러면 열심히 작업한 문서를 다른 사람도 볼 수 있도록 해야겠죠. [웹 페이지 저장]을 이용하여 현재 문서를 html 문서로 저장해보겠습니다.
[파일]-[웹 페이지로 저장] 메뉴를 클릭합니다.
웹 문서로 저장하면 문서를 보는 사람은 별도의 툴을 설치하지 않아도 되므로 문서를 쉽게 접할 수 있습니다.

30. [다른 이름으로 저장] 대화 상자의 파일 이름 입력란에 “이사 흐름.htm” 라고 입력하고 [저장] 버튼을 클릭합니다.

31. 파일을 저장시킨 폴더에 “이사 흐름.htm” 문서와 “이사 흐름.files” 폴더가 생성되었습니다.

[팁 속의 팁]
Visio 2007로 웹 문서를 저장하면 SVG 포맷으로 이미지 저장되어 인터넷 익스플로러에 보여지게 되므로 아무리 크게 확대해도 그림이 깨지지 않습니다. 아주 큰 문서나 도면 작업을 할 때 유리하겠죠

32. “이사 흐름.htm” 파일을 더블 클릭하여 웹으로 저장된 Visio 2007 파일을 확인하겠습니다. 인터넷 익스플로러가 실행되면, Visio 2007를 자세히 보기 위한 유틸리티를 설치하기 위해 ActiveX 설치를 요구합니다. 이 때 상단의 바를 선택하여 ActiveX를 설치하면 더 편하게 문서를 확인할 수 있습니다.

33. 여러 개의 하이퍼링크를 걸었던 셰이프를 선택하면 하이퍼링크로 이동할 수 있도록 메뉴가 나타납니다. 하이퍼링크를 1개만 적용한 셰이프(해피콜 셰이프) 클릭만으로 하이퍼링크 페이지로 이동하여 다음 페이지를 볼 수 있습니다.

[팁 속의 팁]
셰이프 선택시 Ctrl키를 누르고 셰이프를 선택하면 좌측에 셰이프 데이터를 확인할 수 있습니다. 셰이프 데이터 정보는 Visio 2007의 [보기]-[셰이프 데이터] 메뉴를 이용하여 저장합니다.

Visio 2007는 웹으로 저장하기 이외에 Microsoft Office 2007의 모든 제품군과 호환이 가능합니다. Visio 2007의 셰이프를 선택한 뒤 [복사하기]-[붙여넣기]를 이용하여 MS Word, PowerPoint, Excel 등에 붙여 활용할 수 있습니다.