logo-dw

Go Back   Dreamweaver Club Forums > Graphic Design > Photoshop
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 01-24-2010, 10:23 AM   #1
Alli50n
 
Join Date: Jan 2010
Posts: 4
Default Animated GIF in a Photoshop layout?

I'm pretty new to website building stuff.

I want to make an entire webpage layout in Photoshop CS4 and put it into Dreamweaver and turn it into a template for a website. I understand all of the slicing and importing stuff, but I want the image in the upper left corner to be an animated GIF. The image in the upper left corner would be the only animated part.

How can I put the animated GIF into the layout? Can I put it directly in using Photoshop and have it work properly after slicing? Do I have to put it over top of the layout some how?

Ideally, I would be able to create the layout as one thing including the Gif and slice it up from there.

I'd like to know how this can work beforehand because I'd rather not invest a lot of time into it, just to have it fail.

I'm sure some people would suggest Flash, but I have no idea how to use Flash, and I would prefer to use an animated GIF made in Photoshop.

I would really, really appreciate some advice on this. Thanks in advance.
Alli50n is offline   Reply With Quote
Old 01-24-2010, 10:28 AM   #2
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

Quote:
Originally Posted by Alli50n View Post
I understand all of the slicing and importing stuff
Then I'm afraid you need to forget everything you know. Read the FAQs here;

http://www.dreamweaverclub.com/forum...ad.php?t=28741

Basically you need to hand slice the images you need to create your layout and then build your HTML and CSS from scratch to make your page. Once you have done this you'll easily be able to add animated gifs to your heart's content.
Corrosive is offline   Reply With Quote
Old 01-24-2010, 10:42 AM   #3
Alli50n
 
Join Date: Jan 2010
Posts: 4
Default

Thank you.

Yes, I understand that I have to slice it... I just don't understand how to get the GIF in there and have it look right.

Here's and example of a very similar idea... http://www.russabbott.com/
I know his was done in flash, but I'd rather use Photoshop.

When you say I can add gif after the slicing, would that mean I float them over the page in Dreamweaver? Or are you saying I need to hand code the page? There must be some way to use Dreamweaver?
Alli50n is offline   Reply With Quote
Old 01-24-2010, 10:53 AM   #4
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

That's a nice, fun little graphic on that site. Good touch. If you have your banner image set as a background to a div tag, add the gif image you want to use and set some padding up to position it over the background. It can all be done with one div tag and CSS rule.

Dreamweaver is just a tool for making coding more efficient. You'll have to learn some code at some point.
Corrosive is offline   Reply With Quote
Old 01-24-2010, 10:59 AM   #5
Alli50n
 
Join Date: Jan 2010
Posts: 4
Default

Okay, I think I'm slowly starting to grasp it. Lol. Thank you.
Alli50n is offline   Reply With Quote
Old 01-24-2010, 11:05 AM   #6
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

You might find this useful before you go much further...

http://corrosiveonline.co.uk/article...r_mistakes.php

Avoid those, 'sobbing into your hands at 3 a.m.' moments.
Corrosive is offline   Reply With Quote
Old 01-24-2010, 11:18 AM   #7
Alli50n
 
Join Date: Jan 2010
Posts: 4
Default

That's very helpful. I'm sad that exporting as HTML from Photoshop is considered a mistake. Lol. Most of my plans were based on doing that with editable areas for the copy.

Back to the drawing board, I guess.
Alli50n is offline   Reply With Quote
Old 01-24-2010, 11:39 AM   #8
Corrosive
Corrosive's Avatar
 
Join Date: Feb 2008
Location: Bristol, England
Posts: 7,103
Default

If it is any consolation, you should have seen my face when I checked the first website I'd spent days and days on in Firefox and realised I'd probably have to start again. We've all been there.
Corrosive is offline   Reply With Quote
Old 02-01-2010, 12:56 PM   #9
kearnsy
 
Join Date: May 2009
Location: Liverpool
Posts: 164
Default

Why was it when i clicked on alli50n's web link was i expecting to hear "Atmosphere, i love a happy party with an atmosphere"? '0)
kearnsy is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:48 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com