Skip to main content

All Blend + SketchFlow Tutorials and Videos

Learn Microsoft Expression Blend: videos, tutorials, whitepapers

Expression Blend 4 for Windows Phone
Take your ideas from concept to completed applications quickly and easily with Expression Blend 4 for Windows Phone.
SketchFlow
This informative video is the first in our SketchFlow series. It covers the SketchFlow Map, SketchFlow Player and the Feedback options.
Introduction to SketchFlow, a feature of Expression Studio Ultimate
A quick overview of SketchFlow, a feature of Expression Studio Ultimate for rapidly prototyping application flow and interfaces.
Expression Blend Webcasts
Join top designers as they show how they created next generation experiences using Expression Blend and Expression Design.
Expression Blend: Texture Mapping
In this tutorial, we'll use an Image Brush to apply a texture, and we'll work with Alpha Channels to make the texture jump out a bit more.
Expression Blend: Clipping Masks
In this tutorial, we're going to take an Image, which is traditionally rectangular, and apply a clipping mask to change its shape.
Path Editing and Exporting XAML from Expression Design
In this tutorial, we're going to take a login screen from Expression Design, bring it into Blend, and then touch up a few of the paths.
Expression Blend: Bitmap Effects
There is a significant performance impact for using bitmap effects, but sometimes they can create a unique effect that you can't get any other way.
Expression Blend: Starting and Stopping a Media Element
In this tutorial, we'll learn how to hook up Play and Pause buttons to a Media Element.
Expression Blend: Gradient Editing
In this tutorial, we're going to explore how to create and edit both a linear and a radial gradient in Expression Blend.
Creating a Motion Path in Microsoft Expression Blend
Motion Paths allow you to animate a shape along any arbitrary path.
Basics of Grid Editing and GridSplitters
In this demo, we'll reproduce the functionality of Microsoft's Live Messenger, and allow our user to adjust the space given to the various layout components.
Expression Blend: Windowless Windows
In this tutorial, we're going to transform our design into a windowless window, and add a Close button to make it more useful.
Expression Blend: Texture Mapping
In this tutorial, we'll use an Image Brush to apply a texture, and we'll work with Alpha Channels to make the texture jump out a bit more.
Expression Blend: Clipping Masks
In this tutorial, we're going to take an Image, which is traditionally rectangular, and apply a clipping mask to change its shape.
Path Editing and Exporting XAML from Expression Design
In this tutorial, we're going to take a login screen from Expression Design, bring it into Blend, and then touch up a few of the paths.
Expression Blend: Adding a Mouse Over Effect to a Button
In this tutorial, we're going to take a design taken from Expression Design, bring it over to Blend, convert it to a button, and add a Mouse Over effect.
Expression Blend: Adding a Mouse Over Effect to a Button
In this tutorial, we're going to take a design taken from Expression Design, bring it over to Blend, convert it to a button, and add a Mouse Over effect.
Expression Blend: Starting and Stopping a Media Element
In this tutorial, we'll learn how to hook up Play and Pause buttons to a Media Element.
Expression Blend: Gradient Editing
In this tutorial, we're going to explore how to create and edit both a linear and a radial gradient.
Creating a Motion Path in Microsoft Expression Blend
Motion Paths allow you to animate a shape along any arbitrary path.
Basics of Grid Editing and Grid Splitters
In this demo, we'll reproduce the functionality of Microsoft's Live Messenger, and allow our user to adjust the space given to the various layout components.
Designer & Developer Collaboration & Additional Demos
How Expression Blend facilitates cooperation between designers and developers.
Databinding to Control Properties
Using databinding in Expression Blend to hook up controls to other controls.
3D Animation and Event Triggers
How to import and animate 3D objects in Expression Blend.
Using Databinding with External Data
Using databinding in Expression Blend to hook up your UI to external data sources.
Introducing Blend & Working with Control Editing
An introduction to Expression Blend and working with user controls.
Creating and Using Brush Resources in Expression Blend
This presentation demonstrates how to create and use brush resources in Expression Blend.
Expression Blend: Create Data Templates
In this presentation Todd Miranda demonstrates how to create a data template to customize the way databound data is displayed.
Expression Blend: Adding Video
This presentation demonstrates how to add a video to your WPF application and how to manipulate its playback.
Expression Blend: Basic Animation
This presentation demonstrates how to implement basic animation in a WPF application.
Sharing Styles Among Heterogeneous Elements
This presentation demonstrates how to modify a style in Expression Blend in order to share it between different element types.
Expression Blend: Motion Paths
This presentation demonstrates how to implement a motion path in Expression Blend.
Using Expression Design to Generate XAML Resources for Expression Blend
This presentation demonstrates how to export a XAML resource from Design and use it in an Expression Blend project.
Expression Blend: Introduction to Styles
This presentation introduces the creation and use of styles in Expression Blend.
Creating a Control Template in Expression Blend
This video demonstrates how to modify a control using control templates in Expression Blend.
Using an ObjectDataSource in Expression Blend
In this video, Todd Miranda demonstrates how to incorporate an Object Data Source in Expression Blend.
Working With Clipping Paths in Expression Blend
In this video, Todd Miranda demonstrates how to create a clipping path and how to use a clipped canvas to achieve an animation effect.
Create User Controls in Expression Blend
In this video, Todd Miranda demonstrates 2 ways to create user controls in Expression Blend.
Importing and Manipulating 3D Objects in Expression Blend
In this video Todd Miranda demonstrates how to import a 3D object and manipulate it through the design interface.
Working With 3D Materials in Expression Blend
In this video, Todd Miranda demonstrates how to work with materials in Expression Blend.
Working with 3D Cameras in Expression Blend
In this video, Todd Miranda demonstrates how to use the tools in Expression Blend to easily work with 3D cameras.
Create the Wet Floor Effect in Expression Blend
Bring your visual designs up-to-date using the Wet Floor Effect in Expression Blend. Todd Miranda demonstrates how.
Use the Key Spline Editor in Blend
Interactively modify your animations in Expression Blend using the new graphical key spline editor. Todd Miranda demonstrates how.
Create and Edit Clipping Paths in Blend
Now you can edit clipping paths, rather than starting over, using Expression Blend. Todd Miranda demonstrates how.
Creating Visual Transitions in Expression Blend
Learn to create a visual transition between two different screens in Expression Blend using the Visual State Manager.
Using the Binding Scrollbar in Expression Blend
Learn how to create scrolling text or areas in Expression Blend by databinding a scrollbar to a UI element.
Using the Layout Stack Panel in Expression Blend
Learn how to quickly lay out a menu in Expression Blend using the Stack panel.
Using the GridLayout Panel in Expression Blend
Learn how to create a dynamic-sizing layout using the Expression Blend GridLayout panel.
Using the Border Control in Expression Blend
Learn how to specify custom border width and corner radius settings using the Border Control in Expression Blend.
Using Vertex Animation with Expression Blend
Learn how to use vertex animation features included in Expression Blend.
Making a Slider Control in Expression Blend
Learn to create a slider control and bind it with a UI Element in Expression Blend. Access and use the slider's value when it is dragged.
Using the Breadcrumb Trail in Expression Blend
Learn how and when to use the Breadcrumb Trail feature in Expression Blend.
Exploring XAML Layout Controls in Expression Blend
Learn about the XAML Layout controls in Microsoft Expression Blend.
Reusing and Customizing User Controls in Expression Blend
Learn to reuse and customize existing user controls in Expression Blend.
Creating User Controls in Expression Blend
Learn to create reusable UI controls and code in Expression Blend.
Using Runtime Storyboarding in Expression Blend
Learn how to create interactive animations in Expression Blend using storyboards at runtime.
Creating a Calculator with Expression Blend
Learn how to put together user controls, event handling, and layout to create a calculator application with Expression Blend.
Customizing the Look of a Listbox in Expression Blend
Learn how to create reusable visual themes for listbox controls using styles and templates in Expresion Blend.
Customizing the Look of a Radio Button in Expression Blend
Learn how to create reusable visual themes for radio button controls using styles and templates in Expression Blend.
Customizing a Silverlight Template with Expression Blend
Learn how to create and apply custom Silverlight templates for Expression Encoder using Expression Blend.
Creating Animated XAML Overlays for Expression Encoder using Expression Blend and Design
Learn to create an animated overlay for Expression Encoder using Expression Blend and Design.
Customizing an Expression Encoder Template using Expression Blend
Learn how to customize and brand your own Silverlight media player using Expression Blend.
Creating a Template for a ScrollBar with Expression Blend
Learn how to create custom scrollbar controls using styles and templates in Expression Blend.
Making Silverlight Objects Appear Transparent over HTML using Expression Blend
Learn how to create Silverlight objects with transparent backgrounds for HTML content, using Expression Blend and the windowless initialization parameter.
Understanding and Managing Silverlight Resources with Expression Blend
Learn how to create reusable Silverlight resources with Expression Blend, and find out how resources can help you work more quickly and efficiently.
Displaying Dynamic Content in Silverlight using Expression Blend
Learn how to create dynamic Silverlight content with Expression Blend by using Databinding to tie UI controls to data.
Top Gotcha's When Working with Silverlight and Expression Blend
Recognize and avoid common mistakes when using Expression Blend and Silverlight
Working with Data when Designing Your UI
This short series of tutorials takes you through the concepts you need to understand to make the most out of sample data in Expression Blend
HTML Integration and Publishing
These two tutorials will give you a short introduction in how to integrate a Silverlight into your website
Using Animation and Interactivity to Bring Your Application to Life
This video series will introduce you to the different animation capabilities of Expression Blend and highlights use cases for each.
Creating and Modifying User Interface Controls
These six tutorials will show you how to create or edit six core Silverlight control types
Use Your Existing Photoshop and Illustrator Skills with Silverlight and Expression Blend
These four short videos show you how to use Expression Blend's powerful Photoshop and Illustrator importers and keep your graphics editable and at full fidelity as you turn them into interactive Silverlight experiences.
Learn How to Keep Precise Control Over Your Application UI Using Dynamic Layout
This short series of videos will help explain the different types of Silverlight layout controls, what they are, how they work and what their benefits are when designing a modern application UI.
Tips & Tricks (Things you should know)
During this short series you will get a foundation understanding of user controls; what they are, why they are useful, how to create, edit and re-use them.
Dive Deeper into the Platform and Tools: An introduction to Silverlight and Blend (part 2)
Continue to discover the capabilities of Silverlight and Expression Blend by building on the knowledge gained in 'An overview of Silverlight and Expression Blend'.
An Introduction to Silverlight and Expression Blend
This 13 video series will introduce you to a number of foundation concepts that will help you get productive quickly with Silverlight and Expression Blend.
Publishing and Testing Your Silverlight Game with Expression Blend 3
Learn how to add the BeeHive Silverlight game to a page in Expression Web.
Adding Audio Resources to a Silverlight Game with Expression Blend 3
Learn how to set up collision detection on the bottom wall and honeycomb for the Beehive game.
Working with Text and Embedding Fonts with Expression Blend 3
Learn how to work with text and embed fonts in your Silverlight project with Expression Blend 3.
Animating Controls with the Visual State Manager with Expression Blend 3
Understanding the Visual State Manager in Expression Blend.
Adding Game Walls and Creating Animation with Expression Blend 3
Learn how to create a Storyboard. Adding an event. Animation options.
Adding and Applying Behaviors with Expression Blend 3
Learn how to load behaviors into Expression Blend. Using behaviors in Expression Blend (FollowMouse, HighScore, Lives, and more).
Creating a User Control with Expression Blend 3
Learn how to define, edit and create multiple instances of a User Control.
Understanding Layout Containers with Expression Blend 3
Learn more about organizing artwork. Hiding and showing objects and canvases in Expression Blend. Locking objects and canvases. Rearranging objects.
Creating the BeeHive Game Interface Using Expression Blend 3
Learn how to dock and organize the panels, use Scrolling and Zooming Controls, creating artwork in Expression Blend and change and applying properties in Expression Blend.
Organizing and Importing Assets into Expression Blend 3
In this module you'll learn how to use assets from other applications and import them into Blend.
Exporting your SketchFlow project with Expression Blend 3
Learn how to export a SketchFlow project for client, designer and developer use.
Adding Feedback and Annotations in the SketchFlow Player with Expression Blend 3
Learn how clients can use the annotation feature to speed up the design evolution process.
Using Sample Data in SketchFlow with Expression Blend 3
Learn how to easily use the Sample Data features within a website.
Working with Behaviors in SketchFlow with Expression Blend 3
Explore how complex application behaviors can be added using Behaviors.
Working with the SketchFlow Animation Panel in Expression Blend 3
Learn how to create animated behavior using the SketchFlow Animation panel.
Working with States in SketchFlow with Expression Blend 3
Learn how to use the States panel to record layout changes and create animations that users can view and interact with in the SketchFlow player.
Adding Navigation to Buttons in SketchFlow with Expression Blend 3
Learn how to enable realistic navigation within a prototype by enabling user interaction with buttons.
Working with Components in a SketchFlow Project with Expression Blend 3
Learn how to add common components across pages.
Using SketchStyle Controls to Enhance a SketchFlow Layout with Expression Blend 3
Learn how to add and modify the more sophisticated SketchStyle controls.
Building Basic Layout in SketchFlow with Expression Blend 3
Learn how to add basic components to navigation screens. Working with the Asset Library.
Adding Navigation Screens in SketchFlow with Expression Blend 3
Learn how to add navigation screens and add connections. Create a new Sketchflow project and adding basic screens.
Introducing SketchFlow with Expression Blend 3
Explore a final SketchFlow project and the benefits of the prototyping workflow.
Seadragon Ajax API Reference
Full overview of the Seadragon Ajax APIs
Using the Seadragon Ajax API
Seadragon Ajax is a Deep Zoom viewing library implemented in pure JavaScript.
Creating Content: Seadragon Ajax
Deep Zoom Composer is a free tool that allows you to import your source images, graphically arrange them into a composition and export them into a Seadragon image or collection
Web Platform in Action: Adding Bing Maps to Your Website
This module shows you how to install and use Bing Maps within Expression Blend through the Bing Maps Silverlight Control SDK.
Web Platform in Action: Using Expression Blend and the MVVM Pattern
This module shows how designers can create immersive experiences with Expression Blend.
Web Platform in Action: Using SketchFlow to Create a Website Prototype
This module shows you the fundamentals of SketchFlow for creating interactive prototypes for application, desktop, and web applications.
Web Platform in Action: SuperPreview and the IE8 Developer Toolbar
This module shows you how to use SuperPreview and the Internet Explorer 8 Developer toolbar to maximize the cross-browser compatibility of your site.
Web Platform in Action: Customizing a WordPress Theme Using Expression Web
This module shows you how to use Expression Web to customize a WordPress theme by leveraging its CSS support capabilities and FTP client.
Web Platform in Action: Customizing WordPress on IIS and Inserting Silverlight
This module shows you how to customize a WordPress site by using a specific theme and leveraging interactive Silverlight content.
Web Platform in Action: Web Platform Installer and WordPress
This module shows you how to set up your WordPress site on Windows Server using the Microsoft Web Platform Installer.
Web Platform In Action: Creating Websites Using WordPress, Expression, and Microsoft Technologies
In this video series, we will go through the steps required to install, deploy and enrich your site on top of WordPress.
Publishing Silverlight Projects to the Web using Expression Blend
Discover how Silverlight applications are published locally and then walk through the process of moving your final project to the Web.
Adding Interactivity to Silverlight Projects using Expression Blend
Learn the basics of adding interactivity to your Silverlight projects using C# in Visual Studio.
Customizing Silverlight Video Players using Expression Blend
Learn how to change the appearance of custom Silverlight video player using fills, strokes, gradients, and transparency.
Exploring the Objects and Timeline Task Pane in Expression Blend
Learn how to use the Expression Blend Object and Timeline task pane efficiently when creating layout as well as when creating animation.
Editing the Appearance of Your Project Items Using Expression Blend
Discover the fundamentals of controlling appearance in Expression Blend using properties like stroke, fill, and opacity.
Organizing Your Project using Layout Containers in Expression Blend
Learn the basics of layout in Expression Blend by exploring how to use the layout panels. Learn how to work with canvases, grids, and stack panels.
Understanding and Working with XAML Code in Expression Blend
Learn how the XAML markup language is used and viewed within Expression Blend, and learn about when designers might want to access the XAML code.
What is Silverlight? An Overview
An overview of the Silverlight technology and the workflow using Expression Studio.
Expression Blend: Designing Beautiful Applications - Part 2
This is the second part of the article series about designing and building beautiful applications using only the Expression tools.
Developing a Casual Game with Silverlight 2 – Part 1
In this series of articles, we are exploring the process of designing and building a casual online game in Silverlight 2 (SL2).
Building Mobile User Experiences
In this article you will learn some of the best practices to build rich mobile experiences using the Microsoft platform and tools.
Designer Developer Workflow, Part 1: Building RIAs with Silverlight
In this article and the following articles we will show you how to build a RIA using Silverlight.
Developing a Casual Game with Silverlight 2 – Part 2
In this series of articles, we are exploring the process of designing and building a casual online game in Silverlight 2  (SL2).
Styling, Templating, and Animating in Expression Blend
This article looks at styling, templating, layout and VSM skills, the building blocks of every WPF, Silverlight and Surface application.
Saving time: UX Prototyping in Expression Blend
Prototyping a User Experience or User Interface has been a laborious process, but with Expression Blend you can prototype in the production environment, saving time while creating a more efficient and realistic prototype.
Developing a Casual Game with Silverlight 2 – Part 3
In this series of articles, we are exploring the process of designing and building a casual online game in Silverlight 2 (SL2).
Styling Charts with the Silverlight Toolkit
This article is recommended for designers who are comfortable working with XAML or developers who are comfortable working with Expression Blend.
Creating a Dynamic Silverlight Video Player
If you have ever designed a WPF UI or application, you can take the artwork and principles and easily create and implement a web version.
Developing a Casual Game with Silverlight 2 – Part 4
In this series of articles, we are exploring the process of designing and building a casual online game in Silverlight 2 (SL2).
RIA Dashboards with Silverlight
In this article, we are going to look at the types of controls that can be used to create effective dashboards, and we will focus on the Map control as one of the tools for effective, interactive dashboards.
Integrating 3D into Expression Blend with ZAM 3D
Expression Blend and WPF offer interface designers some newfound user experience strategies by opening up the world of 3D.
Expression Blend 3: Integration with Adobe Creative Suite
To improve the overall workflow for visual designers using Expression Blend 3, we've added support to import files created in Adobe’s Photoshop and Illustrator applications.
Developing a Casual Game with Silverlight 2 – Part 5
In this series of articles, we are exploring the process of designing and building a casual online game in Silverlight 2 (SL2).
The Integrator’s View for Displaying Search Results
Here, we take a look at the core part of the application, visual search.
Developing Casual Games with Silverlight 2 – Part 6
In this series of articles, we target the interactive developer as we construct our own version of the classic 1980s game Sabotage.
List View – Skinning and Data Binding with Expression Blend 3
List View is one of the most powerful controls available in WPF, offering you a number of capabilities for working with and presenting the data.
SketchFlow: Prototyping for Expression Blend
SketchFlow is a fun, informal, flexible, quick and powerful way to sketch and prototype rich, dynamic interactivity with Expression Blend.
Tutorials for Designers and UI Developers: Project Rosetta
The Project Rosetta site hosts tutorial series that start from common practical skills; each lesson illustrates how to apply those skills to create new user experiences in Silverlight with Expression Blend.
Creating Command Link Controls in Silverlight with Expression Blend 3
In this article I’ll show you how to create a command link control in Expression Blend 3 for use in your Silverlight 3 projects.
Electric Rain Convexion converts PowerPoint files to Silverlight and WPF with ease
Convexion Pro edition offers an export format for both Silverlight and WPF that generates a full solution that can be opened and edited within Expression Blend or Visual Studio.
Creating a Three-Column Silverlight ListBox
This article shows you how to use the Silverlight Toolkit WrapPanel to create a three column ListBox in Expression Blend 3.
Introducing Blend 4 – For Silverlight, WPF and Windows Phone
Blend 4 now supports Silverlight 4 and WPF 4, and of course it works great together with VS 2010.
Dynamic Layout and Transitions in Expression Blend 4
This project demonstrates new features in Blend that enable users to animate a wide range of layout-driven scenarios with ease, and even run pixel-based transition effects on any state change.
Customizing a WordPress site with a Theme and a Silverlight Photo Album
Through this article, we will start by customizing WordPress with a specific theme. Then, we’ll add a Silverlight photo album on the home page and customize it with Expression Blend.
SketchFlow: An Overview
SketchFlow enables you to rapidly create and prototype new ideas and effectively present them to your clients before evolving and delivering them as completed projects.
Integrating 3D into Expression Blend with ZAM 3D
This tutorial provides you with some insight on the workflow between ZAM 3D and Expression Blend and demonstrates how well the two apps can work together to produce a rich experience for your users.

 

Microsoft réalise une enquête en ligne pour comprendre votre opinion sur le site Web de. Si vous choisissez de participer, l’enquête en ligne vous sera présentée lorsque vous quitterez le site Web de.

Souhaitez-vous y participer ?