What’s Coming Next in Adobe Premiere Pro CC and Media Encoder CC


Creative Cloud

Today we’re thrilled to be revealing what’s coming next to our professional video and audio desktop applications, with new features coming to Adobe Premiere Pro, Adobe Media Encoder, Adobe Audition and Adobe After Effects. All of these new releases will be available to Creative Cloud members later this year, and will be demonstrated at the forthcoming NAB Show in Las Vegas.

Screen Shot 2016-04-12 at 9.23.05 AM

New Media Management features in both Premiere Pro and Media Encoder give you much greater control over the handling of your files during the ingest process, and allow for more flexibility when working with very large media. You can set Premiere Pro to copy media to a specific location on your machine as it imports, and even begin editing immediately while your media copies in the background. If your workflow requires a transcode, you can easily set Premiere Pro or Media Encoder to handle that step for you too.

This release of Premiere Pro also brings support for more native formats than ever including 6K and 8K files from the RED Weapon camera. For times when the media you need to work with is heavier than your system can manage – for example, when you want to work on a lightweight portable device – you can now generate proxies on ingest, automatically associating them with the native full-resolution media. A single click lets you toggle between full-res and proxy.

6 - PR Secondaries, affected

New features in the Lumetri color panel and Lumetri scopes allow you to be more creative with color than ever. New HSL Secondaries allow for quick, intuitive selection of color ranges within a shot, getting the perfect nuance with a few clicks. And the entire collection of beautiful SpeedLooks linear looks help give your media instant personality. Support for color control surfaces like the Tangent Elements, Wave and Ripple enable even advanced colorists to feel right at home, and enhanced Lumetri scopes give instant feedback, with new control over brightness, improved resolution, and support for monitoring Rec2020 colorspace.

7 - VR Field of View

Responding to the enormous excitement around immersive video experiences, Premiere Pro offers powerful support for VR Video workflows. You can import equi-rectangular stitched video media and – with a click of a button in the monitors – enter VR Video mode, which allows you to use pan and tilt controls to preview the experience inside the sphere. You can even click-drag directly on the video clip and freely pan around so you know what your viewer would be seeing when looking in a given direction. When you’re ready to share, you can easily add a metadata flag to ensure you’ll get the full panoramic experience on supported sites like YouTube and Facebook.

AME

Alongside the new media management, transcode and proxy generation capabilities listed above, Adobe Media Encoder contains multiple new features, including the addition of the familiar Media Browser, and a new Publish to Twitter feature for easy sharing with your followers.

There’s plenty more to come in the next release of Premiere Pro CC and Adobe Media Encoder CC and we’re eager to get them in your hands soon.

Learn more about enhancements coming to Adobe Creative Cloud pro video and audio tools. And join us at NAB Show 2016 – Booth: SL-SL3910 –  April 18-21 to see demonstrations of these features in action.

Because this is a sneak peek, you won’t have access to these new features quite yet. Become a Creative Cloud member now to be sure you can get them as soon as they’re available. For more information about Creative Cloud, see this overview video and the Creative Cloud FAQ list.

More:

Visit the Adobe video homepage.

Learn more about what’s coming next to Adobe video in this brief overview video or check out the following resources: What’s New and Datasheet.

See the Adobe NAB presenter lineup.

Watch videos demonstrating the new features.

See how RocketJump uses Creative Cloud. 

Follow us on social media to stay up-to-date on the latest news: 

• Facebook: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

• Twitter: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

See What’s Coming Next in Adobe After Effects CC

Creative Cloud

This week, we’re revealing what’s coming soon in the next major update to After Effects CC.

Enhanced video and audio playback: Our upcoming release is focused on improving core elements of the application that users touch every day. We’ve made lots of changes under the hood, most notably new video and audio preview architecture that delivers real-time playback of cached frames with synced audio. The new architecture shares its foundation with other Adobe video applications for a more consistent experience across Creative Cloud.

Performance and quality improvements: The next version of After Effects CC is faster and more reliable from file import and project load through to final render. Scrubbing the timeline, working with complex masks, and editing large numbers of keyframes is now more fluid, thanks to accelerated interface interactions.

GPU-accelerated effects: We are GPU-accelerating some of our most commonly used effects, including Lumetri Color and Gaussian Blur. Make changes and see results instantly: testers have reported up to 5x speed increases with accelerated effects. Lumetri Color has also been updated across both After Effects and Premiere Pro CC for an enhanced color grading workflow, including HSL Secondaries and new Looks presets.

Improved MAXON Cinema 4D exporter: Export animated 3D text and shape layers to Cinema 4D for a roundtrip Live 3D motion graphics workflow. Customize your exported elements in Cinema 4D (Cinema 4D Lite is included with After Effects), save your changes, and see them update live in After Effects via CINEWARE.

Faster image sequence import: Image sequences now import up to ten times faster. The speed increase is especially noticeable when importing from shared network storage. Some of these changes were introduced in the recent 13.7.1 patch; our spring release includes further improvements. Apologies to those of you who used large image sequence imports from shared storage as an excuse to go get a cup of coffee.

Adobe Stock and Creative Cloud Libraries: Filter searches for Adobe Stock and Libraries content to find what you need faster. Add Adobe Stock assets to your project — including 4K video — and then license them directly within After Effects. Licensed Adobe Stock assets in your library are now badged for easy identification. Videos in your library are displayed with duration and format information and have links to video previews.

Adobe Character Animator: Preview 4 includes a new visual tagging panel for faster puppet rigging. New Motion Trigger behavior enables your character to respond to directional mouse or touch input. Use Character Animator in a live production environment with Syphon support on Mac OS X, or record your performance and export to video via Dynamic Link to Adobe Media Encoder.

Learn more about enhancements coming to Adobe Creative Cloud pro video and audio tools. And join us at NAB Show 2016 – Booth: SL-SL3910 –  April 18-21 to see demonstrations of these features in action.

Because this is a sneak peek, you won’t have access to these new features quite yet. Become a Creative Cloud member now to be sure you can get them as soon as they’re available. For more information about Creative Cloud, see this overview video and the Creative Cloud FAQ list.

More:

Visit the Adobe video homepage.

Learn more about what’s coming next to Adobe video in this brief overview video or check out the following resources: What’s New and Datasheet.

See the Adobe NAB presenter lineup.

Watch videos demonstrating the new features.

See how RocketJump uses Creative Cloud. 

Follow us on social media to stay up-to-date on the latest news: 

• Facebook: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

• Twitter: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

Sneak Peek: What’s Coming Next in Character Animator

Creative Cloud

Character Animator has been out for almost a year now, and we’ve seen our customers do some amazing things with it. We’ve also been listening to your feedback on how we can improve the experience. With the upcoming release of Adobe Character Animator (Preview 4), it’s never been easier or more fun to create a puppet and to bring it to life. Here are some of the highlights of what’s next:

Visual layer tagging: Preview 4 includes a new tag-based rigging system that enables you to assemble your puppet directly inside Character Animator: no need to memorize special keywords. Simply select a part of your character, and tag it appropriately.

Dynamic Link to Adobe Media Encoder: Export directly to a wide array of video and image sequence formats via Adobe Media Encoder.

Syphon support: We’ve seen lots of users asking for ways to work with Character Animator in a live production environment, so Preview 4 includes Syphon support on Mac OS X. Pipe your performance to any Syphon client application in real time.

Get precise control of your animation: Control recording and playback speed to capture and review detailed performances, or capture frames individually for a pose-to-pose workflow. Choose from multiple attachment styles when connecting subpuppets to parent layers. Quickly toggle timeline tracks and individual behaviors on and off.

Improved behaviors: Numerous updates to existing behaviors include take grouping for draggable handles and smoothing for face tracking. This makes creating and performing expressive characters easier and more intuitive. Improved lip sync gives you more accurate tracking and support for new visemes.

New Motion Trigger and Auto Blink behaviors: Motion Trigger enables users to drag their character across the screen and have it animate in response to their movements. And Auto Blink makes it easy to control blinking without using facial tracking.

Simplified puppet setup: Multi-view characters now require only one set of Face and Lip Sync behaviors. Dangle behaviors are much easier to apply and configure, and include per-puppet gravity controls.

Character Animator has come a long way since last spring’s Preview 1, but Character Animator remains preview software. This means that we think that it’s ready to be used in real animation workflows, but we also know that we need more input from you to bring it to the level of completeness and quality that you’ve come to expect from Adobe creative applications. When you use Adobe Character Animator, you’ll be able to submit feedback through a forum linked to directly from the application itself. We want to hear from you so that we can build the best possible experience for you.

Adobe Character Animator will be installed along with the upcoming version of After Effects and can be started from within After Effects.

We can’t wait to see your new characters!

Click here to download the Character Animator (Preview 4) datasheet.

Learn more about enhancements coming to Adobe Creative Cloud pro video and audio tools. And join us at NAB Show 2016 – Booth: SL-SL3910 –  April 18-21 to see demonstrations of these features in action.

Because this is a sneak peek, you won’t have access to these new features quite yet. Become a Creative Cloud member now to be sure you can get them as soon as they’re available. For more information about Creative Cloud, see this overview video and the Creative Cloud FAQ list.

More:

Visit the Adobe video homepage.

Learn more about what’s coming next to Adobe video in this brief overview video or check out the following resources: What’s New and Datasheet.

See the Adobe NAB presenter lineup.

Watch videos demonstrating the new features.

See how RocketJump uses Creative Cloud. 

Follow us on social media to stay up-to-date on the latest news: 

• Facebook: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

• Twitter: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

Introducing the Essential Sound Panel and More for Adobe Audition CC


Creative Cloud

Get a sneak peek at what’s coming in the next release for Adobe Audition CC – including a new panel that enables anyone to achieve professional-quality audio mixes in a matter of clicks.

As video production schedules get shorter and budgets get smaller, editors reached out asking us to make Audition easier to use while also continuing to make it more powerful and productive. These requests may seem like polar opposites in many ways, but our team responded with just that: A set of features that are designed to help novices achieve professional results and make video workflows faster and cleaner than ever before.

Just as we simplified color grading with Premiere Pro’s Lumetri Color panel, our new Essential Sound panel in Audition provides an intuitive, friendly experience that focuses on creative intent, rather than technical jargon. The panel invites users to assign mix types to their clips, identifying the role each clip plays in the project such as Dialogue or Sound Effects. The panel then exposes effects and tools appropriate for that content. For example, Dialogue clips can be analyzed and set to a uniform loudness, have background noise or interference reduced, and add compression and EQ for improved clarity with simple sliders and options. The much-loved Remix feature in Audition can be easily applied to music clips with a single click. Environmental sounds can easily be given more depth and space.

Essential Sound closeup

Each of these simple controls are actually adjusting many parameters under the hood, controlling Audition’s famous native DSP and effects for outstanding results. And audio experts can pick up a project and continue using the native effects, as if they built the project from scratch themselves. They can also “flip to the back” to create and share custom templates for the panel which can support a unique sound for an organization or project, as well as customize for regional requirements such as broadcast loudness regulations.

But mixing audio for video still requires the sound and video be merged for export at some point.  Previously, editors needed to send a mixdown or stems back to Premiere Pro, synchronize them in the timeline, isolate the new audio tracks, and manage channel assignments when publishing to their final destination. Not anymore! The upcoming update to Audition CC will support exporting with Adobe Media Encoder directly from the timeline.

Export to AME

Even if your video content is linked to Audition via Dynamic Link, your projects can be sent to Adobe Media Encoder using any format and preset supported. If your format supports re-wrapping video content, then the new audio tracks can be merged to an existing video container, such as MXF, with no additional encoding!  Our channel presets enable you to easily conform to station requirements, so you could assign your Stereo Mix to channels 1 & 2, and separate Dialogue, Music, and Effects bus outputs to channels 3-8. Projects appear in Media Encoders render queue and enable you to start on the next project in Premiere or Audition without waiting.

Learn more about enhancements coming to Adobe Creative Cloud pro video and audio tools. And join us at NAB Show 2016 – Booth: SL-SL3910 –  April 18-21 to see demonstrations of these features in action.

Because this is a sneak peek, you won’t have access to these new features quite yet. Become a Creative Cloud member now to be sure you can get them as soon as they’re available. For more information about Creative Cloud, see this overview video and the Creative Cloud FAQ list.

More:

Visit the Adobe video homepage.

Learn more about what’s coming next to Adobe video in this brief overview video or check out the following resources: What’s New and Datasheet.

See the Adobe NAB presenter lineup.

Watch videos demonstrating the new features.

See how RocketJump uses Creative Cloud. 

Follow us on social media to stay up-to-date on the latest news: 

• Facebook: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

• Twitter: Creative CloudPremiere ProAfter EffectsAdobe CC Video & Audio

CC Libraries Supports Adobe Stock 4k Video: Available Now!


Creative Cloud

Today we are happy to announce new updates to Creative Cloud Libraries allowing you to quickly find and purchase over 100,000 Adobe Stock native 4k videos.  With Libraries’ new filtered search of Adobe Stock, you can find videos, photos, illustrations and vectors faster than ever from any Creative Cloud desktop application that supports Libraries.

stock search 4k_360 

Also, when you have Adobe Stock content in your library, Libraries will display the same video duration, format, and licensing badging information that you find on the Adobe Stock Site. A preview link is also provided.

With a more consistent user experience between the Adobe Stock site and Libraries, finding that perfect asset for your project is even easier.

We can’t wait to see what you make with Adobe Stock.  Start searching today.

4 Ways to Build a Long, Happy Career in UX Design


Creative Cloud

My career began in the software industry (I say that because in 1992 the UX Design “glamour profession” we all know and love now simply didn’t yet exist) shortly after becoming a father. It feels like the time since then has passed in an instant.

My son Sam is 24 years old now. In his short lifetime, I’ve designed my way through the explosion of the internet, the triumph of Apple over Microsoft, the lifespan of Flash — not to mention Napster, social media, my own startup, mobile computing, the iPod, iPad, iPhone, AppleWatch, the internet of things… and, most importantly, the emergence of UX design as a distinct discipline, legitimate educational track, and viable career path.

So with the benefit of that experience — and gratitude for it — I’d like to share some bedrock principles internalized along the way, which I continue to practice today, however imperfectly; principles that will hopefully help you, too, create a long, happy career in UX design, wherever it may take you.

01 — Be Nice

Be nice. For one, nobody likes to work with a jerk. Moreover, positivity makes it safe for others to take risks around you. Today’s adversary may be tomorrow’s partner; it’s always better if they smile when they see you coming.

Once I stood up in a meeting and, in full voice, asserted that the gorgeous icons I had submitted, which were being challenged, were in fact the greatest ever designed, and I refused to change a single pixel. Yep — that little Kanye moment sent a valuable team member from the room in tears, and an intrepid developer simply changed the pixels himself overnight. It took a long time to mend those fences. Don’t be that person.

02 — Be Engaged

Our job is largely to help others realize something they imagine but cannot articulate. What a privilege, and how satisfying to help the blind men see the whole of the elephant for the first time!

To succeed, we must be genuinely interested in the perceptions of others; willing to undertake challenges we don’t see or agree with. Fortunately, design thinking is a deliberately naive method, enabling us to ask any question, to question any premise. It may reveal unexpected things, and we may happily adjust our own perceptions as a result.

In 2004, the Lightroom project had not yet found its legs; the team still needed a UX model it could get behind. I had been trying to “design” it… to no avail. Eventually, I stopped asserting and focused on listening, asking; then, informed by the perceptions of everybody around that table, we arrived together at a model that suddenly every individual on the team was excited about building. It was like thunder — very happy thunder.

03 — Be Large

Generosity is powerful: make others shine, and when you shine, illuminate others. Bring them along on your thrill-ride; it’s fun and costs you nothing! And mentor as much as you can. You’ll be surprised how much you have to offer, and how much you get in return.

Strive each day to outdo yourself. Try management or found a startup, write a book, give a talk, change jobs or employers. Whatever you do, it’s got to scare you just a little.

Two years ago I accepted an assignment running Adobe’s Digital Marketing design organization; a strange world, after designing Lightroom and other creative products for so many years. But no stranger than moving to India for a year to build out UX design teams for Adobe there. Both were large challenges filled with unknown obstacles; both have enhanced my career and life immeasurably.

04 — Be Human

Eat smartly, exercise, play and sleep. When away from work, be away from work. Use that time to do other things you love, and to learn new things as well: blow glass, make sourdough bread, write a musical, wrestle jackalopes, build clock escapements, anything not work related!

Then, let those things infuse your days as a designer and as a team member. Living a well-integrated life will improve the quality of your work, and help to build strong relationships with other humans; relationships which, over time, will be the lifeblood of your long, happy career.

These principles are less about ways of doing than ways of being. Of course you’re passionate about design; of course you keep your skills fresh and hot; of course you’re awesome and working on awesome things. But as you develop your career, and as people, technologies, politics, and economies inevitably change all around you, it’s ways of being that will keep you constant and grounded.

Let’s conclude with this important question: are you enjoying what you are doing? If not, the principles enumerated above can certainly free you to enjoy your work much more than you otherwise might. In the words of my original mentor, Kai Krause: “Anybody can work hard and make cool stuff. The real trick is to work hard, make cool stuff, and have fun doing it.”

PHOTO NARRATIVE BY FARAN NAJAFI (faran@adobe.com)

AND THANKS TO MY O.G. DESIGN COLLEAGUES: Jamie Myrold, Kai Gradert, Robert Bailey, Jaime Levy, and Andrei Herasimchuk

Getting Started with Adobe Stock in CC Mobile Apps

Creative Cloud

Adobe Stock works exactly the same within your favorite Adobe mobile applications as with those on desktop. You can search in the mobile apps, browse assets, save a preview and license an image – all with full sync capabilities to your Creative Cloud libraries.

These Adobe CC mobile apps, including Adobe Capture CC, Adobe Comp CC, Illustrator Draw, Photoshop Sketch, Photoshop Mix and Photoshop Fix, let you license high-res, royalty-free images directly from Adobe Stock for reference, or as part of your composition.

As we spend more time on the go, mobile apps are becoming just as vital as those on your desktop. Worldwide, it’s estimated nearly 225 million mobile apps will be downloaded this year (Source: Statista).

These mobile apps aren’t just for fun and games though – many professionals are using their devices as a core part of the content creation process. According to CMO.com, 70 percent of content marketers are creating more content than they did a year ago – and mobile content creation is a big part of making that increase possible.

Given the relevance of mobile, Adobe has been commited to delivering high-value mobile applications to streamline the creative workflow. For instance, Adobe Stock’s integration with CC Libraries has helped ease the workflow for designers when it comes to quickly accessing stock images and videos directly within mobile apps when creating content on the go.

Discover more about Adobe Stock and Creative Cloud mobile apps in this introductory video:

Going from Lo-fi to Hi-fi in Adobe XD’s Preview Release


Creative Cloud

“Is it possible to go from low-fidelity designs and information architecture to high-fidelity designs?” A week before we launched Adobe Experience Design CC’s first Preview, someone asked this question about the product on Twitter, and it just made me stop and think. The question, of course, is really what distinguishes UX and the rest of the design world. As I shared in a blog post (okay, it was a rant) a year and a half ago, there are plenty of people who know how to use Photoshop, but can’t explain why an element is where it is.

In the beginning stages of Adobe XD, the entire team put on our user researcher hats and began to learn more about what the industry was doing in the space of UX and mobile design. We talked to people who were creating high-fidelity interactions using After Effects or HTML, JavaScript, and CSS. We talked to a group of people who just wanted boxes and wires and nothing else. And, of course, we talked to a large number of people in between, some of whom were very opinionated about the proper way that UX Should Be Done.

One lesson that I learned, though, is that the process of designing at low-fidelity helps designers to focus on the application’s structure and how users should interact with it. This is a critical step in designing an application or a website that forces the designer to work through a certain set of problems before delving into the more detailed issues of color and style.

Days after this question first made its way across my desk, I got really curious about the answer. Sure, it was theoretically possible, but how fast was it to go from a low-fidelity to high-fidelity design? What things would I do early on in XD that would make it possible to launch myself into a high-fidelity prototype? How fast could I really go?

So, I put on my scientist hat, pulled out a timer, and designed an application.

This is the story.

Step 0: The Scenario

I didn’t learn how to outline a rough draft until I taught high school English. Nowadays, I outline everything from novels to blog posts to corporate presentations. This process lends itself well to designing an application, and I knew that I would solve a number of problems by writing down what I wanted to accomplish.

elaine1

Brainstorm.

As this was an exercise, I could more or less create any app I wanted. I ended up simply going with what royalty-free images I had on hand: photos of myself, places I’ve been in the past couple of years, and my two cats. The cats won out because cats rule the Interwebz, and I knew that the app would end up going into a blog post.

Enter my Shelter Cat application, a mobile application for people to meet (and hopefully adopt!) available cats in a nearby shelter.

I know that it normally takes professional designers weeks, if not months, to go through this initial step of brainstorming and requirements gathering. As evidenced in the hasty scribblings in my notebook, I scrambled through this process.

That being said, I found this time valuable, as I was able to write down exactly what the app was going to accomplish and how it was going to do so. This made the layout step much faster, so it paid for itself many times over.

Total time: 5 minutes.

 

Step 1: The Shape

“I teach that the lo-fi design is like the little black dress.” I recently sat down for a quick cuppa with Ashley Karr, an instructor with General Assembly in Seattle. She was in our office for the Adobe XD launch event on Twitch.tv, and we had a long, rambling conversation about everything from teaching to anthropology to pets. But when she talked about lo-fi design, her eyes snapped with excitement. “It’s less about the color and more about the shape.”

At that point, I had already blown far past the low-fidelity and into the high, but I found that her lesson resonated well with my experience with lo-fi design. I found myself making decisions that were more based on the macro-interactions between screens instead of the micro-interactions between elements. I focused on how the user traversed from screen to screen, including methods of logging in and what to display in both cases, instead of deciding whether or not a button were the correct distance from the text above it.

elaine2

There were a number of things I did to save time in this phase of the design:

  • Built-In UI Kits. One of the first things I did was open the iOS UI kit from the Welcome screen, which made reusing elements really easy. I had a status bar and keyboard on hand to use in my iPhone 6 layout in literally seconds. It was the one place where it was easier to use a high-fidelity object instead of a lower-fidelity object. Of course, XD also has kits for Google’s Material Design and Windows 10, which makes designing easier for common platforms.
  • Repeat Grids. The repeat grid feature saved me so much time in aligning objects. Anywhere I could use a repeat grid, I did. I even nested a repeat grid within a repeat grid in order to take advantage of the ability to change the padding easily between elements.I knew, of course, that I could always break them apart later if I needed to, so I wouldn’t have to be committed to keeping the repeat grid throughout the lifetime of my design.Since you can drop in images into any shape (and drop in a group of images into a repeat grid’s rectangles to give each row a different image), I felt free to use rectangles and other shapes as placeholders for images.elaine3
  • Artboard Duplication. Creating a new copy of my existing artboard is as easy as holding down the Option key and dragging the artboard title, so I also made sure to make the text elements reusable. The titles in the artboards are center-aligned, which made editing them afterward a cinch. I also drew a rectangle with the Text tool to create an area text box that allows text to flow within the area. This, I knew, would come in handy later on when I changed the font and text size in the high-fidelity prototype. (Text from Hipster Ipsum, one of my favorite lorem ipsum generators.)
    elaine4

I then spent about ten minutes wiring up the app in Prototype mode. By switching over into a different view, I was able to focus more on defining interactions. Adobe XD currently supports slides in the four cardinal directions and a dissolve transition. XD remembers the last transition you selected, so I tried to batch up as many of my transitions of one type (for instance, all Slide Left) and wiring them sequentially. Then, I changed the transition type while wiring in another direction (all Slide Right), and repeated for Slide Up, Slide Down, and Dissolve.

elaine5

One thing I found handy was grouping all the contents within a “cell” in the repeat grid in order to make one giant hit point. I was really going for the macro interactions, and making the hit points giant was more than enough for me at this step in the process.

I tested my interactions using the Preview window in XD (Cmd-Enter), which gave me enough feedback to test my interactions and make sure the app flowed the way I wanted it to.

Total time: 1 hour, 21 minutes.

Play with the prototype!

Download the file!

Step 2: The Deeper Look

Although the low-fidelity design wasn’t focused on visuals, it turned out to be easy to turn the basic structure into an attractive, high-fidelity design. Besides the strategically-placed cat photos, I rounded many of the corners in my buttons, selected colors, changed the font, and drew a bunch of icons and logos. I also fixed some of the interaction issues I found after the first round of testing, which led to the addition of two artboards and an extra button in the initial screen.

elaine6

A couple of things I did to make the process faster:

  • Repeat Grids. As I mentioned, I dropped images into the placeholders and rounded the corners of the repeat grid. I also ungrouped the inner repeat grid to apply different colors to the backgrounds, and placed my individual vector drawings over them. I ended up grouping the vector drawings with the circles.Dragging images onto a repeat grid element inserts a different image as the fill of each repeating element. This is an animated GIF and so is of poorer quality than a still screen capture.elaine7
  • Text to Path Conversion. Speaking of vector drawings, each one of these icons was drawn only once, then resized down to these tiny little icons. I knew that text would resize in point sizes, and I wanted to ensure that the letter A would remain perfectly in sync with the rounded rectangle. I selected the text element and used Object > Path > Convert to Path to make the text a path object instead.
  • Boolean Operations. I drew this little vector cat using XD’s non-destructive Boolean operations. By liberally using the addition and subtraction buttons with ovals, rectangles with rounded corners, and paths for ears and nose, I was able to make the cat logo with minimal fuss.

    elaine8

  • Repurposing Hit Areas. Where I could, I reused hit areas to avoid having to re-wire the prototype. In some places, I simply re-purposed the placeholder as an invisible hot spot. While this was a little cumbersome (see my laundry list of issues below), it proved to be a functional workaround.
elaine9

Final prototype wires

 

This phase of design was much more focused on the aesthetics of the app than defining and testing the workflow. I found myself making decisions about color, shape, typography, and iconography in this step. Had I not gone through this process, it’s likely I would have iterated multiple times in this phase, spending far too much time making icons in different colors and shapes to fit my design as I built out the information architecture.

elaine10

Animated GIF of the prototype running on my phone. Unfortunately, it’s poor color quality due to the smaller color spectrum in GIFs.

 

Of course, I tested the finished design on my phone because I wanted to determine whether or not a full screen image of the adoptable pet would be compelling enough to encourage people to adopt a cat.

(Answer: I couldn’t stop looking at that face. Good thing she’s already mine.)

Total time: 2 hours, 35 minutes

Play with the prototype!

Download the file!

Initial Success and Growth Opportunities

I was able to create an interactive design for a new application in just about four hours, which is incredibly fast. I found it surprisingly easy to step from a low-fidelity design to a high-fidelity design; I only had to make minor adjustments to the interactions, select fonts, create icons, add photos, and create placeholder text.

At the time that I’m writing this blog post, Adobe Experience Design CC is in its first preview. The exercise highlighted some growth areas that we’ll be addressing in our monthly releases. Our team is constantly using the product to evaluate what works and what doesn’t, and I walked away from this particular experience with a laundry list of tiny pain points and improvements that the team should address. Some examples, with links to our public features database:

While we try to smooth out the bumps in the design and workflow of Adobe XD, we’re also looking to you, our customers, to help us identify these issues. We’re hoping that you’ll help us surface these annoyances as you begin to work in XD. Just as you iterate on your designs over time, we’re refining XD to be the tool that you need it to be. So hit us up in our UserVoice database or in our public forums and let us know what you think!


 

This post was originally published on Medium

Introducing the Creative Cloud Platform for Web Developers

Creative Cloud

We know innovation in creative technology happens across the entire industry, not just at Adobe, and we know our customers depend on many products and services to get their creative work done. It’s imperative to partner with the global developer community to help our customers work within and across these innovations as seamlessly as possible. That’s why we recently announced Adobe I/O, our one-stop-shop for technical developer documentation and tools to help unify developer access across all of Adobe’s key cloud platforms. Today, we’re excited to discuss the beta launch of a series of new web components for the Creative Cloud, and share some early partners who are working with those components to enrich the creative process for our joint customers.

The core of Adobe’s Creative Cloud platform – and the engine behind our own mobile apps – is the Creative SDK, which enables apps to share files between each other, ensures compatibility with Adobe file types (like .PSD and .AI), provides direct access to some of Adobe’s creative tools, and creates a path for sending files to Adobe’s desktop applications for additional creative flexibility. Enabling these cross app workflows will broaden where creativity can happen, increasing choices and efficiency for our customers.

Now, with integrations by some of the market’s best creative apps, like Paper by 53, Infltr, Bazaart, Marvel, Moleskine, Generate, ArtRage, Curator, Vintage Design and many more, you can seamlessly work between your favorite Adobe and industry tools, accessing the creative content and workflows you love in the mobile apps you use every day.

Today’s announcement of new web components, on the heels of the Adobe I/O portal launch, demonstrates our commitment to support truly cross-platform and cross-app workflows. Since so much creativity happens on the web, we want to make sure you have everything you need no matter which platform or product you use to create. Now, web developers can use these web APIs and components to connect their services to the Creative Cloud:

  •      The Image Editor provides an embeddable, highly customizable, basic photo editor
  •      The Asset Browser (beta) gives access to all Creative Cloud files and libraries. We also offer specialized photography components for getting the most out of customer’s synced Lightroom photos
  •      The File Upload API (beta) enables direct uploads to the Creative Cloud

Some early partners have already started working with the beta components. Soon, Creative Cloud users should be able to access their content in the web services of HipChat, a popular enterprise chat and collaboration app, Prott, an emerging prototyping tool, and Bluescape, a sophisticated collaboration workspace used by some of the largest brands in the world.

As mentioned, the Creative SDK for Web also provides components that are specialized around the needs of our photography customers. The new Lightroom Photos Organizer provides a photo browsing and importing module for web apps that will make the customer familiar with desktop, mobile and web Lightroom clients feel right at home. We’re excited to announce that Animoto is the first partner to integrate the Lightroom Photos Organizer, and we can’t wait to see how the video creation process for Animoto users improves with better, more sophisticated access to their Lightroom photos. Animoto customers are already seeing the benefits:

“I have been using Adobe’s suite of products in my business for over a decade. And I have been using Animoto to create videos for social media and my clients for years,” said Jerry Ghionis, award-winning wedding photographer. “This partnership makes the whole process of creating professional marketing videos and slideshows with my images stored in Lightroom CC so much easier.”

We’re looking forward to bringing Creative Cloud connectivity to more of the services you use in the weeks and months to come.

These new Web SDK components are currently in beta and developers can apply for access here. Here are some other features we have in the pipeline based on feedback that we’ve already received from our beta developers:

  •      Full Photoshop and Illustrator compatibility, enabling users to render and manipulate .PSD and .AI files
  •      Access to Adobe Stock to allow customers to select and use high quality creative assets in other services
  •      The ability to publish projects and works in progress to the Behance community
  •      Custom stickers and more filters and frames available through the image editor, synced with Creative Cloud
  •      Services to notify developers and users when files within Creative Cloud have changed
  •      Hinted Importing through the Lightroom Photos Organizer, allowing for more expressive creations from synced Lightroom collections

Let us know what you think! We want to talk to you to see how you want to use the Creative Cloud platform to help your businesses grow!

We also want your feedback – our goal is the make the best platform for developers who want to build innovative applications for productivity and creativity and we can’t do that without your help. Tweet us with your thoughts at @CreativeSDK or get in touch with us here.

Social media efforts positively impact recruiting for Clemson Athletics


Creative Cloud

Creative video clips result in more than 27 million social media video views and opportunities for student staff with top media outlets.

Founded in 1889, Clemson University attracts students from across the world to its historic South Carolina campus. The university is committed to academic excellence through quality teaching, innovative research, and hands-on experiences that help students succeed in their future careers. Outside of the classroom, the men and women of Clemson’s athletics teams are also finding success.

By sharing video on social media channels that captures the passion of Clemson sporting events—from plays on the field to fans in the stands—Clemson shows young student athletes what it’s like to be a Clemson Tiger. Jonathan Gantt, Director of New & Creative Media, and Nik Conklin, Coordinator of Digital Content for Clemson Athletics, discuss how video and social media help the school reach its target audience of future Clemson athletes.

IMG_4798

Adobe: Why is social media so important for Clemson? 

Gantt: Social media is great for keeping Clemson students and grads connected, but it’s also a huge way to reach out to potential future Clemson applicants. Our main target audience is teenagers 13 to 18 years old who are still thinking about where they want to go to college. If we can show them why Clemson is special through a piece of digital content, it can spark a connection and make an impact in their recruitment.

Adobe: How are you using video to reach your audience? 

Gantt: These potential students are highly connected and always online, use social media heavily, and respond well to video. But there is also a lot of competition for their time so our content needs to cut through the clutter in their feeds. Our social video strategy concentrates on concise, impactful videos, rarely longer than 30 seconds, which focus on exciting or interesting aspects of the university, coaches, teams, or individual student-athletes.

It’s not about re-purposing traditional advertising or broadcast formats for social and re-cutting those deliverables to 6, 15, or 30-second formats—it’s about building content with the target audience and distribution platform in mind from the very beginning. So knowing how people use social and that long-form videos don’t engage well in these platforms, we have our staff and students focus on telling the best possible story in 6, 15 or 30 seconds and we usually produce anywhere from 10-25 videos per week.

IMG_2458

Adobe: What’s different about Clemson’s video coverage? 

Gantt: One thing that makes us unique is our approach to content velocity during event coverage. We want to maximize our output and impact during the time when people are paying the most attention—during the event—so we’ve built our personnel structure and workflow around that strategy and utilizing Adobe Creative Cloud is a big part of that because of the collaboration it allows.

Conklin: We also might be unique in how much we work with students and the structure we’ve put in place that maximizes their contributions. Clemson likes to offer hands-on experiences for students, so I’m the only full-time staff videographer. A lot of work is done by undergrads. We have students who are passionate about drone aerial footage or short Vine formats. I learn just as much from the students are they learn from me.

IMG_3700

Adobe: How does Adobe Creative Cloud fit into this mix? 

Conklin: All Clemson students have access to Creative Cloud. I was a Final Cut Pro guy, so I had to get used to Adobe Premiere Pro CC but it wasn’t difficult at all to make the switch. It’s very user-friendly, and the fact that we can work with an integrated set of software across Creative Cloud makes it easier to build familiarity with how these apps work.

The Creative Cloud workflow is a big part of our speed. From Premiere Pro, we can deliver formats needed across channels—Twitter, Facebook, Instagram, Vine, YouTube, and our website. We’ve fine-tuned the workflow so much that we don’t think we can get any faster at this point. IMG_5675

Adobe: How important is collaboration to your workflow?

Conklin: With speed so key, we need to work well with students. Creative Cloud Libraries is now an integral part of the way we produce content. We have a library of watermarks, logos, overlays, and other graphics created in Adobe Photoshop CC and Illustrator CC. We share this library with students so that everyone has the right branding for the videos.

We also worked with Adobe Anywhere, which resulted in one of the smoothest game day productions we’ve ever had. A student videographer was covering a football game with Jonathan 850 miles away in Syracuse, while I worked with a graphic designer back at Clemson. The videographer would shoot content, upload and tag it with Adobe Prelude CC, and I could instantly start editing clips in Premiere Pro. Everything was so incredibly fast.

IMG_4597

Adobe: What kinds of results are you seeing from video? 

Gantt: We had a vision to transform our sports information office into an in-house marketing team. We knew it was a long-term transition that would take several years, but working with Adobe and Creative Cloud sped the process up to where we hit major milestones within 18-24 months. We’ve added half a million followers on Twitter and had more than 27 million video views across all social media platforms in 2015 alone. We’ve been covered by ESPN, CNN, and Forbes, and Sports Illustrated named Clemson the number one Twitter account in college football.

But more importantly, we’ve seen a difference for our current and incoming students. We’ve been hearing from coaches how it’s helped them on the recruiting trail. The number one high school linebacker in the country visited Clemson, and he actually called to tell us that we’re doing a great job on social media and eventually committed and enrolled here. Seeing our content about the team made an impact for him and that’s a good illustration of the value it has.

We’ve also seen great opportunities for our student staff. Based on their work here and the connections we’ve made, several of our students have had amazing experiences creating content for other companies like ESPN (X Games), Vine, NCAA (Final Four) and they’re starting to land great full-time jobs, too.

IMG_3306

Adobe: How else are students using Adobe Creative Cloud at Clemson? 

Gantt: All students, faculty and staff have access to Creative Cloud, so the use cases are incredibly varied. Students can also work in the Adobe Digital Studio in Clemson’s Cooper library. It’s got a green screen room, an audio room, computers, and expert support. Because of the enterprise partnership, I truly believe Clemson students, faculty and staff are maximizing the opportunity with Creative Cloud and are helping to forge a new path for what’s possible with these tools. Students are really using it to tap into their creativity and develop skills that will help them in the workplace, no matter where their careers take them.