In Progress

Upload and manipulate picture into a frame

1) User uploads an image to a mysql database

2) User chooses a fancy "picture frame" from a set of frame choices we give them. Openings in the frames will be transparent spaces that round, oval, rectangular, heart shaped and other shapes.

3) Image is displayed to the user to manipulate. You need to tell us how this can be be done. Ideally the image is displayed and manipulated visually on top of the selected frame with a mask over the image that is 100% transparent over the opening in the frame and 50% transparent elsewhere. The user can then clearly see what portion of their image will be displayed when the manipulation is completed. If this is not practical then a separate (real-time?) preview is necessary.

4) User dynamically manipulates - moves and scales - image so the key part of the image is properly positioned and sided in the frame. Usually this is a face that is sized to the opening,

5) Final image is generated from the picture and frame combined. Only the portion of the image in the opening will be combined with the frame

6) User is prompted for first name, age, city, state/provence and country, as well as permission to use the image. Final image and responses are stored into another field in the database and made available for the user to download, upload to Facebook, share, etc.

7) In addition, a rectangular thumbnail and a final size image of the focus area (regardless of the shape of the opening, a standard sized rectangle will be used - its location and size will be part of the frame specification) to crop then save this image into another field in the the database for other uses.

Must run on laptop/desktop browser and on mobile devices (no FLASH). If mobile devices are a problem in terms of time or cost please identify this up front.

Target budget $150, would like to be completed in 4 days, by Sunday the 24th. A rough demo of the basic image functionality without the database connectivity on Friday the 22nd would be ideal.

I'm not an advanced programmer ... but I have found some libraries that can handle much of this ... perhaps GD in PHP?

See a conceptual example here: [url removed, login to view] Their process is a bit clumsy. Don't like the double click to put picture behind frame and default scaling should be proportional. The 3 step are good, but prefer a final 4th step to confirm as part of the saving. Will prompt for several text fields during that final confirm.

It appears that my target bid may be optimistic ... please quote your best price for a non-flash (iOS friendly) solution.

I've added a screen shot of the inspiration for this project http://globalgenes.org/careaboutrare/

I've also added several sample frames showing the transparent area, and the area of the user photo we want to save in step 7. Note that viewable area of photo can come from any part of the photo, and that the photo can be scaled so the desired portion of the photo fills the transparent hole.

Skills: CSS, Graphic Design, HTML5, Javascript, PHP

See more: set a bit in c, php programmer laptop, mobile specification database, how to set a bit, found a programmer, country state and city database mysql, cost of a programmer, c# bit manipulation, bit manipulation in c, bit manipulation, manipulate , mysql php download upload, mysql connectivity, image manipulation available, preview crop, php image crop save, scaling image, mysql download upload, facebook share thumbnail, upload image thumbnail php mysql, user country facebook php, php mysql image crop, picture download, crop image php mysql, preview image upload php mysql

About the Employer:
( 8 reviews ) West Linn, United States

Project ID: #7165843

Awarded to:

ylb126

Hello there, Greetings! Thanks for sharing an initial requirements over Freelancer. We are tech warriors and team of developers working on PHP/MVC/WordPress/eCommerce development since last 3+ years. We would be More

$144 USD in 3 days
(0 Reviews)
0.0

6 freelancers are bidding on average $255 for this job

prominentsoft

I have read all through the project descriptions you provided. I can get it done. Also i am able to start the project early. A brief about me: My name is Mainuddin and I am a Senior Software Engineer from Dhaka, More

$277 USD in 7 days
(94 Reviews)
6.4
prashushinde9

Hi, I (Myself a senior PHP, ASP.NET programmer using C# and VB) have a team having experience of more than 10 years in developing web and mobile applications. I have a team of expert programmers who write robust and bu More

$315 USD in 10 days
(27 Reviews)
6.0
oneiricindia

Hello, I have gone through your project’s initial requirements with the help of the job posting you have placed. I have requisite experience and expertise to complete your project successfully. I am very much sure t More

$226 USD in 4 days
(29 Reviews)
5.3
drudev

Hello. I am a web developer with 11+-year experience . I work remotely on DigitalRay company - [url removed, login to view] - LA (USA). Technical knowledges: 1PHP JavaScript Ruby RoR ASP.Net C#, Java, Python, Zend, CakePHP, Symph More

$266 USD in 3 days
(41 Reviews)
5.3
batailor

Hello Sir, Glad to see your project on [url removed, login to view] however the good part is this makes us connect here ;) [url removed, login to view] Check this app to understand the leve More

$300 USD in 3 days
(31 Reviews)
5.2
patelbrijesh1309

Dear sir/ma’am With a proven track record of successful achievements, I am pleased to present my application for your consideration as a Mobile Developer. I Have 5+ years experience in the IT industry, • 4 ye More

$155 USD in 3 days
(8 Reviews)
2.4