Adobe Systems Incorporated

New to web design? Learn HTML and CSS inside Adobe Dreamweaver CC.

The latest update to Adobe Dreamweaver CC includes a rich set of tutorials available directly inside the app. Not only are the tutorials aesthetically engaging, they provide meaningful, relevant content for established and aspiring web designers.

 

Figure 1. Click the Get files button to download the project files for a tutorial.

Figure 1. Click the Get files button to download the project files for a tutorial.

Learn web design directly inside Dreamweaver CC

A lot time went into planning content geared towards new web designers wanting to get familiar with the basics of web development, including learning HTML, CSS, and JavaScript, directly inside Dreamweaver. Access these tutorials from the Getting Started tab within the welcome screen (Figure 1).

These tutorials are broken down into isolated topics consisting of between two and ten steps. Coupled with downloadable starter files they allow you to focus on the topic at hand and accomplish the tasks quickly with a high guarantee of success.

The Getting Started series

This group of tutorials helps new designers learn the fundamentals of web design. It covers the phases of a web design project beginning with the planning stages all the way through publishing to the web (click the thumbnails below to view the series).

 

Figure 2. Learn custom tips and tricks from the Key Techniques tab.

Figure 2. Learn custom tips and tricks from the Key Techniques tab.

Custom tips and techniques

Once you have the fundamentals down, check out the Tips & Techniques tab for some advanced topics and web design extras such as how to center a website, create CSS-based navigation menus, build a portfolio gallery, and more (Figure 2).

Our users requested many of these topics, so we’d love to hear directly from you about any additional topics that you would find helpful. Please fill out our survey and let us know what you think.

Tour of new features

The Dreamweaver team has done a lot of work over the years to add features to help web designers. You can now pull web design code and assets directly from Photoshop comps, start a web project from responsive starter templates, enhance your designs with rich typography, and more. To see the history of these new features and how to use them, visit the New Features tab in the Dreamweaver welcome screen (Figure 3).

Figure 3. The New Features tab includes tutorials on how to use the features added to current and past versions.

Figure 3. The New Features tab includes tutorials on how to use the features added to current and past versions.

Check daily for new content!

Be sure to update to the latest version of Dreamweaver CC and check often; new tutorials will be available on a daily basis. Also, check out our Learn & Support page for the full offering of tutorials, help topics, and support resources.

10:40 AM Permalink

Thirty Days Later… Thirty Adobe Creative Cloud Tutorials

At the beginning of the year, Adobe worldwide design evangelist Terry White made a promise to himself to deliver a new Adobe Creative Cloud tutorial each day during the month of January.

 

Beginning January 2, Terry released a new video each day… for 30 days. With his New Year’s resolution behind him, he had this to say:

I’m happy to say that my 30 Days of Creative Cloud Tutorials are done and have been very well received! At last count the videos have had over 80,000 views and climbing. I also received lots of direct feedback on Twitter and Facebook. Most of the tutorials focused on the questions I get every day, over and over again. I also took the liberty of working in mobile workflows wherever I could. Of course I’ll continue to do more throughout the year and cover new features as they’re added to Creative Cloud. In the meantime, check out what you’ve missed here in this YouTube Playlist featuring all 30 videos:


 

Cross-posted from Terry White’s Tech Blog.

10:55 AM Permalink

Download and Share: Market Assets and Creative Cloud for Desktop

Get a headstart on projects with Creative Cloud Market and ensure that you and your team can access your favorite assets anytime, anywhere with Creative Cloud Libraries.

CCMarket_1

Creative Cloud Market

Creative Cloud Market is a collection of professionally crafted and curated vector graphics, icons, patterns, UI kits, brushes, and more from the best creatives on Behance. Already there are thousands of assets available on Market and the number grows with each passing day. With Creative Cloud paid subscription (except the photography plan), you are entitled to download up to 500 free, unique, ready-to-use, and royalty free assets every month. Once downloaded, you can use them freely in your creative projects, and modify or build upon them according to your needs.

CCMarket_2

Access Market

Creative Cloud for desktop app is a gateway to Creative Cloud Market. Using Creative Cloud for desktop, you can browse, search, sort, or download Market assets.

To access Market from Creative Cloud for desktop, choose Assets > Market. Then search assets by specifying a keyword, category, tag, or creator in the search box. You can further refine or sort results from the options available in the All Categories dropdown.



CCMarket_3

Download assets from Market

To download an asset, click the asset thumbnail, click Download, and choose an existing Creative Cloud library or create a new library where the asset will be downloaded. Downloaded assets are also saved in the Market Downloads folder in your main Creative Cloud Files folder.



CCMarket_4In addition to the information like the asset name and the creator, the asset page also shows tags applied to the asset. You can click any tag, to search for other assets that are tagged with the same keywords, to find related and similar assets. For example, clicking the “pen” tag in the above example will search and display other assets tagged with pen.



CCMarket_5Downloaded assets are now available for use across all desktop and mobile apps and devices. Note: Creative Cloud for desktop must be running for downloaded assets to sync and become available for use. You can view downloaded assets in Creative Cloud for desktop by clicking the dropdown menu next to Market and selecting Downloaded under the Sort category.



For more information about downloading and using Market assets, see Creative Cloud Market.

CCMarket_6

Share assets and collaborate using Creative Cloud Libraries

While you can access downloaded Market assets in all apps and on all devices, in some situations you may want to share assets with your team, so that everybody is in sync. You can achieve this by sharing the Creative Cloud Libraries where assets are downloaded. It allows you to collaborate while maintaining consistency in your designs.

You can share a library from Creative Cloud Assets or the Libraries panel in Adobe Photoshop CC or Adobe Illustrator CC.

In addition to downloading Market assets, you can add more assets to Libraries using mobile apps and Creative Cloud Assets. For more information about working with Libraries, see Creative Cloud Libraries.

Helpful resources

Creative Cloud blog
Creative Cloud help

11:55 AM Permalink

Digital Imaging: More Two- and Three-Minute Tutorials

Just think… In the time it takes you to brush your teeth you can learn how to make your photos even more beautiful.

PSJumpstart_1
If you’re new to photography and want to get started fixing and enhancing your photos, download trial versions of Adobe Photoshop Lightroom, Lightroom mobile, and Adobe Photoshop CC—Adobe products you get with the Creative Cloud Photography plan. If you’re already a Photography plan member, or have just downloaded the trial versions, check out this new batch of two- and three-minute tutorials, to jumpstart your photography.

 
PSJumpstart_2Why is my photo too light or dark?
Learn the underlying causes of overexposed and underexposed photographs, and how to compensate. (3 minutes)



PSJumpstart_3Transfer photos to computer
Learn how to import your photos into Photoshop Lightroom (3 minutes)



PSJumpstart_4How do I control what’s in focus?
Learn the basic mechanics of how to shoot a photograph with an emphasis on your main subject. (3 minutes)



PSJumpstart_5How do I shoot a sharp photo?
Learn how to eliminate camera shake and shoot a sharp photograph of a moving object. (3 minutes)



PSJumpstart_6Pick a subject, blur the rest
Learn how to blur specific portions of your photo to draw attention to a focal point. (2 minutes)



PSJumpstart_7Combine two photos
Adobe Photoshop Mix for easy composites. (2 minutes)



PSJumpstart_8Fix a photo’s color
Remove colorcasts from photos. (3 minutes)



PSJumpstart_9Create a Facebook cover photo
Turn your photos and images into custom covers for your Facebook page. (2 minutes)



PSJumpstart_10Correct part of a photo
Dodge, burn, and other fixes with the Adjustment brush. (3 minutes)



PSJumpstart_11Sharpen a blurry photo
Adjust a few Photoshop Lightroom Sharpness settings to produce crisp photos. (2 minutes)



PSJumpstart_12Turn a photo into a painting
Learn how to apply artistic filters in Photoshop CC to create hand-painted effects. (2 minutes)



PSJumpstart_13Publish to social media
Learn how to share your photos to social media directly from Photoshop Lightroom. (2 minutes)



Give it a try. Give your photos a professional look in no time with these two- and three-minute lessons.
 

11:50 AM Permalink

Digital Imaging: Two-minute Tutorials for Beginners

Wanting to learn more about digital photography? Our photography tutorials are a great place to start.

Some very basic two-minute tutorials for novice photographers who are just getting started with photo editing, Adobe Photoshop Lightroom and Adobe Photoshop CC. If you’re a total beginner and just want to learn a few really basic skills, check these out:

PhotoTuts_1Photography: Where to start
Editing, organizing, and sharing photos through Lightroom and Photoshop CC desktop and mobile photography applications.


PhotoTuts_2Go retro: Convert to B & W
Create stunning black & white photos from your color photos with Lightroom presets, and fine-tune the look further with easy-to-use adjustment sliders.


PhotoTuts_3Crop and level
Fix tilted photos with alignment guides and crop them for picture-perfect results in Lightroom.


PhotoTuts_4Create a panorama
Take photos from Lightroom into Photoshop CC and stitch them into a seamless panorama; save it and continue to edit, print, and share through social media within Lightroom.


PhotoTuts_5Remove that object
Seamlessly erase objects from photos with content-aware fill in Photoshop CC.


PhotoTuts_6Fearless photo edits
Experiment fearlessly with your photos in Lightroom: fix a photo or change your mind; apply an editing preset with one click; reset to your original at any time.


PhotoTuts_7Straighten up!
Correct distorted horizontal or vertical perspectives in photos with the Upright feature in Lightroom.


PhotoTuts_8Add words to your picture
Learn how to add text to a photo in Photoshop CC and then style and position it.


PhotoTuts_9Edit photos on the go
Crop images, apply presets to create unique effects, and share photos with Lightroom mobile.


And, for anyone who hasn’t tried the latest version of Adobe Photoshop CC… Give it a try for 30 days. Free.

10:03 AM Permalink

Projects: Don’t Leave Home without Them

Work on the go. Creative Cloud mobile apps for artists and designers.

With Creative Cloud mobile apps, you can now create anywhere you find inspiration… then, seamlessly move to your desktop to finish your projects.

Capture_1_MAXApps

Creative Profile: The creative hub that goes where you go

Your Creative Profile puts all of your creative assets at your fingertips—wherever your work takes you. It’s your brushes, graphics, text styles, and creative assets, across desktop and mobile apps, whenever and wherever you need them.

Capture_2_Shape

Adobe Shape CC

With the recent release of Adobe Shape, you can now take a photo and automatically convert it into a vector drawing. A live demonstration of Adobe Shape at Adobe MAX 2014. Cue up at 6:40 or watch the whole thing to see all of this year’s new Adobe mobile features and apps.

Ready to turn a photo into a vector image? We’ve put together this tutorial to help you Get started with Shape.


Capture_5_Brush

Adobe Brush CC

If you like the idea of transforming a photo into a brush that can be used in multiple apps, this is the tool for you. It’s a breeze to Capture an image and use it to create custom brushes.



Capture_6_Color

Adobe Color CC

Create color themes based on images captured on your mobile device with Adobe Color (the app formerly known as Adobe Kuler) and use them in your Creative Cloud desktop and mobile apps. Get started with Adobe Color.


Capture_3_Sketch

Adobe Photoshop Sketch

Quickly capture and share concepts on your iPad. See how to create drawings using natural gestures and brushes with Photoshop Sketch.


Capture_4_Draw

Adobe Illustrator Draw

Use Illustrator Draw to create free-form vector illustrations anywhere. Draw has five vector pens, an eraser, and up to ten drawing layers. Your designs can be further edited in Adobe Illustrator CC and placed in Adobe Photoshop CC. Get started with Draw.

Capture_8_Line

Adobe Illustrator Line

Straight lines, perspective views, geometric shapes, organic curves… Learn how to combine free-form drawing with straight lines and perfect shapes in Get started with Line.


Adobe Ink & Slide

Our fine-tip, pressure-sensitive pen and its partner device, a digital ruler for drawing precise shapes and lines work seamlessly with Line, Sketch, and Draw. Get started with Adobe Ink and Slide.

Capture_7_Sneaks

What’s next?

If you’re curious about what the future holds for Creative Cloud mobile and desktop apps and features, check out The Creative Magic of MAX 2014 Sneaks. It was a real crowd-pleaser at this year’s Adobe MAX Creativity Conference.


Now step away from the desk and get some work done! And, have fun while you’re at it. Then, share what you create with our mobile apps on Behance.

These are just the tip of Creative Cloud Learn’s training iceberg; see all of the Creative Cloud Mobile Apps Tutorials.

10:59 AM Permalink

Premiere Clip Gives New Life to Personal Videos

Among all the new mobile apps and desktop product updates released on October 6, Adobe Premiere Clip stands out for me as a fun app that can be used to make something out of all the videos and photos you’ve already got on your iPhone or iPad—or both, actually, by syncing your project across devices and tapping into each device’s camera roll.

My editorial focus on the Creative Cloud Learn team is our digital video and audio tools. Until recently, I hadn’t seen any good mobile apps for making creative use of the videos and photos on my phone. There’s something compelling about making a movie soon after having shot some video at a family event or while traveling, and then sharing that edited movie with others or posting it to YouTube. Premiere Clip makes that task fun.

ClipLearn_1

Before Premiere Clip was launched at Adobe MAX 2014, I had recorded a couple of tutorials: Create and edit video with Premiere Clip and Refine a Premiere Clip video in Premiere Pro. For those demos, I went downtown (in San Francisco) and shot some relatively random videos of cable cars, which I then assembled into a movie using my iPhone and iPad. It was fun but somewhat familiar terrain for me. However, I recently used Premiere Clip “in the wild.”

While attending MAX, I went to a large outdoor party where there was lots of food, playfully interactive outlets for spontaneous creativity, and a concert by Kings of Leon. It occurred to me that I should record the event—and put Premiere Clip to the test.

I shot the following movie entirely with my iPhone 5 and edited it in Premiere Clip while flying back from Los Angeles. Before considering it ready for public consumption, I synced the project with my Creative Cloud profile and then imported it into Adobe Premiere Pro CC, where I did some minor trimming and audio adjusting.

Playing around with Premiere Clip is a lot of fun—and perhaps gives some meaning to all those times you hold up your phone and shoot something that seems important at the time but, you realize later, it’s too difficult to do anything with it.

Let me know in the tutorials’ feedback links what you think of Premiere Clip, and how you think it could help you with either personal, or professional, video projects.

11:52 AM Permalink

Creative Cloud: New Features + New Mobile Apps = New Tutorials

At Adobe MAX 2014 the Creative Cloud Learn team launched more than 40 new tutorials to help members learn new features and updated techniques.

.
CCLearn_MAX

Hi everyone!

It’s been a big week for the Creative Cloud Learn team. Many of us were lucky enough to be at MAX, where we were able to meet many of our customers, both in labs and at the Adobe Booth in the Pavilion. Additionally, on Monday, Adobe released major updates to Creative Cloud’s desktop apps along with new mobile apps. All of these new features are covered in over 40 new tutorials. Some of the highlights:

  • How to get started with Creative Cloud Libraries—Browse and access your favorite creative assets (colors, type styles, graphics, brushes, and more) in new libraries that sync to Creative Cloud and are available in Adobe Illustrator CC, Adobe Photoshop CC, and many of the new mobile apps.
  •  

  • Extract overview—Easily extract optimized image assets from layers and save them to various formats and resolutions, including SVG, using the Extract PSD assets workflow. This feature is also integrated with Creative Cloud on the web and with Adobe Dreamweaver CC. The feature will be a huge timesaver for designers and developers who use a comp-to-code workflow. See for yourself; check out Extract a Photoshop design into code in Dreamweaver.
  •  

  • Add interactivity to fixed layout EPUBs—Enhance fixed layout EPUBs with hyperlinks, slideshows, animations, and triggering buttons that you have created directly in Adobe InDesign CC.
  •  

  • Join and trim paths—Second only to the Surface Pro giveaway, the demo of Illustrator CC’s  Join tool drew the loudest applause during the MAX Day 1 Keynote!
  •  

  • We also deployed over 60 tutorials to support Photoshop CC’s new Welcome screen. After upgrading, start Photoshop CC and take a few minutes to navigate through this panel  that presents videos based on the features you use. I think you’ll like what you see.

 

Many, many people put in a lot of hours and hard work on this and I want to take a minute to acknowledge them:

  • I’d like to thank all of our presenters, in particular, Matt Pizzi, Dan Carr, Laura Shoe, Curt Fukuda, and the folks at Infinite Skills. They all put in extra effort to make sure we got things right.
  •  

  • Also, I want to thank my editorial team: Amy Hope, Erick Vera, Karla Milosevich, Rita Amladi, Maile Valentine, Stefan Gruenwedel, Michael Salinero, Hemanth Sharma, Ray Camden, and Jill Merlin did an awesome job and I can’t thank them enough.
  •  

  • We talk a lot about design-led innovation, and Luanne Seymour’s design team makes it happen: Chelsea Allen, Erica Larson, Janelle Flores, Michael Jarrott, Kendall Plant, Laura Kersell, Amanda Gross Tuft, Julia Grummel, and Alec Malloy are all awesome
  •  

  • Other major contributors include Robin Maccan, Mally Gardiner, Daniel Taborga, Jenn Clark, Viv Moses, Kirsti Aho, Serena Fox, Craig Goodman, Michelle Yaiser, George Fox, Christine Yarrow, Quinn Warble, Diane Catt, Ed Sullivan, and of course, Ben Forta.

Huge apologies if I’ve forgotten anyone; this was a real team effort.

Most of our pages link to surveys or forums, so please let us know what you think.

—Randy

11:29 AM Permalink

Creative Cloud Learn’s Enhanced Search Pilot

Find the right tutorial. Faster.

Search_1

We’ve got almost 1,000 Creative Cloud app tutorials. Until now, they’ve been difficult to find. This summer, the Learn team built a completely new tutorial search experience to help you get what you need faster. Today we’re excited to announce a complete redesign of tutorial search.

Search that’s easy to get to from every tutorial page

Our search results have been totally redesigned to help you decide which tutorial works the best for you. On the results page you’ll find a whole new look.

Each search result includes:

  • Tutorial description
  • Tutorial type (video, text, hands-on, game)
  • Duration (length of the tutorial or time to complete a hands-on project)
  • Apps covered
  • User level

Search_2

There are also new filters to refine searches:

  • App search defaults. Based on the product page you came from; apps can be added, changed, or removed.
  • New features. Looking for recent app changes? Filter for the latest updates.
  • Level. Look for tutorials that match your experience.

What if you can’t find what you’re looking for?

Don’t despair. This new search index only includes the tutorials. We’ve got thousands of help and troubleshooting articles in our main search index. If tutorials aren’t the Learn/Help content you’re looking for, there’s always the ability to access global search from the main Learn & Support page.

We plan to expand this new experience in the future to include all Learn & Support content. In the meantime, let us know what you like, what you don’t like, and what you think.

10:23 AM Permalink

CC Learn: Dreamweaver CC for Web Design

One of the best things about Creative Cloud is that members have access to new product features as soon as they’re developed. Adobe’s Creative Cloud Learn team makes sure Creative Cloud members have the knowledge they need to use them.

The team recently published a host of new hands-on tutorials and videos aimed at helping both novice and experienced web designers get the most out of the recently-released features in Adobe Dreamweaver CC. So there’s no reason not to start using the new features in Dreamweaver CC:

DW_Tuts

How to use CSS in Dreamweaver
In this hands-on tutorial, learn the basics of Cascading Style Sheets (CSS), and what tools are available in Dreamweaver CC for applying CSS to add style to web pages.

Edit CSS properties visually
Use the visual CSS Designer panel in Dreamweaver CC to control the appearance of your HTML content.

Use Live Highlight and modernized Live View
Learn about Dreamweaver CC’s Live Highlight, CSS Designer, and how to edit and preview web pages with new Live View features.

Learn the user interface
Learn about the different panels, menu options, and editing views for creating web pages in Dreamweaver CC.

Learn how to develop responsive and mobile sites
Take the next step in web design by developing fully responsive sites and mobile apps with Dreamweaver CC.

Use Code View to edit web designs
Design web pages using the tools in Dreamweaver CC to write and manage code.

Create HTML5-compliant pages
Learn how to add HTML content with the visual tools in Dreamweaver CC.

Preview web designs
Learn about the different ways to test and preview web design projects.

Publish and manage websites
Learn how to publish and manage the websites you build.

And those are just a start. Check out the full list of Dreamweaver CC tutorials.

11:30 AM Permalink