Использование градиентов Adobe Photoshop для создания градиентов в WPF - PullRequest
Новая
       24

Использование градиентов Adobe Photoshop для создания градиентов в WPF

1 голос
/ 08 апреля 2011

Я пытаюсь создать такой же внешний вид экрана, как на изображении ниже.

Желаемый вид

Мой дизайнер дал мне PSD-файл, и наложение градиента в PSD-файле выглядит следующим образом.

Градиент PhotoShop

Информация о цвете каждой градиентной остановки также приводится по вышеуказанной ссылке.

Я потратил часы, пытаясь создать такой же внешний вид в WPF (извините, я новичок :(), но пока не повезло? Есть ли способ напрямую импортировать градиенты фотошопа в Blend / VS2010? лучший способ воспроизвести этот эффект?

спасибо заранее, Sophie

1 Ответ

0 голосов
/ 08 апреля 2011

В WPF вам нужно больше остановок для этого, я думаю, вот примерное приближение, которое я только что сделал: 

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="#FFFAFAFB" Offset="0.027"/>
    <GradientStop Color="White" Offset="0.957"/>
    <GradientStop Color="#FFDCDAE4" Offset="0.547"/>
    <GradientStop Color="#FFF1F1F1" Offset="0.47"/>
    <GradientStop Color="#FF979797"/>
    <GradientStop Color="#FFDADADA" Offset="1"/>
</LinearGradientBrush>

A screenshot

Уточнил это немного больше, так какцвет внизу снова становится светлее, так что теперь это 7 остановок: 

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="White" Offset="0.03"/>
    <GradientStop Color="White" Offset="0.944"/>
    <GradientStop Color="#FFE0DFE5" Offset="0.539"/>
    <GradientStop Color="#FFF1F1F1" Offset="0.47"/>
    <GradientStop Color="#FF9D9CA0"/>
    <GradientStop Color="#FFEBEBED" Offset="0.987"/>
    <GradientStop Color="#FFF0F0F2" Offset="1"/>
</LinearGradientBrush>

Что создала пипетка Blend Gradient Eyedropper (спасибо Крису за упоминание о ее существовании): 

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    <GradientStop Color="#FF9E9DA1" Offset="0.002"/>
    <GradientStop Color="#FFF7F7F7" Offset="0.028"/>
    <GradientStop Color="White" Offset="0.035"/>
    <GradientStop Color="#FFF1F1F3" Offset="0.472"/>
    <GradientStop Color="#FFE0DFE5" Offset="0.543"/>
    <GradientStop Color="#FFFAFAFB" Offset="0.952"/>
    <GradientStop Color="#FFEBEBED" Offset="0.989"/>
</LinearGradientBrush>
...