<?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/%d8%a7%d8%af%d9%88%d8%a7%d8%aa/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>إطارات فوتوشوب للتحميل</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>
		<item>
		<title>اهم ادوات لاصحاب المواقع و تحسين العلاقة بمحركات البحث وفحص الدومين</title>
		<link>http://portal.fwasl.com/%d8%a7%d9%87%d9%85-%d8%a7%d8%af%d9%88%d8%a7%d8%aa-%d9%84%d8%a7%d8%b5%d8%ad%d8%a7%d8%a8-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d9%88-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a7%d9%84%d8%b9%d9%84%d8%a7/</link>
		<comments>http://portal.fwasl.com/%d8%a7%d9%87%d9%85-%d8%a7%d8%af%d9%88%d8%a7%d8%aa-%d9%84%d8%a7%d8%b5%d8%ad%d8%a7%d8%a8-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d9%88-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a7%d9%84%d8%b9%d9%84%d8%a7/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 15:47:47 +0000</pubDate>
		<dc:creator><![CDATA[برستيجً فنآنً]]></dc:creator>
				<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>
		<category><![CDATA[ووردبريس]]></category>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=11739</guid>
		<description><![CDATA[الان اصبح لمحركات البحث اهمية كبيرة لجلب الزوار لموقعك فيوجد مواقع 80 % من زوارها من محركات البحث لذلك قمت بتجميع بعض الادوات الهامة والتي تساعدكم علي معرفة حقيقة مواقعكم مع محركات البحث وهذه هي الخطوة الاولي علي طريق ال seo لذلك انصحك باستخدام هذه الادوات للمتابعة المستمرة لموقعك حتي تعلم علاقة موقعك بمحركات البحث. ...]]></description>
				<content:encoded><![CDATA[<div style="text-align: center" align="center"><span style="font-family: Tahoma"><span style="font-size: large"><span style="color: black">الان اصبح لمحركات البحث اهمية كبيرة لجلب الزوار لموقعك فيوجد مواقع 80 % من زوارها من محركات البحث لذلك قمت بتجميع بعض الادوات الهامة والتي تساعدكم علي معرفة حقيقة مواقعكم مع محركات البحث وهذه هي الخطوة الاولي علي طريق ال seo </span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">لذلك انصحك باستخدام هذه الادوات للمتابعة المستمرة لموقعك حتي تعلم علاقة موقعك بمحركات البحث.</span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">وبالمتابعة بهذه الادوات وتطبيق مبادئ ال seo ستجد اختلاف كبير ان شاء لله واسأل مجرب </span></span></span></div>
<p style="text-align: center">
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">اولا : مجموعة ادوات خاصة بتحسين علاقة موقعك بمحركات البحث مع شرح كل اداة</span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://img140.imageshack.us/img140/9770/seodh1.jpg" alt="" border="0" /></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/backlink_checker/backlink_checker.gif" alt="" border="0" />هذه الاداة مفيدة لمعرفة عدد الروابط لموقعك &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/search-engines/backlink-checker.html" target="_blank"><span style="color: blue">Backlink checker</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/google_banned/google_banned.gif" alt="" border="0" />عندما لاتجد اي زوار من جوجل استخدم هذه الاداة لمعرفة اذا ما كان جوجل منعك من الظهور &gt;&gt;&gt;&gt;<a href="http://www.adminstool.com/search-engines/google-banned-checker.html" target="_blank"><span style="color: blue">Google Banned Checker</span></a></span></span></span></div>
<p style="text-align: center">
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/keyword_density/keyword_density.gif" alt="" border="0" />معرفة حجم الترافيك للكلمات المفتاحية <a href="http://www.google.com/trends" target="_blank"><span style="color: blue">Google trends</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/pagerank_prediction/pagerank_prediction.gif" alt="" border="0" /> اداة للتنبوء بال page rank المستقبلي ولكن لانعتمد عليها لانها مجرد تنبؤ بناء علي المعطيات الحالية &gt;&gt;&gt;&gt;<a href="http://www.adminstool.com/search-engines/google-pagerank-prediction.html" target="_blank"><span style="color: blue">Google PageRank Prediction</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/index_checker/index_checker.gif" alt="" border="0" />معرفة عدد مرات ظهور صفحتك بمحركات البحث الرئيس &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/search-engines/index-checker.html" target="_blank"><span style="color: blue">Index Checker</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/keyword_density/keyword_density.gif" alt="" border="0" />معرفة الكلمات المفتاحية ذات الاهمية في موقعك &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/search-engines/keyword-density-checker.html" target="_blank"><span style="color: blue">Keyword Density Checker</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/keyword_suggestion/keyword_suggestion.gif" alt="" border="0" /> هذه الاداة سوف تقوم باظهار 10 كلمات لها علاقة بكلمتك الرئيسية حتي تسطيع ان تلعب علي احداهما في محركات البحث &gt;&gt;&gt;<a href="http://www.adminstool.com/search-engines/keyword-suggestion.html" target="_blank"><span style="color: blue">Keyword Suggestion</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/pagerank_checker/pagerank_checker.gif" alt="" border="0" />تقوم هذه الاداة بفحص تقييم جوجل لموقعك &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/search-engines/page-rank-checker.html" target="_blank"><span style="color: blue">PageRank Checker</span></a></span></span></span></div>
<p style="text-align: center">
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/html_optimizer/html_optimizer.gif" alt="" border="0" /> تبسيط الكود الخاص بصفحتك حتي تكون الصفحة اسرع في التحميل <a href="http://www.adminstool.com/html-tools/html-optimizer.html" target="_blank"><span style="color: blue">HTML Optimizer</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/link_extractor/link_extractor.gif" alt="" border="0" />الحصول علي اللينكات الخاصة بموقعك بكل سهولة <a href="http://www.adminstool.com/html-tools/link-extractor.html" target="_blank"><span style="color: blue">Link Extractor</span></a></span></span></span></div>
<p style="text-align: center">
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">- هذا الاداة تقوم بتوليد الميتا تاج بكل سهولة <a href="http://www.adminstool.com/html-tools/meta-tags-generator.html"><span style="color: #0000ff">Meta-tags Generator</span></a></span></span></span></div>
<p style="text-align: center">
<p><span style="font-family: Tahoma"><span style="font-size: large"><span style="color: black">__________________________________________</span></span></span></p>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">ثانيا : الادوات الخاصة بفحص الدومين :</span></span></span></div>
<div style="text-align: center" align="center"></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://img516.imageshack.us/img516/3272/domaingi3.jpg" alt="" border="0" /></span></span></span></div>
<div style="text-align: center" align="center"></div>
<div style="text-align: center" align="center">
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/instant/instant.gif" alt="" border="0" />معرفة عمر موقعك بالتفصيل <a href="http://domain-age-checker-tool.congland.com/" target="_blank"><span style="color: blue">Deomain Ag</span></a></span></span></span></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/link_price/link_price.gif" alt="" border="0" />معرفة قيمة تقديرية بالدولارات لموقعك<a href="http://domainvalue.congland.com/" target="_blank"><span style="color: blue">Domian Value</span></a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/broken_link_checker/broken_link_checker.gif" alt="" border="0" />فحص اللنكات المعطوبة &gt;&gt;&gt;<a href="http://www.adminstool.com/domain-checkups/broken-link-checker.html" target="_blank"><span style="color: blue">Broken Link Checker</span></a></span></span></span></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/whois/whois.gif" alt="" border="0" />معلومات الدومين &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/domain-checkups/domain-whois.html" target="_blank"><span style="color: blue">Domain Whois</span></a></span></span></span></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/domain_availability/domain_availability.gif" alt="" border="0" /> هل الدومين متاح للشراء ام لا مع مقترحات جيدة لدومينات مشابه له &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/domain-checkups/domain-availability.html" target="_blank"><span style="color: blue">Domain Availability</span></a></span></span></span></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/reverse_ip/reverse_ip.gif" alt="" border="0" />اعرض اسم موقعك علي هيئة ارقام او العكس &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/domain-checkups/reverse-iplook-up.html" target="_blank"><span style="color: blue">Reverse IP/Look-up</span></a></span></span></span></div>
<p style="text-align: center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/server_status/server_status.gif" alt="" border="0" />التأكد من ان موقعك و ال ftb اون لاي &gt;&gt;&gt;&gt; <a href="http://www.adminstool.com/domain-checkups/server-status.html" target="_blank"><span style="color: blue">Server Status</span></a></span></span></span></p>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black"><img src="http://www.iwebtool.com/tool/tools/speed_test/speed_test.gif" alt="" border="0" /> اختبر سرعة موقعك. ربما تحتاج الي تقليل حجم الصفحة او الانتقال لسيرفر اسرع &gt;&gt;&gt;&gt;<a href="http://www.adminstool.com/domain-checkups/website-speed-test.html" target="_blank"><span style="color: blue">website speed test</span></a></span></span></span></div>
<div style="text-align: center" align="center">
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">انصحك بضم هذه الصفحة من المنتدي لمفضلتك للمتابعة المستمرة لعلاقة موقعك بمحركات البحث</span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">مصادر الموضوع : كما تحتوي هذه المواقع علي ادا</span></span></span></div>
<div style="text-align: center" align="center"><span style="font-size: large"><span style="font-family: Tahoma"><span style="color: black">وت اخري ولكني اخترت اهمهم .</span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: blue"><a href="http://www.adminstool.com/web-tools.html" target="_blank">adminstool.com</a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: blue"><a href="http://labs.google.com/" target="_blank">labs.google.com</a></span></span></span><br />
<span style="font-size: large"><span style="font-family: Tahoma"><span style="color: blue"><a href="http://tools.congland.com/" target="_blank">tools.congland.com</a></span></span></span></div>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%a7%d9%87%d9%85-%d8%a7%d8%af%d9%88%d8%a7%d8%aa-%d9%84%d8%a7%d8%b5%d8%ad%d8%a7%d8%a8-%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9-%d9%88-%d8%aa%d8%ad%d8%b3%d9%8a%d9%86-%d8%a7%d9%84%d8%b9%d9%84%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%b9%d9%85%d9%84-%d9%86%d8%b5-%d8%b2%d8%ac%d8%a7%d8%ac%d9%89/</link>
		<comments>http://portal.fwasl.com/%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d8%b9%d9%85%d9%84-%d9%86%d8%b5-%d8%b2%d8%ac%d8%a7%d8%ac%d9%89/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 14:17:59 +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>

		<guid isPermaLink="false">http://www.portal.fwasl.com/?p=11601</guid>
		<description><![CDATA[اتبع الخطوات البسيطة التالية لعمل نص زجاجى فى دقائق قليلة،  هى فقط بعض الطرق القديمة ولكن بشكل جديد وأنيق. 1. فتح عمل جديد. العرض 600 ، الارتفاع 340. 2. ضبط أداة التدرج Gradient Tool كما هو موضح أدناه : &#160; 3. تخصيص لون الخلفية كما هو مبين : 4. إنشاء Linear Gradient كخلفية. اسحب خط مستقيم من الزاوية العليا اليمنى للصورة إلى أسفل الزاوية اليسرى. &#160; 5. فتح صورة في برنامج فوتوشوب. 6. غير Blend Mode للصورة من Normal  إلى Hard Light. &#160; 7. حدد أداة ...]]></description>
				<content:encoded><![CDATA[<blockquote><p>اتبع الخطوات البسيطة التالية لعمل نص زجاجى فى دقائق قليلة،  هى فقط بعض الطرق القديمة ولكن بشكل جديد وأنيق.</p></blockquote>
<p>1. فتح عمل جديد. العرض 600 ، الارتفاع 340.</p>
<p>2. ضبط أداة التدرج <strong>Gradient</strong> <strong>Tool </strong>كما هو موضح أدناه :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text1.png"><img class="aligncenter size-full wp-image-11607" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text1.png" alt="" width="525" height="33" /></a></p>
<p>&nbsp;</p>
<p>3. تخصيص لون الخلفية كما هو مبين :</p>
<p>4. إنشاء <strong>Linear Gradient</strong> كخلفية. اسحب خط مستقيم من الزاوية العليا اليمنى للصورة إلى أسفل الزاوية اليسرى.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text2.png"><img class="aligncenter size-full wp-image-11608" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text2.png" alt="" width="600" height="340" /></a></p>
<p>&nbsp;</p>
<p>5. فتح صورة في برنامج فوتوشوب.</p>
<p>6. غير <strong>Blend Mode</strong> للصورة من <strong>Normal</strong>  إلى <strong>Hard Light</strong>.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text3.png"><img class="aligncenter size-full wp-image-11609" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text3.png" alt="" width="600" height="340" /></a></p>
<p>&nbsp;</p>
<p>7. حدد أداة الفرشاة <strong>Brush Tool </strong>وافتح <strong>Assorted Brushes</strong>.</p>
<p>8. اختار فرشاة <strong>C<strong>oncentric circle Brush</strong></strong>.</p>
<p>إجراء التعديلات التالية على الفرشاة :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text4.png"><img class="aligncenter size-full wp-image-11610" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text4.png" alt="" width="601" height="340" /></a></p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text5.png"><img class="aligncenter size-full wp-image-11611" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text5.png" alt="" width="600" height="340" /></a></p>
<p>9. استخدام الفرشاة على الصورة الخاصة بك ، كيفما تشاء.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text6.png"><img class="aligncenter size-full wp-image-11612" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text6.png" alt="" width="600" height="340" /></a></p>
<p>&nbsp;</p>
<p>10. الآن إنشاء النص الخاص بك باستخدام اللون الرمادي. الخط هو ‘<strong>N-Gage</strong>.</p>
<p>مصدر الخط : http://www.dafont.com</p>
<p>11. اكتب <strong>SOBER</strong>.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text7.png"><img class="aligncenter size-full wp-image-11613" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text7.png" alt="" width="600" height="340" /></a></p>
<p>&nbsp;</p>
<p>12.اضغط دبل كليك فوق طبقة <strong>SOBER</strong> لفتح layer style.</p>
<p>إجراء التغييرات التالية :</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text8.png"><img class="aligncenter size-full wp-image-11614" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text8.png" alt="" width="600" height="340" /></a></p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text9.png"><img class="aligncenter size-full wp-image-11615" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text9.png" alt="" width="600" height="340" /></a><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text10.png"><img class="aligncenter size-full wp-image-11616" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text10.png" alt="" width="600" height="340" /></a></p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text11.png"><img class="aligncenter size-full wp-image-11617" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text11.png" alt="" width="600" height="340" /></a></p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text12.png"><img class="aligncenter size-full wp-image-11618" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text12.png" alt="" width="600" height="340" /></a></p>
<div>
<div>
<div dir="rtl"></div>
<div dir="rtl">13. اضغط على CTRL وانقر على صورة الطبقة المصغرة.</div>
<div dir="rtl">
<p>وبذلك سوف يتحدد النص.</p>
<p>14. انتقل إلى قائمة  <strong>Select</strong> &gt; <strong>Modify</strong> &gt; <strong>Contract.</strong></p>
</div>
<div dir="rtl">15. اكتب 2 بكسل بمربع <strong>Contract by.</strong></div>
<div dir="rtl"><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text13.png"><img class="aligncenter size-full wp-image-11619" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text13.png" alt="" width="601" height="340" /></a></div>
<div dir="rtl"></div>
</div>
<div>
<div></div>
<div>
<div> 16. انشاء طبقة جديدة.17. املأ هذا التحديد مع لون رمادي.</p>
<p>18. غير <strong>Blend Mode</strong> من  <strong>Normal</strong> إلى <strong>Soft Light</strong>.</p>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text14.png"><img class="aligncenter size-full wp-image-11620" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text14.png" alt="" width="600" height="340" /></a></div>
</div>
</div>
<div></div>
<div>(الآن إلغاء التحديد)19. عين الألوان الأمامية والخلفية بألوان الأخضر الفاتح والغامق على التوالي.</p>
<p>20. انتقل إلى قائمة  <strong>Filter </strong>&gt;<strong> Pixelate</strong> &gt;<strong> Mezzotint.</strong></p>
</div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text15.png"><img class="aligncenter size-full wp-image-11621" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text15.png" alt="" width="600" height="340" /></a></div>
<div></div>
</div>
<div></div>
<div>21. مرة أخرى من قائمة  <strong>Filter</strong> &gt; <strong>Pixelate</strong> &gt; <strong>Mosaic.</strong></div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text16.png"><img class="aligncenter size-full wp-image-11622" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text16.png" alt="" width="600" height="340" /></a></div>
<div></div>
<div></div>
<div>22. ومن <strong>Filter </strong>&gt;<strong>Texture</strong> &gt; <strong>Stained Glass.</strong></div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text17.png"><img class="aligncenter size-full wp-image-11623" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text17.png" alt="" width="600" height="340" /></a></div>
<div></div>
<div></div>
<div>23. وأخيرا من قائمة  <strong>Filter </strong>&gt;<strong>Texture</strong> &gt; <strong>Patchwork.</strong></div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text18.png"><img class="aligncenter size-full wp-image-11624" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text18.png" alt="" width="600" height="340" /></a></div>
<div></div>
<div></div>
<div>- الصورة النهائية.</div>
<div></div>
<div><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text19.jpg"><img class="aligncenter size-full wp-image-11625" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Text19.jpg" alt="" width="600" height="340" /></a></div>
<div></div>
<div></div>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%ae%d8%b7%d9%88%d8%a7%d8%aa-%d8%b9%d9%85%d9%84-%d9%86%d8%b5-%d8%b2%d8%ac%d8%a7%d8%ac%d9%89/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>تأثيرات نسيج مختلفة</title>
		<link>http://portal.fwasl.com/%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1%d8%a7%d8%aa-%d9%86%d8%b3%d9%8a%d8%ac-%d9%85%d8%ae%d8%aa%d9%84%d9%81%d8%a9/</link>
		<comments>http://portal.fwasl.com/%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1%d8%a7%d8%aa-%d9%86%d8%b3%d9%8a%d8%ac-%d9%85%d8%ae%d8%aa%d9%84%d9%81%d8%a9/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 13:12:14 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[مؤثرات النصوص و الصور]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[Canvas]]></category>
		<category><![CDATA[texture]]></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=11555</guid>
		<description><![CDATA[تأثير القماش Canvas Texture - فتح الصورة فى ملف العمل من قائمة  File&#62;Open واختار الصورة. - انتقل لقائمة Filter&#62;Texture&#62;Texturizer. - من نافذة Texturiser اختر القيم التالية :  Texturizer Texture &#8211; Canvas Scaling &#8211; 75% Relief &#8211; 9  Light &#8211; top - ثم اضغط موافق &#160; تأثير زجاجى Glass Texture - فتح الصورة فى ملف العمل من قائمة  File&#62;Open واختار الصورة. - ...]]></description>
				<content:encoded><![CDATA[<div id="attachment_11557" style="width: 194px" class="wp-caption alignleft"><a href="http://www.portal.fwasl.com/wp-content/uploads/Canvas-Texture.jpg"><img class="size-full wp-image-11557" src="http://www.portal.fwasl.com/wp-content/uploads/Canvas-Texture.jpg" alt="Canvas Texture" width="184" height="167" /></a><p class="wp-caption-text">Canvas Texture</p></div>
<h2>تأثير القماش Canvas Texture</h2>
<p>- فتح الصورة فى ملف العمل من قائمة  File&gt;Open واختار الصورة.</p>
<p>- انتقل لقائمة Filter&gt;Texture&gt;Texturizer.</p>
<p>- من نافذة Texturiser اختر القيم التالية :</p>
<ul>
<li> Texturizer</li>
</ul>
<ul>
<li>Texture &#8211; Canvas</li>
</ul>
<ul>
<li>Scaling &#8211; 75%</li>
</ul>
<ul>
<li>Relief &#8211; 9</li>
</ul>
<ul>
<li> Light &#8211; top</li>
</ul>
<p>- ثم اضغط موافق</p>
<p>&nbsp;</p>
<div id="attachment_11558" style="width: 194px" class="wp-caption alignleft"><a href="http://www.portal.fwasl.com/wp-content/uploads/Glass-Texture.jpg"><img class="size-full wp-image-11558" src="http://www.portal.fwasl.com/wp-content/uploads/Glass-Texture.jpg" alt="Glass Texture" width="184" height="167" /></a><p class="wp-caption-text">Glass Texture</p></div>
<h2>تأثير زجاجى Glass Texture</h2>
<p>- فتح الصورة فى ملف العمل من قائمة  File&gt;Open واختار الصورة.</p>
<p>- من قائمة  Filter&gt;Distort&gt; Glass.</p>
<p>- من نافذة  Glass properties اختار الإعدادات التالية :</p>
<ul>
<li>Glass</li>
</ul>
<ul>
<li>Distortion &#8211; 9</li>
</ul>
<ul>
<li>Smoothness &#8211; 4</li>
</ul>
<ul>
<li>Texture &#8211; Canvas</li>
</ul>
<ul>
<li>Scaling - 100%</li>
</ul>
<p>&nbsp;</p>
<p>- اضغط على OK وتحقق من النتيجة.</p>
<p>&nbsp;</p>
<div id="attachment_11556" style="width: 210px" class="wp-caption alignleft"><a href="http://www.portal.fwasl.com/wp-content/uploads/3D-Pyramid-Texture.jpg"><img class="size-full wp-image-11556" src="http://www.portal.fwasl.com/wp-content/uploads/3D-Pyramid-Texture.jpg" alt="3D Pyramid Texture" width="200" height="181" /></a><p class="wp-caption-text">3D Pyramid Texture</p></div>
<h2>نسيج 3D هرمى  3D Pyramid</h2>
<p>- فتح الصورة فى ملف العمل من قائمة  File&gt;Open واستعرض الصورة التي تريد فتحها.</p>
<p>- انتقل لقائمة  Filter&gt;Stylize&gt;Extrude.</p>
<p>- من نافذة Extrude اختار الإعدادات التالية :</p>
<ul>
<li>Type &#8211; pyramids</li>
</ul>
<ul>
<li> Size &#8211; 15</li>
</ul>
<ul>
<li>Depth &#8211; 15</li>
</ul>
<ul>
<li>اختار  Level Based</li>
</ul>
<ul>
<li>نشط اختيار  Mask Incomplete Blocks.</li>
</ul>
<p>&nbsp;</p>
<div id="attachment_11560" style="width: 194px" class="wp-caption alignleft"><a href="http://www.portal.fwasl.com/wp-content/uploads/Tile-Effect.jpg"><img class="size-full wp-image-11560" src="http://www.portal.fwasl.com/wp-content/uploads/Tile-Effect.jpg" alt="Tile Effect" width="184" height="162" /></a><p class="wp-caption-text">Tile Effect</p></div>
<p>&nbsp;</p>
<h2>تأثير مربعات Tile Effect</h2>
<p>- فتح الصورة فى ملف العمل من قائمة  File&gt;Open واستعرض الصورة التي تريد تغيير تأثيرها.</p>
<p>- انتقل لقائمة Filter&gt;Stylize&gt; Tiles.</p>
<p>- من نافذة Tile غير الإعدادات كما يلي :</p>
<ul>
<li>Number of tiles &#8211; 5</li>
</ul>
<ul>
<li>Maximum offset &#8211; 5</li>
</ul>
<ul>
<li>اختار Background color.</li>
</ul>
<p>&nbsp;</p>
<p>وبهذا تكون صورتك النهائية.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1%d8%a7%d8%aa-%d9%86%d8%b3%d9%8a%d8%ac-%d9%85%d8%ae%d8%aa%d9%84%d9%81%d8%a9/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>تصميم بوستر تيبوجراف</title>
		<link>http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a8%d9%88%d8%b3%d8%aa%d8%b1-%d8%aa%d9%8a%d8%a8%d9%88%d8%ac%d8%b1%d8%a7%d9%81/</link>
		<comments>http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a8%d9%88%d8%b3%d8%aa%d8%b1-%d8%aa%d9%8a%d8%a8%d9%88%d8%ac%d8%b1%d8%a7%d9%81/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 12:02:51 +0000</pubDate>
		<dc:creator><![CDATA[eight]]></dc:creator>
				<category><![CDATA[فنون و ابداعات]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Poster]]></category>
		<category><![CDATA[typography]]></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=11516</guid>
		<description><![CDATA[في هذا الدرس سوف تتعلم كيفية إنشاء بوستر تيبوجراف مذهل في برنامج فوتوشوب. &#160; أدوات الدرس: فرش Universal Brushes فرش Grunge Brushes فرش Round Brushes صورة المودل نسيج الخلفية &#160; الخطوة 1 فتح عمل جديد مع العرض 2000 والارتفاع 1300 بيكسل. &#160; الخطوة 2 افتح  weathered texture من أعلى والصقه في ملف العمل. &#160; خطوة 3 الآن لجعل الخلفية تأخذ قليلا اللون البني الداكن. من قائمة Image&#62; Adjustments&#62; Hue ...]]></description>
				<content:encoded><![CDATA[<p>في هذا الدرس سوف تتعلم كيفية إنشاء بوستر تيبوجراف مذهل في برنامج فوتوشوب.</p>
<p>&nbsp;</p>
<p><strong>أدوات الدرس:</strong></p>
<p><a href="http://brushsoulz.com/universal-brushes-by-xavier" target="_blank">فرش Universal Brushes</a></p>
<p><a href="http://websoulz.com/super-grunge-brush-set-by-websoulz/" target="_blank">فرش Grunge Brushes</a></p>
<p><a href="http://www.brusheezy.com/Brushes/13853-Circle-Brush-Pack" target="_blank">فرش Round Brushes</a></p>
<p><a href="http://katanaz-stock.deviantart.com/art/Male-Stock-8-69077112?q=gallery%3Akatanaz-stock%2F222757&amp;qo=167" target="_blank">صورة المودل</a></p>
<p><a href="http://greyghostxxx.deviantart.com/art/Weathered-Texture-62760214" target="_blank">نسيج الخلفية</a></p>
<p>&nbsp;</p>
<h2>الخطوة 1</h2>
<p>فتح عمل جديد مع العرض 2000 والارتفاع 1300 بيكسل.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster1.jpg"><img class="aligncenter size-full wp-image-11529" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster1.jpg" alt="" width="531" height="334" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 2</h2>
<p>افتح  weathered texture من أعلى والصقه في ملف العمل.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster2.jpg"><img class="aligncenter size-full wp-image-11530" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster2.jpg" alt="" width="637" height="420" /></a></p>
<p>&nbsp;</p>
<h2>خطوة 3</h2>
<p>الآن لجعل الخلفية تأخذ قليلا اللون البني الداكن. من قائمة Image&gt; Adjustments&gt; Hue / Saturation واختر الاعدادات الآتية:</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster3.jpg"><img class="aligncenter size-full wp-image-11531" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster3.jpg" alt="" width="639" height="423" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 4</h2>
<p>افتح الآن صورة المودل وحددها باستخدام أداة القلم.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster4.jpg"><img class="aligncenter size-full wp-image-11532" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster4.jpg" alt="" width="428" height="529" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 5</h2>
<p>الآن لصق الصورة فى ملف العمل. ثم أضف قليلا من dark shadow.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster5.jpg"><img class="aligncenter size-full wp-image-11533" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster5.jpg" alt="" width="637" height="425" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 6</h2>
<ul>
<li>إنشاء طبقة جديدة، لهذا انتقل لقائمة Layer&gt; New&gt; Layer.</li>
</ul>
<ul>
<li>حدد فرشاة مستديرة ناعمة مع اللون # 0c0806.</li>
</ul>
<ul>
<li>الآن استخدام الفرشاة تقريبا حول الحواف.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster6.jpg"><img class="aligncenter size-full wp-image-11534" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster6.jpg" alt="" width="638" height="424" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 7</h2>
<p>قلل opacity الى 65 ٪.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster7.jpg"><img class="aligncenter size-full wp-image-11535" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster7.jpg" alt="" width="637" height="425" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 8</h2>
<ul>
<li>اختر الآن أداة الممحاة eraser tool وواحدة من فرش Universal brushes بأدوات الدرس.</li>
</ul>
<ul>
<li>استخدام الفرشاة على الجانب الأيسر من الصورة.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster8.jpg"><img class="aligncenter size-full wp-image-11536" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster8.jpg" alt="" width="637" height="425" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 9</h2>
<ul>
<li>اختر أداة النص Text Tool.</li>
</ul>
<ul>
<li>إضافة النص بشكل عشوائي بألوان مختلفة.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster9.jpg"><img class="aligncenter size-full wp-image-11537" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster9.jpg" alt="" width="636" height="426" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 10</h2>
<p>الآن قلل opacity لطبقة النص إلى 10 ٪.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster10.jpg"><img class="aligncenter size-full wp-image-11538" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster10.jpg" alt="" width="637" height="425" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 11</h2>
<p>حدد أداة النص مرة أخرى وإضافة بعض النصوص ، يمكن أن تكتب ما تريد. استخدم النص في مختلف الأحجام والألوان.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster11.jpg"><img class="aligncenter size-full wp-image-11539" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster11.jpg" alt="" width="630" height="420" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 12</h2>
<p>كرر العملية ذاتها ، وإضافة المزيد من النصوص باستخدام خطوط مختلفة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster12.jpg"><img class="aligncenter size-full wp-image-11540" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster12.jpg" alt="" width="634" height="421" /></a></p>
<p>&nbsp;</p>
<h2> الخطوة 13</h2>
<ul>
<li>انشاء طبقة جديدة ثم حدد بعض الفرش  Grunge brushes بالأعلى.</li>
</ul>
<ul>
<li>استخدمها بشكل عشوائي مع اللون #000000.</li>
</ul>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster13.jpg"><img class="aligncenter size-full wp-image-11541" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster13.jpg" alt="" width="631" height="423" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 14</h2>
<p>الآن حدد فرش round brushes &#8220;من أدوات الدرس&#8221; واستخدمها مع الوان # 631600 و # ffffff.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster14.jpg"><img class="aligncenter size-full wp-image-11542" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster14.jpg" alt="" width="632" height="421" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 15</h2>
<p>الآن غير blending mode للاير الى Soft Light.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster15.jpg"><img class="aligncenter size-full wp-image-11543" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster15.jpg" alt="" width="633" height="422" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 16</h2>
<p>اختر أداة النص وأضف النص الرئيسي على الجانب الأيمن.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster16.jpg"><img class="aligncenter size-full wp-image-11544" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster16.jpg" alt="" width="632" height="419" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 17</h2>
<p>اختر أداة Polygonal lasso وارسم مثلث. املأه مع اللون #91714e.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster17.jpg"><img class="aligncenter size-full wp-image-11545" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster17.jpg" alt="" width="633" height="420" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 18</h2>
<p>الآن أضف بعض النصوص داخل المثلث باستخدام ألوان مختلفة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster18.jpg"><img class="aligncenter size-full wp-image-11546" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster18.jpg" alt="" width="633" height="422" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 19</h2>
<p>كرر نفس العملية، وارسم مزيد من المثلثات بألوان مختلفة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster19.jpg"><img class="aligncenter size-full wp-image-11547" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster19.jpg" alt="" width="632" height="420" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 20</h2>
<p>الآن, قلل opacity للمثلثات إلى 35 ٪.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster20.jpg"><img class="aligncenter size-full wp-image-11548" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster20.jpg" alt="" width="630" height="422" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 21</h2>
<p>كرر نفس العملية وأضف مثلثات متحركة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster21.jpg"><img class="aligncenter size-full wp-image-11549" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster21.jpg" alt="" width="634" height="420" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 22</h2>
<p>الآن اختر أداة النص وإضافة بعض النصوص، بأى مكان تفضله بالعمل.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster22.jpg"><img class="aligncenter size-full wp-image-11550" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster22.jpg" alt="" width="632" height="421" /></a></p>
<p>&nbsp;</p>
<h2>الخطوة 23</h2>
<p>الآن انتقل لقائمة Image&gt; Adjustments&gt; Brightness/Contrast. لجعل الصورة أكثر اضاءة.</p>
<p><a href="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster23.jpg"><img class="aligncenter size-full wp-image-11551" src="http://www.portal.fwasl.com/wp-content/uploads/Typography-Poster23.jpg" alt="" width="632" height="419" /></a></p>
<p>&nbsp;</p>
<p>الآن أصبح البوستر جاهز..</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%a8%d9%88%d8%b3%d8%aa%d8%b1-%d8%aa%d9%8a%d8%a8%d9%88%d8%ac%d8%b1%d8%a7%d9%81/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
