دانلود Design The Web Tutorial Series - دوره های آموزشی طراحی وب سایت با استفاده از نرم افزارهای گرافیکی

Design the Web: Animated Loading GIFs:
Have you ever needed an animated GIF to spice up a webpage or signal data is being downloaded? Learn to create custom animated graphics for your websites, mobile applications, and other interactive projects in Adobe Photoshop, with these quick and practical techniques from Chris Converse. Chris shows how to transform artwork into Smart Objects, animate layer effects with the Photoshop tween capabilities, and move and resize existing animations. Plus, CS6 users can find out how to keyframe animations with the advanced video-based Timeline panel.

Design the Web: From Illustrator to HTML5 Canvas:
Did you know there is a free plugin for Adobe Illustrator that will automatically convert your vector artwork into dynamic HTML5 Canvas artwork? Chris Converse introduces Drawscript and shows you how to copy and paste the JavaScript code from Illustrator to construct, color, composite, and alter the transparency of your artwork with code. If you're new to HTML5 Canvas, this course is a great intro. The exercise files are free for all members, so dive in to get started

Design the Web: Graphics and CSS Pseudo-Elements:
Learn to combine graphics and pseudo-elements to add more design and layout possibilities without adding more HTML to your web pages. Combining web graphics and CSS3 pseudo-elements allows you to style text, add graphics, and position objects, all while keeping your HTML clean and organized and without sacrificing responsive elements of your design.
This course was created by Chris Converse. We are honored to host this training in our library.

Design the Web: Layer Comps:
Discover how to use Adobe Photoshop layer comps to storyboard your interaction designs. Author Chris Converse shows how to create and modify multiple states of your Photoshop file to simulate user feedback, movement, and device interaction, all while working in a single PSD file. Once your design is complete, the course demonstrates how to export your layer comps to multiple files, export a multipage PDF file, and even access Photoshop layer comps from within InDesign.
This course was created and produced by Chris Converse. We are honored to host this content in our library.

Topics include:
- Simulating a navigation menu rollover
- Combining layer masks and layer comps
- Simulating a video lightbox
- Representing movement
- Exporting layer comps

Design the Web: Multiple Graphic Sizes:
With so many different devices on the market, web designers are faced with the challenge of creating multiple versions of their graphics for phones and tablets. Let Chris Converse show you how to leverage Smart Objects, clipping masks, and slices in Adobe Photoshop and make graphics that will look razor sharp on any screen. Learn how to produce web graphics for small screens, standard-sized images, and high-resolution or retina-enabled graphics from the very same file.
This course was created and produced by Chris Converse. We are honored to host this content in our library.

Design the Web: Slice Tool:
Learn to create multiple, optimized web graphics from a single Adobe Photoshop or Illustrator file with the powerful and versatile Slice tool. Increase your productivity by exporting many graphics from a single composition, while maintaining the integrity of the design. Design the Web author Chris Converse teaches you how to size, name, and duplicate slices and add transparency to the final graphics. He also shows advanced slicing techniques to generate CSS-based and table-based layouts as well as video-based animations and cinemagraphs. These tutorials work great for websites, emails, and other interactive projects.
This course was created and produced by Chris Converse. We're honored to host this content in our library.

Design the Web: Smart Objects:
Learn to speed up your design and production time in Adobe Photoshop with the use of Smart Objects. Create Smart Objects from layers in your Photoshop file or from JPG files, or cut and paste them from Illustrator. Author Chris Converse also explores combining Smart Objects with layer effects and clipping masks, to increase the efficiency of your design process in Photoshop.
This course was created and produced by Chris Converse. We are honored to host this content in our library.

Topics include:
- Creating Smart Objects from Illustrator
- Creating Photoshop Smart Objects
- Adding effects to Smart Objects
- Duplicating and positioning Smart Objects
- Editing a Smart Object
- Where to go from here

Design the Web: Sprite Sheets:
Many web animations and rollovers make use of sprite sheets to reduce the number of graphics a web experience requires, making the design process easier and your site load faster. Learn techniques in Adobe Photoshop to make sprite sheet creation fast and versatile. Chris Converse shows you how to combine Smart Objects and guides to help you measure and produce perfectly aligned sprite sheets for your web design projects.

Design the Web: Video Graphics and Animation:
Learn to edit video and add custom graphics and animations to your projects— all with Adobe Photoshop CS6 Extended! Author Chris Converse starts with the powerful new video editing tools in Photoshop CS6, which allow you to design and brand videos for your interactive and online projects. Once editing is complete, discover how to render the video as an MP4 file that can be uploaded to a favorite video website, incorporated into your own site, or embedded in an iBook, interactive PDF, or digital magazine.
This course was created and produced by Chris Converse. We are honored to host this material in our library.

Topics include:
- Getting video into Photoshop
- Splitting video clips
- Moving and transitioning video
- Animating artwork
- Adding text to video
- Rendering video with Photoshop

Design the Web: Working with PNG-8:
PNG-24 files provide great quality with the added benefit of 8-bit transparency; however, this particular file format can be rather large. And larger files sizes mean longer loading times for your users. The good news is you can create varying transparent PNG-8 files—files that are between 60% and 80% smaller than PNG-24 files—with a new crop of Windows, Mac, and web-based tools. Chris Converse shows you how in this short, insightful course on creating compressed PNGs that display beautifully on a variety of websites, especially those targeting mobile devices.

Design the Web: Adding Dynamic QR Codes:
Learn to use the free Google Chart API to add dynamic QR codes to your webpages, in this short and informative installment of Design the Web. Chris Converse covers four options for generating the QR code: pointing Google Chart to an image URL, using server-side code to retrieve the URL, injecting the URL code with JavaScript, and generating the QR code with JavaScript and jQuery. So stop creating QR codes by hand; learn how to generate them dynamically with these tricks.

Topics include:
- Introduction to this course
- About the exercise files
- Using an IMG tag with Google Chart API
- Combining PHP (server-side languages) with Google Chart API
- Creating QR codes with JavaScript
- Creating QR codes with jQuery