Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    440

    Default Making a parallax effect

    Iím interested in adding some parallax effects on a site. Similar to this site. https://www.fekaduandpartners.com/ and https://www.fekaduandpartners.com/

    It would involve adding a sticky stretched image that flows under the site as the viewer scrolls down, creating movement.
    My steps would include,
    - editing the photo and stretch placing the image
    - stick the image in a fixed position
    - optimize image and test

    Has anyone tried this process in Xara, and how did it work out. I havenít seen a lot of this effect on any templates.
    Thanks all in advance
    -Bill
    Bill Wood
    Expresiv Designs.
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  2. #2
    Join Date
    Jul 2015
    Location
    Currently New York State
    Posts
    636

    Default Re: Making a parallax effect

    Bill,

    This has been in Xara for awhile now. Place your picture to bottom of your layer on your page and right click - Under web animations you can select a Parallax effect and you can adjust the scroll animation.

    Ray

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    13,487

    Info Re: Making a parallax effect

    Bill, what you referenced is not Parallax. It is a fit-to-page background image with transparent panels on the viewing page.

    In a Scrolling site (Supersite) & (Conventional) Website you are stuck with one background image.

    Without coding, here is an example: Xara - Fixed Page Background.xar

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  4. #4
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    440

    Default Re: Making a parallax effect

    Thanks Ray and Acorn. Appreciate you posting. Time to get creative and mess about.
    -Bill
    Bill Wood
    Expresiv Designs.
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  5. #5
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    440

    Default Re: Making a parallax effect

    @acorn. I've been playing with your file a bit. Thank You for posting.
    One question. Other than a supersite and conventional is there a way to do what you've posted on one page only. I don't want an image on the pasteboard. Let us say the paste board is white.
    Couldn't I post images in a bottom layer and lock position of those images.
    Thanks again. I love this effect.
    -Bill
    Bill Wood
    Expresiv Designs.
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  6. #6
    Join Date
    Jun 2012
    Location
    CZECH
    Posts
    73

    Default Re: Making a parallax effect

    ____________________________
    __I am sorry for my bad English__

    My XARA: P&G 10, 11, 15; XWD Premium 11,15; X PRO 15.1

  7. #7
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    440

    Default Re: Making a parallax effect

    Quote Originally Posted by Spamiky View Post
    Many thanks @spamiky

    -Bill
    Bill Wood
    Expresiv Designs.
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  8. #8
    Join Date
    Apr 2018
    Location
    London
    Posts
    579

    Default Re: Making a parallax effect

    Bill, you are welcome to play with a demo created some time ago. It has several parallax effects with different timings (no code in this one) https://initiostar.co.uk/demo/Parallax/ You can change the position of the objects and timings to see the change in effects.

    XAR = Parallax_Headings_Banner.xar

    Another variation of the same theme: https://initiostar.co.uk/demo/Parallax2/ and one from w3s https://www.w3schools.com/howto/tryh...allax_demo.htm

    Gary

  9. #9
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    440

    Default Re: Making a parallax effect

    Excellent. Thanks Gary.
    Bill Wood
    Expresiv Designs.
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

 

 

Bookmarks

Posting Permissions

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