<?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; ويب 2</title>
	<atom:link href="http://portal.fwasl.com/tag/%d9%88%d9%8a%d8%a8-2/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>صمم أيقونات ويب 2 بالفوتوشوب</title>
		<link>http://portal.fwasl.com/%d8%b5%d9%85%d9%85-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%88%d9%8a%d8%a8-2-%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%b5%d9%85%d9%85-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%88%d9%8a%d8%a8-2-%d8%a8%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8/#comments</comments>
		<pubDate>Tue, 27 Sep 2011 12:08:02 +0000</pubDate>
		<dc:creator><![CDATA[هاوية]]></dc:creator>
				<category><![CDATA[عالم الفوتوشوب]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[أيقونات]]></category>
		<category><![CDATA[بالفوتوشوب]]></category>
		<category><![CDATA[برنامج الفوتوشوب]]></category>
		<category><![CDATA[تصميم]]></category>
		<category><![CDATA[صمم]]></category>
		<category><![CDATA[ويب 2]]></category>

		<guid isPermaLink="false">http://graphics.portal.fwasl.com/?p=1777</guid>
		<description><![CDATA[تحتاج للأيقونات عند تصميمك موقع ما . وبعد تقنية web 2  أصبح استخدام الملصقات و3D شائع للغاية. وفى درسنا اليوم سأوضح لكم كيف تصمم تأثير 3D بمنتهى السهولة يمكنك استخدامه إما على زر أو أيقونة أو حتى على بعض العناصر التى تحتاج إلى عمق فى التصميم. الخطوة الأولى : قم بإنشاء مستند جديد واختر أداة ...]]></description>
				<content:encoded><![CDATA[<p>تحتاج للأيقونات عند تصميمك موقع ما . وبعد تقنية web 2  أصبح استخدام الملصقات و3D شائع للغاية. وفى درسنا اليوم سأوضح لكم كيف تصمم تأثير 3D بمنتهى السهولة يمكنك استخدامه إما على زر أو أيقونة أو حتى على بعض العناصر التى تحتاج إلى عمق فى التصميم.</p>
<h3>الخطوة الأولى :</h3>
<p>قم بإنشاء مستند جديد واختر أداة ( Ellipse Tool ( U لا يهم اللون الذى ستختاره الآن لأننا سوف نغيره لاحقا بإستخدام استايلات الطبقة  Layer Styles .</p>
<div id="attachment_1780" style="width: 310px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s1.jpg"><img class="size-medium wp-image-1780" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s1-300x279.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="300" height="279" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>الخطوة الثانية :</h3>
<p>انقر مرتين على طبقة الشكل البيضاوى لفتح نافذة  Layer Styles . ثم اختر  Gradient Overlay ثم استخدم ظل أزرق وخفيف</p>
<p>من خيار Gradient  كما هو موضح بالأسفل. فيما يخص style  اختر Radial . ثم أضف الآن Bevel  و Emboss كما هو موضح بالصورة بالأسفل.</p>
<p><span style="text-decoration: underline;"><em><strong>ملحوظة</strong></em></span> : عليك برفع مؤشر <em> radial gradient </em>قليلا لأعلى الدائرة .</p>
<div id="attachment_1781" style="width: 136px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s2.jpg"><img class="size-medium wp-image-1781" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s2-126x300.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="126" height="300" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>الخطوة الثالثة :</h3>
<p>قم بنسخ طبقة الدائرة وأعد ضبط حجمها لتكون أصغر قليلا.</p>
<div id="attachment_1782" style="width: 276px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s3.jpg"><img class="size-medium wp-image-1782" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s3-266x300.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="266" height="300" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>الخطوة الرابعة :</h3>
<p>قم بالنقر مرتين على الطبقة التى قمنا بإنشائها حديثا لفتح نافذة Layer Styles . الغى اختيار كل التأثيرات السابقة من ( Bevel  و Emboss  و  Gradient Overlay ). والآن اختر Stroke  وفيما يخص خيار Fill Type اختر Gradient . وبالنسبة للألوان اختر الأبيض لكلا نهايتى التدرج وغير معدل opacity  حتى 0 % للبداية و100 % بالنسبة للنهاية.</p>
<div id="attachment_1783" style="width: 230px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s4.jpg"><img class="size-medium wp-image-1783" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s4-220x300.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="220" height="300" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>الخطوة الخامسة :</h3>
<p>اختر( Horizontal Type Tool ( T وقم بإنشاء طبقة للنص. وتأكد من أن تكون هذه الطبقة فى الأعلى. والآن افتح صندوق  Layer Styles وعدل  Color Overlay إلى اللون الأبيض ، واختر الظل الداخلى  Inner Shadow واستخدم الاعدادات الموضحة بالأسفل &#8230;</p>
<div id="attachment_1784" style="width: 106px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s5.jpg"><img class="size-medium wp-image-1784" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s5-96x300.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="96" height="300" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>الخطوة السادسة :</h3>
<p>قم بجمع الطبقات الثلاث هذه فى مجموعة واحدة وسمها Blue Circle .</p>
<p>&nbsp;</p>
<h3>الخطوة السابعة :</h3>
<p>اختر أداة( Polygon Tool ( U وغير قليلا فى بعض الاعدادات كما هو موضح بالصورة بالأسفل لخلق ملصق على هيئة نجمة . قم بنسخ هذه الطبقة وأعد ضبط حجمها كما فعلنا مسبقا بالخطوة الثالثة .</p>
<p>قم بنسخ اعدادات  layer styles الخاصة بالأيقونة السابقة والصقها هنا بدلا من عملها مرة أخرى. ولعمل هذا اتبع الآتى:</p>
<p>قف على الطبقة المراد نسخ اعدات الاستايل بها وانقر كليك يمين ثم اختر Copy Layer Style .</p>
<p>ثم اذهب إلى الطبقة المراج الصاق هذه بها وانقر أيضا كليك يمين ليفتح لك خيار Paste Layer Styles .</p>
<p>ولكن الشىء الوحيد الذى عليك تغيير ه هو لون التدرج من Gradient Overlay .</p>
<div id="attachment_1785" style="width: 101px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s7.jpg"><img class="size-medium wp-image-1785" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s7-91x300.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="91" height="300" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
<h3>
فى النهاية &#8230;</h3>
<p>هذه هى واحدة من أسهل الطرق للحصول على أيقونات   3D . واليكم النتيجة .</p>
<div id="attachment_1786" style="width: 310px" class="wp-caption aligncenter"><a href="http://www.portal.fwasl.com/wp-content/uploads/icon_s8.jpg"><img class="size-medium wp-image-1786" title="صمم أيقونات ويب 2 بالفوتوشوب  " src="http://www.portal.fwasl.com/wp-content/uploads/icon_s8-300x228.jpg" alt="صمم أيقونات ويب 2 بالفوتوشوب  " width="300" height="228" /></a><p class="wp-caption-text">صمم أيقونات ويب 2 بالفوتوشوب</p></div>
]]></content:encoded>
			<wfw:commentRss>http://portal.fwasl.com/%d8%b5%d9%85%d9%85-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%88%d9%8a%d8%a8-2-%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>3</slash:comments>
		</item>
	</channel>
</rss>
