<?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; قوائم</title>
	<atom:link href="http://portal.fwasl.com/tag/%d9%82%d9%88%d8%a7%d8%a6%d9%85/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>يو اس بى USB تحفظ الملفات بشفرة الصوت</title>
		<link>http://portal.fwasl.com/%d9%8a%d9%88-%d8%a7%d8%b3-%d8%a8%d9%89-usb-%d8%aa%d8%ad%d9%81%d8%b8-%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a8%d8%b4%d9%81%d8%b1%d8%a9-%d8%a7%d9%84%d8%b5%d9%88%d8%aa/</link>
		<comments>http://portal.fwasl.com/%d9%8a%d9%88-%d8%a7%d8%b3-%d8%a8%d9%89-usb-%d8%aa%d8%ad%d9%81%d8%b8-%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a8%d8%b4%d9%81%d8%b1%d8%a9-%d8%a7%d9%84%d8%b5%d9%88%d8%aa/#comments</comments>
		<pubDate>Wed, 06 Jun 2012 14:03:46 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[خطط ابداعية و تنموية]]></category>
		<category><![CDATA[USB]]></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>
		<category><![CDATA[محتويات]]></category>
		<category><![CDATA[ملفات]]></category>
		<category><![CDATA[يو اس بى]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=23181</guid>
		<description><![CDATA[USB يعمل بشفرة صوتك هذه هى وسيلة التخزين الوحيدة التى تحتفظ بمحتوياتها مع كلمة سر عبارة عن صوت مستخدمها، بحجم 8 غيغابايت لتخزين الملفات الحساسة مثل الاتصالات، والبيانات المالية، أو قوائم الباسورد. هذه الفلاشة لا تتطلب تثبيت أى نوع من البرامج، لكن ببساطة قم بتوصيلها بمنفذ USB وتحدث بكلمة السر الصحيحة مرة واحدة وبذلك تصل إلى الملفات المخزنة من جهاز ...]]></description>
				<content:encoded><![CDATA[<h2>USB يعمل بشفرة صوتك</h2>
<p>هذه هى وسيلة التخزين الوحيدة التى تحتفظ بمحتوياتها مع كلمة سر عبارة عن صوت مستخدمها، بحجم 8 غيغابايت لتخزين الملفات الحساسة مثل الاتصالات، والبيانات المالية، أو قوائم الباسورد.</p>
<p>هذه الفلاشة لا تتطلب تثبيت أى نوع من البرامج، لكن ببساطة قم بتوصيلها بمنفذ USB وتحدث بكلمة السر الصحيحة مرة واحدة وبذلك تصل إلى الملفات المخزنة من جهاز الكمبيوتر الخاص بك.</p>
<p>مع العلم أنك إذا نسيت كلمة المرور الصوتية، أو كنت مريضاً &#8220;حالة حدوث التهاب الحنجرة والرشح&#8221; أو في مكان مزدحم فستجد صعوبة في فتح ملفات الـ USB ولكن في تلك الحالة يمكنك أن تلجأ إلى كلمة سر مكتوبة بشكل عادي.</p>
<p>هذه USB  يعمل على أي كمبيوتر شخصي أو ماك بتكلفة تصل إلى 50 دولار أي ما يعادل 187 ريال سعودي.</p>
<ul>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/USB2.jpg" alt="" /><a class="rw-delete-file" title="Delete this image" href="#" rel="18a94c0702|23181|null|23183">حذف</a></li>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/USB1.jpg" alt="" /><a class="rw-delete-file" title="Delete this image" href="#" rel="18a94c0702|23181|null|23182">حذف</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d9%8a%d9%88-%d8%a7%d8%b3-%d8%a8%d9%89-usb-%d8%aa%d8%ad%d9%81%d8%b8-%d8%a7%d9%84%d9%85%d9%84%d9%81%d8%a7%d8%aa-%d8%a8%d8%b4%d9%81%d8%b1%d8%a9-%d8%a7%d9%84%d8%b5%d9%88%d8%aa/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SparkMagazine  قالب ووردبريس جديد يناسب أغراض متعددة مجانى</title>
		<link>http://portal.fwasl.com/sparkmagazine-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%ac%d8%af%d9%8a%d8%af-%d9%8a%d9%86%d8%a7%d8%b3%d8%a8-%d8%a3%d8%ba%d8%b1%d8%a7%d8%b6-%d9%85%d8%aa%d8%b9%d8%af/</link>
		<comments>http://portal.fwasl.com/sparkmagazine-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%ac%d8%af%d9%8a%d8%af-%d9%8a%d9%86%d8%a7%d8%b3%d8%a8-%d8%a3%d8%ba%d8%b1%d8%a7%d8%b6-%d9%85%d8%aa%d8%b9%d8%af/#comments</comments>
		<pubDate>Tue, 22 May 2012 11:31:09 +0000</pubDate>
		<dc:creator><![CDATA[هاوية]]></dc:creator>
				<category><![CDATA[أدوات مجانية]]></category>
		<category><![CDATA[SparkMagazine]]></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>
		<category><![CDATA[مجلة]]></category>
		<category><![CDATA[مواقع]]></category>
		<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=22590</guid>
		<description><![CDATA[SparkMagazine  قالب مجلة ووردبريس مجانية ، باللون الأبيض والرمادى الداكن ، شريط جانبى يمين ، أعمدة بالأسفل ، يدعم SEO ، سلايدر متناسق وبارز ، متوافق مع أحدث اصدارات الووردبريس ، قوائم ووردبريس متخصصة , مدير الاعلانات ، ايقونات لعدد من الشبكات الاجتماعية &#8230;. وغيرها . هذا القالب يتناسق مع اغراض التكنولوجيا ، الأخبار ، ...]]></description>
				<content:encoded><![CDATA[<p>SparkMagazine  قالب مجلة ووردبريس مجانية ، باللون الأبيض والرمادى الداكن ، شريط جانبى يمين ، أعمدة بالأسفل ، يدعم SEO ، سلايدر متناسق وبارز ، متوافق مع أحدث اصدارات الووردبريس ، قوائم ووردبريس متخصصة , مدير الاعلانات ، ايقونات لعدد من الشبكات الاجتماعية &#8230;. وغيرها .</p>
<p>هذا القالب يتناسق مع اغراض التكنولوجيا ، الأخبار ، مجلة ، والمواقع العامة ومدونات الووردبريس العامة أيضا.</p>
<p>وهذه صورة للقالب &#8230;.</p>
<p>&nbsp;</p>
<ul>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/21197.jpg" alt="" /></li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>للتحميل من <a href="http://files.portal.fwasl.com/wordpress/SparkMagazine.zip" target="_blank">هنــــا</a></p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/sparkmagazine-%d9%82%d8%a7%d9%84%d8%a8-%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%ac%d8%af%d9%8a%d8%af-%d9%8a%d9%86%d8%a7%d8%b3%d8%a8-%d8%a3%d8%ba%d8%b1%d8%a7%d8%b6-%d9%85%d8%aa%d8%b9%d8%af/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ملف psd لتصميمين رائعين للقوائم المنسدلة للتحميل</title>
		<link>http://portal.fwasl.com/%d9%85%d9%84%d9%81-psd-%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%8a%d9%86-%d8%b1%d8%a7%d8%a6%d8%b9%d9%8a%d9%86-%d9%84%d9%84%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d9%85%d9%86%d8%b3%d8%af%d9%84%d8%a9/</link>
		<comments>http://portal.fwasl.com/%d9%85%d9%84%d9%81-psd-%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%8a%d9%86-%d8%b1%d8%a7%d8%a6%d8%b9%d9%8a%d9%86-%d9%84%d9%84%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d9%85%d9%86%d8%b3%d8%af%d9%84%d8%a9/#comments</comments>
		<pubDate>Sun, 20 May 2012 11:31:56 +0000</pubDate>
		<dc:creator><![CDATA[هاوية]]></dc:creator>
				<category><![CDATA[مكتبة الملفات المفتوحة]]></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=22402</guid>
		<description><![CDATA[مجموعتان لتصميمين أنيقين من القوائم المنسدلة لإضافة مزيد من الرقى والجمال لتصميم موقعك.. المجموعتين فى ملف  psd  حتى يمكنك اضافة ما تريده من تعديلات .. اليك صورة موضحة للملف حذف للتحميل من هنـــا]]></description>
				<content:encoded><![CDATA[<p>مجموعتان لتصميمين أنيقين من القوائم المنسدلة لإضافة مزيد من الرقى والجمال لتصميم موقعك..</p>
<p>المجموعتين فى ملف  psd  حتى يمكنك اضافة ما تريده من تعديلات ..</p>
<p>اليك صورة موضحة للملف</p>
<ul>
<li><img src="http://www.portal.fwasl.com/wp-content/uploads/Ribbon-Menu-Gui-Elements-L.jpg" alt="" /><a class="rw-delete-file" title="Delete this image" href="#" rel="481f00d114|22402|null|22404">حذف</a></li>
</ul>
<p>للتحميل من <a href="http://files.portal.fwasl.com/ps/Ribbon-Menu-Gui-Elements.zip" target="_blank">هنـــا</a></p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d9%85%d9%84%d9%81-psd-%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%8a%d9%86-%d8%b1%d8%a7%d8%a6%d8%b9%d9%8a%d9%86-%d9%84%d9%84%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d9%85%d9%86%d8%b3%d8%af%d9%84%d8%a9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>دوائر الفيسبوك باضافة قوائم الاهتمامات</title>
		<link>http://portal.fwasl.com/%d8%af%d9%88%d8%a7%d8%a6%d8%b1-%d8%a7%d9%84%d9%81%d9%8a%d8%b3%d8%a8%d9%88%d9%83-%d8%a8%d8%a7%d8%b6%d8%a7%d9%81%d8%a9-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d8%a7%d9%87%d8%aa%d9%85%d8%a7%d9%85/</link>
		<comments>http://portal.fwasl.com/%d8%af%d9%88%d8%a7%d8%a6%d8%b1-%d8%a7%d9%84%d9%81%d9%8a%d8%b3%d8%a8%d9%88%d9%83-%d8%a8%d8%a7%d8%b6%d8%a7%d9%81%d8%a9-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d8%a7%d9%87%d8%aa%d9%85%d8%a7%d9%85/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 20:31:16 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[اخبار المواقع و الشركات]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[social network]]></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>
		<category><![CDATA[مواقع]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=17786</guid>
		<description><![CDATA[على غرار دوائر جوجل بلس Google Circles وقوائم تويتر أضاف موقع الفيسبوك ميزة القوائم المفضلة أو Interest Lists لترتيب الأشخاص والصفحات حسب الاهتمام. فاذا كنت ممن سجلوا اعجابهم بعشرات الصفحات، يمكنك الآن متابعة الصفحات التى تهمك أكثر من غيرها يكفي أن تذهب إلى أي صفحة وتقوم بإضافة قائمة جديدة كما توضح الصور. تساعدك هذه الميزة على ترتيب الأشخاص وأيضاً جميع ...]]></description>
				<content:encoded><![CDATA[<p>على غرار دوائر جوجل بلس Google Circles وقوائم تويتر أضاف موقع الفيسبوك <a href="http://www.theverge.com/2012/3/8/2854859/facebook-interest-lists" target="_blank">ميزة القوائم المفضلة</a> أو Interest Lists لترتيب الأشخاص والصفحات حسب الاهتمام.</p>
<p>فاذا كنت ممن سجلوا اعجابهم بعشرات الصفحات، يمكنك الآن متابعة الصفحات التى تهمك أكثر من غيرها يكفي أن تذهب إلى أي صفحة وتقوم بإضافة قائمة جديدة كما توضح الصور.</p>
<p>تساعدك هذه الميزة على ترتيب الأشخاص وأيضاً جميع قوائمك المفضلة حسب درجة الاهتمام التي تحظى بها عندك وتظهر جميع المنشورات في الصفحة الرئيسية بالترتيب، هذا بالإضافةً إلى  إنشاء  خلاصات أخبار أكثر تخصص من ذي قبل.</p>
<p>كما قام الفيس بوك بإنشاء بعض القوائم العامة مثل &#8220;Art Critics&#8221; أو &#8220;Movie Stars&#8221; ويمكنك الدخول إليها من خلال الجانب الأيسر من الموقع .</p>
<div id="attachment_17789" style="width: 650px" class="wp-caption alignnone"><a href="http://www.portal.fwasl.com/wp-content/uploads/intrests.jpg"><img class="size-full wp-image-17789" src="http://www.portal.fwasl.com/wp-content/uploads/intrests.jpg" alt="دوائر الفيسبوك باضافة قوائم الاهتمامات" width="640" height="350" /></a><p class="wp-caption-text">دوائر الفيسبوك باضافة قوائم الاهتمامات</p></div>
<p>&nbsp;</p>
<div id="attachment_17790" style="width: 570px" class="wp-caption alignnone"><a href="http://www.portal.fwasl.com/wp-content/uploads/face-circles.jpg"><img class="size-full wp-image-17790" src="http://www.portal.fwasl.com/wp-content/uploads/face-circles.jpg" alt="دوائر الفيسبوك باضافة قوائم الاهتمامات" width="560" height="437" /></a><p class="wp-caption-text">دوائر الفيسبوك باضافة قوائم الاهتمامات</p></div>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%af%d9%88%d8%a7%d8%a6%d8%b1-%d8%a7%d9%84%d9%81%d9%8a%d8%b3%d8%a8%d9%88%d9%83-%d8%a8%d8%a7%d8%b6%d8%a7%d9%81%d8%a9-%d9%82%d9%88%d8%a7%d8%a6%d9%85-%d8%a7%d9%84%d8%a7%d9%87%d8%aa%d9%85%d8%a7%d9%85/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>إطارات فوتوشوب للتحميل</title>
		<link>http://portal.fwasl.com/%d8%a5%d8%b7%d8%a7%d8%b1%d8%a7%d8%aa-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/</link>
		<comments>http://portal.fwasl.com/%d8%a5%d8%b7%d8%a7%d8%b1%d8%a7%d8%aa-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 14:22:37 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[مكتبة الملفات المفتوحة]]></category>
		<category><![CDATA[photoshop]]></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>
		<category><![CDATA[صور]]></category>
		<category><![CDATA[طبقات]]></category>
		<category><![CDATA[فوتوشوب]]></category>
		<category><![CDATA[قوائم]]></category>
		<category><![CDATA[ملفات]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=12839</guid>
		<description><![CDATA[اطارات وحدود فى الفوتوشوب PSD - فى هذا المقال يمكنك أن تجد أفضل أُطر الفوتوشوب المتاحة على شبكة الانترنت. ببساطة تحميل ملف CSH، ارفعه في برنامج فوتوشوب وبذلك يمكن استخدام هذه الإطارات. &#160; - اطارات الفوتوشوب هى أشكال يسهل تعديلها ،لتغيير الحجم، لتغيير اللون أو لاضافة أى تعديلات من خصائص الطبقات. - أود أن أضيف إذا كنت تريد حقا شيئا مميزا لاطارات الصور الخاصة بك، ...]]></description>
				<content:encoded><![CDATA[<h2>اطارات وحدود فى الفوتوشوب PSD</h2>
<p>- فى هذا المقال يمكنك أن تجد أفضل أُطر الفوتوشوب المتاحة على شبكة الانترنت.</p>
<p>ببساطة تحميل ملف CSH، ارفعه في برنامج فوتوشوب وبذلك يمكن استخدام هذه الإطارات.</p>
<p>&nbsp;</p>
<p>- اطارات الفوتوشوب هى أشكال يسهل تعديلها ،لتغيير الحجم، لتغيير اللون أو لاضافة أى تعديلات من خصائص الطبقات.<br />
- أود أن أضيف إذا كنت تريد حقا شيئا مميزا لاطارات الصور الخاصة بك، استخدام حدود أكثر تعقيدا. وبالتالي فإن هذه الأشكال للإطار هي خيار جيد جدا.</p>
<p>&nbsp;</p>
<div id="attachment_12856" style="width: 409px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/frame-border.jpg"><img class="size-full wp-image-12856" src="http://www.portal.fwasl.com/wp-content/uploads/frame-border.jpg" alt="Frame Border Photoshop" width="399" height="342" /></a><p class="wp-caption-text">Frame Border Photoshop</p></div>
<div id="attachment_12859" style="width: 510px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/freebie-frame-border-shapes.jpg"><img class="size-full wp-image-12859" src="http://www.portal.fwasl.com/wp-content/uploads/freebie-frame-border-shapes.jpg" alt="Freebie Frame Border Shapes" width="500" height="500" /></a><p class="wp-caption-text">Freebie Frame Border Shapes</p></div>
<div id="attachment_12857" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/frames-custom-shapes.jpg"><img class="size-full wp-image-12857" src="http://www.portal.fwasl.com/wp-content/uploads/frames-custom-shapes.jpg" alt="Frames Custom Shapes" width="599" height="606" /></a><p class="wp-caption-text">Frames Custom Shapes</p></div>
<div id="attachment_12855" style="width: 494px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/cu-ok-doodleframes-custom-shapes.jpg"><img class="size-full wp-image-12855" src="http://www.portal.fwasl.com/wp-content/uploads/cu-ok-doodleframes-custom-shapes.jpg" alt="Doodle Frame Shapes" width="484" height="484" /></a><p class="wp-caption-text">Doodle Frame Shapes</p></div>
<div id="attachment_12854" style="width: 490px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/cu-bracket-frame-shapes.jpg"><img class="size-full wp-image-12854" src="http://www.portal.fwasl.com/wp-content/uploads/cu-bracket-frame-shapes.jpg" alt="Frame Shapes and Borders" width="480" height="480" /></a><p class="wp-caption-text">Frame Shapes and Borders</p></div>
<div id="attachment_12860" style="width: 341px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/skscircular.jpg"><img class="size-full wp-image-12860" src="http://www.portal.fwasl.com/wp-content/uploads/skscircular.jpg" alt="Circular Frame Shapes" width="331" height="400" /></a><p class="wp-caption-text">Circular Frame Shapes</p></div>
<p>&nbsp;</p>
<p><a href="http://files.portal.fwasl.com/ps/Frame-Shapes.zip" target="_blank">تنزيل الاطارات</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a5%d8%b7%d8%a7%d8%b1%d8%a7%d8%aa-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>أكثر من 50 نسيج رملى للتحميل مجانا</title>
		<link>http://portal.fwasl.com/%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-50-%d9%86%d8%b3%d9%8a%d8%ac-%d8%b1%d9%85%d9%84%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%85%d8%ac%d8%a7%d9%86%d8%a7/</link>
		<comments>http://portal.fwasl.com/%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-50-%d9%86%d8%b3%d9%8a%d8%ac-%d8%b1%d9%85%d9%84%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%85%d8%ac%d8%a7%d9%86%d8%a7/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 14:39:40 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[مكتبة الملفات المفتوحة]]></category>
		<category><![CDATA[Sand]]></category>
		<category><![CDATA[textures]]></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>
		<category><![CDATA[ملفات]]></category>
		<category><![CDATA[نسيج]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=12508</guid>
		<description><![CDATA[النسيج والباترن من أكثر الأدوات استخداما ببنرنامج الفوتوشوب، ويفضل الكثيرين استخدامها فى التصاميم المختلفة. لذلك تجدنا دائمى البحث عن كل جديد ومميز بأنواع الباترن والأنسجة. &#160; هذه المجموعة تضم أجمل sand textures &#8220;نسيج رملى&#8221; المتاحة مجانا على شبكة الانترنت. ويمكن إنشاء نسيج الرمال بالرسم في الفوتوشوب لكن أسهل بكثير استخدام صورة الرمال الحقيقية. &#160; في هذه القائمة يمكنك العثور على أنواع كثيرة من الرمال مثل رمال الصحراء الناعمة، الكثبان الرملية، ...]]></description>
				<content:encoded><![CDATA[<p>النسيج والباترن من أكثر الأدوات استخداما ببنرنامج الفوتوشوب، ويفضل الكثيرين استخدامها فى التصاميم المختلفة. لذلك تجدنا دائمى البحث عن كل جديد ومميز بأنواع الباترن والأنسجة.</p>
<p>&nbsp;</p>
<p>هذه المجموعة تضم أجمل <strong>sand textures </strong>&#8220;نسيج رملى&#8221; المتاحة مجانا على شبكة الانترنت. ويمكن إنشاء نسيج الرمال بالرسم في الفوتوشوب لكن أسهل بكثير استخدام صورة الرمال الحقيقية.</p>
<p>&nbsp;</p>
<p>في هذه القائمة يمكنك العثور على أنواع كثيرة من الرمال مثل رمال الصحراء الناعمة، الكثبان الرملية، والنص الرملى ، والرمل الأبيض&#8230;الخ.</p>
<p>وسوف تجد أيضا سلسة الرمال <strong>seamless sand texture</strong> التي يمكنك استخدامها لانشاء أنماط مختلفة من الباترن. آمل أن تجدوا ما يفيدكم لاستخدامه في أعمالك.</p>
<p>&nbsp;</p>
<div id="attachment_12538" style="width: 610px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_8.jpg"><img class="size-full wp-image-12538" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_8.jpg" alt="Sand Dunes Texture" width="600" height="450" /></a><p class="wp-caption-text">Sand Dunes Texture</p></div>
<div id="attachment_12541" style="width: 610px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_11.jpg"><img class="size-full wp-image-12541" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_11.jpg" alt="Sand and Seed Texture" width="600" height="480" /></a><p class="wp-caption-text">Sand and Seed Texture</p></div>
<p>&nbsp;</p>
<div id="attachment_12545" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_15.jpg"><img class="size-full wp-image-12545" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_15.jpg" alt="Sand Dune Texture" width="599" height="399" /></a><p class="wp-caption-text">Sand Dune Texture</p></div>
<p>&nbsp;</p>
<div id="attachment_12543" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_13.jpg"><img class="size-full wp-image-12543" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_13.jpg" alt="Sand Footprint Texture" width="599" height="399" /></a><p class="wp-caption-text">Sand Footprint Texture</p></div>
<div id="attachment_12547" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_17.jpg"><img class="size-full wp-image-12547" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_17.jpg" alt="Desert Sand Texture" width="599" height="400" /></a><p class="wp-caption-text">Desert Sand Texture</p></div>
<div id="attachment_12549" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_19.jpg"><img class="size-full wp-image-12549" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_19.jpg" alt="Pebbles Sand Texture" width="599" height="400" /></a><p class="wp-caption-text">Pebbles Sand Texture</p></div>
<div id="attachment_12553" style="width: 609px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_23.jpg"><img class="size-full wp-image-12553" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_23.jpg" alt="Black sand texture" width="599" height="400" /></a><p class="wp-caption-text">Black sand texture</p></div>
<div id="attachment_12561" style="width: 610px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_31.jpg"><img class="size-full wp-image-12561" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_31.jpg" alt="Sand Beach Texture" width="600" height="450" /></a><p class="wp-caption-text">Sand Beach Texture</p></div>
<div id="attachment_12564" style="width: 608px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_34.jpg"><img class="size-full wp-image-12564" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_34.jpg" alt="Desert Sand" width="598" height="345" /></a><p class="wp-caption-text">Desert Sand</p></div>
<div id="attachment_12570" style="width: 610px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_39.jpg"><img class="size-full wp-image-12570" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_39.jpg" alt="Sand Texture Tiles" width="600" height="360" /></a><p class="wp-caption-text">Sand Texture Tiles</p></div>
<div id="attachment_12572" style="width: 610px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_41.jpg"><img class="size-full wp-image-12572" src="http://www.portal.fwasl.com/wp-content/uploads/sand_texture_41.jpg" alt="Text in Sand" width="600" height="450" /></a><p class="wp-caption-text">Text in Sand</p></div>
<p>&nbsp;</p>
<p>- لتحميل المزيد من <a href="http://files.portal.fwasl.com/ps/Sand-Textures.zip" target="_blank">هنا</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a3%d9%83%d8%ab%d8%b1-%d9%85%d9%86-50-%d9%86%d8%b3%d9%8a%d8%ac-%d8%b1%d9%85%d9%84%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84-%d9%85%d8%ac%d8%a7%d9%86%d8%a7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>خطوات انشاء أزرار الهيدر</title>
		<link>http://portal.fwasl.com/%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d8%a7%d9%86%d8%b4%d8%a7%d8%a1-%d8%a3%d8%b2%d8%b1%d8%a7%d8%b1-%d8%a7%d9%84%d9%87%d9%8a%d8%af%d8%b1/</link>
		<comments>http://portal.fwasl.com/%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d8%a7%d9%86%d8%b4%d8%a7%d8%a1-%d8%a3%d8%b2%d8%b1%d8%a7%d8%b1-%d8%a7%d9%84%d9%87%d9%8a%d8%af%d8%b1/#comments</comments>
		<pubDate>Sat, 28 Jan 2012 15:56:33 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[مؤثرات النصوص و الصور]]></category>
		<category><![CDATA[Buttons]]></category>
		<category><![CDATA[Rollover]]></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=12179</guid>
		<description><![CDATA[شريط ازرار الهيدر بتأثير Rollover - متطلبات الدرس: Abstract Nebula Textures الخطوة 1 أولا سنقوم بتصميم الشريط الرئيسي ، ثم سنقوم بإنشاء مجموعة الأزرار.  لذلك دعونا نبدأ مع إنشاء عمل جديد مع العرض 70 والارتفاع 60 بكسل. الخطوة 2 حدد أداة Pain bucket واملأ الخلفية بلون  # 000000. الخطوة 3 الآن حدد أداة Rectangle Tool وقم بإنشاء مستطيل. الخطوة 4 والآن سنقوم بإضافة القليل من تدرج الألوان إلى المستطيل. انتقل لقائمة ...]]></description>
				<content:encoded><![CDATA[<h2>شريط ازرار الهيدر بتأثير Rollover</h2>
<p>- متطلبات الدرس:</p>
<p><a href="http://www.brusheezy.com/Patterns/1997-Seamless-Abstract-Nebula-Textures" target="_blank">Abstract Nebula Textures</a></p>
<h2></h2>
<h2>الخطوة 1</h2>
<ul>
<li>أولا سنقوم بتصميم الشريط الرئيسي ، ثم سنقوم بإنشاء مجموعة الأزرار.</li>
</ul>
<ul>
<li> لذلك دعونا نبدأ مع إنشاء عمل جديد مع العرض 70 والارتفاع 60 بكسل.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons1.jpg"><img class="aligncenter size-full wp-image-12181" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons1.jpg" alt="" width="530" height="333" /></a></p>
<h2>الخطوة 2</h2>
<p>حدد أداة Pain bucket واملأ الخلفية بلون  # 000000.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons2.jpg"><img class="aligncenter size-full wp-image-12182" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons2.jpg" alt="" width="335" height="300" /></a></p>
<h2>الخطوة 3</h2>
<p>الآن حدد أداة Rectangle Tool وقم بإنشاء مستطيل.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons3.jpg"><img class="aligncenter size-full wp-image-12183" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons3.jpg" alt="" width="335" height="300" /></a></p>
<h2>الخطوة 4</h2>
<ul>
<li>والآن سنقوم بإضافة القليل من تدرج الألوان إلى المستطيل.</li>
</ul>
<ul>
<li>انتقل لقائمة  Layer&gt; Layer style&gt; Gradient Overlay .</li>
</ul>
<ul>
<li>استخدام من نافذة gradient اللون الأسود.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons4.jpg"><img class="aligncenter size-full wp-image-12184" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons4.jpg" alt="" width="435" height="495" /></a></p>
<h2>الخطوة 5</h2>
<p>اختر أداة  Line Tool  وإنشاء خط مع 1 بكسل ولون # aaaaaa.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons5.jpg"><img class="aligncenter size-full wp-image-12185" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons5.jpg" alt="" width="334" height="299" /></a></p>
<h2>الخطوة 6</h2>
<p>لإضافة outer glow للخط المرسوم، اذهب لقائمة  Layer&gt; Layer style&gt; Outer glow.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons6.jpg"><img class="aligncenter size-full wp-image-12186" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons6.jpg" alt="" width="530" height="412" /></a></p>
<h2>الخطوة 7</h2>
<p>الآن اختر أداة Line Tool مرة أخرى ، وإنشاء خط عمودي مع لون# 111111 لتقسيم الأزرار.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons7.jpg"><img class="aligncenter size-full wp-image-12187" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons7.jpg" alt="" width="334" height="299" /></a></p>
<h2>خطوة 8</h2>
<p>الخط المرسوم يحتاج اضافة Drop Shadow لذلك اذهب لقائمة  Layer&gt; Layer style&gt; Drop Shadow.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons8.jpg"><img class="aligncenter size-full wp-image-12188" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons8.jpg" alt="" width="530" height="412" /></a></p>
<h2>الخطوة 9</h2>
<p>الآن اختر أداة Text Tool النص وإضافة نص أزرار الهيدر مع اللون # ffffff.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons9.jpg"><img class="aligncenter size-full wp-image-12189" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons9.jpg" alt="" width="334" height="299" /></a></p>
<h2>الخطوة 10</h2>
<p>من قائمة Layer&gt; Layer style ، اختار a light gradient و من stroke اختار اللون الأسود مع حجم صغير.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons10.jpg"><img class="aligncenter size-full wp-image-12190" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons10.jpg" alt="" width="334" height="298" /></a></p>
<ul>
<li>الآن اكتمل الزر لحفظ الصورة، اانتقل لقائمة File &gt; Save for web.</li>
</ul>
<ul>
<li>ثم اختر PNG من القائمة المنسدلة لأسفل. ولا تنسى دائما نختار مع الأزرار  PNG لضمان جودة عالية للصورة.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons11.jpg"><img class="aligncenter size-full wp-image-12191" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons11.jpg" alt="" width="530" height="390" /></a></p>
<h2>الخطوة 11</h2>
<p>كرر نفس الخطوات السابقة لاستكمال باقى أزرار شريط الهيدر.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons12.jpg"><img class="aligncenter size-full wp-image-12192" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons12.jpg" alt="" width="400" height="60" /></a></p>
<h2>الخطوة 12</h2>
<p>والآن سوف نقوم بتصميم شكل rollover للأزرار. لذلك اختار أداة Rounded rectangle tool  وأشىء مستطيل في الوسط.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons13.jpg"><img class="aligncenter size-full wp-image-12193" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons13.jpg" alt="" width="334" height="297" /></a></p>
<h2>الخطوة 13</h2>
<p>من قائمة Layer&gt; Layer style&gt; Pattern Overlay. استخدام الباترن المذكور بمتطلبات الدرس بالأعلى.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons14.jpg"><img class="aligncenter size-full wp-image-12194" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons14.jpg" alt="" width="530" height="410" /></a></p>
<h2>الخطوة 14</h2>
<p>الآن إضافة النص ويطبق تأثير  rollover.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons15.jpg"><img class="aligncenter size-full wp-image-12195" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons15.jpg" alt="" width="335" height="300" /></a></p>
<h2>الخطوة 15</h2>
<p>كرر نفس الخطوات لباقى الأزرار واحفظ الصور كما شرحنا سابقا.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons17.jpg"><img class="aligncenter size-full wp-image-12196" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons17.jpg" alt="" width="400" height="60" /></a></p>
<h2>الخطوة 16</h2>
<ul>
<li>الآن لدينا كل 5 أزرار بالشكل الأساسى وبتأثير rollover.</li>
</ul>
<ul>
<li>باستخدام برنامج Dreamweaver. إنشاء ملف HTML جديد.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons18.jpg"><img class="aligncenter size-full wp-image-12197" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons18.jpg" alt="" width="530" height="305" /></a></p>
<h2>الخطوة 17</h2>
<p>اختار من قائمة   Insert&gt; Image objects&gt; Rollover image .</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons19.jpg"><img class="aligncenter size-full wp-image-12198" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons19.jpg" alt="" width="530" height="205" /></a></p>
<h2>الخطوة 18</h2>
<p>استعرض الزر الرئيسي في &#8220;original image&#8221; ، وبتأثير roll over في &#8220;Roll over image&#8221;.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons20.jpg"><img class="aligncenter size-full wp-image-12199" src="http://www.portal.fwasl.com/wp-content/uploads/Rollover-Buttons20.jpg" alt="" width="530" height="237" /></a></p>
<h2>الخطوة 19</h2>
<ul>
<li>كرر نفس العملية مع كل زر ثم قم بحفظ الملف  &#8220;Navigation.html.</li>
</ul>
<ul>
<li> يمكنك بسهولة تغيير الارتفاع والعرض لأى زر بوضع قيمة الارتفاع والعرض في كود البرنامج.</li>
</ul>
<ul>
<li> ببساطة غير الارتفاع أو العرض بإضافة أى رقم جديد.</li>
</ul>
<p>- أخيرا، لدينا شريط أزرار الهيدر جاهز.</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d8%a7%d9%86%d8%b4%d8%a7%d8%a1-%d8%a3%d8%b2%d8%b1%d8%a7%d8%b1-%d8%a7%d9%84%d9%87%d9%8a%d8%af%d8%b1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>انشاء فرشاة بالفوتوشوب</title>
		<link>http://portal.fwasl.com/%d8%a7%d9%86%d8%b4%d8%a7%d8%a1-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%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%d9%86%d8%b4%d8%a7%d8%a1-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%d8%a8%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8/#comments</comments>
		<pubDate>Sat, 28 Jan 2012 14:19:58 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[عالم الفوتوشوب]]></category>
		<category><![CDATA[Bubbles]]></category>
		<category><![CDATA[photoshop]]></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=12165</guid>
		<description><![CDATA[خطوات عمل فرشاة دوائر  Bubbles في الفوتوشوب Photoshop 1) فتح عمل جديد مع الإعدادات التالية : 2) افتح طبقة جديدة.  ارسم دائرة كبيرة باستخدام أداة Marquee Tool . بالضغط على  (Shift + F5) اختار 50% Gray . (لا تلغى التحديد). &#160; &#160; 3) عين الوان المقدمة الخلفية باللون الأبيض والأسود، على التوالي.  4) اختر أداة التدرج Gradient Tool. على العمل، ارسم خط عمودي داخل الدائرة للحصول على نتيجة مظللة. &#160; 5) فتح Layer Style وقم بالتغييرات التالية ...]]></description>
				<content:encoded><![CDATA[<p>خطوات عمل فرشاة دوائر  Bubbles في الفوتوشوب Photoshop</p>
<p>1) فتح عمل جديد مع الإعدادات التالية :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush1.png"><img class="aligncenter size-full wp-image-12167" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush1.png" alt="" width="380" height="266" /></a></p>
<p>2) افتح طبقة جديدة.</p>
<ul>
<li> ارسم دائرة كبيرة باستخدام أداة <strong>Marquee Tool .</strong></li>
</ul>
<ul>
<li>بالضغط على <strong> </strong>(Shift + F5) اختار <strong>50% Gray .</strong> (لا تلغى التحديد).</li>
</ul>
<p>&nbsp;</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush2.png"><img class="aligncenter size-full wp-image-12168" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush2.png" alt="" width="304" height="236" /></a></p>
<p>&nbsp;</p>
<p>3) عين الوان المقدمة الخلفية باللون الأبيض والأسود، على التوالي. <a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush3.png"><img class="alignnone size-full wp-image-12169" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush3.png" alt="" width="37" height="35" /></a><br />
4) اختر أداة التدرج <strong>Gradient Tool</strong>.</p>
<p>على العمل، ارسم خط عمودي داخل الدائرة للحصول على نتيجة مظللة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush4.png"><img class="aligncenter size-full wp-image-12170" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush4.png" alt="" width="588" height="33" /></a></p>
<p>&nbsp;</p>
<p>5) فتح <strong>Layer Style</strong> وقم بالتغييرات التالية :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush5.png"><img class="aligncenter size-full wp-image-12171" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush5.png" alt="" width="494" height="284" /></a></p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush6.png"><img class="aligncenter size-full wp-image-12172" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush6.png" alt="" width="494" height="183" /></a></p>
<p>&nbsp;</p>
<p>- وينبغي أن تبدو صورتك هكذا حتى الآن :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush7.png"><img class="aligncenter size-full wp-image-12173" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush7.png" alt="" width="368" height="363" /></a></p>
<p>&nbsp;</p>
<p>6) انتقل الى قائمة  <strong>Edit &gt; Define Brush Preset. </strong>(تأكد من وجود التحديد).</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush8.png"><img class="aligncenter size-full wp-image-12174" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush8.png" alt="" width="277" height="190" /></a></p>
<p>&nbsp;</p>
<p>7) اجعل اسم الفرشاة  Bubble.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush9.png"><img class="aligncenter size-full wp-image-12175" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush9.png" alt="" width="492" height="112" /></a></p>
<p>&nbsp;</p>
<p>الآن الفرشاة جاهزة . يمكنك الانتقال إلى أداة الفرشاة <strong>Brush Tool</strong>، حدد الفرشاة واستخدمها كما تريد..</p>
<p>- النتيجة النهائية :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush10.jpg"><img class="aligncenter size-full wp-image-12176" src="http://www.portal.fwasl.com/wp-content/uploads/Bubble-Brush10.jpg" alt="" width="600" height="340" /></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a7%d9%86%d8%b4%d8%a7%d8%a1-%d9%81%d8%b1%d8%b4%d8%a7%d8%a9-%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>0</slash:comments>
		</item>
		<item>
		<title>أيقونة عيد الحب</title>
		<link>http://portal.fwasl.com/%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a9-%d8%b9%d9%8a%d8%af-%d8%a7%d9%84%d8%ad%d8%a8/</link>
		<comments>http://portal.fwasl.com/%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a9-%d8%b9%d9%8a%d8%af-%d8%a7%d9%84%d8%ad%d8%a8/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 21:03:50 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[فنون و ابداعات]]></category>
		<category><![CDATA[Icon]]></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>
		<category><![CDATA[قوائم]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=11898</guid>
		<description><![CDATA[في هذا الدرس سوف تتعلم بعض الحيل البسيطة لإنشاء ايكونة جميلة لعيد الحب. هذه الأيقونة عبارة عن رسالة بداخلها قلب احمر. انشاء الايقونه بالسكراتش scratch لذلك لا حاجة للصور الجاهزة أو اى مصادر أخرى. يمكنك تغيير الحجم إلى أي حجم تريده دون فقدان جودة الصورة لأنها ايقونة فيكتور. - دعونا نبدأ! الخطوة 1 إنشاء مكونات شكل الظرف. لأننا نريد أن يكون لدينا ايكونة فيكتور، سوف نتعامل فقط مع أدوات Pen Tool و  Rectangle Tool ...]]></description>
				<content:encoded><![CDATA[<p>في هذا الدرس سوف تتعلم بعض الحيل البسيطة لإنشاء ايكونة جميلة لعيد الحب. هذه الأيقونة عبارة عن رسالة بداخلها قلب احمر.</p>
<p>انشاء الايقونه بالسكراتش scratch لذلك لا حاجة للصور الجاهزة أو اى مصادر أخرى. يمكنك تغيير الحجم إلى أي حجم تريده دون فقدان جودة الصورة لأنها ايقونة فيكتور.</p>
<p>- دعونا نبدأ!</p>
<h2></h2>
<h2>الخطوة 1</h2>
<p>إنشاء مكونات شكل الظرف.</p>
<ul>
<li>لأننا نريد أن يكون لدينا ايكونة فيكتور، سوف نتعامل فقط مع أدوات Pen Tool و  Rectangle Tool و Custom Shape Tool الخ..</li>
</ul>
<ul>
<li>انشاء الظرف يأخذ الثلاث طبقات الأولي كما هو مبين في الصورة أدناه.</li>
</ul>
<ul>
<li> اختار أداة Pen Tool وتبدأ برسم هذه الأشكال في ثلاث طبقات مختلفة :  Envelope 1 و Envelope 2 و Envelope 3.</li>
</ul>
<ul>
<li>اللون ليس مهما لأننا سوف نغيره في الخطوات المقبلة.</li>
</ul>
<h2><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon1.jpg"><img class="aligncenter size-full wp-image-11908" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon1.jpg" alt="" width="600" height="630" /></a></h2>
<h2>الخطوة 2</h2>
<p>- إضافة ترجات اللون إلى طبقات الأشكال الثلاثة.</p>
<ul>
<li>وضع كل قطعة من الظرف في مكان مثلما يظهر في الصورة.</li>
</ul>
<ul>
<li> فتح نافذة  Layer Style ودعونا نغير بعض الخصائص للطبقات الثلاث التي تم إنشاؤها في الخطوة السابقة.</li>
</ul>
<ul>
<li>بالنسبة لطبقةEnvelope 1 . سنغير اعدادات Inner Glow و Gradient Overlay.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon2.jpg"><img class="aligncenter size-full wp-image-11909" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon2.jpg" alt="" width="600" height="587" /></a></p>
<p>- من<strong> Inner Glow</strong> :</p>
<ul>
<li>اختار لون #ffffbe.</li>
</ul>
<ul>
<li>blend mode &#8211; screen</li>
</ul>
<ul>
<li>غير opacity الى 75% و size الى 4.</li>
</ul>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon3.jpg"><img class="aligncenter size-full wp-image-11910" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon3.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<p>- بالنسبة<strong> Gradient Overlay</strong> اختار الاعدادات الآتية:</p>
<ul>
<li>blend mode &#8211; normal</li>
</ul>
<ul>
<li>opacity 100%</li>
</ul>
<ul>
<li>style linear</li>
</ul>
<ul>
<li> angle 90</li>
</ul>
<p>&nbsp;</p>
<p>- ولخيارات <strong>gradient</strong>:</p>
<ul>
<li>لون #aca99c  و location يكون 0%.</li>
</ul>
<ul>
<li>لون #f2f0eb و location يكون 100%.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon4.jpg"><img class="aligncenter size-full wp-image-11911" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon4.jpg" alt="" width="600" height="587" /></a></p>
<p>Layer Style لطبقة Envelope 2.</p>
<p>- لهذه الطبقة سنغير خصائص Drop Shadow و Inner Glow و Gradient Overlay.</p>
<p>- من<strong>  Drop Shadow</strong> اختار:</p>
<ul>
<li>blend mode Multiply</li>
</ul>
<ul>
<li>opacity 10%</li>
</ul>
<ul>
<li>اختار black color.</li>
</ul>
<ul>
<li>بالنسبة للزاوية، أولاً اختار عدم تنشيط Use Global Light ثم اختار الزاوية 90 درجة.</li>
</ul>
<ul>
<li>اختار distance و size ليكونا 2 بكسل.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon5.jpg"><img class="aligncenter size-full wp-image-11912" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon5.jpg" alt="" width="600" height="587" /></a></p>
<p>&nbsp;</p>
<p>- اعدادات <strong>Inner Glow</strong> ستكون نفس خيارات الطبقة الأولى  Envelope 1.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon6.jpg"><img class="aligncenter size-full wp-image-11913" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon6.jpg" alt="" width="600" height="587" /></a></p>
<p>- من<strong> Gradient Overlay</strong> اختار الاعدادات الآتية:</p>
<ul>
<li>blend mode &#8211; normal</li>
</ul>
<ul>
<li>opacity 100%</li>
</ul>
<ul>
<li>style linear</li>
</ul>
<ul>
<li> angle 0</li>
</ul>
<p>- وخيارات <strong>gradient</strong>:</p>
<ul>
<li>لون #e9e6e3  و location يكون 0% و 50% و 100%.</li>
</ul>
<ul>
<li>لون #e1dfdc و location يكون 20% و  80%.</li>
</ul>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon7.jpg"><img class="aligncenter size-full wp-image-11914" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon7.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div>Layer Style لطبقة Envelope 3.</div>
<div></div>
<div>- لهذه الطبقة سنعدل خصائص Drop Shadow و Inner Glow و Gradient Overlay ستكون نفس اعدادات الطبقة السابقة.</div>
<div></div>
<div></div>
<div>- إعدادات <strong>Drop Shadow</strong>:</div>
<div>
<ul>
<li>blend mode Multiply</li>
</ul>
<ul>
<li>opacity 10%</li>
</ul>
<ul>
<li>black color</li>
</ul>
<ul>
<li>عدم تنشيط Use Global Light ، واختار الزاوية لتكون 90 درجة.</li>
</ul>
<ul>
<li>اختار اعدادات اختار distance و size ليكونا 2 بكسل.</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon8.jpg"><img class="aligncenter size-full wp-image-11915" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon8.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div></div>
<div></div>
<div>- اعدادات <strong>Inner Glow</strong> كما موضح بالصورة:</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon9.jpg"><img class="aligncenter size-full wp-image-11916" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon9.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div></div>
<div>- اعدادات <strong>Gradient Overlay</strong> :</div>
<div>
<ul>
<li>لون #d4d3cf عند 0%.</li>
</ul>
<ul>
<li>ولون #f4f2ee عند 100%.</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon10.jpg"><img class="aligncenter size-full wp-image-11917" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon10.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<h2>الخطوة 3</h2>
<div>- إنشاء تفاصيل الظرف</div>
<div>
<ul>
<li>وأود أن أضيف بعض الأشكال بنهاية الظرف. لذلك سأستخدم أداة  Custom Shapes.</li>
</ul>
<ul>
<li> اختار من قائمة shape المنسدلة لأسفل  Tile2.</li>
</ul>
<ul>
<li>انشاء طبقتين لهذا الشكل ، واحدة مع لون #c73c3c والأخرى مع اللون #138299 كما في الصورة :</li>
</ul>
</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon11.jpg"><img class="aligncenter size-full wp-image-11918" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon11.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div></div>
<div>- الآن خدعة بسيطة بعضكم قد لا يعرفها وهى إضافة قناع لهذه الطبقات. باستخدام  أداة (Rectangular Marquee Tool (M ارسم تحديد كما في الصورة :</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon12.jpg"><img class="aligncenter size-full wp-image-11919" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon12.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div></div>
<div>- نعود الى طبقة الخطوط الحمراء واضغط على زر إضافة قناع Add Layer Mask كما هو مبين في الصورة أدناه :</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon13.jpg"><img class="aligncenter size-full wp-image-11920" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon13.jpg" alt="" width="600" height="587" /></a></div>
<div></div>
<div></div>
<div>- تفعل الشيء نفسه بالنسبة لطبقة الخطوط باللون الأزرق. والنتيجة حتى الآن تبدو هكذا :</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon14.jpg"><img class="aligncenter size-full wp-image-11921" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon14.jpg" alt="" width="600" height="529" /></a></div>
<div></div>
<h2>الخطوة 4</h2>
<div>- إنشاء أيقونة القلب</div>
<div>
<ul>
<li>نرسم شكل قلب بسيط أيضا متاحة فى قائمة أشكال Custom Shapes.</li>
</ul>
<ul>
<li>اختار لون #eb2929.</li>
</ul>
<ul>
<li>ومن نافذة Layer Style سنختار Inner Glow و Stroke بالترتيب.</li>
</ul>
<ul>
<li>ومن خيارات  Inner Glow اختار لون #bc1213.</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon15.jpg"><img class="aligncenter size-full wp-image-11922" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon15.jpg" alt="" width="600" height="529" /></a></div>
<div></div>
<div>- ومن خيار <strong>Stroke</strong> غير الاعدادات الآتية:</div>
<div>
<ul>
<li>size يكون 4 بكسل</li>
</ul>
<ul>
<li>اللون #ae0808</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon16.jpg"><img class="aligncenter size-full wp-image-11923" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon16.jpg" alt="" width="600" height="529" /></a></div>
<div></div>
<h2>الخطوة 5</h2>
<div>- خلق تأثير 3D</div>
<div>
<ul>
<li>كرر طبقة القلب وضعه تحت الطبقة الأولي.</li>
</ul>
<ul>
<li> حركها لأعلى كما يظهر في الصورة.</li>
</ul>
<ul>
<li> اللون لشكل القلب الجديد هو #eb2929.</li>
</ul>
<ul>
<li>لهذه الطبقة سنغير خصائص كلا من drop shadow و inner shadow و inner glow وايضا bevel and emboss.</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon17.jpg"><img class="aligncenter size-full wp-image-11924" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon17.jpg" alt="" width="600" height="529" /></a></div>
<div></div>
<div>- الإعدادات كما يظهر في الصور أدناه، وسوف أقول لك ما هي الألوان لاستخدامها في كل اختيار :</div>
<div>
<ul>
<li>drop shadow&#8230;&#8230;. #000000.</li>
</ul>
<ul>
<li>inner shadow&#8230;&#8230;&#8230;&#8230;#af0909.</li>
</ul>
<ul>
<li>inner glow&#8230;&#8230;&#8230;.#e71a1a.</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon18.jpg"><img class="aligncenter size-full wp-image-11925" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon18.jpg" alt="" width="600" height="1000" /></a></div>
<div></div>
<div></div>
<div>مع <strong>Bevel and Emboss</strong> سأضيف تأثير 3D، وكذلك تأثير لامع. يمكنك ان ترى الإعدادات أدناه فى الصور. فقط تأكد من أن:</div>
<div>
<ul>
<li>إلغاء تنشيط مربع Use Global Light.</li>
</ul>
<ul>
<li>غير Gloss Contour الى Cone Inverted.</li>
</ul>
<ul>
<li>الألوان المستخدمة هي بيضاء مع  highlight و  لإبراز و #c61a1a مع shadow mode.</li>
</ul>
</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon19.jpg"><img class="aligncenter size-full wp-image-11926" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon19.jpg" alt="" width="600" height="441" /></a></div>
<div></div>
<div></div>
<div>- هكذا يبدو شكل القلب بالنهاية.</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon20.jpg"><img class="aligncenter size-full wp-image-11927" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon20.jpg" alt="" width="600" height="529" /></a></div>
<div></div>
<h2>الخطوة 6</h2>
<div>- النتيجة النهائية لرسالة عيد الحب</p>
<ul>
<li>لمسة نهائية لطيفة باضافة نص &#8220;&#8221;Love u!&#8221; هو دائما النص الكلاسيكي لهذه الرسائل!</li>
</ul>
<ul>
<li> استخدمت خط  Amienne .</li>
</ul>
<ul>
<li> آخر شيء نفعله هو اضافة انعكاس جميل. لذلك جمع كافة الطبقات في مجموعة ، كرر هذه المجموعة.</li>
</ul>
<ul>
<li>حولها الى Smart Object. ودوره رأسياً.</li>
</ul>
<ul>
<li>باستخدام أداة  Rectangular Marquee Tool ارسم التحديد مع  Feather يكون 20 بدلا من 0 بكسل .</li>
</ul>
<ul>
<li>وإضافة قناع  layer mask الى smart object&#8230;وهذا هو كل شيء. رسالة حب للفالنتين ، ظرف بداخله قلب أحمر!!</li>
</ul>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon21.jpg"><img class="aligncenter size-full wp-image-11928" src="http://www.portal.fwasl.com/wp-content/uploads/love-letter-icon21.jpg" alt="" width="600" height="600" /></a></div>
<div></div>
<div></div>
<div>أتمنى لكم الاستفادة من هذا الدرس.</div>
<div></div>
<div></div>
<div></div>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a9-%d8%b9%d9%8a%d8%af-%d8%a7%d9%84%d8%ad%d8%a8/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>
