<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Desain Hero &#8211; Citra Air Nusantara (CAN)</title>
	<atom:link href="https://citanusantara.id/tag/desain-hero/feed/" rel="self" type="application/rss+xml" />
	<link>https://citanusantara.id</link>
	<description>Inovasi tanpa batas, solusi cerdas</description>
	<lastBuildDate>Sun, 16 Jan 2022 10:13:53 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://citanusantara.id/wp-content/uploads/2024/08/cropped-Icon-CAN-32x32.png</url>
	<title>Desain Hero &#8211; Citra Air Nusantara (CAN)</title>
	<link>https://citanusantara.id</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">236061052</site>	<item>
		<title>Desain Hero &#038; Layanan Kami Pada Web Company Profile dengan Figma #4</title>
		<link>https://citanusantara.id/2022/01/16/desain-hero-layanan-kami-pada-web-company-profile-dengan-figma-4/</link>
		
		<dc:creator><![CDATA[admin]]></dc:creator>
		<pubDate>Sun, 16 Jan 2022 10:13:53 +0000</pubDate>
				<category><![CDATA[UI Design]]></category>
		<category><![CDATA[Desain Hero]]></category>
		<category><![CDATA[Figma]]></category>
		<category><![CDATA[Web Company Profile]]></category>
		<guid isPermaLink="false">https://abdulrahmann.com/?p=501</guid>

					<description><![CDATA[Setelah kita selesai mendesain Navbar selanjutnya kita akan desain bagian Hero seperti berikut : Selanjutnya masukan gambar yang ada pada resource yang sudah disiapkan, Seperti dibawah ini : Setelah ini kita akan melakukan masking, agar gambarnya lebih rapi, yaitu dengan cara membuat lekukan gambar dengan menggunakan pen tool, seperti dibawah ini : Setelah selesai dengan [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Setelah kita selesai mendesain Navbar selanjutnya kita akan desain bagian Hero seperti berikut :</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="488" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-8-1024x488.png" alt="" class="wp-image-502" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-8-1024x488.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-8-300x143.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-8-768x366.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-8.png 1365w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Selanjutnya masukan gambar yang ada pada resource yang sudah disiapkan, Seperti dibawah ini :</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="494" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-9-1024x494.png" alt="" class="wp-image-503" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-9-1024x494.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-9-300x145.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-9-768x371.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-9.png 1365w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Setelah ini kita akan melakukan masking, agar gambarnya lebih rapi, yaitu dengan cara membuat lekukan gambar dengan menggunakan pen tool, seperti dibawah ini :</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="499" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-10-1024x499.png" alt="" class="wp-image-504" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-10-1024x499.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-10-300x146.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-10-768x374.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-10.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Setelah selesai dengan pen tool, maka langkah selanjutnya adalah masking dengan cara membuat gambar pen tool di letakan tepat dibawah gambar, kemudian Blok keduanya lalu tekan CTRL+ALT+M , hasilnya sebagai berikut :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="499" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-11-1024x499.png" alt="" class="wp-image-505" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-11-1024x499.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-11-300x146.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-11-768x374.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-11.png 1363w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Setelah itu tambahkan sedikit ornamen pada section hero, seperti dibawah ini. Jik ada gambar yang keluar dari garis hero aka pelu dilakukan masking agar terlihat lebih rapi, seperti berikut :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="499" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-12-1024x499.png" alt="" class="wp-image-506" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-12-1024x499.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-12-300x146.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-12-768x374.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-12.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Selanjutnya kita akan membuat Tagline, sebagai berikut :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="502" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-13-1024x502.png" alt="" class="wp-image-507" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-13-1024x502.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-13-300x147.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-13-768x376.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-13.png 1365w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Setelah itu kita akan membuat CTA (Call To Action), seperti berikut :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="502" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-14-1024x502.png" alt="" class="wp-image-508" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-14-1024x502.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-14-300x147.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-14-768x377.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-14.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">Selanjutnya kita akan membuat section bagian Layanan Kami, silahkan desain seperti gambar dibawah ini :</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="500" src="https://ngodingbareng.my.id/wp-content/uploads/2022/01/image-15-1024x500.png" alt="" class="wp-image-509" srcset="https://citanusantara.id/wp-content/uploads/2022/01/image-15-1024x500.png 1024w, https://citanusantara.id/wp-content/uploads/2022/01/image-15-300x146.png 300w, https://citanusantara.id/wp-content/uploads/2022/01/image-15-768x375.png 768w, https://citanusantara.id/wp-content/uploads/2022/01/image-15.png 1366w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">501</post-id>	</item>
	</channel>
</rss>
