Page 1 of 2 12 LastLast
Results 1 to 10 of 17

Thread: change image with non-conformistic forms

  1. #1
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    914
    Thanks
    118
    Thanked 2 Times in 2 Posts

    Default change image with non-conformistic forms

    Hey all,
    I would like to change the inside image, but how do I start? First make the inside image transparant, and then the outside transparant again ...
    Don't know how to start. So I would need the outside to be transparant, and the inside as well, so I can put another image behind it.

    Does anyone know how to do this, please?
    Thanks.

    Click image for larger version. 

Name:	image-3.jpg 
Views:	151 
Size:	12.0 KB 
ID:	6302

  2. #2
    Join Date
    Nov 2014
    Location
    On A Scottish Island
    Posts
    488
    Thanks
    0
    Thanked 62 Times in 58 Posts

    Default

    Reduce the image to two colours (white and black) to create a mask then use that to key in your new image. You may need to do a bit of tidying up of the black and white image around the edges of the background.

  3. #3
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    Hi there chechu,


    I did not have the actual images for your project, but you can
    see a working example here...

    https://www.coothead.co.uk/image-animation-with-mask/

    coothead
    ~ the original bald headed old fart ~

  4. #4
    Join Date
    Jul 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    maybe photoshop-elements will help to solve your question.

  5. #5
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    914
    Thanks
    118
    Thanked 2 Times in 2 Posts

    Default

    Hey Coothead,
    Does that mean you have the overlay image image somewhere in store, as you used it in this animation?
    If you could send me that, where the figure has a tiny tiny border, then the outside and inside can be made transparent, right?

  6. #6
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    Hi there chechu,

    you may download all the files used from here...

    image-animation-with-mask.zip

    coothead
    ~ the original bald headed old fart ~

  7. #7
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    914
    Thanks
    118
    Thanked 2 Times in 2 Posts

    Default

    Coothead, is it possible to make a mask like you have in your example, of the two images attached, please? I can't seem to cut out the people in the images.
    Thanks.

    Click image for larger version. 

Name:	1.jpg 
Views:	136 
Size:	55.2 KB 
ID:	6304Click image for larger version. 

Name:	2.jpg 
Views:	131 
Size:	7.7 KB 
ID:	6305

  8. #8
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    Hi there chechu,

    the mask that I made - ( mask.png ) - goes above the images.

    If you want me to make a slideshow with your images of people
    then just give them all to me.

    coothead
    ~ the original bald headed old fart ~

  9. #9
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    914
    Thanks
    118
    Thanked 2 Times in 2 Posts

    Default

    Thanks for your help, Coothead, but I am trying to make a series of these images, to be used on different pages (no slideshow).
    So I need the mask over the image and the rest to be transparent.
    No Photoshop wizard me ...

  10. #10
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,336
    Thanks
    1
    Thanked 241 Times in 236 Posts

    Default

    Hi there chechu,

    check out the attachment.

    coothead
    Attached Files Attached Files
    ~ the original bald headed old fart ~

Similar Threads

  1. Featured Image Zoomer - Change Default loaded thumbnail image
    By coffee2020 in forum Dynamic Drive scripts help
    Replies: 17
    Last Post: 04-22-2013, 07:15 PM
  2. Replies: 7
    Last Post: 03-17-2010, 08:51 PM
  3. change special html characters in forms
    By d-machine in forum JavaScript
    Replies: 2
    Last Post: 07-14-2008, 12:20 PM
  4. Creating Image validation for Forms
    By Jas in forum Coding tips & tutorials threads
    Replies: 9
    Last Post: 07-06-2008, 12:49 AM
  5. can I use css to change forms appearance?
    By robertsaunders in forum CSS
    Replies: 1
    Last Post: 10-18-2005, 06:59 AM

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
  •