Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2010
    Location
    New Jersey, USA
    Posts
    19
    Thanks
    2
    Thanked 1 Time in 1 Post

    From Illustrator to Website

    Hi,

    I've worked on several websites for clients, although i am more of a programmer than a web designer. The websites i've built in the past have been mostly done on Photoshop (the graphics, buttons, etc...) and then i use those in my HTML/CSS to put it all together.

    Normally, what i have done in Photoshop and i know can be done in Illustrator is to use slicing in order to get different "parts" and images saved so it's ready to use in the HTML part of the development.

    However, I've gotten a request from a friend who has a design that has been done in Adobe Illustrator. The design has moving parts, moving background, an introduction video that starts automatically once the initial intro is done, and i have no idea how to go from his design to a working website. The person that worked on the design is a third party, and my friend asked me to look at the design and see if i can take that design and get it up and working.

    Honestly, I'm inclined to tell him it's beyond what i've worked with, and since i don't have enough knowledge, he should get someone else who has more experience.

    But at the same time, since the design/artwork is done (arguably the hardest part), i'm curious whether it's something simple that i can grasp and learn quick enough to help him turn this into a working website or whether it will require more experience than what i have to offer at this point.

    I've looked around for explanations or tutorials, and found a lot of good illustrator tutorials, but none that explain how to take the illustrator design file and use it for the coding part of the process (html,css, etc...).

    Does anyone have any thoughts? Any good resources i can look at? Any tips?

    Thanks in advance!

    TSiqueira

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,480
    Thanks
    6
    Thanked 981 Times in 954 Posts
    I don’t know how you have created your websites in the past but if you know HTML and CSS the rest shouldn’t be all too hard to grasp, especially if you’re a programmer.

    Dynamic things on a website (animations, autoplay a video, etc.) are usually done with JavaScript. That means once you have the HTML and CSS done and got it working so far you’d use JS to enhance the functionality (make sure that the site doesn’t rely on JS in order to work since JS can be disabled for whatever reason; the site should still be usable and understandable without). It’s difficult to say what to do without knowing anything about the design comp, though.

  • #3
    New Coder
    Join Date
    Dec 2011
    Posts
    85
    Thanks
    15
    Thanked 5 Times in 5 Posts
    Not sure if this helpful to you, but I'll keep my finger's crossed...

    http://vector.tutsplus.com/tutorials...ebsite-layout/

  • #4
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Infinity clipping path offers the promising clipping Path, image masking, photo restoration,
    photo retouching, photo enhancement, raster to vector tasks, color corrections, image manipulation,
    creating shadow, logo design, catalog design, raster to vector, web design with fast pace at
    most attractive price within very short time interval rather than others.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •