<?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>فواصل &#187; Grunge</title>
	<atom:link href="http://portal.fwasl.com/tag/grunge/feed/" rel="self" type="application/rss+xml" />
	<link>http://portal.fwasl.com</link>
	<description></description>
	<lastBuildDate>Wed, 16 Oct 2019 18:49:35 +0000</lastBuildDate>
	<language>ar</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>11 فرشاة جديدة لروائع grunge_borders للتحميل</title>
		<link>http://portal.fwasl.com/11-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%84%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-grunge_borders-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/</link>
		<comments>http://portal.fwasl.com/11-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%84%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-grunge_borders-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/#comments</comments>
		<pubDate>Mon, 07 May 2012 12:33:49 +0000</pubDate>
		<dc:creator><![CDATA[هاوية]]></dc:creator>
				<category><![CDATA[عالم الفوتوشوب]]></category>
		<category><![CDATA[borders]]></category>
		<category><![CDATA[Grunge]]></category>
		<category><![CDATA[أدوات]]></category>
		<category><![CDATA[الفوتوشوب]]></category>
		<category><![CDATA[تحميل]]></category>
		<category><![CDATA[صورة]]></category>
		<category><![CDATA[فرشاة]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=21652</guid>
		<description><![CDATA[جديد عالم الفوتوشوب وأدواته &#8230;. 11 فرشاة جديدة لروائع grunge_borders بجودة عالية واليكم صورة هذه المجموعة&#8230;. للتحميل من هنــــا]]></description>
				<content:encoded><![CDATA[<p>جديد عالم الفوتوشوب وأدواته &#8230;.</p>
<p>11 فرشاة جديدة لروائع grunge_borders</p>
<p>بجودة عالية</p>
<p>واليكم صورة هذه المجموعة&#8230;.</p>
<div class="mceTemp mceIEcenter">
<dl>
<dt><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Borders-PS-Brushes-Textures-Banner-1.jpg"><img class="size-thumbnail wp-image-21656" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Borders-PS-Brushes-Textures-Banner-1-150x150.jpg" alt="11 فرشاة جديدة لروائع grunge_borders للتحميل" width="150" height="150" /></a></dt>
</dl>
</div>
<p>للتحميل من <a href="http://files.portal.fwasl.com/ps/grunge_borders_ps_brush_set.zip" target="_blank">هنــــا</a></p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/11-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%84%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-grunge_borders-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>مجموعة متميزة من grunge package فى ملف psd للتحميل</title>
		<link>http://portal.fwasl.com/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%85%d8%aa%d9%85%d9%8a%d8%b2%d8%a9-%d9%85%d9%86-grunge-package-%d9%81%d9%89-%d9%85%d9%84%d9%81-psd-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/</link>
		<comments>http://portal.fwasl.com/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%85%d8%aa%d9%85%d9%8a%d8%b2%d8%a9-%d9%85%d9%86-grunge-package-%d9%81%d9%89-%d9%85%d9%84%d9%81-psd-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 13:21:19 +0000</pubDate>
		<dc:creator><![CDATA[هاوية]]></dc:creator>
				<category><![CDATA[مكتبة الملفات المفتوحة]]></category>
		<category><![CDATA[Grunge]]></category>
		<category><![CDATA[package]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[الفوتوشوب]]></category>
		<category><![CDATA[تحميل]]></category>
		<category><![CDATA[صور]]></category>
		<category><![CDATA[عالم الفوتوشوب]]></category>
		<category><![CDATA[مفتوحة]]></category>
		<category><![CDATA[ملف]]></category>
		<category><![CDATA[ملفات]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=19614</guid>
		<description><![CDATA[يتجدد لقاءنا مع مكتبتنا الضخمة من الملفات ال والتى تضم كل ما هو جديد فى عالم الفوتوشوب من أدوات وأضافات جديدة وفرش وأنسجة وباترنز&#8230;.. واليوم معنا مجموعة متميزة من grunge package مجموعة مكونة من 6 عناصر : دبوس ورقى ملصق شريط لامع ورقة و label اليكم صور هذه المجموعة&#8230;. &#160; &#160; &#160; للتحميل من هنــــا]]></description>
				<content:encoded><![CDATA[<p>يتجدد لقاءنا مع مكتبتنا الضخمة من الملفات ال</p>
<p>والتى تضم كل ما هو جديد فى عالم الفوتوشوب من أدوات وأضافات جديدة وفرش وأنسجة وباترنز&#8230;..</p>
<p>واليوم معنا مجموعة متميزة من grunge package مجموعة مكونة من 6 عناصر :</p>
<ul>
<li>دبوس ورقى</li>
<li>ملصق</li>
<li>شريط لامع</li>
<li>ورقة</li>
<li>و label</li>
</ul>
<p style="text-align: right">اليكم صور هذه المجموعة&#8230;.</p>
<p style="text-align: center">
<ul style="text-align: center">
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/stickytape.jpg" alt="" /></li>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/postit.jpg" alt="" /></li>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/paperclip.jpg" alt="" /></li>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/label.jpg" alt="" /></li>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/coffeestain.jpg" alt="" /></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>للتحميل من <a href="http://files.portal.fwasl.com/ps/grungeessentialspack.zip" target="_blank">هنــــا</a></p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%85%d8%aa%d9%85%d9%8a%d8%b2%d8%a9-%d9%85%d9%86-grunge-package-%d9%81%d9%89-%d9%85%d9%84%d9%81-psd-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>استايل مدونة Grunge بالفوتوشوب</title>
		<link>http://portal.fwasl.com/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%af%d9%88%d9%86%d8%a9-grunge-%d8%a8%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8/</link>
		<comments>http://portal.fwasl.com/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%af%d9%88%d9%86%d8%a9-grunge-%d8%a8%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 15:49:17 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[فنون و ابداعات]]></category>
		<category><![CDATA[Grunge]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[psd]]></category>
		<category><![CDATA[ادوات]]></category>
		<category><![CDATA[الفوتوشوب]]></category>
		<category><![CDATA[تصميم]]></category>
		<category><![CDATA[جديد]]></category>
		<category><![CDATA[دروس]]></category>
		<category><![CDATA[فرش]]></category>
		<category><![CDATA[فوتوشوب]]></category>
		<category><![CDATA[قوائم]]></category>
		<category><![CDATA[مدونة]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=11631</guid>
		<description><![CDATA[تعلم كيفية تصميم مدونة grunge بالفوتوشوب Photoshop فى هذا الدرس سوف نقوم بتصميم استايل grunge باستخدام برنامج الفوتوشوب. يمكنك تحميل ملف PSD مع أدوات الدرس. - في هذه الأيام كما نعلم جميعا، الجميع يريد استايل grunge  سواء كان لموقع أو مدونة ليكون موقعه مميز وسط الأعداد الهائلة من المواقع التى نتصفحها يومياً. - نحتاج لتنفيذ هذا الدرس &#8220;من المرفقات&#8221;: Grunge ...]]></description>
				<content:encoded><![CDATA[<h2>تعلم كيفية تصميم مدونة grunge بالفوتوشوب Photoshop</h2>
<p>فى هذا الدرس سوف نقوم بتصميم استايل grunge باستخدام برنامج الفوتوشوب. يمكنك تحميل ملف PSD مع أدوات الدرس.</p>
<p>- في هذه الأيام كما نعلم جميعا، الجميع يريد استايل grunge  سواء كان لموقع أو مدونة ليكون موقعه مميز وسط الأعداد الهائلة من المواقع التى نتصفحها يومياً.</p>
<p>- نحتاج لتنفيذ هذا الدرس &#8220;من المرفقات&#8221;:</p>
<ul>
<li>Grunge texture</li>
</ul>
<ul>
<li>grunge brushes</li>
</ul>
<p>&nbsp;</p>
<p>-  الآن لدينا ما نحتاجه للتصميم  لذلك دعونا نبدأ.</p>
<h2>الخطوة 1</h2>
<ul>
<li>افتح برنامج الفوتوشوب الخاص بك وإنشاء عمل جديد.</li>
</ul>
<ul>
<li>اذهب لقائمة <strong>File&gt; New </strong>.</li>
</ul>
<ul>
<li>اجعل اسم العمل <strong>Grunge Blog ، </strong>مع العرض 1200  والارتفاع 1400 بكسل.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design1.jpg"><img class="aligncenter size-full wp-image-11688" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design1.jpg" alt="" width="532" height="333" /></a></p>
<h2>الخطوة 2</h2>
<ul>
<li>الآن سوف نستخدم النسيج الأسود من  <strong>grunge texture set.</strong></li>
</ul>
<ul>
<li>ببساطة انسخه والصقه ليكون خلفية العمل.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design2.jpg"><img class="aligncenter size-full wp-image-11689" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design2.jpg" alt="" width="540" height="630" /></a></p>
<h2>الخطوة 3</h2>
<p>والآن أنت بحاجة لانشاء طبقة جديدة لكل خطوة.كيف يمكنك إنشاء طبقة جديدة؟.</p>
<ul>
<li>من قائمة <strong>Layer&gt; New&gt; New Layer.</strong></li>
</ul>
<ul>
<li>املأ اللاير الجديدة بلون <strong># 08acd1 باستخدام أداة <strong>Paint Bucket.</strong></strong></li>
</ul>
<div><span style="font-weight: 800"><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design3.jpg"><img class="aligncenter size-full wp-image-11690" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design3.jpg" alt="" width="540" height="488" /></a></span></div>
<div></div>
<ul>
<li>- ثم خفض <strong>opacity</strong> للطبقة الزرقاء التى لدينا إلى 50 ٪.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design4.jpg"><img class="aligncenter size-full wp-image-11691" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design4.jpg" alt="" width="540" height="524" /></a></p>
<h2>الخطوة 4</h2>
<ul>
<li>والآن حان الوقت لاستخدام بعض فرش grunge. أنا سأستخدمها عشوائيا على الجانبين مع الألوان #267895 و # ababab.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design5.jpg"><img class="aligncenter size-full wp-image-11692" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design5.jpg" alt="" width="540" height="434" /></a></p>
<h2>الخطوة 5</h2>
<ul>
<li>اختر الآن أداة <strong>Rounded Rectangle Tool.</strong></li>
</ul>
<ul>
<li>إنشاء مستطيل صغير في الأعلى. واملأه مع اللون # 535353.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design6.jpg"><img class="aligncenter size-full wp-image-11693" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design6.jpg" alt="" width="540" height="373" /></a></p>
<h2>خطوة 6</h2>
<p>والآن سنقوم بإضافة بعض التدرج لهذا المستطيل.</p>
<ul>
<li>انتقل لقائمة  <strong>Layer&gt; Layer Style&gt; Gradient Overlay.</strong></li>
</ul>
<ul>
<li>ثم حدد التدرج مع توقف الكثير من الألوان.</li>
</ul>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design7.jpg"><img class="aligncenter size-full wp-image-11694" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design7.jpg" alt="" width="540" height="543" /></a></div>
<div></div>
<ul>
<li>- ثم إضافة باترن من خلال قائمة <strong>Layer&gt; Layer style&gt; Pattern overlay.</strong></li>
</ul>
<ul>
<li><strong> </strong>اختار <strong>scale </strong>ليكون<strong> <strong>1% </strong></strong>و<strong><strong> <strong>opacity </strong></strong></strong>لتكون<strong><strong><strong> <strong>23%.</strong></strong></strong></strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design8.jpg"><img class="aligncenter size-full wp-image-11695" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design8.jpg" alt="" width="540" height="527" /></a></p>
<p>- الآن لإضافة satin إلى اللاير:</p>
<ul>
<li>انتقل لقائمة <strong>Layer&gt; Layer Style&gt; Satin.</strong></li>
</ul>
<ul>
<li>إضافة satin مع لون # a14400 و  <strong>distance يكون</strong> 14 ٪  و <strong>size يكون</strong> 11 ٪.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design9.jpg"><img class="aligncenter size-full wp-image-11696" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design9.jpg" alt="" width="540" height="536" /></a></p>
<p>- وأعتقد أنه يحتاج إلى الظل قليلا.</p>
<ul>
<li>لذلك ، من قائمة <strong>Layer&gt; Layer Style&gt; Drop Shadow</strong>، مع اللون <strong># 000000</strong> وحجم 35 بكسل.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design10.jpg"><img class="aligncenter size-full wp-image-11697" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design10.jpg" alt="" width="540" height="538" /></a></p>
<p>- وللانتهاء من تشغيله، سوف نحتاج إلى إضافة بعض grunge إليها من خلال.</p>
<ul>
<li>انشاء طبقة جديدة (<strong>Layer&gt; New&gt; Layer</strong>).</li>
</ul>
<ul>
<li>وباستخدام فرشاة  grunge مع لون <strong># c9caca </strong> عشوائيا على المستطيل لدينا.</li>
</ul>
<p>- والآن بعد توضيح خطوط grunge.</p>
<ul>
<li>اختار كل الطبقات التي استخدمناها في انشاء الخطوط، ادمج كل اللاير فى مجموعة واحدة اسمها <strong>Main strip.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design11.jpg"><img class="aligncenter size-full wp-image-11698" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design11.jpg" alt="" width="540" height="443" /></a></p>
<h2>الخطوة 7</h2>
<ul>
<li>والآن ببساطة اضغط كليك يمين على مجموعة <strong>Main Strip واختار لتكرارها <strong>Duplicate Group.</strong></strong></li>
</ul>
<ul>
<li>اختار أداة التحرك move tool واسحب الخطوط المكررة  إلى أسفل.</li>
</ul>
<ul>
<li>بعد ذلك اختار من قائمة <strong>Edit&gt; Transform. </strong>أو يمكنك أن تفعل الشيء نفسه عن طريق الضغط على <strong>CMD + T</strong> إذا كنت مستخدم ماك أو Ctrl + T لمستخدم الكمبيوتر. وقلل  ارتفاع الشريط الثاني.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design12.jpg"><img class="aligncenter size-full wp-image-11699" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design12.jpg" alt="" width="540" height="270" /></a></p>
<h2>خطوة 8</h2>
<ul>
<li> لانشاء الهيدر. حدد أداة <strong>Rectangle Tool</strong> وإنشاء مستطيل صغير في الأعلى. ثم املأه بلون <strong># 000000.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design13.jpg"><img class="aligncenter size-full wp-image-11700" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design13.jpg" alt="" width="540" height="330" /></a></p>
<h2>خطوة 9</h2>
<ul>
<li>والآن سنقوم بإضافة noise لهذا المستطيل ، لذلك اختار من قائمة  <strong>Fliter&gt; Noise&gt; Add Noise .</strong></li>
</ul>
<ul>
<li>ثم ادخل قيمة <strong>9.51%.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design14.jpg"><img class="aligncenter size-full wp-image-11701" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design14.jpg" alt="" width="540" height="478" /></a></p>
<h2>الخطوة 10</h2>
<ul>
<li>ومرة أخرى، حدد أداة <strong>Rounded Rectangle Tool، </strong>وإنشاء مستطيل صغير واملأه باللون <strong># 3776e5</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design15.jpg"><img class="aligncenter size-full wp-image-11702" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design15.jpg" alt="" width="540" height="301" /></a></p>
<ul>
<li>الآن سنحتاج إلى إضافة عدسات مضيئة على الجانب الأيسر من المستطيل.</li>
</ul>
<ul>
<li>ببساطة من قائمة  <strong>Filter&gt; Render&gt; Lens Flare. واختار brightness لتكون <strong>160%.</strong></strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design16.jpg"><img class="aligncenter size-full wp-image-11703" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design16.jpg" alt="" width="540" height="423" /></a></p>
<ul>
<li>- قلل <strong>opacity للاير الى <strong>20%.</strong></strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design17.jpg"><img class="aligncenter size-full wp-image-11704" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design17.jpg" alt="" width="540" height="317" /></a></p>
<h2>الخطوة 11</h2>
<ul>
<li>لإضافة الشعار اختار أداة النص <strong>Text Tool  وأضف النص</strong>.</li>
</ul>
<ul>
<li>يمكنك تسمية المدونة كما تشاء. اجعل اسمه <strong>grunge blog.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design18.jpg"><img class="aligncenter size-full wp-image-11705" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design18.jpg" alt="" width="540" height="381" /></a></p>
<h2>الخطوة 12</h2>
<ul>
<li>اختر الآن أداة <strong>Rectangle Tool</strong>  وإنشاء مستطيل آخر تحت الشعار واملأه بلون <strong># 172b39</strong>.</li>
</ul>
<ul>
<li>ثم سنقوم بإضافة التدرج لهذا المستطيل من قائمة <strong>Layer&gt; Layer style&gt; Gradient Overlay</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design19.jpg"><img class="aligncenter size-full wp-image-11706" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design19.jpg" alt="" width="540" height="618" /></a></p>
<h2>الخطوة 13</h2>
<ul>
<li>حان الوقت لإضافة الأزرار، اختار أداة النص <strong>Text Tool</strong> ، وإضافة صفحات ، مع اللون  <strong>#ffffff</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design20.jpg"><img class="aligncenter size-full wp-image-11707" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design20.jpg" alt="" width="540" height="398" /></a></p>
<ul>
<li>الآن سنقوم بإضافة التدرج للنص كما هو موضح.</li>
</ul>
<ul>
<li>اختار من قائمة <strong>Layer&gt; Layer Style&gt; Gradient Overlay.</strong> وإضافة التدرج.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design21.jpg"><img class="aligncenter size-full wp-image-11708" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design21.jpg" alt="" width="540" height="586" /></a></p>
<h2>الخطوة 14</h2>
<ul>
<li>سنقوم بفصل كل زر من خلال إنشاء خطوط صغيرة بين الأزرار باستخدام  أداة <strong>Line Tool</strong>.</li>
</ul>
<ul>
<li>اختار  <strong>Line Tool</strong></li>
</ul>
<ul>
<li>إنشاء خط صغير مع <strong>weight يكون 1 بكسل</strong> واللون <strong>#141414</strong>.</li>
</ul>
<ul>
<li>بعد ذلك ، وإضافة outer glow للخطوط التى نرسمها من قائمة <strong>Layer&gt; Layer Style&gt; Outer Glow.</strong></li>
</ul>
<ul>
<li> تأكد من أن لون التوهج الخارجي<strong># 00aeff.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design22.jpg"><img class="aligncenter size-full wp-image-11709" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design22.jpg" alt="" width="540" height="480" /></a></p>
<h2>الخطوة 15</h2>
<ul>
<li>والآن ببساطة كرر طبقة الخط  وذلك عن طريق الضغط كليك يمين على اللاير واختيار <strong>Duplicate Layer</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design23.jpg"><img class="aligncenter size-full wp-image-11710" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design23.jpg" alt="" width="540" height="311" /></a></p>
<h2>الخطوة 16</h2>
<ul>
<li>والآن لإنهاء الهيدر ، سنقوم خلق بعض الطيات folds.</li>
</ul>
<ul>
<li>اختار أداة القلم <strong>pen tool </strong>واسم مثلث بسيط.</li>
</ul>
<ul>
<li> ثم اضغط كليك يمين واختار <strong>Make selection.</strong></li>
</ul>
<ul>
<li>بعد تحديد المثلث املأه باللون <strong># 232f39</strong>.</li>
</ul>
<ul>
<li>الآن ضع هذه الطبقة تحت طبقة الهيدر.</li>
</ul>
<ul>
<li> كرر طبقة fold (انقر بالزر الايمن على الطبقة واختار Duplicate Layer) لخلق المزيد من الطيات.</li>
</ul>
<p>- الآن تم الانتهاء من عمل الهيدر.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design24.jpg"><img class="aligncenter size-full wp-image-11711" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design24.jpg" alt="" width="540" height="275" /></a></p>
<h2>الخطوة 17</h2>
<ul>
<li>مرة أخرى، اختار أداة  <strong>Rectangle Tool</strong> وقم بإنشاء مربع كبير في وسط العمل.</li>
</ul>
<ul>
<li>املأه بلون <strong># 1d1d1e</strong>.</li>
</ul>
<ul>
<li>قلل opacity للمربع الى 85 ٪.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design25.jpg"><img class="aligncenter size-full wp-image-11712" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design25.jpg" alt="" width="540" height="488" /></a></p>
<h2>خطوة 18</h2>
<ul>
<li>والآن مع أداة <strong>Rounded Rectangle Tool</strong> سوف أقوم بإنشاء 3 مستطيلات صغيرة لموضوعات المدونة ونملأها باللون <strong># 000000.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design26.jpg"><img class="aligncenter size-full wp-image-11713" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design26.jpg" alt="" width="540" height="453" /></a></p>
<h2>الخطوة 19</h2>
<ul>
<li>الآن دعنا نضيف النص باستخدام أداة النص <strong>Text Tool.</strong></li>
</ul>
<ul>
<li>وبالنسبة للصور&#8230;سنقوم بإنشاء صندوق صغير باستخدام  أداة <strong>Rectangle Tool </strong>واملأها باللون <strong># 132633</strong>. ثم ضع الصورة في المركز.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design27.jpg"><img class="aligncenter size-full wp-image-11714" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design27.jpg" alt="" width="540" height="343" /></a></p>
<ul>
<li>الآن اضغط على أداة <strong>Rounded Rectangle Tool</strong> وإنشاء مستطيل صغير &#8220;زر&#8221;.</li>
</ul>
<ul>
<li>املأ المستطيل بلون <strong># 142733</strong>.</li>
</ul>
<ul>
<li> قم بإنشاء سهم صغير باستخدام  أداة  <strong>Pen Tool.</strong></li>
</ul>
<ul>
<li>وإضافة النص باستخدام  أداة <strong>Text Tool</strong> مع اللون <strong># c3c3c3</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design28.jpg"><img class="aligncenter size-full wp-image-11715" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design28.jpg" alt="" width="540" height="314" /></a></p>
<h2>خطوة 20</h2>
<ul>
<li>ببساطة كرر نفس العملية لإنشاء مربعات لثلاث موضوعات.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design29.jpg"><img class="aligncenter size-full wp-image-11716" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design29.jpg" alt="" width="540" height="437" /></a></p>
<h2>خطوة 21</h2>
<ul>
<li>اختر الآن أداة <strong>Line Tool</strong> مع <strong><strong>weight يكون <strong>1 بكسل واللون  <strong># 7f8080</strong>.</strong></strong></strong></li>
</ul>
<ul>
<li> وقم بإنشاء ثلاثة خطوط أفقية صغيرة وخط واحد عمودي.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design30.jpg"><img class="aligncenter size-full wp-image-11717" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design30.jpg" alt="" width="540" height="445" /></a></p>
<h2>خطوة 22</h2>
<p>دعونا الآن ننشىء مربع البحث search.</p>
<ul>
<li> اختار أداة  <strong>Rounded rectangle tool </strong> وارسم مستطيل. املأه بلون <strong>#000000</strong>.</li>
</ul>
<ul>
<li>الآن ارسم مستطيل آخر واملأه باللون <strong># 3e3d3d</strong>. بعد ذلك ضعه على الجانب الأيسر.</li>
</ul>
<ul>
<li>ثم ضع ايكونة البحث على الجانب الأيمن من المستطيل الرئيسي.</li>
</ul>
<ul>
<li>الآن إضافة النص باستخدام أداة <strong>Text Tool</strong> واكتب <strong>Search</strong>.</li>
</ul>
<p>- الآن تم انشاء مربع البحث.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design31.jpg"><img class="aligncenter size-full wp-image-11718" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design31.jpg" alt="" width="540" height="173" /></a></p>
<h2>خطوة 23</h2>
<ul>
<li>مرة أخرى سنقوم  باختيار أداة <strong>Rounded Rectangle Tool</strong> وننشىء مستطيل صغير. نملأه باللون <strong># 555657</strong>.</li>
</ul>
<ul>
<li>الآن تم عمل أماكن الاعلان. لذا ضع إعلاناتك فيها.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design32.jpg"><img class="aligncenter size-full wp-image-11719" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design32.jpg" alt="" width="540" height="208" /></a></p>
<h2>خطوة 24</h2>
<p>- فى هذه الخطوة سنقوم بإنشاء قسم التصنيفات.</p>
<ul>
<li> حدد أداة <strong>Rectangle Tool</strong> وأنشىء مستطيل. ثم لونه  <strong># 616364</strong>.</li>
</ul>
<ul>
<li> إنشاء مستطيل صغير في الأعلى ولونه <strong># 0e1112</strong>.</li>
</ul>
<ul>
<li>اختار فرشاة grunge مع اللون الأمامي <strong>#000000</strong>.</li>
</ul>
<ul>
<li>استخدم الفرشاة على حواف المستطيل.</li>
</ul>
<ul>
<li>الآن إنشاء مثلث صغير كما فعلنا سابقا ولونهم <strong># ffdc89</strong>.</li>
</ul>
<ul>
<li>لإضافة نص العنوان والخيارات باستخدام  أداة  <strong>Text Tool</strong> مع اللون <strong># ffffff</strong>.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design341.jpg"><img class="aligncenter size-full wp-image-11740" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design341.jpg" alt="" width="540" height="327" /></a></p>
<h2>خطوة 25</h2>
<ul>
<li>الآن كرر نفس الخطوات لانشاء قسم أشهر الموضوعات.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design35-.jpg"><img class="aligncenter size-full wp-image-11737" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design35-.jpg" alt="" width="540" height="410" /></a></p>
<h2>خطوة 26</h2>
<ul>
<li>دعونا ننتقل إلى الفوتر.</li>
</ul>
<ul>
<li>لهذا، اختار أداة <strong>Rectangular Marquee Tool</strong> وحدد مساحة صغيرة.</li>
</ul>
<ul>
<li>اذهب لقائمة <strong>Layer&gt; Layer style&gt; Gradient Overlay .</strong></li>
</ul>
<ul>
<li>إضافة التدرج الى المنطقة المحددة كما موضح بالصورة.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design35.jpg"><img class="aligncenter size-full wp-image-11722" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design35.jpg" alt="" width="540" height="535" /></a></p>
<h2>خطوة 27</h2>
<ul>
<li> إنشاء مستطيل صغير مع أداة <strong>Rounded Rectangle Tool </strong> واملأه بلون <strong># 000000</strong>.</li>
</ul>
<ul>
<li>إضافة بعض التوهج الداخلي من قائمة <strong>Layer&gt; Layer Style&gt; Inner Glow.</strong></li>
</ul>
<ul>
<li>اجعل لون outer glow ليكون <strong># ffffff.</strong></li>
</ul>
<ul>
<li><strong>&#8220;blend mode <strong>“Dissolve </strong>.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design36.jpg"><img class="aligncenter size-full wp-image-11723" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design36.jpg" alt="" width="540" height="418" /></a></p>
<ul>
<li>إضافة النص باستخدام  أداة <strong>Text Tool</strong> مع اللون <strong># ffffff</strong>.</li>
</ul>
<ul>
<li>إنشاء عدة دوائر باستخدام فرشاة مستديرة صلبة مع لون <strong># d88504.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design37.jpg"><img class="aligncenter size-full wp-image-11724" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design37.jpg" alt="" width="540" height="211" /></a></p>
<h2>خطوة 28</h2>
<ul>
<li>الآن كرر نفس الخطوات لعمل مزيد من الأقسام.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design38.jpg"><img class="aligncenter size-full wp-image-11725" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design38.jpg" alt="" width="540" height="289" /></a></p>
<h2>خطوة 29</h2>
<ul>
<li>وأخيرا سنقوم بإضافة نص حفظ الحقوق في الجزء السفلي ، لذلك اختار أداة Text Tool مع لون <strong># 848483.</strong></li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design39.jpg"><img class="aligncenter size-full wp-image-11726" src="http://www.portal.fwasl.com/wp-content/uploads/Grunge-Design39.jpg" alt="" width="540" height="119" /></a></p>
<p>&nbsp;</p>
<p>- انتهى الدرس، تصميم مدونة Grungy كاملة. آمل اننا تعلمنا الجديد فى هذا الدرس.</p>
<p>لتحميل مدونة Grunge بملف psd ، وأدوات الدرس من <a href="http://files.portal.fwasl.com/ps/Grunge-Blog-Design.zip" target="_blank">هنا</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d9%85%d8%af%d9%88%d9%86%d8%a9-grunge-%d8%a8%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
