1. Trang chủ
  2. » Công Nghệ Thông Tin

The Essential Guide to Flash CS4 friends of ED ADOBE LEARNING LIBRARY PHẦN 10 pps

43 241 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề The Essential Guide to Flash CS4 Friends of Ed Adobe Learning Library Part 10 PPS
Chuyên ngành Multimedia and Web Development
Thể loại Sách hướng dẫn
Định dạng
Số trang 43
Dung lượng 10,83 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

Now, on the server side usually the right, create a new directory and call it BH=OD, as shown in Figure 12-36.. The simplest way to install it is to download the library folder and copy

Trang 1

Upload me

Now that the party is pumping and all your website files are sitting in a directory of their

own, it is time to upload the final website directory to your web server

Web servers come in all shapes and forms, all priced accordingly You may find that your

Internet service provider offers you free space to host your website Be aware that you will

often have to also get a domain name A domain name is the name of the URL that

identi-fies your website Have a look through you favorite search engine to find a host and

domain package that works for you While you are there, have a look for an FTP client FTP

stands for File Transfer Protocol, and standardizes the way computers share information

over the Web An FTP client is a piece of software that will aid you in uploading your

web-site from your personal computer to the server computer living on the Internet You may

come across a fantastic freeware solution called FileZilla It’s cheap and reliable What

more can we say? Get it from dppl6++behavehh])lnkfa_p*knc+

If you use Mozilla/Firefox, then you should also note that the free FTP plug-in, FireFTP, can

be found here: dppl6++benabpl*ikv`ar*knc+ This allows you to upload and download

files from within the browser window

Once you install your FTP client, it should look similar to Figure 12-34

Figure 12-34 The FileZilla interface

Trang 2

1 Find the host or address dialog box and enter your details.

2 Enter the username you have been supplied with

3 Enter the password

4 Most websites will use port 21, so you can typically leave this as the default (see

Figure 12-35) Ports are like doors; you can knock, and if you smile politely, one might let you in

some-Figure 12-35 An example of FTP login details

5 Click Quickconnect or Connect After a short while, the server window will fill with

the available directory on the host server

6 In your personal computer window (usually on the left side), browse to find your

Chapter 12 directory

7 Now, on the server side (usually the right), create a new directory and call it BH=OD,

as shown in Figure 12-36

Figure 12-36 The FLASH directory on the FTP

8 Notice the BH=OD directory

9 Copy the contents of your website directory to the new BH=OD directory on the

server After the transfer is complete, that’s all you need to do!

10 Open your favorite browser and point it to the domain name URL

The final gene-with-envy site displayed in your browser is shown in Figure 12-37

Trang 3

Figure 12-37 The final gene-with-envy site

Summary

Using the projects created in the exercises, you have constructed the beginnings of an

engaging multimedia website You can add to it by creating more buttons in the navigation

bar, and linking to more SWF files or to HTML You could even go all Web 2.0 and make

the Flash home page be the landing page for a WordPress or similar CMS (content

man-agement system)

You have now completed the final exercises of this book Congratulations! Over the last 12

chapters, you have learned how to use Flash CS4 to create functional and compelling Flash

animations You have learned how to take a niggling idea and, through the design flow

process, give that idea legs that translate to business ideas You have learned how to give

your ideas substance and translate them into real-world applications It’s now time for you

to take your fledgling ideas and implement them in Flash CS4

But the next step is up to you When you are considering your next project, be sure to

consider beyond its application to how it will function in real life Is your concept viable?

What aspects of Flash CS4 can you utilize to make it truly unique? There are no wrong or

right answers here; it’s a process of refining, optimizing, and taking advantage of the tools

Trang 5

I N S TA L L I N G AW AY 3 D A N D O T H E R

C L A S S L I B R A R I E S U S I N G S U B V E R S I O N

Trang 6

Away3D is a package of classes used to create three-dimensional environments in Flash Player The simplest way to install it is to download the library folder and copy it to every Away3D project you work on This is an easy process if you limit yourself to working on a handful of projects, but things can start to spiral out of control when you have more than that The reason is that engines and APIs like Away3D are constantly changing, evolving, and going through a design process Updates can happen on a daily basis So, if you had an army

of Away3D projects, you would have to update the folder in every directory, every day Imagine a system that arranged the latest libraries for you A version control system such as Subversion, which is often abbreviated “svn,” is an organized solution for your needs

Installing Subversion and Away3D for MAC OS X

Follow the steps in this exercise to install Subversion This will let you download and keep

tabs on Away3D, Papervision3D, and many other code repositories A code repository is a

central location for the latest class and library files Having only one spot to store files avoids all version control issues

1 Begin by creating a directory called =s]u/@ in your root folder, or in another place

you are likely to remember, as shown in Figure A-1

Figure A-1 Create a directory called Away3D.

2 Download a client version of Subversion

Subversion has two options: one is a program that runs on a distant server computer; the other is a client version that runs on your local machine Download it from dppl6++dkial]ca*i]_*_ki+i]npejkpp+Oq^ranoekj)-*1*1*lgc*vel

3 Double-click the Oq^ranoekj)-*1*1*lgc*vel file to install it

Trang 7

You need svnX, another program, to control Subversion svnX is a free, open source client

for Apple that runs on your computer to integrate with Subversion, and ensures that you

are always using the most up-to-date Away3D classes

At the time of writing, a good place to find svnX is on the Apple website, at sss*]llha*

_ki+`ksjhk]`o+i]_kot+`arahkliajp[pkkho+orjt*dpih

4 Download svnX and install it by copying the svnX file to your =llhe_]pekjo

directory

5 Open svnX

After opening the program, you will be presented with two windows, as shown in Figure A-2

It’s good practice to check regularly for svnX updates You can easily do this

by clicking the SvnX menu item and choosing Preferences You can then ensure

that the Check for updates at startup check box is checked.

Figure A-2 The svnX repository

The Repositories window will contain a list of libraries being looked after by Subversion

The Working Copies window shows where the repositories are stored locally on your

machine

6 Inside the Repositories window, click the + icon to add a new library to your system

7 Type Away3D in the name field, and http://away3d.googlecode.com/svn in the Path

field

Your Repositories window should look like Figure A-3

Trang 8

Figure A-3 Adding a library to your repository

8 Double-click the highlighted Away3D entry A window will appear showing all the

latest Away3D files with a description of updates and history This window should look like Figure A-4

9 Now click the Checkout button

10 Browse the finder window to the root Away3D directory that you created in the

first step, and select it The latest Away3D libraries will now be copied to this tion on your machine

loca-As this happens, the other svnX window will show you that the Away3D repository is now ready to be used, as shown in Figure A-5

Trang 9

Figure A-4 Your repository displaying the most current Away3D files

Trang 10

The only thing that we need to do is let Flash CS4 know where the Away3D repository can

be found

11 Open Flash CS4 and go to Edit¢Preferences

12 Select the ActionScript category, as shown in Figure A-6

Figure A-6 Selecting the ActionScript category in the Preferences dialog box

13 Click the ActionScript 3.0 Settings button

14 Add a new class path and select the source folder in the trunk of your Away3D

repository, as shown in Figure A-7

Trang 11

Figure A-7 Away3D is now ready to be used in Flash CS4.

Away3D is now ready to be used in all your projects To install Papervision3D, use the same

process outlined from step 7, but this time add details for Papervision3D (the name and

path dppl6++l]lanreoekj/`*ckkcha_k`a*_ki+orj+pnqjg+, as shown in Figure A-8)

Figure A-8 The Papervision library in the svnX repository

Trang 12

Installing Subversion and Away3D for Windows

The following exercise demonstrates how to install Subversion and Away 3D for Windows computers

1 Begin by creating a directory called =s]u/@ in your root folder, or in another place

you are likely to remember, as shown in Figure A-9

Figure A-9 Creating the Away3D directory

2 Download the CollabNet Subversion Command-Line Client v1.6.2 (for Windows)

from sss*_khh]^*jap+`ksjhk]`o+oq^ranoekj+

At the time of writing, Client v1.6.2 is the current version of Subversion This may well be updated by the time that you purchase this book If so, simply install the updated version

After you click the Download button, you will need to log in or register for an account at CollabNet before you can continue the exercise When you have finished the registration process, you will be given the option to download the CollabNet Subversion Command-Line Client

3 Install the client software by double-clicking the ?khh]^JapOq^ranoekj)_heajp)

-*2*.)-*sej/ file, as shown in Figure A-10

Figure A-10 Double-click CollabNetSubversion-client-1.6.2-1.win32 to commence the installation.

4 Follow the instructions given by the install screens to complete this portion of the

installation

You require one last program to control Subversion: TortoiseSVN TortoiseSVN is a gram that runs on your computer and talks to Subversion It asks to share the most recent copy of the Away3D classes with you At the time of writing, a good place to find TortoiseSVN is the TortoiseSVN website, at dppl6++pknpkeoaorj*jap+`ksjhk]`o

Trang 13

5 Download TortoiseSVN and install it Follow the installation screens to complete

the installation

6 Windows will need to be restarted because TortoiseSVN is a shell extension and is

integrated into Windows Restart Windows, and once your machine has rebooted,

right-click the Away3D folder you created in the first step The TortoiseSVN

com-mand will appear in the context menu, as shown in Figure A-11

Figure A-11 TortoiseSVN is installed on Windows.

Trang 14

TortoiseSVN will not show up in 64-bit versions of Windows Explorer in Vista The solution to this problem is to run a 32-bit Explorer window You can do this by creating a shortcut and pointing its target to launch a 32-bit version of Explorer In 64-bit Vista, create a shortcut with the target !Ouopainkkp!X OuoSKS20Xatlhknan*ata.

7 Click SVN Checkout

8 Enter http://away3d.googlecode.com/svn in the URL field, as shown in Figure A-12,

and then click OK

Figure A-12 Adding the Away3D library to the SVN repository

TortoiseSVN will then fetch the latest Away3D files and keep them in the one location.The final step is letting Flash CS4 know where the Away3D repository can be found

9 Open Flash CS4 and go to Edit¢Preferences

10 Select the ActionScript category, as shown in Figure A-13

Trang 15

Figure A-13 Select the ActionScript category in the Preferences dialog box.

11 Click the ActionScript 3.0 button

12 Add a new class path and select the source folder (on_) in the Away3D repository

folder

Away3D is now ready to be used in all your projects You can also follow the same process

to add more repositories, such as the Papervision3D class libraries, to your system

Trang 17

K E Y B O A R D S H O R T C U T S

Trang 18

Once memorized, shortcuts can save you development time Flash CS4 contains numerous shortcuts for both Windows and Mac OS X operating systems, as detailed in the following.

Shortcuts for Mac OS X

The shortcuts have been arranged as per the File menu order, as shown in Figure B-1

Figure B-1 Shortcuts arranged by the File menu order

Open External Library Cmd+Shift+O

Publish Settings Opt+Shift+F12Default HTML Publish Preview Cmd+F12

Trang 19

Paste in Place Up Arrow+Shift+V

Clear Delete, Backspace, or press the

Delete key

Edit ¢ Timeline

Select All Frames Cmd+Opt+A

Show Shape Hints Cmd+Opt+H

Trang 20

View ¢ Magnification

100% Magnification Cmd+1400% Magnification Cmd+4800% Magnification Cmd+8

View ¢ Snapping

Snap to Guides Cmd+Shift+;Snap to Objects Cmd+Shift+U

Trang 21

Advance Smooth Cmd+Opt+Shift+M

Advance Straighten Cmd+Opt+Shift+N

Trang 22

Modify ¢ Arrange

Bring to Front Opt+Shift+Up Arrow

Send to Back Opt+Shift+Down Arrow

Trang 23

Text ¢ Align

Text ¢ Letter Spacing

Step Forward One Frame

Step Backward One Frame ,

Enable Simple Buttons Cmd+Opt+B

Make Same Height Cmd+Opt+Shift+9

Trang 26

Shortcuts for Windows

The shortcuts have been arranged as per the File menu order, as shown in Figure B-2

Figure B-2 Shortcuts arranged by the File menu order

Export Movie Ctrl+Alt+Shift+S

File ¢ Publish Preview

Trang 27

Paste in Place Ctrl+Shift+V

Find and Replace Ctrl+F

Select All Frames Ctrl+Alt+A

Trang 28

Edit Guides Ctrl+Alt+Shift+G

Trang 29

View ¢ Snapping

Snap to Grid Ctrl+Shift+'

Snap to Guides Ctrl+Shift+;

Snap to Objects Ctrl+Shift+/

Advanced Smooth Ctrl+Alt+Shift+M

Advanced Straighten Ctrl+Alt+Shift+N

Add Shape Hint Ctrl+Shift+H

Trang 30

Modify ¢ Timeline

Distribute to Layers Ctrl+Shift+DConvert to Keyframes F6

Convert to Blank Keyframes F7

Modify ¢ Arrange

Bring to Front Ctrl+Shift+Up ArrowBring Forward Ctrl+Up ArrowSend Backward Ctrl+Down ArrowSend to Back Ctrl+Shift+Down Arrow

Trang 32

Enable Simple Frame Actions Ctrl+Alt+FEnable Simple Buttons Ctrl+Alt+B

Trang 36

3D carousel (example)

creating Flash file to house, 270–271

creating variables to call XML file in ActionScript,

moving multiple objects, 265

moving objects along z-axis with 3D Translation tool,

264

moving objects with 3D Translation tool, 262–263

rotating groups of objects in, 266

rotating objects in, overview, 265

rotating objects with Properties Inspector, 267–268

spinning logo, creating, 268–270

3D carousel example and, 273–280

for applying sounds to buttons, 300–307

background of, 214

buttons in, 246–252

combining mask layers with, 69–76

countdown timer example, 235–243

dates and times, basics of, 234

dates and times, controlling (example), 235–243

document classes and, 224–226

e-mail, sending with fields and buttons, 252–257

ADPCM (Adaptive Differential Pulse Code Modulation) compression (sound), 294–295

advertising templates, 27–33alignment design principle, 46anchor points, defined, 109angleSpeed (3D rotation), 275

animation See also 3D space

animated filters, 125–127animated leaderboards, creating, 173–181animators, 34

banner text, animating, 182–186cautious use of, 58

customizing easing on classic tweens, 169defined, 152

frame-by-frame, creating, 171frame-by-frame, defined, 159inverse kinematics, 13–16, 159keyframing defined, 158monster animation example (IK), 199–207motion tween presets, using, 164–168motion tweens, creating, 159–164onion skinning in frame-by-frame, 171–172overview, 152–153

pathed tween motion, creating, 169playhead usage, 155

scenes, adding/deleting, 156shape tweens, creating, 171timeline, setting up, 153–155tweening overview, 158–159using external video files for, 319anti-aliasing fonts, 95

arguments, defined, 233armatures (IK)

Armature layer, 192defined, 190–191manipulating for character animation, 208–211artifacts, image, 86

artwork, importing from Photoshop, 77–81asymmetrical balance design principle, 47auditory disabilities, 325

Away3Dengine, 286installing for MAC OS X, 370–375installing for Windows, 376–379

Ngày đăng: 09/08/2014, 12:21

🧩 Sản phẩm bạn có thể quan tâm