| Server IP : 121.121.20.254 / Your IP : 216.73.216.202 Web Server : Microsoft-IIS/10.0 System : Windows NT WEB-SERVER 10.0 build 20348 (Windows Server 2022) AMD64 User : IUSR ( 0) PHP Version : 8.3.28 Disable Function : NONE MySQL : ON | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Program Files/LibreOffice/help/en-US/text/sdraw/guide/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<base href="../../../../">
<noscript><meta http-equiv="refresh" content="0; URL=../../../../en-US/noscript.html"></noscript>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Creating Gradient Fills</title>
<link rel="shortcut icon" href="media/navigation/favicon.ico">
<link type="text/css" href="normalize.css" rel="Stylesheet">
<link type="text/css" href="prism.css" rel="Stylesheet">
<link type="text/css" href="default.css" rel="Stylesheet">
<script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="languages.js"></script><script type="text/javascript" src="en-US/langnames.js"></script><script type="text/javascript" src="flexsearch.debug.js"></script><script type="text/javascript" src="prism.js"></script><script type="text/javascript" src="help2.js" defer></script><script type="text/javascript" src="a11y-toggle.js" defer></script><script type="text/javascript" src="paginathing.js" defer></script><script type="text/javascript" src="en-US/bookmarks.js" defer></script><script type="text/javascript" src="en-US/contents.js" defer></script><script type="text/javascript" src="help.js" defer></script><meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<header id="TopLeftHeader"><a class="symbol" href="en-US/text/shared/05/new_help.html"><div></div></a><a class="logo" href="en-US/text/shared/05/new_help.html"><p dir="auto">LibreOffice 24.2 Help</p></a><div class="dropdowns"><div class="modules">
<button type="button" data-a11y-toggle="modules-nav" id="modules" aria-haspopup="true" aria-expanded="false" aria-controls="modules-nav">Module</button><nav id="modules-nav" hidden=""></nav>
</div></div></header><aside class="leftside"><input id="accordion-1" name="accordion-menu" type="checkbox"><label for="accordion-1" dir="auto">Contents</label><div id="Contents" class="contents-treeview"></div></aside><div id="SearchFrame"><div id="Bookmarks">
<input id="search-bar" type="search" class="search" placeholder="Search in bookmarks for chosen module" dir="auto"><div class="nav-container" tabindex="0"><nav class="index" dir="auto"></nav></div>
</div></div>
<div id="DisplayArea" itemprop="softwareHelp" itemscope="true" itemtype="http://schema.org/SoftwareApplication">
<a name="bm_id3150792"></a><meta itemprop="keywords" content="gradients, applying and defining">
<meta itemprop="keywords" content="editing,gradients">
<meta itemprop="keywords" content="defining,gradients">
<meta itemprop="keywords" content="custom gradients">
<meta itemprop="keywords" content="transparency,adjusting">
<h1 id="hd_id3150792" dir="auto">
<a name="gradient"></a>Creating Gradient Fills
</h1>
<p id="par_id3154012" class="paragraph" dir="auto">A gradient fill is an incremental blend of two different colors, or shades of the same color, that you can apply to a drawing object.</p>
<h3 id="hd_id3147436" dir="auto">To apply a gradient:</h3>
<ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3146974" class="listitem" dir="auto">Select a drawing object.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3154491" class="listitem" dir="auto">Choose <span class="emph">Format - Area</span> and select <span class="emph">Gradient</span> as the <span class="emph">Fill</span> type.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3153415" class="listitem" dir="auto">Select a gradient style from the list and click <span class="emph">OK</span>.</p>
</li>
</ol>
<h2 id="hd_id3154702" dir="auto">Creating Custom Gradients</h2>
<p id="par_id3145791" class="paragraph" dir="auto">You can define your own gradients and modify existing gradients, as well as save and load a list of gradient files.</p>
<h3 id="hd_id3145384" dir="auto">To create a custom gradient:</h3>
<ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3151242" class="paragraph" dir="auto">Choose <span class="emph">Format - Area</span> and click the <span class="emph">Gradients</span> tab.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3150046" class="paragraph" dir="auto">Select a gradient from the list to use as the basis for your new gradient and click <span class="emph">Add</span>.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3145116" class="paragraph" dir="auto">Type a name for the gradient in the text box and click <span class="emph">OK</span>.</p>
<p id="par_id6535843" class="paragraph" dir="auto">The name appears at the end of the gradient list and is selected for editing.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3150391" class="paragraph" dir="auto">Set the gradient properties and click <span class="emph">Modify</span> to save the gradient.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3156396" class="paragraph" dir="auto">Click <span class="emph">OK.</span> </p>
</li>
</ol>
<h2 id="hd_id3149947" dir="auto">Using Gradients and Transparency</h2>
<p id="par_id3157905" class="paragraph" dir="auto">You can adjust the properties of a gradient as well as the transparency of a drawing object with your mouse.</p>
<h3 id="hd_id3150653" dir="auto">To adjust the gradient of a drawing object:</h3>
<ol itemprop="HowTo" itemscope="true" itemtype="http://schema.org/HowToSection" dir="auto">
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3154844" class="paragraph" dir="auto">Select a drawing object with the gradient that you want to modify.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_id3145592" class="paragraph" dir="auto">Choose <span class="emph">Format - Area</span> and click the <span class="emph">Gradients</span> tab.</p>
</li>
<li itemprop="itemListElement" itemscope="true" itemtype="http://schema.org/HowToStep" dir="auto">
<p id="par_idN107BE" class="paragraph" dir="auto">Adjust the values for the gradient to suit your needs and click <span class="emph">OK</span>.</p>
</li>
</ol>
<div class="tip">
<div class="noteicon" dir="auto"><img src="media/icon-themes/res/helpimg/tip.svg" alt="Tip Icon
" style="width:40px;height:40px;"></div>
<div class="notetext"><p dir="auto">To adjust the transparency of an object, select the object, choose <span class="emph">Format - Area</span> and click the <span class="emph">Transparency</span> tab.</p></div>
</div>
<br>
<a name="relatedtopics"></a><div class="relatedtopics">
<p class="related" itemprop="mentions" dir="auto"><a name="related"></a><span class="emph">Related Topics</span>
</p>
<div class="relatedbody" itemprop="mentions">
<div class="embedded"><p class="embedded" dir="auto"><a target="_top" href="en-US/text/sdraw/guide/color_define.html">Defining Custom Colors</a></p></div>
</div>
</div>
</div>
<div id="DonationFrame"></div>
<footer><div id="DEBUG" class="debug">
<h3 class="bug">Help content debug info:</h3>
<p dir="auto">This page is: <a href="https://opengrok.libreoffice.org/xref/help/source/text/sdraw/guide/gradient.xhp" target="_blank">/text/sdraw/guide/gradient.xhp</a></p>
<p dir="auto">Title is: Creating Gradient Fills</p>
<p id="bm_module" dir="auto"></p>
<p id="bm_system" dir="auto"></p>
<p id="bm_HID" dir="auto"></p>
</div></footer>
</body>
</html>