Jump to content


Opening a Photoshop Layout in Flash


9 replies to this topic

#1 igOR

    Young Padawan

  • Members
  • Pip
  • 171 posts
  • Location:Croatia, Europe but now in USA, VA
  • Interests:Web Designs, GFX, Sports, and Battlefield:2

Posted 18 October 2005 - 08:35 PM

Hi, I just made a quick layout for a website, now I want to add Flash into it, nothing much, just a couple movable navigation boxes, lines, etc... Now, how do I start it out, since I definatly can not open a .psd file in Flash. I tried a .jpg, ended up opening it, now I have no clue where to start. I can not even edit the jpg. picture, I use the eraser on the file but it wont erase. I have tried a bunch of things, even tutorials, but most start out as how to move a button or whatever, please, if anyone could help me out, from opening up the file to saving it, I would appreciate it much. If any of you have comments and can just help out a little bit, please post below, but if any of you can Msn or Aim me to keep helping me on this program, I would appreciate it.

Msn: Martic1280@hotmail.com
Aim: Martic1280

#2 Stu

    Retired P2L Staff

  • Publishing Betazoids
  • PipPipPipPip
  • 1,761 posts
  • Gender:Male

Posted 18 October 2005 - 08:52 PM

i had the same problem until recently. but ill tell you what helped me out. it might be the 'right way' or the 'wrong way' but it cleared some stuff up for me.

say you want to add flash to a navigation bar.

slice your psd in imageready, but slice your nav bar as a whole and not into seperate slices for now.

take the full image of your nav bar back into image ready seperately.

slice the buttons up.

now import all those single images into the flash library.

set the background size in flash to the full size of the original nav bar you sliced.

drag the images one by one onto the background lining them up how they were in imageready when you sliced them (naming them in image ready would help).

now you have your buttons as thier own images and you can convert them to symbols (buttons) and start drawing over them and animating them individually.

i guess thats one way to doit, might seem a bit long and im sure there are better solutions out there but this is how i have started doing it. just make sure your slicing is very precise.

hope that helps in one way or another :P

#3 Tirus

    P2L Jedi

  • Members
  • PipPipPip
  • 764 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design, Programming, Music, Martial Arts

Posted 18 October 2005 - 08:53 PM

http://www.pixel2life.com/tutorials/Macrom.../Layout_Design/

Full 8 tutorials on creating a flash website. I used it and it worked for me.


Ok, so once you have designed in photoshop, you need to slice it and save the images, then import each image onto a seperate layer in your flash document. It is all very well explained in those tutorials. Start at # 1.

:P

#4 Stu

    Retired P2L Staff

  • Publishing Betazoids
  • PipPipPipPip
  • 1,761 posts
  • Gender:Male

Posted 18 October 2005 - 08:56 PM

Tirus, on Oct 19 2005, 01:53 AM, said:

http://www.pixel2life.com/tutorials/Macrom.../Layout_Design/

Full 8 tutorials on creating a flash website. I used it and it worked for me.


Ok, so once you have designed in photoshop, you need to slice it and save the images, then import each image onto a seperate layer in your flash document. It is all very well explained in those tutorials. Start at # 1.

:blink:
ok im quite annoyed with myself for not bothering to look through the tutorials before a)i spent ages trying to figure out how and B)i typed all that out when its written in a tutorial!

thanks for the link dude youve helped me out there too :P

#5 igOR

    Young Padawan

  • Members
  • Pip
  • 171 posts
  • Location:Croatia, Europe but now in USA, VA
  • Interests:Web Designs, GFX, Sports, and Battlefield:2

Posted 19 October 2005 - 07:34 AM

Thank you for the help, I never knew you had to slice it. I am at school now on a laptop, so when I get home I will try it out.

After they are sliced, aren't the individual images saved as a .jpg. When I tried using a .jpg, it would not even let me write on it or erase.

#6 hobulus

    Jedi In Training

  • Members
  • PipPip
  • 346 posts
  • Location:United Kingdom

Posted 19 October 2005 - 07:44 AM

Thanks for the link to the tut.... I am gonna read it as well...
Interesting topic for me, cos I am gonna learn this too...
Sorry I couldnt help out though... maybe in a few months... lol

:(

#7 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 19 October 2005 - 06:26 PM

igOR, on Oct 19 2005, 12:34 PM, said:

Thank you for the help, I never knew you had to slice it. I am at school now on a laptop, so when I get home I will try it out.

After they are sliced, aren't the individual images saved as a .jpg. When I tried using a .jpg, it would not even let me write on it or erase.
you'd have to click on file - import to library. and choose the jpg file... flash 101!

#8 Tirus

    P2L Jedi

  • Members
  • PipPipPip
  • 764 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design, Programming, Music, Martial Arts

Posted 19 October 2005 - 06:48 PM

Stu, on Oct 18 2005, 09:56 PM, said:

Tirus, on Oct 19 2005, 01:53 AM, said:

http://www.pixel2life.com/tutorials/Macrom.../Layout_Design/

Full 8 tutorials on creating a flash website.  I used it and it worked for me.


Ok, so once you have designed in photoshop, you need to slice it and save the images, then import each image onto a seperate layer in your flash document.  It is all very well explained in those tutorials.  Start at # 1.

:(
ok im quite annoyed with myself for not bothering to look through the tutorials before a)i spent ages trying to figure out how and B)i typed all that out when its written in a tutorial!

thanks for the link dude youve helped me out there too :)
lol, no problem stu, glad i could help.

ive gone through all 8 tuts written by him and they are perfect, showed me how to do everything. And the author is very nice as well, I emailed him when I had a problem and he helped me fix it up in no time.

and igor, you should slice your design into images, if you do not know much about slicing, visit http://www.slicingguide.com/ or Good-Tutorials or some basic slicing tuts.....here are the results for slicing on P2L: http://www.pixel2life.com/tutorials/Adobe_...&d=1&ss=slicing

once you have sliced them, save them all, I saved them as pngs, prefer that to jpgs or gifs when it comes to web design, and import them all with the File>Import>To Library option and then place each image on a seperate layer, although you can get away with some on the same layer but stick to the tutorial.

Its all covered in there.

#9 igOR

    Young Padawan

  • Members
  • Pip
  • 171 posts
  • Location:Croatia, Europe but now in USA, VA
  • Interests:Web Designs, GFX, Sports, and Battlefield:2

Posted 21 October 2005 - 05:57 PM

Thanks a lot, I appreciate it, haven't tried it yet. Thanks and I appreciate it.

#10 igOR

    Young Padawan

  • Members
  • Pip
  • 171 posts
  • Location:Croatia, Europe but now in USA, VA
  • Interests:Web Designs, GFX, Sports, and Battlefield:2

Posted 22 October 2005 - 09:54 PM

Sorry guys, I can not figure this out at all, can one of you msn or aim me, take me from step to step, please.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users