[WPF] 글자 블러 효과 주기 (BlurEffect)

 

위 프로그램에서 처음보는 효과?라서 어떤식으로 구현하는지 궁금했다.

 

아주 부족하지만 비슷하게 따라해보았다.

BlurEffect를 사용하면 쉽게 연출이 가능하다.

연출 방법을 알았으니 크기와 디테일한 세부사항들을 조정하도록 하자.

 

부자연스러워보이거나 색상이 애매하면

border 바로 옆에다가 새로운 border를 만들고 동일한 백그라운드 색상으로 설정하여 겹치게 놓자.

 

이제 DWM블러에 대해서도 공부하면 위 프로그램에 백그라운드 느낌으로 디자인할 수도 있을 거 같다.

감사합니다.  evan-choi

 

 

<Window x:Class="xaml_test.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:xaml_test"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <StackPanel>
            <Grid Background="#575C64">
                <Border Width="150" Height="150" Background="#4D5056">
                    <Grid>
                        <TextBlock Text="시간의 바깥" Foreground="White" VerticalAlignment="Center" HorizontalAlignment="Center" FontFamily="Margun Gothic" FontWeight="Bold"/>
                        <StackPanel Orientation="Horizontal" Margin="95 0 0 0">
                            <Border Name="SubmenuBorder" SnapsToDevicePixels="True" Background="#4D5056" BorderThickness="0" Width="50">
                                <Border.Effect>
                                    <BlurEffect Radius="15" />
                                </Border.Effect>
                            </Border>
                        </StackPanel>
                    </Grid>
                </Border>
            </Grid>
        </StackPanel>
    </Grid>
</Window>