Skip to main content
main-content

Über dieses Buch

Upgrade your skills in Adobe Creative Cloud and enhance your corporate or personal website with multimedia and graphics. In this book you'll look at the latest versions of five core Adobe programs: Photoshop, Illustrator, Animate (formerly Flash), Media Encoder and Dreamweaver. As you work with each of these programs to create images, animations, audio and video you will see how each one can help you complete and finally integrate your multimedia files into a final mobile friendly website.
Adding new multimedia features to your website does not have to be difficult or confusing. If you plan your route and goals correctly, along the way you will see how each software has its own use, but ultimately, how they can all work together for a common goal. This book also shows you how additional Creative Cloud software can be used with the core five programs should you want to add further interactivity.
What You'll Learn:Use Adobe Creative Cloud software to create graphics and multimedia for a websiteRender images in various formatsWork with video, HTML5 Canvas and audio files for the websiteDiscover new features of HTML5 and CSS3 and how to work with them in Dreamweaver CCWho This Book Is For

Graphic designers who are creating websites; students in the classroom; instructors wanting to upgrade their Adobe Creative Cloud skills.

Inhaltsverzeichnis

Frontmatter

Welcome to the Adobe Creative Cloud. Where Should You Begin?

Frontmatter

Chapter 1. Entering the Software Maze or Labyrinth

Adobe Creative Cloud is an amazing collection of software that allows you to render your thoughts in a digital or physical form. Whether the artist has been in the graphics industry for one year or fifty, and whether creating a layout for a book, designing a painting for a gallery, creating an animated video, editing sound, or creating a three-dimensional form—all of this is possible.

Jennifer Harder

Working with Photoshop to Create Web Graphics and Animations

Frontmatter

Chapter 2. Getting Started

In Part 2, you are going to start with a review of some Adobe Photoshop CC basics. Along the way, you are going to look at the variety of menu options within the program that you can use to export images and GIF animations, and render video for your website. In this chapter, you will set up your workspace.

Jennifer Harder

Chapter 3. Color Choices: CMYK, RGB, Grayscale, and Index

In this chapter, you explore some of the color options that are available and that are appropriate to use for your web projects.

Jennifer Harder

Chapter 4. Saving or Exporting Your Files for the Web

In this chapter, you are going to explore some of the many ways that are available to you to export your images for the web using Photoshop. Adobe has a variety of ways to do this; some of the options appear to overlap, so at times, it can get confusing to know which options are best for your project.

Jennifer Harder

Chapter 5. Actions to Speed up File Conversion and Slicing Tools

In this chapter, you continue to explore some of the many ways to you to export your images for the web using Photoshop. You will look at some related action tools that can help speed up the export process should you have a lot of images that require similar formatting. Later in the chapter, you look at how to slice images and how to zoom in closer to images.

Jennifer Harder

Chapter 6. Tools for Animation

This chapter focuses on one specific file format: the GIF animation. As you saw in Chapters 4 and 5 , GIF files are static images used for illustrations or logos; however, unlike the other image formats you have read about so far, they can also be used to create small animations within Photoshop CC and used on a website in several diverse ways, which you explore in Part 6.

Jennifer Harder

Chapter 7. Tools for Video

In this chapter, you are going focus on one specific file format for export: the MP4 video. So far in Photoshop, you have been working with static images, except for the GIF animation. However, while you can do some creative things with GIF animation frames, you cannot add audio to your animation, and GIF animations often have a posterized appearance when photographs such as a JPEG files are added as layers. Since you cannot animate a JPEG file, the choice is to create a video for your website.

Jennifer Harder

Chapter 8. Other Miscellaneous Items in Photoshop That You Can Use for Web Design

This chapter focuses on a few of the lesser-known panels and menu features that you can use as part of building image files for your multimedia website or web design workflow.

Jennifer Harder

Chapter 9. Putting It into Practice with Photoshop CC

In this chapter, you review how to create images for a gallery, GIF animation, and video with an image poster for your website.

Jennifer Harder

Working with Illustrator to Create Web Graphics

Frontmatter

Chapter 10. Getting Started with Illustrator CC

In Part 2, you traveled through the symbolic maze as you worked with Photoshop to create graphics for the web. Now you are going to travel to the next junction point, known as Adobe Illustrator CC. Refer to Figure 10-1.

Jennifer Harder

Chapter 11. Color Choices: CMYK, RGB, and Grayscale

In this chapter, you are going to look at how to work with color and choose the correct color choices in Illustrator CC.

Jennifer Harder

Chapter 12. Saving or Exporting Your Files for the Web

In this chapter, you are going to look at how to export files for the web using in Illustrator CC.

Jennifer Harder

Chapter 13. Actions to Speed up File Conversion and Slicing Tools

In this chapter, you look at how to use scripts, along with the Actions panel and batch actions, to speed up your workflow. Then you look at slicing tools and image maps for the web using Illustrator CC.

Jennifer Harder

Chapter 14. Tools for Animation and Video

In this chapter, you look at a few tools to enhance your drawings for scenes or frames in an animation or video that could be imported into either Photoshop CC or Animated CC as vector Smart Objects or library symbols. You also look at the SVG Interactivity panel, which you may not know much about.

Jennifer Harder

Chapter 15. Other Miscellaneous Items in Illustrator That You Can Use for Web Design

In this chapter, you look at a few miscellaneous tools that might assist you in your web design project. Some are like the ones you saw in Photoshop in Chapter 8 , and you can refer to those sections in that chapter for more details. One new feature that you will look at is Creating Swatch Patterns.

Jennifer Harder

Chapter 16. Putting It into Practice with Illustrator CC

In this chapter, you review exporting images for a webpage site, and you look at a few more scripts to add to an SVG file to create an informational map.

Jennifer Harder

Working with Animate to Create Animations, Movies, and HTML5 Canvas

Frontmatter

Chapter 17. Getting Started with Animate CC

In this chapter, you look at an Adobe software program called Animate CC, including some of its main tools and panels. You also look at HTML5 Canvas and some of its uses. Finally, you learn how to convert an ActionScript 3.0 FLA (.fla) to a new HTML5 Canvas FLA (.fla) file.

Jennifer Harder

Chapter 18. Color Choices: RGB

In this chapter, you look at the color options available in Animate CC, and the tools and panels to assist you when working with color.

Jennifer Harder

Chapter 19. Importing Your Artwork

In this chapter, you look at how to import your graphics from Photoshop and Illustrator into Animate. You’ll also look at how to edit the graphics within Animate if the import of certain effects is not as successful as you hoped.

Jennifer Harder

Chapter 20. Import Your Audio and Video

In this chapter, you look at how to import audio and video into your ActionScript 3.0 file or HTML5 Canvas FLA files.

Jennifer Harder

Chapter 21. Working with the Timeline Panel

In this chapter, you review the Timeline panel and some old and new panels that work with the Timeline panel to assist you in creating and enhancing your animations before you export them.

Jennifer Harder

Chapter 22. Exporting Your Files to the Web

In this chapter, you look at how to export your image files (JPEG, PNG, GIF, SVG) and your animations (GIF, HTML5 Canvas, OAM), and video (MOV). You also discover some other related formats used for web design. The MOV file will be imported into Media Encoder CC in Part 5; you look at the web setting formats for this file then.

Jennifer Harder

Chapter 23. Other Miscellaneous Items in Animate that You Can Use for Web Design

In this chapter, you look at a few final tools that you can use to enhance your designs in Animate.

Jennifer Harder

Chapter 24. Putting It into Practice with Animate CC

In this chapter, you review how to export animations (GIF and HTML5 Canvas) and video clips for a website.

Jennifer Harder

Working with Media Encoder to Create Audio and Video Files

Frontmatter

Chapter 25. Getting Started with Media Encoder

In Part 4, as you traveled through the symbolic maze, you worked with Animate to create graphics, video, and animation for the web. Now you are going to travel to the fourth and final junction point: Adobe Media Encoder CC. Here you discover how to export video and web graphics that are ready for your website when you reach Dreamweaver in Part 6. Refer to Figure 25-1 so that you can see where you are in the maze.

Jennifer Harder

Chapter 26. Working with Your RAW Video Files (AVI and MOV)

In this chapter, you review the AVI and MOV video formats, and then look at how they can be formatted as MP4 for the web with Media Encoder. You then learn how to stitch video clips together. Later you look at two other file formats for the web.

Jennifer Harder

Chapter 27. Working with Your RAW Video Files and Converting Them to Audio

In this chapter, you look at how to convert your video’s audio to a sound file (.mp3 and .wav) for your website. You also look at the other web format (.ogg), as well as how to convert a specific audio file (.3ga) that is not accepted in Media Encoder.

Jennifer Harder

Chapter 28. Working with Your RAW Video Files and Converting Them to an Image Sequence

In this chapter, you look at how to extract image sequences from your video file (.avi or .mov) for your projects in the bitmap, JPEG, PNG, and GIF (static and animated) formats.

Jennifer Harder

Chapter 29. Putting It into Practice with Media Encoder CC

In this chapter, you review how to export video files (AVI and MOV) and create an MP4 file. In the second project, you practice extracting sound from a video file and converting it to MP3 and WAV formats.

Jennifer Harder

Working with Dreamweaver: Adding Images, Animations, and Multimedia to HTML5 Pages

Frontmatter

Chapter 30. Getting Started with Dreamweaver CC

In this chapter, you look at how to set up your website to start working in Dreamweaver.

Jennifer Harder

Chapter 31. Working with Images and Tags

In this chapter, you look at how to add images on a page and how to tag elements. You then discover how to add a logo to your browser’s tab and how to use HTML5 resources in the Snippets panel.

Jennifer Harder

Chapter 32. Working with CSS

In this chapter, you look at how to work with CSS, linking CSS, and what you can use to enhance your images and turn them into animations using CSS.

Jennifer Harder

Chapter 33. Working with Images for Mobile Web Design

In this chapter, you look at how to work with CSS that allows you to make your site more mobile and allows pages to float or stretch on the page, depending on what device you are viewing your website on.

Jennifer Harder

Chapter 34. What Is JavaScript?

In this chapter, you look at how JavaScript is used with images and div tags to add further movement to some elements where CSS may not be enough.

Jennifer Harder

Chapter 35. Working with Bootstrap, Templates, Library Items, and the Assets Panel

In this chapter, you look at Bootstrap components and jQuery, and learn how they can work with templates and library items to create HTML5 pages in a website that has a theme.

Jennifer Harder

Chapter 36. Working with Video, Audio, and Animations

In this chapter, you look at how to add your HTML5 video, audio, and canvas animations as an animated composition or OAM file. You’ll also briefly look at a few other options that Dreamweaver has available for adding related multimedia.

Jennifer Harder

Chapter 37. Additional Options to Apply Images in Dreamweaver

In this chapter, you look at a few otherOptions that you may not have considered while working in Dreamweaver to apply images to your site.

Jennifer Harder

Chapter 38. Final Testing, Getting Ready to Upload Your Site

In this chapter, you make the final adjustments to your site and upload your files to your server, as you see with the Hot Glass Tango site.

Jennifer Harder

Chapter 39. Putting It into Practice with Dreamweaver CC

In this chapter, you review three parts of the Hot Glass Tango website. First, you review how to insert images. You then look at how an image gallery carousel is added using Bootstrap. Finally, you look at a unique way of using JavaScript in which you can change which video is currently displayed in the <video> tag.

Jennifer Harder

Further Dreamweaver Integration with Other Adobe Products for Websites

Frontmatter

Chapter 40. What Other Programs That Are Part of Adobe Creative Cloud Can I Use to Display My Graphics or Multimedia Online?

In this last chapter, you look at some alternative multimedia programs that you can use instead of Dreamweaver. There is also a final quiz at the end to test your knowledge.

Jennifer Harder

Backmatter

Weitere Informationen

BranchenIndex Online

Die B2B-Firmensuche für Industrie und Wirtschaft: Kostenfrei in Firmenprofilen nach Lieferanten, Herstellern, Dienstleistern und Händlern recherchieren.

Whitepaper

- ANZEIGE -

Globales Erdungssystem in urbanen Kabelnetzen

Bedingt durch die Altersstruktur vieler Kabelverteilnetze mit der damit verbundenen verminderten Isolationsfestigkeit oder durch fortschreitenden Kabelausbau ist es immer häufiger erforderlich, anstelle der Resonanz-Sternpunktserdung alternative Konzepte für die Sternpunktsbehandlung umzusetzen. Die damit verbundenen Fehlerortungskonzepte bzw. die Erhöhung der Restströme im Erdschlussfall führen jedoch aufgrund der hohen Fehlerströme zu neuen Anforderungen an die Erdungs- und Fehlerstromrückleitungs-Systeme. Lesen Sie hier über die Auswirkung von leitfähigen Strukturen auf die Stromaufteilung sowie die Potentialverhältnisse in urbanen Kabelnetzen bei stromstarken Erdschlüssen. Jetzt gratis downloaden!

Bildnachweise