Sound Remover in Adobe Audition CC

The update to Creative Cloud that is coming in June is loaded with awesome tools and incredible new features. I recently demonstrated shake reduction in Photoshop, which can greatly enhance photos that are blurred from a shaky camera, but that’s not the only great update coming in June. Another feature that I wanted to highlight is the Sound Remover process in Adobe Audition CC.

The Sound Remover enables you to select specific sound frequencies and patterns, and remove them from a sound file/composition. Imagine that you have a great recording which was ruined by a cell phone ringing, birds chirping in the background, or someone slamming a door. Now it is possible to easily remove those specific frequencies and patterns without losing or damaging the entire audio file. Check out the video below for an example.

In a nutshell, the process is this:

  • In the Spectral Frequency Display, use the paintbrush selection tool to select the frequencies and patterns you want to remove.
  • Go to the Effects menu and select Noise Reduction/Restoration -> Learn Learn Sound Model.
  • Select the clip/segments that you want to be affected.
  • Go to the Effects menu and select Noise Reduction/Restoration -> Sound Remover (process).
  • Next, change the settings as appropriate for your sounds/compositions, and hit “Apply”.

Sound Remover

You can learn more about some of the other great features in Adobe Audition CC in the video below from Adobe TV:

Or, you can learn more about the exciting new features coming in June’s Creative Cloud update on adobe.com and see video previews of a lot of the new Audio/Video features.

Shake Reduction in Adobe Photoshop CC

If you haven’t heard about the new Camera Shake Reduction feature coming to Adobe Creative Cloud members this June in Photoshop CC, it is a new filter that will analyze your photos to detect and correct blurring due to a shaky camera. Yes you read that correctly, it can make a shaky/blurry photo LESS shaky/blurry. It’s an awesome new feature that can be used to enhance photos under low light conditions or taken with slow shutter speeds. Check out the official teaser video below:

This can have huge implications, everything from enhancing precious photos of your loved ones, to crime analysis and forensics. Speaking of which, did you know Adobe does some amazing work with law enforcement and image forensics?

Like any other curious individual, I wanted to test this out on my own, with my own photographs. So, I broke out my camera, set it to have a slow shutter speed (for intentionally blurry photos), and started walking around and taking pictures. I was completely blown away by the outcome.

Let’s take a look at the results…

In all of the following examples, the image on the left is the original. The image on the right is the enhanced/corrected image. The only changes that I have made are camera shake correction and minor color/contrast corrections. I have not used any other touchup/enhancement or alteration techniques. It’s amazing how much detail was able to be pulled out of the original blurred images.

First, let’s take a look at an office building. The enhanced image has much more detail, including brick textures, more readable/discernable content, and while it has some minor artifacts, it is a huge improvement.

Click to view full size image
Click to view full size image

Now, let’s look a little bit closer… If you’ve already glanced at the image below, you’ll see that I was able to extract the license plate from a car that just happened to be passing at the time I took the photo.
aligncenter office-license-plate
Seriously, this is real. All of those “image enhancement” sequences that you’ve seen in crime and sci-fi movies and TV shows (which you’ve probably rolled your eyes at) are now a reality. Still don’t believe me? Take a look at this video I put together for a closer look.

Note: I edited this down to the “short version”, in reality it took a lot more trial and error and permutations of the shake reduction tools to achieve the final result.

That’s not all, I was able to extract detail about other items in the photograph. For example, You can now see enough detail to identify the light bulb in the street lamp.

office-lampYou can even make out the faint outline of the bicycle and arrow on the “bike lane” street sign behind the car.
office-sign

Pretty cool, right? Now, let’s take a look at another example. Again, the blurry image on the left is the *original*.

Click to view full size image
Click to view full size image

You can see that the enhanced image is sharper and has more detail. Let’s look a bit closer…

In the original image, did you see that guy in the blue shirt standing walking towards the white van? Yeah, neither did I:

window-person

Or, could you tell what kind of cars were in the parking lot? I know I couldn’t in the original, but I can make a much better educated guess in the enhanced image:

window-cars

OK, let’s take a look at one more. In the enhanced photo on the right, you can see much more detail… everything from the brick patterns, to street signs, to details on people and objects.

Click to view full size image
Click to view full size image

While you still can’t read the entire law office sign, you can certainly see more detail in both the sign and the surroundings.

.

street-sign

You can also make out much more detail on people, doorways to buildings, flowers, and leaves on the trees.

street-people

Again, The only changes that I have made are camera shake correction and minor color/contrast corrections. There have been no other modifications made to these images.

All of my test images have fairly significant shake blurs. Due to the extreme amount of blur, there are some visual artifacts. Any images that have a less extreme blur will have fewer artifacts, with enhanced clarity.

You can reduce artifacts and improve the final output quality by experimenting with the Camera Shake Reduction options. You can create multiple regions for estimating blur, and adjust trace bounds, smoothing, and artifact suppression for each. You’ll likely need to experiment with the settings and try different permutations to achieve optimal results, but you’ll be amazed by the outcome.

Camera Shake Reduction Options
Camera Shake Reduction Options

It’s important to understand that while it can “work miracles” on some images, the Shake Reduction feature will not correct all blur in all types of images. If the blurring is because your image is simply out of focus, this probably won’t help. Again, it is intended to correct blurs caused by a shaky camera situation.

If you’re wondering how to get this feature, just go over to creative.adobe.com and become a Creative Cloud member today! Photoshop CC will be available in June, and you’ll be notified.

PhoneGap & Android Studio

Yesterday at GoogleIO, Google announced Android Studio, a new development environment for authoring Android applications. This is a great looking new IDE for Android, based off of IntelliJ IDEA, with some new Android-specific tools and features. You can read more about Android Studio on the Google Android Developers blog.

One of my first tasks upon downloading Android Studio was to get a PhoneGap app up and running in it. Here’s how to get started. Note: I used PhoneGap 2.7 to create a new project with the latest stable release, however you could use the same steps (minus the CLI create) to import an already-existing PhoneGap application. Be sure to backup your existing project before doing so, just in case you have issues (Android Studio is still in beta/preview).

First, follow the PhoneGap “Getting Started” instructions all the way up to (and including) the command line invocation of the “create” script.

01-cmd

Once you have the Java environment configured just run the create script to create a based PhoneGap project. In this case, I used the following command to create a new PhoneGap project:

./create ~/Documents/dev/android_studio_phonegap com.tricedesigns.AndroidStudioPhoneGap AndroidStudioPhoneGap

Next launch Android Studio. When the welcome screen appears, select the “Import Project” option.

02-welcome

Next, you’ll have to select the directory to import. Choose the directory for the PhoneGap project you just created via the command line tools.

03-select existing src

Once you click “OK”, you will proceed through several steps of the import wizard. On the next screen, make sure that “Create project from existing sources” is selected, and click the “Next” button.

04-create from existing src

You will next specify a project name and project location. Make sure that the project location is the same as the location you selected above (and used in the PhoneGap command line tools). I noticed that the default setting was to create a new directory, which you do not want. Once you’ve verified the name and location, click “Next”.

05-project location

On the next step, leave the default settings (everything checked), and click “Next”.

06-import project

Again, leave the default settings (everything checked), and click “Next”.

07-import project

Yet again, leave the default settings (everything checked), and click “Next”.

08-import project

For the last time, leave the default settings (everything checked), and click “Next”. This is the last one!

09-import project

Next, review the frameworks detected. If it looks correct to you, click the “Finish” button.

10-import project

Android Studio should now open the full IDE/editor. You can just double click on a file in the “Project” tree to open it.

11-android_studio

To run the project, you can either go to the “Run” menu and select “Run {project name}”, or click on the “Run” green triangle icon.

12-run

This will launch the application in your configured environment (either emulator or on a device). You can see the new PhoneGap application running in the Android emulator in the screenshot below. If you’d like to change your “Run” configuration profile, go to the “Run” menu and select “Edit Configurations”, and you can create multiple launch configurations, or modify existing launch configurations.

13-running

Video Introduction to Adobe Creative Cloud

Here’s a great video introduction to Adobe Creative Cloud. I strongly recommend taking a moment to watch it if you have any questions about Creative Cloud, even if you’re already are a member.  It’s only two and a half minutes, so it won’t take much of your time.

Enjoy!

Getting Started With Adobe Edge Web Fonts

Amongst the big announcements last week, you may not have noticed that the Adobe Edge Web Fonts got a huge upgrade too!  It’s now easier than ever to browse web fonts and include them into your own HTML experiences. All for free, with no Creative Cloud membership required!

Adobe Edge Web Fonts
Adobe Edge Web Fonts

Check out the video below to see the new interface in action:

Also shown in the video is Adobe Edge Code for live editing/previewing HTML in the browser.

Enjoy!