Step 1: Create your map in the Puzzle Maker
The ingame editor is easy to use. I recommend the usage of these custom enhancements by HMW:
http://forums.thinking.withportals.com/puzzle-creator/puzzle-creator-tech-info-hacks-and-laughs-t6168-45.html
HMW's custom tools enable you to add another light source to your Puzzle Maker maps, they give a nice XOR switch and more stuff, which is really nice for Portal maps.
Do some proper play testing. The map must be fully functional before you start with the next steps. (Of course experts may even prefer to configure content in Valve's Hammer Editor - which excludes me.)
Please be aware that the lights have more contrast after the loop through Hammer. That means if there is a corner in the Puzzle Maker map which has yet just still enough light, that will become far too dark after the loop through Hammer.
Step 2: Activate the Developer Console
In Portal 2 check the keyboard options and enable the Console. I prefer to have the console's key changed to '1', because it's a single key only. Many other user - e.g. German keyboards - would require a key combination to acctivate the default key " ' ".
Step 3: Export a map created via Puzzle Maker
Load your map in the Portal 2 Editor. Rebuild, enter the map ingame and activate the developer console. Enter 'puzzlemaker_export' followed by the name of your map.
The map will be saved as vmf-file in:
C:\Program Files (x86)\Steam\SteamApps\common\portal 2\sdk_content\maps
Step 4: Enhance your map in Valve's Hammer
Download the Hammer via Steam. You can reach it via Steam Library => Tool => "Portal 2 Authoring Tools - Beta". Having loaded the map, you may proceed to replace textures. If you are open minded to spend a little more time, you could add a few statics as well. There are many tutorials around for the usage of Valve's Hammer Just google for it.
For more information about using Valve's Hammer Editor see:
http://forums.thinking.withportals.com/mapping-help/mapping-tips-and-useful-links-t468.html
Step 5: Prepare your map for upload
Execute the command 'Run map ...' while having your map loaded in Valve's Hammer. In the appearing menu click down left on 'Expert' and activate the final compilation of 'both'. This step is mandatory required to make water look good. Your map will be launched ingame. Use this for screenshots. Change the size of your screenshots to 555:312 to view your picture before being uploaded as it will become visible.
Please see the note below by Lpfreaky90, that any format will do if in 16:9 aspect ratio.
Running the map from Hammer creates a bsp-file, which is required for the upload.
Note by zivi7 - quote: If the Cave-Johnson-Line doesn't play after editing in Hammer: Double cick the entrance elevator instance and set the disable_pti_audio variable to 1. It will still not play in testruns with your locally saved map, but it will work when the map is uploaded to the workshop.
Step 6: Upload your map
Launch the binary 'p2map_publish.exe'. You find it here:
C:\Program Files (x86)\Steam\SteamApps\common\portal 2\bin
Assign your favorite screenshot and the bsp-file. Add some nice descriptions and run the upload.
Here a little example of a map, which I looped through Valve's Hammer following the steps described above.
Walkthrough before loop through Hammer (Puzzle Maker only):
http://youtu.be/SVp3q9Jp0Bk
The same map after loop through Hammer (only textures had been changed):
http://youtu.be/nAD5Hoo0YS0
Feel free to visit my Steam Workshop to view more maps being processed in same manner:
http://steamcommunity.com/profiles/76561198037304681/myworkshopfiles/

.