본문 바로가기

파이어웍스 강좌73

4.3. 명령 사용하기 제4장 파이어웍스의 완성4.3. 명령(Command) 사용하기 4.3.1. 익스텐션(Extention) 설치 익스텐션이란 말 그대로 확장 기능으로 파이어웍스를 비롯한 어도비의 제품군의 기능을 쉽게 또는 구현하기 복잡한 기능을 간편하게 구현해주는 프로그램들입니다. 이 프로그램들을 설치하게 되면 각 프로그램의 [명령] 메뉴에 추가되게 되고, 실행은 [명령] 메뉴나 [속성]창을 통해 할 수 있게 됩니다. 1) 익스텐션을 다운로드하려면, 한국어도비 사이트의 익스체인지 페이지에 접속합니다. http://www.adobe.com/kr/exchange/ 클릭하면 영문 다운로드 페이지로 이동합니다. 2) 만약에 어도비 사이트에 로그인을 요구합니다. 사용자 계정이 없다면 가입하여 계정을 만들어야 합니다. 사인인(Sign.. 2015. 8. 21.
4.2. 썸네일 만들기 제4장 파이어웍스의 완성4.2. 썸네일 만들기 썸네일이란 원본 그림을 아주 작게 축소한 그림을 가리킵니다. 윈도의 탐색기에서 파일을 미리보기로 했을 때 그림 파일일 경우 보여주는 것과 같은 것을 말합니다. 앞서 강좌에서 사용한 파일을 이용하겠습니다. [연습] 1) 앞 강좌와 마찬가지로 [파일 > 일괄처리]를 실행합니다. 2) 일괄처리할 파일을 찾습니다. [찾는 위치]에서 폴더를 찾아서, [미리 보기]를 이용하여 파일을 선택한 후, [추가] 혹은 [모두 추가], [제거] 단추를 이용하여 일괄처리를 할 파일을 선정합니다. 3) [일괄 처리 옵션]에서 [크기 조절]을 선택한 후 [추가] 단추를 누릅니다. 아래쪽 [크기 조절]에서 [영역에 맞추기]를 선택한 후, [최대 너비]와 [최대 높이]을 입력해줍니다. 4.. 2015. 8. 21.
제 4장 파이어웍스의 완성 / 4.1. 일괄처리 하기 제 4장 파이어웍스의 완성 4.1. 일괄처리 하기 여러 개의 그림 파일을 일괄적으로 내보내기, 크기 변경, 찾기와 바꾸기, 이름 변경 등의 작업을 할 수 있습니다.파이어웍스의 [명령] 기능을 응용하면 더 다양한 일괄 처리 작업을 할 수 있습니다.[실습용 파일] 다양한 크기의 그림 파일들이 압축되어 있습니다. 다운로드 후 적당한 폴더에 압축을 풀어놓고 실습하십시오. [연습] 1) 메뉴의 [파일 > 일괄처리]를 실행합니다. 2) 일괄처리할 파일을 찾습니다. [찾는 위치]에서 폴더를 찾아서, [미리 보기]를 이용하여 파일을 선택한 후, [추가] 혹은 [모두 추가], [제거] 단추를 이용하여 일괄처리를 할 파일을 선정합니다. 3) 여기서는 크기 조절을 해보겠습니다. 다른 작업도 과정이 유사하므로 이 기능을 익히.. 2015. 8. 21.
3.36. 아웃 포커스 사진 만들기 제3장 웹 그래픽 기능 익히기3.36. 아웃 포커스 사진 만들기 지저분한 배경으로 인해 사진의 분위기가 좋지 않을 뿐만 아니라 주제를 제대로 살려주지 못하는 경우가 많습니다. 다음 예제와 같은 인물 사진의 경우 딱딱한 콘크리트 벽이 자연스러운 면을 방해하고 있으며, 인물을 부각시키지 못하고 있습니다.배경을 아웃포커스 즉 초점을 극단적으로 흐리게 만들어 단순화시켜주면 주제인 인물이 상대적으로 부각될 수 있다는 점에 착안합니다.필터 효과를 이용하여 배경을 흐리게 하면 되겠는데, 이 경우 영역을 지정해서 흐림 효과를 적용하면 적용되는 범위에 대한 선택이 쉽지 않을 뿐만 아니라, 흐림 효과의 강도가 부분적으로 달라져 조작한 흔적이 드러나게 됩니다.여기서는 사진 전체를 복제하여 일괄적으로 흐림 효과를 주고, 원본.. 2015. 8. 21.
3.35. 사각형으로 블록 만들기 제3장 웹 그래픽 기능 익히기3.35. 사각형으로 블록 만들기 [해보기]1) 이번 작업은 선의 각도와 선분의 길이 등이 일정해야 하므로, [보기 > 격자 > 격자 편집]에서 다음과 같이 설정해줍니다. 2) 도구에서 [벡터 > 사각형]을 선택하여 편집창에서 사각형을 그립니다. 3) 하위 선택 도구를 선택하고, 사각형을 클릭한 후, 꼭지점을 이동하여 다음 그림과 같이 변형합니다. 4) Ctrl + Alt + D 키를 눌러 복제해서 다음 그림과 같이 육면체를 만듭니다. 면을 구분하기 위해 색상을 달리 넣어줍니다. 5) 개체들을 포인터 도구를 드래그하여 선택한 다음 하나로 묶습니다.(Ctrl + G) 6) 묶여진 육면체를 복제하여 위치를 잡아줍니다. 레이어나 수정 도구에서 위치 바꾸기 아이콘을 이용해서 구조물을.. 2015. 8. 21.
3.34. 오브젝트 정렬하기 제3장 웹 그래픽 기능 익히기3.34. 오브젝트 정렬하기 캔버스에 놓여진 개체들을 일목 요연하게 정렬하는 방법을 알아봅니다. [해보기]1) 도구의 벡터에서 타원형 도구를 선택하고, Shift 키를 누르고 드래그하여 원을 하나 그립니다. 선택은 회색으로, 면색은 흰색으로 선택한 후, [속성]창에서 [효과 > 경사와 엠보스 > 내부 경사]를 다음과 같이 설정합니다. 그려진 그림입니다. 2) 텍스트 입력 도구를 이용하여 원 위에 번호를 넣습니다. 글자의 글꼴, 크기 등을 알맞게 조절한 뒤에, [속성 > 효과]에서 [그림자와 광선 > 그림자]를 적당히 넣어줍니다. 3) 포인터 도구로 텍스트와 원을 걸치게 드래그하여 선택한 후, Ctrl + G 키를 눌러 그룹으로 만들어 줍니다. 4) Ctrl + Alt + D .. 2015. 8. 21.
3.33. 레이어를 이용한 투명도 조절 제3장 웹 그래픽 기능 익히기 3.33. 레이어를 이용한 투명도 조절 캔버스에 놓여진 비트뱁과 벡터 등의 개체에 대한 투명도를 조절하려면 레이어 패널을 이용합니다. 앞 강좌에서 그려놓은 그림 위에 다음 그림을 겹쳐서 알아보도록 하겠습니다. 사진 위에서 마우스 오른쪽 단추를 눌러 [복사]를 하십시오. [만들어보기] 1) 복사한 파일을 붙여넣기(Ctrl + V) 하십시오. 다음과 같은 메시지 창이 뜨면 [재샘플 안함]을 선택합니다. 2) 도구의 [선택 > 크기 조절 도구]를 이용하여 구름 사진을 축소합니다. 3) 도구의 [비트맵]에 있는 [타원형 선택 윤곽 도구]를 선택합니다. [속성] 창에서 [가장자리]를 '페더'로 하고, 값을 '10' 정도 준 후 구름을 다음과 같이 선택합니다. 4) [선택 > 반전 선.. 2015. 8. 21.
3.32. 펀치(Punch) 기능 활용 제3장 웹 그래픽 기능 익히기 3.32. 펀치(Punch) 기능 활용 패스 결합의 방법들을 잘 활용하면 웹 디자인에 필요한 도형이나 윤곽 등을 쉽게 만들 수 있습니다. 웹페이지의 배경 화면 제작에 활용하면 좋을 듯합니다. 완성된 작품 [만들어 보기] 1) 벡터 도구의 사각형 도구를 이용하여 다음과 같이 사각형을 그립니다. 2) 오른쪽 위의 모서리를 따기 위해 같은 방법으로 사각형을 그립니다. 3) Shift 키를 이용하여 배경의 개체와 새로 그린 전면의 개체를 함께 선택합니다. 그리고, 메뉴의 [수정 > 패스 결합 > 펀치]를 실행합니다. 4) 아래쪽에 벡터 도구의 타원형을 이용하여 타원형을 하나 그립니다. 5) Ctrl + alt + D 키를 눌러 두 개 더 복제합니다. 6) Shift 키를 이용하여 .. 2015. 8. 21.
3.31. 효과 응용 - 필터 효과(2) 제3장 웹 그래픽 기능 익히기3.31. 효과 응용 - 필터 효과(2) 1) 선명 효과 > 언샵 마스크 2) 흐림 효과 > 가우시안 흐림 흐림의 정도(가우시안)를 조절할 수 있습니다. 극단적으로 흐리게 하여 배경 색상을 만들 때 사용할 수 있습니다. 3) 아이 캔디 필터 제3자 개발 효과인 아이 캔디 필터 중 3가지가 파이어웍스에 들어 있습니다. 아이 캔디는 포토샵과 파이어웍스 등 그래픽 프로그램에 등록해 사용할 수 있으면 정본은 별도로 판매되고 있습니다. 1) 아이 캔디 - Bevel Boss 2) 아이 캔디 - Marble 3) 아이 캔디 - Motion Trail 2015. 8. 21.
3.30. 효과 응용 - 색상 조정 제3장 웹 그래픽 기능 익히기3.30. 효과 응용 - 색상 조정 원본 파일 1) 곡선 : 그래프를 드래그해서 조절합니다. 가장 어두운 색과 중간 색, 밝은 색을 기준으로 조절할 수도 있습니다. 2) 레벨 : 출력 레벨의 삼각형 조절점을 옮겨 조절합니다. 위의 색상과 마찬가지로 밝은 색, 중간 색, 어두은 색 스포이드로 그림을 클릭해서 조절할 수도 있습니다. 3) 반전 : 네가티브 필름 모양으로 색상을 반전시켜줍니다. 4) 밝기/대비 : 슬라이드 바를 움직여 조절합니다. 5) 색상 칠 : 색상을 칠합니다. 블렌드 모드를 [일반]으로 설정하면 설정된 색이 덧칠되어 버립니다. 블렌드 모드를 바꾸어보면 여러 가지 색상 효과를 낼 수 있습니다. 6) 색조/채도 : 색조와 채도를 조절합니다. [색상화]를 체크하면 .. 2015. 8. 20.
3.29. 필터 효과 제3장 웹 그래픽 기능 익히기필터 효과 응용(1) 속성 창에 있는 효과는 옵션 조절을 통해 다양한 효과들을 낼 수 있습니다. [연습]1) 새 파일을 연 후, [도구]에서 [벡터 > 사각형 도구]을 선택합니다. 캔버스에서 사각형을 드래그한 후 마우스 단추를 놓지 말고 위 방향키를 눌러 다음과 같이 둥근 모서리의 사각형을 그립니다. 2) [속성]에서 [ + ] 단추를 눌러 [경사와 엠보스 > 내부 경사]를 선택합니다. 3) [내부 경사]를 실행하면 다음 그림과 같이 각종 옵션의 기본값이 적용된 모양이 됩니다. 여기서 옵션값들을 조절해서 원하는 효과를 만들 수 있습니다. 다른 효과들도 거의 유사한 옵션 들을 가지고 있어서 쉽게 이해할 수 있으리라 생각합니다. 적용 후에 수정하고 싶으면 [효과] 리스트에서 해당.. 2015. 8. 20.
3.28. 버튼 심볼 만들기 제3장 웹 그래픽 기능 익히기3.29. 버튼 심볼 만들기 마우스를 단추 위에 올리면 모양이 변하는 단추는 '3.18. 단순 롤오버 버튼 만들기'에서 살펴본 바가 있습니다. 여기서는 오버 상태뿐만 아니라 단추를 눌렀을 때와 진행되고 있는 상태 등 4가지 상태를 각각 다르게 표시하는 단추를 만들어 보겠습니다. 앞 강좌의 예제 파일을 이용하겠습니다. [연습] 1) 핫스팟/슬라이스 숨기기 상태에서 '관심' 메뉴의 배경 사각형을 선택합니다. F8키를 눌러 심볼로 등록하되 '단추'로 해줍니다. 2) 심볼로 등록된 개체의 경우 왼쪽 아래쪽에 화살표 표시가 나타납니다. 다시 마우스 오른쪽 단추를 눌러 단축 메뉴를 불러내어서, [심볼 > 심볼 편집]을 선택합니다. 3) [오버]탭을 선택한 후 [업 그래픽 복사]를 선택합.. 2015. 8. 20.

티스토리툴바