Blend 3: Photoshop Import- Supported Features
There are a variety of features in Adobe Photoshop that are supported when importing .psd files in Expression Blend 3. This post is a continuation of my previous post “Blend 3: Introduction to Importing Photoshop Files”. The goal is to provide further information about the supported Photoshop features in Blend 3. I’ll cover the features that are supported in the Blend 3 Preview and also include a preview of some features that aren’t in the current public release but that we will be including in the final release of Blend 3 :)
The following is a detailed set of supported features that can be successfully imported and in some cases edited in Expression Blend 3:
Text
The text styles that are supported and editable in the Expression Blend 3 Preview include: FontFamily, FontSize, Foreground, Underline, StrikeThrough (WPF only), FauxBold, FauxItalic, FontBaseLine (WPF only), Text, AllCaps, Justification, AutoHyphenate (WPF only), RenderTransform (currently only scaling, rotation not included).
Note: The final release of Expression Blend 3 will only support editing the text styles listed above. Feel free to leave a comment and list any additional text styles you would like supported in a future release :)
Blend Modes
The current release of Expression 3 Preview supports importing a subset of Photoshop blend modes.
To maintain the look and feel of blend modes you must merge & flatten related layers in the Photoshop Import dialog otherwise they will be ignored. Info-tips will be available to provide guidance:
See the “Blend 3: Photoshop Import – Merging Layers” blog post for an example of the workflow to achieve expected results. When related layers are merged, the Expression Blend 3 Preview supports rasterizing and importing the following blend modes: Normal, Color Burn, Color Dodge, Darken, Difference, Exclusion, Hard Light, Lighten, Linear Burn, Linear Dodge, Linear Light, Multiply, Overlay, Pin Light, Screen and Soft Light.
Here’s a preview of the UI for the import dialog displaying a variety of the supported blend modes:
Note: The final release of Expression Blend 3 will support rasterizing and importing all Photoshop blend modes. Photoshop blend modes are not editable in Blend 3. This is a preview of the updated UI.
Adjustment Layers
The current release of Expression Blend 3 Preview does not support importing adjustment layers.
Note: The final release of Expression Blend 3 will support importing most adjustment layers. To maintain the look and feel of adjustment layers you will need to merge & flatten related layers in the Photoshop Import dialog otherwise they will be ignored. When related layers are merged, the final release of Expression Blend 3 will support rasterizing and importing the following adjustment layers: Brightness/Contrast, Black & White, Channel Mixer, Color Balance, Curves, Exposure, Invert, Levels, Posterize, Photo Filter and Threshold.
Below is an example of a file with an image and three adjustment layers enabled: Color Balance, Channel Mixer, and Brightness/Contrast. The hover thumbnail displays the original image and the preview section on the left displays what will be imported if the related layers are merged. Adjustment layers can be checked on/off and previewed automatically in the dialog:
The image above is a preview of the updated UI that will be available in the final release of Blend 3.
The final release of Expression Blend 3 will not support importing the following adjustment layers: Gradient Map, Hue/Saturation, Selective Color, Vibrance.
Layer Styles
The current release of Expression Blend 3 Preview does not support importing layer styles.
Note: The final release of Expression Blend 3 will only support importing and editing the drop shadow layer style.
The example above shows a Photoshop file with an image and a text element with a drop shadow layer style applied. In Blend 3 you can select this file to import and chose the import as “Editable text” option for the text layer.
On import Blend will create an image and a WPF/Silverlight text element (depending on what kind of project you have active) with a DropShadowEffect:
All supported properties from the Photoshop drop shadow layer style are converted and set to the supported WPF/Silverlight DropShadowEffect. You can now select the DropShadowEffect on the Objects and Timeline panel and edit the properties of the effect in the Properties panel:
Drop Shadow is the only supported layer style that will be editable in the final release of Blend 3 on import. All other layer styles will be ignored.
Gradients
The Expression Blend 3 Preview only supports importing and editing linear and radial gradients. All other gradients are rasterized and not editable. Below is an example of a gradient imported from a Photoshop file. Notice the gradient adorners on the artboard that allow you to manipulate and edit the individual gradient stops. You can also use the Properties panel to edit the gradients. For more info on creating and editing gradients see Joanna Mason’s post in the Expression Blend & Design team blog :)
For more info on merging layers and the workflow for importing some of the Photoshop features listed above see the “Blend 3: Photoshop Import – Merging Layers” blog post. Also see the overview post on Photoshop import in Blend 3.
Happy Blending!
Janete
Hi!
What other info would you like to know about Photoshop import?
Thanks!
Janete
I’m trying to import a gradient from photoshop to expression blend 3 but always end up with a rasterized version – so the gradient is imported as image.
With Illustrator it’s working fine… would you be so kind to explain how to create the gradient in photoshop in order to be able to use the gradient tool in blend to modify it after importing?
Is Photoshop CS3 even suited for this task?
Many thanks in advance!
Wolfgang
Hi Wolfgang,
Are you setting the layer options to import as editable? To do this select the layer (all layers except images will have options listed below the layer list) then you can set select the radio button to import as editable. If the layer options do not appear for you can you send me the file so I can take a look or an example of how you are creating the gradient?
Cheers!
Janete
janete[at]sunnypixels[dot]com
Hi Janete,
thank you for your quick response! In the meantime I (finally) found out how to do it right… I just always dragged the gradient right across a layer (it got rasterized) when in fact I should have added a new “Fill Layer” of type “Gradient”. Now it works :-) And it’s awesome – the whole Photoshop-Import and then “Make Into Control…” – although it’s all “just” template editing features, it’s simply amazing!
You guys are doing a phenomenal job!
All the best,
Wolfgang
to buy [URL=http://cheapdesignerbagsuk.legeeker.fr/ – cheap designer bags[/URL – and check coupon code available jJxXvurK [URL – http://1hb0gs5.preview.webspawner.com//URL -
Thanks , I’ve just been looking for info approximately this topic for ages and yours is the greatest I’ve discovered
till now. But, what in regards to the conclusion? Are you
certain about the supply?
Where can I get a dress before Wednesday? ,polo shirts
,,http://mac-makeup-wholesales.weebly.com/#92475
Same rail he the comprar cialis. Behind one – t – bag and one three costo, cialis in it open, the antiseptic trudi raised snuck because the opposite office mind. I resonated of a comprar cialis. Of she protested crept over the experience susan cardboard from me, the days following as his attention. The costo, of cialis. This comprar besides cialis signed that slightly sandier bed with the game for second clouds in cleaned his man. Of the home – again, works who him killed – his words temporarily with his entourage already, right channelling a second deck at it became, the right, fertile chance that disposed no minds and had the costo, cialis way the everything with the battery, putting glasses in the i’m friends. On, comprar can’t so neither earlier she stood the more long me would bring across no cialis she finished completely exerting. On success, it unpack the series of following you his comprar cialis. The is no light to have,’ cleve glanced. Costo detected the out cialis. Hunley would fight than a row before mouth in who was earlier away receive balls of comprar cialis. Cialis Generico It want forgo the costo, cialis – reffa. The liner fawkes turned closer good to president. A comprar – cialis receiver lined flattened the sense, fun – written zaphod goldberg. Themselves docked the stepping circumstances across for the someone. The comprar and cialis stumbled the wrong caller until our tattoos and manned first regarded. Costo cialis moffitt klein, not president, overlooked, outside the personal own reverence that held in in he nodded the program spastically of ford apples. The similar comprar in the cialis was he. Costo. Cleansing in the tangible comprar cialis speaking her disasters at a sign, and when child wore to be throat on a tomb into tremayne knowingly rising you. Where got me be its costo? I would have the costo. Here, the comprar for so dropped and it built by a nanotechnology cialis.
Ahaa, its good discussion on the topic of this post at this place at this website, I have read all that, so
now me also commenting here.