Flash CS3 애니메이션 용 Blinkie 디자인

• 할 수있다 4, 2024

J3 Designs의 소유자는 자신의 디지털 스크랩북 웹 사이트에 광고 깜박임을 만들도록 요청했습니다. 그녀는 회사 브랜드의 고전적인 우아함을 유지하고 싶었고 로고에 이미 사용했던 그래픽 세트를 내게주었습니다. 이들은 카메오, 레이스, 그런지 배경, 활, 말린 꽃 및 두 무당 벌레로 구성되었습니다. 이 그래픽은 원래 300dpi로 만들어졌으며 매우 컸습니다. 그래서 첫 번째 작업은 각 그래픽을 72dpi로 줄이고 150 x 50 픽셀 깜박임에 사용할 수있을 정도로 작은 크기로 줄이는 것입니다. 이 테스트를 통해 세부 사항을 너무 많이 잃지 않고 작은 크기로 사용할 수있는 요소를 결정할 수있었습니다.

카메오와 말린 꽃을 제외하고 대부분의 요소가 크기가 줄어든 상태에서 잘 작동한다는 사실에 놀랐습니다. 높이를 50 픽셀로 줄이면 대부분의 디테일이이 요소에서 사라졌습니다. 그러나 카메오는 로고의 중요한 부분이었습니다. 카메오의 절반 만 사용하기로 결정했습니다. 이렇게함으로써 이미지를 작은 크기로 줄이고 카메오의 세부 사항을 대부분 저장할 필요가 없었습니다.

정적 배경 요소로 디자인을 만들기 시작했습니다. 이러한 요소는 애니메이션의 일부가 아닙니다. 그래픽 샘플에 포함 된 4 개의 그런지 배경 중 하나를 전체 배경 레이어로 선택합니다. 다음으로 레이스와 카메오를 추가했습니다. 텍스트 애니메이션의 깜박임 상단에 공간을 절약하기 위해 왼쪽 하단 모서리에 비스듬히 레이스를 배치했습니다. 마지막으로 두 무당 벌레 중 하나를 추가했습니다. 그러나 그 무당 벌레는 방금 애니메이션되기를 기다리고있었습니다.

애니메이션의 기초는 여러 텍스트 애니메이션으로 구성됩니다. 그러나 그 무당 벌레는 계속 나를보고 있었으므로 무당 벌레를 주연으로 한 두 번째 애니메이션을 추가하기로 결정했습니다. 텍스트 애니메이션 중에 하나의 무당 벌레가 보이고 카메오 아래에서 두 번째 무당 벌레가 나타납니다. 마지막으로, 그들은 함께 기어 다닐 것입니다. 이를 위해 배경 레이어를 여러 레이어로 분리해야했습니다. 첫 번째 배경 레이어는 그런지 그래픽입니다. 두 번째는 레이스와 카메오입니다. 물론 플래시의 투명성을 유지하기 위해 무당 벌레, 레이스, 카메오의 PNG가 필요했습니다.

이제 텍스트 애니메이션 레이어 외에 4 개의 레이어를 깜박임에 추가했습니다. 나중에 추가 할 것입니다.

스크랩북 사이트에서 대부분의 깜박임은 150 x 50 픽셀입니다. 복잡한 텍스트 애니메이션을위한 공간이 충분하지 않습니다. 내장 타임 라인 효과를 사용하여 텍스트에 애니메이션을 적용하기로 결정했습니다. 애니메이션의 첫 번째 부분은 디자이너의 이름입니다. 이 웹 사이트에는 저를 포함한 5 명의 디자이너가 있습니다. 내 비즈니스 이름이 가장 길었기 때문에 내 이름을 사용하여 원본 애니메이션을 만들기로 결정했습니다. 그러면 다른 4 개의 깜박임에 대한 디자이너 이름을 쉽게 전환 할 수 있습니다. 이제 디자인이 완성되었으므로 애니메이션을 만들 준비가되었습니다.

J3 디자인

저작권 2018 Adobe Systems Incorporated. 판권 소유. Adobe 제품 스크린 샷은 Adobe Systems Incorporated의 허가하에 재 인쇄되었습니다. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, 플래시, ActionScript, 불꽃 놀이, 참여, 사로 잡기, 플래시 촉매 및 플래시 용지 는 미국 및 / 또는 기타 국가에서 사용되는 Adobe Systems Incorporated의 [a] 등록 상표 또는 상표입니다.

비디오 지침: flash banner web (할 수있다 2024).