/    Sign up×
Community /Pin to ProfileBookmark

Virtual Logo????

Copy linkTweet thisAlerts:
Nov 21.2008

Hi there, first time post here!

I run a company that offers branded USB Flash Drives and I would like to add a feature to the site that allows the user to upload their logo and see it placed on the available drives (just like this example… [url]http://www.supertalent.com/products/logomaster.php[/url])

I was trying to find out how this site does it, but cant seem to follow the code. Does anyone have any advice? or perhaps see how these guys have done it?

Many thanks,

Ben.

to post a comment
PHP

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@MindzaiNov 21.2008 — They would most likely use PHP's GD Library to achieve this. It is very simple to layer images over each other using GD functions.
Copy linkTweet thisAlerts:
@GeatNov 21.2008 — Another way would be via shell commands, using ImageMagick's tools. There's one called "Composite" which is ideal for this, and supports alpha blending and all that jazz.

http://www.imagemagick.org/www/composite.html
Copy linkTweet thisAlerts:
@NogDogNov 21.2008 — Or, sort of combine the 2 previous replies and use the [url=http://www.php.net/imagick]PHP Imagick extenstion[/url] if it's installed (or you can install it).
Copy linkTweet thisAlerts:
@benbullauthorNov 24.2008 — Ok, great... in a way...

I've never played with php, so I think it might be a little over my head trying to create this from scratch...especially the feature where people can upload their logo so this becomes the overlayed image?

I was kinda hoping I could get my hands on the code used in the website I mentioned, then perhaps build on that? I know its a little cheeky...but I dont have the ability to build this from scratch.

any other suggestions or help?

Thank you for your time,

Ben.
Copy linkTweet thisAlerts:
@bokehNov 24.2008 — You don't need any image processing to do that. Just overlay and size the image using a css rule. You can even allow the client to re-dimension and manipulate the image using Javascript and then just send the coordinates to the server.

Have a look at my DIY avatars page to see CSS overlaying in action.
×

Success!

Help @benbull spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...