Photoshop CS6에서 이미지를 왜곡하는 방법
한 가지 예외를 제외하고 Photoshop CS6의 왜곡 필터는 이미지를 놀라운 방식으로 비틀고 돌리고 구부려 일반 개체를 물결 모양의 이미지, 꼬인 모양 및 부풀린 구로 바꿉니다. 예외? Diffuse Glow 필터는 이미지를 가장 선명한 이미지를 만들 수 있는 부드럽고 로맨틱하고 흐릿한 모양으로 […]
Dreamweaver CS3에서 롤오버 이미지 만들기
Dreamweaver에서 롤오버 이미지는 이름에서 알 수 있듯이 누군가가 이미지 위로 커서를 굴릴 때 반응하도록 설계되었습니다. 그 효과는 개의 그림이 사자 그림으로 바뀌는 것처럼 극적일 수도 있고 한 이미지가 다른 이미지를 바꾸는 것처럼 단어의 색상이 변하는 것처럼 미묘할 수도 있습니다. 어느 쪽이든 Dreamweaver에는 적용하기 가장 쉬운 동작 중 하나인 간단한 롤오버 효과를 만드는 롤오버용 특수 대화 상자가 포함되어 있습니다.
Dreamweaver의 이미지 롤오버 삽입 대화 상자를 사용하여 롤오버 이미지를 만들려면 다음 단계를 따르십시오.
1. 클릭하여 롤오버를 표시할 페이지에 커서를 놓습니다.
롤오버 효과에는 최소 두 개의 이미지가 필요합니다. 하나는 초기 상태용이고 다른 하나는 롤오버 상태용입니다. 두 개의 다른 이미지 또는 두 개의 유사한 이미지를 사용할 수 있지만 둘 다 크기가 같아야 합니다. 그렇지 않으면 두 이미지가 페이지의 정확히 같은 공간에 표시되어야 하기 때문에 이상한 크기 조정 효과가 나타납니다.
2. 삽입 -> 이미지 개체 -> 롤오버 이미지를 선택합니다.
롤오버 이미지 삽입 대화 상자가 나타납니다.
3. 이미지 이름 상자에 이미지 이름을 지정합니다.
이미지와 같은 요소에 동작을 적용하려면 먼저 동작 스크립트에서 참조할 수 있도록 요소에 이름이 있어야 합니다. 공백이나 특수 문자를 사용하지 않는 한 요소의 이름을 원하는 대로 지정할 수 있습니다.
4. 원본 이미지 상자에서 표시할 첫 번째 이미지를 지정합니다. 찾아보기 버튼을 사용하여 이미지를 찾아 선택합니다.
이미지가 사이트의 루트 폴더에 아직 없으면 롤오버를 만들 때 Dreamweaver에서 이미지를 사이트에 복사합니다.
5. 롤오버 이미지 상자에 방문자가 첫 번째 이미지 위로 커서를 이동할 때 표시할 이미지를 입력합니다.
다시 찾아보기 버튼을 사용하여 이미지를 찾아 선택할 수 있습니다.
6. 페이지가 처음 로드될 때 모든 롤오버 이미지를 브라우저 캐시로 로드하려면 롤오버 이미지 사전 로드 확인란을 선택합니다.
이 단계를 선택하지 않으면 원본 이미지 위에 마우스를 올려 놓을 때까지 두 번째 이미지가 다운로드되지 않기 때문에 방문자가 지연될 수 있습니다.
7. 클릭하면 URL로 이동 상자에 웹 주소를 입력하거나 링크할 사이트의 다른 페이지를 찾습니다.
URL을 지정하지 않으면 Dreamweaver에서 자동으로 # 기호를 자리 표시자로 삽입합니다.
8. 확인을 클릭합니다.
이미지는 자동으로 롤오버로 설정됩니다.
9. 작업 공간 상단의 지구 아이콘을 클릭하여 브라우저에서 작업을 미리 보고 롤오버가 어떻게 작동하는지 테스트합니다.
Adobe CS5 Illustrator 눈금자 및 안내서 사용자 정의 및 사용
Adobe Creative Suite 5(Adobe CS5) Illustrator에는 일러스트레이션을 구성하고 정확하게 배치하는 데 도움이 되는 눈금자 및 안내선 기능이 있습니다. 이러한 기능은 기본 설정으로 사용할 수 있지만 필요에 따라 사용자 지정할 수도 있습니다. 눈금자 증분 설정 그림에서 개체를 정확하게 배치하는 데 눈금자를 사용하면 간단해 보이지만 […]
Photoshop CS6에서 이미지 왜곡 효과를 시도하는 방법
Photoshop CS6의 유동화 창은 표면적으로는 불가능할 정도로 복잡해 보이지만 조금만 사용하면 손가락 페인트처럼 쉽게 적용할 수 있습니다. 다음은 자신의 이미지에 왜곡을 적용하기 위해 수행할 수 있는 작업에 대한 단계별 시나리오입니다. 유동화로 변환하려는 이미지를 선택하고 엽니다. […]
Illustrator CC에서 텍스트 개요를 작성하는 방법
Illustrator는 텍스트를 윤곽선이나 아트웍으로 변경할 수 있는 기회를 제공합니다. 기본적으로 텍스트를 개체로 변경하므로 더 이상 입력하여 해당 텍스트를 편집할 수 없습니다. 장점은 파일을 사용하려는 모든 사람에게 글꼴을 보내는 수고를 덜어준다는 것입니다. 텍스트를 윤곽선으로 변환 […]
InDesign CS6 문서에서 자유 변형 도구를 사용하는 방법
Adobe InDesign의 다목적 자유 변형 도구를 사용하면 개체를 다양한 방식으로 변형할 수 있습니다. 자유 변형 도구를 사용하여 개체를 이동, 회전, 기울이기, 반사 및 크기 조정할 수 있습니다. 자유 변형 도구의 기능은 InDesign에서 다른 커서로 표시됩니다. 자유 변형 도구를 사용하여 개체를 이동하려면 다음 […]
Adobe InDesign CS6에서 표를 만드는 방법
Adobe InDesign Creative Suite 6에서 표를 만드는 가장 쉬운 방법은 데이터를 바로 사용할 수 있도록 하는 것입니다. (이것이 유일한 방법은 아닙니다.) 그러나 기존 데이터를 입력하는 것이 InDesign에서 표로 수행할 수 있는 작업을 확인하는 가장 동적인 방법입니다. 테이블 기능을 실험하려면 다음 단계를 따르십시오. 생성 […]
Adobe Illustrator CS6에서 템플릿 레이어를 만드는 방법
Adobe Illustrator CS6에서 템플릿 레이어를 사용하여 이미지를 수동으로 추적할 수 있습니다. 템플릿 레이어는 이미지 위에 양파 스킨 페이퍼를 사용하는 것과 마찬가지로 배치된 이미지 위에 펜 도구로 그리는 데 사용할 수 있는 흐리게 잠긴 레이어입니다. 그냥 따라 가라 […]
Flash CS5에서 모양 그리기 및 병합
Adobe Flash Creative Suite 5의 도구 패널에 있는 모양 도구에 익숙해지고 싶을 것입니다. 기본 버튼에서 복잡한 Flash CS5 일러스트레이션에 이르기까지 모든 작업의 시작점으로 사용할 것입니다. Flash CS5에서 모양을 그리는 방법 사각형 도구를 찾습니다. 또한 오른쪽 하단에 있는 작은 화살표 […]
Adobe Fireworks CS6에서 이미지 크기를 조정하는 방법
Adobe Fireworks CS6에서 이미지를 올바른 크기로 만드는 것이 중요합니다. 이미지가 너무 크면 귀중한 다운로드 시간을 낭비하게 됩니다. 너무 작으면 이미지가 픽셀화되고 흐리게 보입니다. Adobe Fireworks CS6에서 이미지 크기를 비례적으로 조정하는 방법 Fireworks에서 이미지 크기를 비례적으로 조정하려면(동일한 너비와 높이 비율 유지) […]
Photoshop CS6에서 작업 내역 패널을 사용하는 방법
Adobe Photoshop Creative Suite 6의 히스토리 패널(창 선택 → 히스토리)은 이미지를 현재 상태로 만들기 위해 취한 단계를 나열하는 레시피와 같습니다. 히스토리 패널을 사용하여 레시피를 탐색하고 목록의 임의의 단계로 돌아가서 작업을 시작할 수 있습니다 […]