본문 바로가기

파이어웍스 강좌73

3.3. 여러 가지 효과(필터) 제3장 웹 그래픽 기능 익히기 > 3.3. 여러 가지 효과(필터) 앞서의 버튼 만들기에서 살펴본 [속성]창의 [효과]를 통해서 다양한 효과를 만들 수 있습니다.효과의 세부 설정 사항들을 적절하게 조절함으로써 원하는 효과를 낼 수 있을 뿐만 아니라 여러 가지 효과를 하나의 개체에 복합적으로 줄 수도 있습니다. 2015. 8. 17.
3.2. 버튼 만들기 제3장 웹 그래픽 기능 익히기 > 3.2. 버튼 만들기 파이어웍스는 포토샵이나 페인트샵에 비하면 분명히 웹 페이지 제작에 유리한 많은 기능들을 가지고 있습니다. 그 한 예가 버튼 만들기인데, 여타의 프로그램에 비하면 너무나 쉽게 웹용 버튼을 제작할 수 있습니다.예제를 이용, 만들기를 해보겠습니다.1) 먼저 사각형 그리기 도구를 이용하여 사각형을 하나 그려봅시다.캔버스에서 마우스를 드래그해서 크기를 정한 다음 마우스 버튼을 놓지 말고 아래 혹은 위 방향키를 누르면 모서리가 둥글게 처리됩니다. 2) 색상 도구를 이용하여 선택과 면색을 다음과 같이 변경해 보십시오. 3) 이제 버튼에 입체적인 효과를 주겠습니다. 포토샵이나 페인트샵의 필터와 같은 기능은 [속성]창의 [효과]에 있습니다.[효과]의 단추를 누르면 .. 2015. 8. 17.
제3장 웹 그래픽 기능 익히기 / 3.1. 선과 면 색상 바꾸기 제3장 웹 그래픽 기능 익히기3.1. 선과 면 색상 바꾸기 ▷ 색상 관련 기본 개념파이어웍스의 기본 색상표는 웹 환경에 최적화되어 있습니다. 웹 페이지는 다양한 기종과 프로그램을 통해 표현됩니다. 이를테면 IBM 호환 기종, 매킨토시 등의 기종과 인터넷 탐색기, 넷스케이프 등의 브라우저가 이용되고 있다는 것이지요.따라서 웹페이지를 제작하는 입장에서는 모든 기종과 모든 브라우저에서 표현한 색상이 그대로 화면에 보이도록 할 필요가 있습니다. 윈도의 시스템 팔레트에 비해서 파이어웍스의 색상 팔레트 색상수가 적고 단순해 보이는 이유가 바로 여기에 있습니다. 파이어웍스 기본 팔레트 ▷ 색상 바꾸기도구 상자의 아래쪽에 있는 색상 팔레트를 이용합니다. 연필 표시는 선의 색상표이고, 페인트통이 표시된 색상은 면(채워넣.. 2015. 8. 3.
2.2.27. 보기 도구 2.2.27. 보기 도구 연습 화면 모드1) 표준 화면 모드 2) 메뉴가 있는 전체 화면 모드 3) 전체 화면 모드 연습 손 도구(H)1) 작업 창의 그림을 확대한 경우 스크롤 바 대신 이 도구를 이용하여 그림의 원하는 영역을 끌어옵니다. 손 도구를 선택한 후 마우스를 드래그합니다.2) 작업창의 크기에 맞게 그림을 확대 혹은 축소하려면 이 도구를 선택한 상태에서 작업창에서 더블클릭을 하면 됩니다. 연습 돋보기(Z)1) 작업 창의 그림을 확대하거나 축소할 수 있습니다.2) 이 도구를 선택하고 클릭을 하면 확대가 되고, Alt키를 누른 상태에서 클릭을 하면 축소가 됩니다. 2015. 8. 3.
2.2.26. 기본 색상 / 색상 없애기 / 색상 교체 2.2.26. 기본 색상 / 색상 없애기 / 색상 교체선과 면의 색상을 지정된 기본 색상으로 바꾸거나, 선과 면의 색을 없앨 수 있습니다. 선색과 면색을 서로 바꿀 수도 있습니다. 연습] 기본 색상으로 바꾸기1) 메뉴의 [편집 > 환경 설정]에 있는 [기본]탭에서 기본 선색과 면색을 지정할 수 있습니다. 2) 편집창에서 사각형을 그립니다. 이 경우 현재 설정되어 있는 색상대로 선색과 면색이 들어가게 됩니다. 3) 기본 색상 단추를 누르면 설정된 기본 색으로 변경됩니다. 연습] 색상 없애기1) 먼저 색상 도구에서 선색 혹은 면색을 선택합니다. 2) 색상 없애기 단추를 누릅니다. 선색을 없앤 경우 면색을 없앤 경우 연습] 선색과 면색 서로 바꾸기1) 선색과 면색을 서로 바꾸려면 이 단추를 눌러줍니다. 2015. 8. 3.
2.2.25. 면색 바꾸기 2.2.25. 면색 바꾸기 면의 색상을 바꾸거나 면 색을 없앨 수 있습니다. 도구에 따라 프로그램 하단의 [속성]창에도 나타날 수 있으며, 개념은 앞서의 선색과 같습니다. [칠 옵션...]을 누르면 [속성]창에서도 변경할 수 있는 색상 구성(단색, 그라데이션 등)과 가장자리 처리 방법, 텍스쳐 삽입 등을 할 수 있습니다. 연습] 색상 바꾸기1) 벡터 도구의 사각형 도구를 이용하여 사각형을 그립니다. 2) 포인트 도구로 사각형을 선택하고, 면색 팔레트를 눌러 다음과 같이 색상을 변경해 보십시오. 3) 사각형이 선택된 상태에서 [칠 옵션] 단추를 눌러 [선형]을 선택해 보십시오. 2015. 8. 3.
2.2.24. 선색 바꾸기 보호되어 있는 글 입니다. 2015. 7. 14.
2.2.23. 핫스팟/슬라이스 도구 보이기와 숨기기 2.2.23. 핫스팟/슬라이스 도구 보이기와 숨기기핫스팟이나 슬라이스 도구로 그린 영역을 화면상에서 보이게 혹은 보이지 않게 합니다. 보이기 한 경우 숨기기 한 경우 2015. 7. 6.
2.2.22. 슬라이스 도구 2.2.22. 슬라이스 도구큰 그림을 잘게 쪼개어서 나눕니다. 큰 그림을 하나의 파일로 처리할 경우, 다운로드에 시간이 소요되게 되고, 이용자의 입장에서는 기다려야 하는 불편이 따릅니다. 잘게 쪼개면 작은 파일을 받아서 결합시키는 형식을 취하므로 길게 기다려야 하는 불편이 없어집니다.잘려진 영역을 핫스팟 도구와 마찬가지로 웹페이지나 파일로 링크할 수 있습니다. 롤오버 기능이나 이미지 스와핑 기능도 이 슬라이스를 통해 이루어집니다. 슬라이스 도구 활용하기본격적인 실습은 제 3장에서 하고 여기서는 개념 파악 정도에서 그치도록 하겠습니다. 아래 그림을 클릭하면 큰 그림이 나옵니다. 큰 그림을 복사해서 실습하십시오. 1) 슬라이스 도구를 선택합니다. 2) 다음 그림과 같이 오른쪽의 그림 하나를 블록 씌우듯이 감.. 2015. 7. 6.
2.2.21. 핫스팟 도구 2.2.21. 핫스팟 도구 그림의 일부 영역을 지정하여 링크를 합니다. [연습] 핫스팟 도구를 이용한 링크하기본격적인 실습은 제 3장으로 미루고 일단 여기서는 개념 파악 정도에서 그치도록 하겠습니다. 3가지 핫스팟 도구를 모두 활용해보겠습니다. 이 그림은 바탕의 그림 위에 아래쪽에는 사각형 핫스팟 도구를 활용할 수 있는 두 개의 버튼과 오른쪽 위에는 원형 핫스팟 도구를 활용할 수 있는 동그란 버튼을 만들어 두었습니다. 바탕의 그림은 다각형 핫스팟 도구를 활용해보겠습니다.링크는 에셋 패널에 있는 URL 탭을 이용하면 됩니다. 참고로 링크할 수 있는 대상은 웹페이지 뿐만 아니라 일반 파일, 그림 파일, 이메일 주소, 동영상 등입니다. 여기서는 웹 페이지 주소를 이용하도록 하겠습니다. 바탕 그림 : http:.. 2015. 7. 6.
2.2.20. 칼 도구 2.2.20. 칼 도구 입력된 패스를 자릅니다.벡터 형식으로 그려진 개체를 잘라서 분리하고자 할 때 사용합니다.선, 사각형, 원 혹은 펜 도구를 이용하여 벡터 패스를 그립니다.자르고자 하는 지점의 바깥 영역에서 패스를 가로질러 드래그해줍니다.잘려진 개체를 분리하려면 선택을 해제한 다음 다시 포인터 도구를 선택하고 개체를 드래그합니다. [연습] 태극 문양 만들기이번 실습은 원 도구를 이용하여 태극문양을 만들어보는 것입니다. 칼 도구는 단 한 번 사용되지만 이 도구를 이해하는 데 도움이 될 것으로 생각됩니다.1) 타원형 도구를 선택합니다. 2) 편집창에서 Shift 키를 누르고 드래그하여 정원을 그립니다. 3) 선 색은 없애고, 면 색은 일단 빨간색으로 바꿉니다. 4) [속성]에서 원의 크기를 확인합니다.(.. 2015. 7. 4.
실습용 일러스트 모음 2015. 4. 9.

티스토리툴바