Html Dashboard From Psd

I have a UI project that needs done. I have 3 pages (.psd) that need converted to code (HTML, jquery, ajax, or other). The layout is simple. There are several interactive element that require solid coding skills.

Icons need to be able to be dragged and docked.
A side pannel needs to be able to slide out.

This project has be be done quickly. Qualified developers only. Send me any questions you may have. The final product must be exactly as designed.

Online Booking Tool

I require a PHP / MySQL programmer to create an online booking tool. The programmer must also have excellent user interface skills and the ability to work with javascript to ensure an end result that is easy to use and looks polished.

The project consists of creating a booking tool to allow end users to book a time slot on a station. There are 21 stations. The minimum time slot is 5 minutes and there is no maximum (the time slots would only be bookable in 5 minute increments). This is for a one-off event over 24 hours.

There is no need to have user registration / log-in – the user can simply input their details and book their time. The details required from each user would be:
Full name / Postal Address / Email Address / Contact Telephone Number, as well as the time booked.
A CAPTCHA must be presented also to prevent auto-submissions.

The front-end interface needs to be highly polished – the end client has mentioned Google Calendar and other similar interfaces. Given the large number of stations and slots, the information must be presented in an easy to access manner. The front-end must show time slots available / booked (it will not show details of who has booked on the front-end, simply ‘booked’).

Upon booking a slot, the user should get an automated email to thank them – the admin must get an automated email to advise them of the booking.

An admin tool must be provided, with the following functionality:
• Download booking information in CSV format (or similar) – this must be the tabular data showing 21 stations, booking information including details of who has booked what.
• Similar table to front-end but WITH personal details included
• Ability to cancel / delete any bookings
• Ability to add individual bookings and block bookings.

For more information please get in touch.

Hosting / server environment:
Apache 2.2.14
MySQL 5.0.90
PHP 5.2.13 (PHP module info available on request)

The site URL is available on request if required.

Content Management System Set-up

I require a programmer to assist in the setup of a Content Management System for an existing website. The existing site is currently powered by a proprietary content management system; this system is being scrapped entirely and we are moving to a new host.

As such, the following tasks will be required:
• Install of either a proprietary CMS or ‘off-the-shelf’ solution (e.g., existing script)
• Copy of existing site design files (the existing design should be mirrored exactly on the new site / CMS)
• Replication of site content

One complaint relating to the existing CMS is it is overly complex – as such, the new CMS should be polished and easy to use. It must offer the following features as a minimum:
• Page editor / content editor to edit page content, add images, add text content.
• Content editor must primarily be WYSIWYG but must also offer source / HTML editing
• Content editor to allow formatting of content / allow pasting from external sources (including clean up of pasting)
• Meta editor on page by page basis (to edit keywords, page title, etc.)
• Image gallery – the user must be able to upload one off images to incorporate on the site but a gallery must also be installed so the users can sort images into sub-folders
• Optional – on the fly image resizing would be useful
• XML editor – the site currently features rotating offers on the home page powered by Flash. The details of this are held in an XML file. Either as part of the CMS or as a standalone, there must be a usable XML editor to edit the text content and replace images.
• Administrative tools – to add / edit / delete users, change passwords, etc. (Only the super user should be able to do this)

Any additional features would be considered but, as above, the main goal is to keep the CMS interface clean.

If you intend to use an ‘off-the-shelf’ solution, please indicate in your bid which you plan to use. If you intend to use a custom coded solution, please indicate in your bid (or by message in advance) examples of this in action. Lastly, also include a timescale of the development. This must be adhered to.

Hosting / server environment:
Apache 2.2.14
MySQL 5.0.90
PHP 5.2.13 (PHP module info available on request)

The existing site URL is available on request. NB. The existing site content management was created in .NET – however, the new CMS Must be in PHP.

DIY – Create Your Own White Box

In this tutorial we’ll be creating a White Box which will allow you to take awesome close up photos in a seamless “Matrix-like” space. There is plenty of information on the web on how to create a White Box so I don’t claim to have “come up with” this idea. All that’s important to me is that it’s in front of your eyes now so this can be an option for your future projects. Enjoy!


Tutorial

Download Tutorial .flv

File size 133MB


How to Draw a Kimono Dancer Using Adobe Flash and Corel Painter – Vector Premium Tutorial


We have another great Vector Premium tutorial available exclusively for Premium members today. If you want to learn how to use a combination of programs – including Adobe Flah and Corel Painter – to create a vector image with a soft painted finish, then we have an awesome tutorial for you.

Continue reading “How to Draw a Kimono Dancer Using Adobe Flash and Corel Painter – Vector Premium Tutorial”

How to Produce a Downtempo, Trip Hop Beat

Recently I have been putting together quite a few downtempo, trip hop style beats for various projects and I thought it might be useful for me to share the basic process I use to get things started.

Be aware this is just the foundation for a beat and only one way of doing it, styles and technique will vary massively from project to project … but I figured some of you may find the techniques used here useful. I have used Cubase with stock plug-ins and instruments here but the techniques could easily be ported to any other DAW.


Step 1: Load a Groove Agent One and Create a Basic Pattern

Ok, so I started by loading up a Groove Agent One and one of its excellent stock kits. I then played a basic pattern using a MIDI keyboard. This will act as a skeleton for the beat and it’s highly likely the pattern will need to be changed as new elements are added.

The Groove Agent One is loaded up.

You might notice that the pattern is pretty strictly quantised to 16ths. This seemed to work here but you may want to start with some swing or a custom groove.

Our simple new pattern.

Download audio file (1.mp3)

The initial MIDI based beat.


Step 2: Add a Break or Loop

A really quick way of filling out any beat and adding some extra groove, is to use a loop. This doesn’t always work but it’s worth experimenting with. In this case I used a vinyl style break and mixed it at a pretty low level against the original beat and filtered off some low end to ensure the original kick drum could breathe.

The loop is added.

…and then mixed.

Some low end is removed.

Download audio file (2.mp3)

The loop is mixed well but the patterns clash slightly.


Step 3: Edit the Original Pattern

The original MIDI pattern is now slightly tweaked to ‘fit’ with the new break. Essentially all I did was move a kick and a few snares around at the end of the 4 and 8 bars respectively. This felt a little more natural and seemed to flow more.

The original pattern is edited slightly.

… and a little more.

Download audio file (3.mp3)

The loop mixed without he edited MIDI.


Step 4: Cutting Percussion Sounds From a Loop.

Next up I wanted to add some percussion, I decided that I would cut a few sounds out of a loop. This is a different approach to just loading up a raw sample and can give you a slightly different sound.

A new loop is imported.

I started by loading another loop that contained some percussion elements I liked. You’ll notice by the small symbol in the bottom left of the region that this loop contains tempo data and will remain locked at any BPM.

This loop is in musical mode.

On double clicking the loop you are presented with some editing options in the left hand side of the display. Go straight for the sensitivity slider. Increasing this will give you automatically placed markers on each transient, much like Recycle. You can add or remove any markers that have been wrongly placed or missed.

Raising the sensitivity

New markers are placed.

Now hit create slices, Cubase will ask you if you want to exit musical mode, hit ok and move back to the arrange window. Now when you double click your loop you will see it has been cut into slices for you, very handy!

Create slices!

Exit musical mode.

And boom! your slices are created.

I then opened a second Groove Agent One and dragged the newly sliced loop to the first pad. Each slice is then mapped on consecutive pads. This is a god send and an extremely useful workflow feature. Your sounds are now ready to play via keyboard or set of pads.

Your new slices, easily mapped to a Groove Agent One’s pads.

You might notice that in the final project I have bounced the output of this Groove Agent One, this is because the system used for loading custom kits requires and export and import and is not saved directly with your project. Something Steinberg tell me is ‘a slight limitation’. Hopefully this will be sorted in a future update.


Step 5: Programming the Percussion Pattern

Next up I programmed a basic pattern with one of the slices from the loop.

The basic pattern.

Download audio file (5.mp3)

The new percussion part in action.


Step 6: Adding Some Synced Stereo Delay and Swing

When played back using a straight 1/16th quantise, everything sounded a touch machine like so I decided to add some swing and to o open up the percussion sequence further I added some stereo delay, this gave the whole loop a ‘pacey’, running feel.

Some stereo delay is added.

And some swing for some extra groove.

Download audio file (6.mp3)

The percussion is greatly enhanced by some effects and swing.


Step 7: Crashes and Fills

At this point a couple of crashes were mixed for impact at the start of each four bars. I also added a .rex drum fill sample and trimmed it to size. These sounds were then mixed to a good relative level and some low end removed from the crashes.

Some crashes and fill are mixed.

Download audio file (7.mp3)

The crashes and fill in action.


Step 8: Group your drums.

At this point all the drum sounds (bar the crashes) were grouped. This meant I was able to apply a vintage compressor and some valve distortion and this added some grit and extra punch to proceedings.

The main drum parts are grouped

… and then are treated with a compressor and tube emulation.

Download audio file (8.mp3)

The drum group with extra crunch!


Step 9: The Finished Beat

Finally A maximiser/limiter and an a dithering plug-in were added to the master buss to represent a light mastering job.

Some light mastering processing is added

Try your own beat and add some extra effects hits and some automation. A beat made in this way can be constructed quickly and easily edited.

Download audio file (9.mp3)

The final mastered loop

The final loop in the arrange window view.

And in the mixer


Freebie: 20 High Quality 3D Icons


Most web designers are always on the hunt for new high quality icons to use in their designs. Today, we are giving away 20 high quality 3D icons for you to use in your work for free!


20 High Quality 3D Icons

This pack includes 20 high quality 3D icons available in PNG format in several sizes including 512px, 256px, 128px, and 64px. These icons were created by La Glanz Studio and are royalty-free, so you can use them for any commercial or personal project.

sample

Create a Photo Realistic Motorcycle Helmet in Photoshop – Psd Premium Tutorial


Today, we have another Psd Premium tutorial exclusively available to Premium members. If you want to take your product design skills to the next level, then we have an awesome tutorial for you. Learn more after the jump!


This Premium Tutorial is Filled with Creative Tips

In my last tutorial, we created a Photo Realistic Energy Drink from a photograph. This time we will be creating a product from the ground up, starting with a sketch. I love motorcycles and I love riding my R6, so I thought this would be a fun project; as I have always wanted to create my own helmet artwork. This is an extremely advanced Photoshop tutorial, so be warned. I know professional designers that have been in the industry for 10+ years that would have a hard time with this one.

If you are a beginner and are unable to follow along, I would recommend opening the Photoshop file to poke around, check out the extras, and look at all the masks, paths, and evidence of how things were created. Sometimes you can learn so much just from poking around an advanced PSD file. A good amount of this tutorial is just based on "look." Depending on how well you paint/illustrate/brush will require you to have slightly different settings than the ones I use (layer mode %’s). If anything, you will see the process and method I used to attack this project.

Please feel free to ask any questions in the comments section, and I will try to answer them as soon as possible. Hope you enjoy!


Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from this tutorial.


Psd Premium Membership

As you know, we run a premium membership system here that costs $9 a month (or $22 for 3 months!) which gives members access to the Source files for tutorials as well as periodic extra tutorials, like this one! You’ll also get access to Net Premium and Vector Premium, too. If you’re a Premium member, you can log in and download the tutorial. If you’re not a member, you can of course join today!

Need custom permalinks for wordpress categories by freerateupdate

We need a various categories on our wordpress php website to have custom permalinks that do not conflict with other plugins we use. We used a plugin to do this before, but now it’s not working. I need someone who can do this now and has a lot of wordpress php, permalink knowledge… (Budget: $30-250, Jobs: PHP, WordPress)


Simple Copy Paste Emailing / Dataentry by zilinc

Hi there, This job is fairly straightforward and simple. Basically, you need to go to these pages: http://www.talkgold.com/forum/f261-.html http://www.talkgold.com/forum/f236-.html http://www.talkgold.com/forum/f460-.html… (Budget: $30-250, Jobs: Article Submission, Data Entry, Data Processing, Electronic Forms, Web Search)


Signage Colour Scheme Creation / Graphic Design

I require a graphic designer to create colour schemes for two pre-designed outdoor signs / monoliths. The content, layout and typography has already been created for these but, as part of the production process, a colour scheme must be selected using BS or RAL colours.

In order to assist the end client make a decision, I require a designer to put together some mock-ups of the signage design in various colour schemes to suit the design. The sign requires three colours:

• One highlight colour (for all text content)
• One background colour (for the background of the monolith itself)
• One base colour (the colour of the base / ground unit)

Some example signs are displayed in the attached files (signage1.jpg and signage2.jpg) A sketch of the signage is also attached. The actual design files will be provided to the winning bidder (either PSDs, AIs or EPS files will be sent).

As mentioned, the task is to mock-up a selection of colour schemes (at least 4). Although the production process will only use BS or RAL colours, colour accuracy for the mock ups is not vital.

Please get in touch with any questions.