
Expression Blendを使って、XAMLで上記のロゴを作ってみました。
グラデーションや、反射、ぼかしなどは簡単にできます。
テキストが変更になった場合などには、簡単に修正できる
というのがメリットかも!?
コードは以下のとおり。XAML Padに貼り付けて実行することも
できます。(5行目のx:Class="XAMLab.Window1"は削除のこと)
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xml:lang="ja-JP"
x:Class="XAMLab.Window1"
x:Name="Window"
Title="Window"
Width="340" Height="166" Background="#FF333333">
<Grid x:Name="LayoutRoot">
<Ellipse Fill="#FF000000" Stroke="#FF000000" Margin="32,26,44,26">
<Ellipse.BitmapEffect>
<BlurBitmapEffect Radius="10"/>
</Ellipse.BitmapEffect>
</Ellipse>
<TextBox Margin="56,32,36,44" Background="{x:Null}" BorderBrush="{x:Null}" FontFamily="Calisto MT" FontSize="48" Text="XAMLab" TextWrapping="Wrap">
<TextBox.Foreground>
<LinearGradientBrush EndPoint="0.621,0.229" StartPoint="0.621,0.909">
<GradientStop Color="#FFFFFFFF" Offset="0"/>
<GradientStop Color="#FFE58607" Offset="1"/>
</LinearGradientBrush>
</TextBox.Foreground>
</TextBox>
<TextBox Background="{x:Null}" BorderBrush="{x:Null}" FontFamily="Calisto MT" FontSize="48" Text="XAMLab" TextWrapping="Wrap" Opacity="0.495" RenderTransformOrigin="0.5,0.5" Margin="56,62,36,14">
<TextBox.Foreground>
<LinearGradientBrush EndPoint="0.621,0.229" StartPoint="0.621,0.909">
<GradientStop Color="#FFFFFFFF" Offset="0"/>
<GradientStop Color="#00E58607" Offset="1"/>
</LinearGradientBrush>
</TextBox.Foreground>
<TextBox.RenderTransform>
<TransformGroup>
<ScaleTransform ScaleX="1" ScaleY="-0.5"/>
<SkewTransform AngleX="0" AngleY="0"/>
<RotateTransform Angle="0"/>
<TranslateTransform X="0" Y="0"/>
</TransformGroup>
</TextBox.RenderTransform>
</TextBox>
</Grid>
</Window>
投稿日時 : 2007年3月16日 12:11