【□□□】 عمل إطار ثلاثي للصورة 【□□□】

[ريشة خير]

https://up99.com/upfiles/png_files/ZA218583.png
https://up99.com/upfiles/png_files/Jai81847.png

وبعد التحيّة إخوتي وكما هو موضح في الصورة

أقدم لكم اليوم [ درس كيفية عمل الإطار الثلاثي للصورة ]

تفضلوا هنا لمشاهدة الدرس (https://www.youtube.com/watch?v=2ah0dG1o4eE)

كل الشكر بعد الله لأخي الزعيم الأول على دعمه وإعانته

وتمنياتي لكم بالفائدة وكل التوفيق


https://up99.com/upfiles/png_files/twm18583.png


الملحق بدون تحميـــــــل



https://im41.gulfup.com/bIJD6.png

[الزعيم الأول]

درس رائع جدّا أختي بسمة
بارك الله فيك و جزاك كلّ خير .
################
يُثبت الموضوع لمدّة شهرين
################

[رقيــق]

بارك الله فيك درس مميز ويسحق التثبيت
بالتوفيق ان شاء الله

[ريشة خير]

درس رائع جدّا أختي بسمة
بارك الله فيك و جزاك كلّ خير .
################
يُثبت الموضوع لمدّة شهرين
################

وكل الشكر على مروركم الأروع أخي الزعيم
بارك الله فيك وجزاك عنا كل خير

[ريشة خير]

بارك الله فيك درس مميز ويسحق التثبيت
بالتوفيق ان شاء الله
بوركت أخي الشريف وتستحق كل التقدير
وفقك الله أيضًا وجزاك كل خير أخي

[كلمة مني]

وعليكم السلام ورحمة الله وبركاته
صديقتي بسمة درس رائع بارك الله فيك وجزاك الله كل خير
حاليا الفوتوشوب غير مثبت في جهازي:confused: لكنت طبقت الدرس وأعطيتني رأيك وتقييمك:)
شكرا لك مجددا على مجهودك .

[ريشة خير]

مرحى بأحلى كلمة
يسّر الله أمرك يا غالية
وبانتظارك موفقة إن شاء الله
دمت بالقرب

[دكتورة بإذن الله]

درس رائع بارك الله فيك اختي بسومة
و ربي يحفظك دوما
لك مني اجمل تحية

[ريشة خير]

أشرقت الصفحة بإطلالتك أخيتي الغالية
بارك الله فيك ورضي عنا وعنك
ولك من القلب التحيّة وصادق الدعوات

[selmiomar]

http://download.chatalkhaleej.com/uploads/13723763651.gif

[ريشة خير]

أسعدني مرورك الجميل أخي
وفقك الله وأنار دربك
ولا تحرمنا إبداعك
http://up99.com/upfiles/png_files/M9u15091.png

[نميرة 08]

درس رآئع ,,
جزاك الله خيرا أختي بسمة :)

[ريشة خير]

ربي يحفظك نميرة
شكرا لمرورك العطر

[كلمة مني]

وعليكم السلام ورحمة الله وبركاته
هذا تطبيقي أختي بسمة وبصراحة كان التطبيق صعب شوي:o
وخاصة الظل في الأطراف ، تقييمك لي .
http://im36.gulfup.com/iqilu.png

[ريشة خير]

حياك الله أحلى كلمة

صراحة عودة قويّة تبارك الله
بارك الله فيك
5/5 حق ينسيك الجهد :)
وفقك الله على الدوام

[chicou]

بارك الله فيك
درس مميز
***********
بالتوفيق

[Abdou guipho]

مشكور على الجهد واصل

[adam17]

بارك الله فيك

[ريشة خير]

بارك الله فيك
درس مميز
***********
بالتوفيق

وبارك فيك وحفظك أخي شيكو
جزيت خيرًا على الرد المشجع
بالتوفيق لك

[ريشة خير]

مشكور على الجهد واصل
جزاك الله خيرًا أخي
بالتوفيق لك

[ريشة خير]

بارك الله فيك

وفيك بارك الله وجزاك كل خير

[.صفاء.]

باركـ الله فيكـ
يظهر انه درس ممتاز و النتيجة مذهلة

أنا أقوم بتحميل الفيديو الآن ، إذا نجحت فيه سأعطيك تطبيقي

[.صفاء.]

الان فقط اكملت الدرس و قد وجدت صعوبة في تطبيقة

لا اعلم ان كانت هذه هي النتيجة المطلوبة :

http://im34.gulfup.com/RQqC7.png

لدي مشكل على مستوى تظليل الحواف عبر التعبئة
و لم استطع رؤية قيم القياسات من الفيديو بشكل واضح
في آخر مرحلة خانتني حافة الصورة ( القط اقصى اليسار )
سأعمل على كتابة تطبيقي لدرسك بالتفصيل في موضوع جديد بشكل مصور ( عبر برنامج cs6 )
و ان شاء الله تكون النتيجة افضل من هذه التي وضعتها اليوم

[.صفاء.]

السلام عليكم و رحمة الله تعالى و بركاته

اليوم سأقدم تطبيقي لدرس الأخت ريشة خير و الخاص بـ عمل إطار ثلاثي لصورة


***ملاحظة*** :
هذا تطبيقي و ليس درس ، و فيه عدة أخطاء أرجو تصحيحها لي إن أمكن لتكون النتيجة أفضل :


في حال لم تظهر كل الصور هذا هو تطبيقي على شكل pdf

http://www.mediafire.com/?qcf6oag2lre82bl
http://im40.gulfup.com/0R0L7.png

خطوات العمل :


المرحلة الأولى :

*** فتحت عمل جديد بالمقاس : 400*245 حيث الـ الخلفية بيضاء ***
*** أنشأت مربع يشمل كل العمل عبر الأداة :
rectangle Tool

http://im37.gulfup.com/sVG8B.png

ليظهر في نافذة اللاير على الشكل التالي :

http://im39.gulfup.com/IHRg7.png

ضغطت على لاير المربع بالزر الايمن للماوس و إخترت الأمر :
create clipping Mask

http://im41.gulfup.com/Ge9xK.png

فظهر كالتالي :

http://im33.gulfup.com/d5Q5S.png



قمت بتحديد جزء من صفحة العمل عبر أداة التحديد http://im31.gulfup.com/Z0BWm.png

كما هو موضح في الصورة :
http://im38.gulfup.com/vjOSW.png

مع الابقاء على التحديد ، ننشأ لاير جديد

http://im38.gulfup.com/PEUO3.png

من القائمة Edit نختار الأمر stroke
http://im39.gulfup.com/okeCg.png


http://im32.gulfup.com/p3L9M.png

.........................................

نقوم بمضاعفة اللاير الاخير مرتين عبر ctrl+j او بالضغط على اللايرر بالزر الايمن للماوس و اختيار الأمر :
Duplicate Layer

http://im35.gulfup.com/nusLr.png

ليكون لنا :

http://im42.gulfup.com/NuU4R.png

نحرك كل مربع موجود في كل لاير بحيث يصبح لدينا الشكل التالي :

http://im40.gulfup.com/v5Gxe.png

و من ثم :

قُمت بعمل دوران بزواية صغيرة الى اليمين للمربع رقم 3
حيث اتبعت التالي :

ذهبت للاير 1 النسخة 2 و ضغطت على اداة التحديد
و من ثم اخترت free transform

http://im40.gulfup.com/E3X6A.png

و قمت بتحريكه للاسفل قليلا ليكون لي الشكل التالي :

http://im40.gulfup.com/fCTyq.png



ذهبت للاير 1
حددت الجزء بين المربع الاول و الثاني و قمت بقصه

ذهبت للاير 1 النسخة 2
حددت الجزء المشترك بين المربع الثاني و الثالث و قمت بقصه

http://im31.gulfup.com/KjeJ6.png

فنتج الشكل التالي :

http://im34.gulfup.com/sTFp5.png




المرحلة الثانية :

نضلل كل مربع و هذا بالضغط على اللاير الموافق عن طريق الزر الايمن للماوس و اختيار الامر
Blending Options

http://im42.gulfup.com/TDaqa.png

ثم نختار تظليل drop shadow و نضع القيم
distance ---1px
size ----1px :

http://im32.gulfup.com/MIRT2.png

ليكون لنا بعد التظليل:

http://im31.gulfup.com/x162S.png

نرجع الان لاير المربع رقم 3 خلف لاير المربع رقم 2 لتكون عمليتنا صحيحة

http://im32.gulfup.com/DAf40.png

نقوم بتشويه شكل زاوية المربع 2 لتظهر على انها مطوية و هذا عبر

نظغط على لاير المربع 2 و من القائمة Edit نختار الأمر
transform و ثم نضغط على Warp
http://im35.gulfup.com/UYWt9.png
فتكون النتيجة :
http://im42.gulfup.com/7FGHJ.png

المرحلة الثالثة :

دوما مع لاير المربع 2
نضغط على الاداة pen tool
http://im40.gulfup.com/ldry3.png

نحدد نقاط على الجزء المشوه و نصل بينها في الاخير كما في الشكل التالي :

http://im42.gulfup.com/oqbsf.png



نُحَوِلْ الجزء السابق الى تحديد نقطي عبر الضغط على selection

http://im34.gulfup.com/jxDg7.png

بعدها مباشرة تخرج لنا النافذة التالية حيث نكتفي بالضغط على OK بدون تغيير القيم:

http://im32.gulfup.com/REZai.png

http://im37.gulfup.com/61z7b.png

نضغط على اداة التعبئة
http://im36.gulfup.com/IZgH0.png

و من ثم نلون الجزء المحدد باللون الأَسود

نبقي دوما على التحديد

http://im41.gulfup.com/zLmGO.png

و نختار من قائمة الفتلرات ، الفلتر Guaussian Blur :

http://im33.gulfup.com/LLC9S.png


و اخترت القيمة 4 ثم ضغطت على OK :
http://im36.gulfup.com/7VAgF.png



ثم ننزع التحديد و نكرر نفس العملية مع المربع رقم 3 و 1 بنفس الخطوات لنتحصل على :

http://im36.gulfup.com/lck7x.png


المرحلة الثالثة :

نقوم بعمل اضافات بسيطة تحضيرا للصورة النهائية
مثلا أداة ماسكة الأوراق :

حملها من هنا (http://www.mediafire.com/download/gpsnlqost9udwq7/%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA_%D8%A7%D9%84% D8%AC%D9%84%D9%81%D8%A9.rar)

نفتح اضافتين منها فقط و ننسخهم و نضعهم في صفحة عملنا مع تصغير حجمهم

http://im34.gulfup.com/AFdzo.png


من ثم نثوم بإزالة العين على لاير الصفحة الابيض و اللاير الازرق لنترك الخلفية شفافة

ثم نذهب الى القائمة Layer و نختار Merge visible

http://im38.gulfup.com/L8SQ3.png

فنلاحظ انهم اندمجوا ضمن لاير واحد :

http://im39.gulfup.com/CkSS3.png


بعد كل هذا نأتي للخطوات النهائية :

نفتح الصورة التي نريد ان نضعها في الاطار :

أنا اخترت هذه

http://www.gulfup.com/?B0Dlnn

نقوم بوضع الصورة المختار خلف Layer 1
و من ثم نحدد الجزء المراد تحديده عبر pen tool مثل المرة السابقة

http://im38.gulfup.com/g4dUy.png

نقوم بقص الجزء المحدد و وضعه كـ لاير جديد

و من ثم نخفي لاير الصورة القديم

نحرك الجزء المقصوص حتى يتوافق مع الإطار

و من ثم نحفظ العمل بصيغة png لنكون قد تحصلنا عليه بالصيغة النهائية :

http://im40.gulfup.com/0R0L7.png

http://im40.gulfup.com/0R0L7.png

[ريشة خير]

الان فقط اكملت الدرس و قد وجدت صعوبة في تطبيقة

لا اعلم ان كانت هذه هي النتيجة المطلوبة :

http://im34.gulfup.com/rqqc7.png

لدي مشكل على مستوى تظليل الحواف عبر التعبئة
و لم استطع رؤية قيم القياسات من الفيديو بشكل واضح
في آخر مرحلة خانتني حافة الصورة ( القط اقصى اليسار )
سأعمل على كتابة تطبيقي لدرسك بالتفصيل في موضوع جديد بشكل مصور ( عبر برنامج cs6 )
و ان شاء الله تكون النتيجة افضل من هذه التي وضعتها اليوم
ربي يوفق أميرة
فقط قيمة التظليل خليها 1-1
بانتظارك يا غالية

[.صفاء.]

أرجو التصحيح

[.صفاء.]

ربي يوفق أميرة
فقط قيمة التظليل خليها 1-1
بانتظارك يا غالية



بعد يوم كامل ها هو تطبيقي بالتفصيل

http://www.djelfa.info/vb/images/misc/tag.png -/- تطبيقي لعمل إطار ثلاثي لصورة -/- (http://www.djelfa.info/vb/showthread.php?t=1374767)

[ريشة خير]

سلمت أناملك يا غالية
عذرًا على التأخر

[ريشة خير]

بارك الله فيك أختي الحبيبة ووفقك
أعذري تأخري وتقصيري لا تتصورين فضاعة التصفح معي :(
جهد يستحق التقدير
وفقت في أغلب مراحله
بقيت لي ملاحظات
بالنسبة للمرحلة الأولى كان من الأسهل عليك استعمال مربع التحديد مباشرة
ومن الأفضل أن يكون أكبر قليلا في الحجم
حد الإطار هو بقيمة 8 ومحله inside
الظل الأخير تختاري كما في الصورة القيمة 2 لـ Gaussian blur
وتخفضي من opacity اللير الخاص به إلى 50
كذلك بعد القص يبدو قليل من الصورة يظهر على الحواف لذلك حركيها مرة إلى الأسفل

أرجو أن أكون قد وفقت وأفدت

ونتيجة جميلة حقا بوركت يا غالية ووفقك الله دوما

[أَمِـيِنْ}رَاآدْكّــِليِفْـﮧ!]

دقة كبيرة في تطبيق الدرس
بآرك الله فيك أختي

وفقك الله ..

[.صفاء.]

بارك الله فيك أختي الحبيبة ووفقك
أعذري تأخري وتقصيري لا تتصورين فضاعة التصفح معي :(
جهد يستحق التقدير
وفقت في أغلب مراحله
بقيت لي ملاحظات
بالنسبة للمرحلة الأولى كان من الأسهل عليك استعمال مربع التحديد مباشرة
ومن الأفضل أن يكون أكبر قليلا في الحجم
حد الإطار هو بقيمة 8 ومحله inside
الظل الأخير تختاري كما في الصورة القيمة 2 لـ gaussian blur
وتخفضي من opacity اللير الخاص به إلى 50
كذلك بعد القص يبدو قليل من الصورة يظهر على الحواف لذلك حركيها مرة إلى الأسفل

أرجو أن أكون قد وفقت وأفدت

ونتيجة جميلة حقا بوركت يا غالية ووفقك الله دوما



بارك الله فيكـ اختي الغالية ريشة خير على ملاحظاتك القيمة فهذا ما كنت احتاج اليه منذ البداية
سأعمل على اخذها بعين الاعتبار لتحسين النتيجة في كل مرة
جزاك الله كل خير

[.صفاء.]

دقة كبيرة في تطبيق الدرس
بآرك الله فيك أختي

وفقك الله ..


و فيكـ بارك الله أخي الكريم
حرصت ان اذكر كل المراحل لكي استفيد من ملاحظات الاخوة بشأن اخطائي

[كلمة مني]

وعليكم السلام ورحمة الله وبركاته
بارك الله فيك على هذا الدرس والتطبيق احسنت
بالتوفيق لك .

[رزان.]

وعليكم السّلام ورحمة الله و بركاته

بارك الله فيك أختي
جهد يستحق التّقدير
في انتظار جديدك

[.صفاء.]

وعليكم السلام ورحمة الله وبركاته
بارك الله فيك على هذا الدرس والتطبيق احسنت
بالتوفيق لك .
و فيك بارك الله صديقتي الغالية ، شكرا لمشاهدتك لتطبيقي

[.صفاء.]

وعليكم السّلام ورحمة الله و بركاته

بارك الله فيك أختي
جهد يستحق التّقدير
في انتظار جديدك



و فيك بارك الله
مشكورة اختي نور الهدى على التشجيع
انتِ في انتظار جديدي و انا في انتظار تشجيعك دوما

[الزعيم الأول]

بارك الله فيك أختي الكريمة
تطبيق رائع و جميل و إهتمام مميّز منك
أتمنى لكِ التوفيق دائما

[الزعيم الأول]

بارك الله فيك على الدرس تعلمت منه الكثير
جزاك الله كلّ خير هذا تطبيقي بدون الحلقات
فقد بحثت و لم أجد

http://imageshack.us/a/img849/5627/8luo.png

الصورة الأصلية .

http://imageshack.us/a/img832/8118/4b0l.png

[.صفاء.]

بارك الله فيك على الدرس تعلمت منه الكثير
جزاك الله كلّ خير هذا تطبيقي بدون الحلقات
فقد بحثت و لم أجد

http://imageshack.us/a/img849/5627/8luo.png

الصورة الأصلية .

http://imageshack.us/a/img832/8118/4b0l.png



تطبيقك مميز الاخ الزعيم
بالنسبة للحلقات فقد رفعتها في موضوع تطبيقي على الميديافاير

[ريشة خير]

بارك الله فيك على الدرس تعلمت منه الكثير
جزاك الله كلّ خير هذا تطبيقي بدون الحلقات
فقد بحثت و لم أجد

http://imageshack.us/a/img849/5627/8luo.png

الصورة الأصلية .

http://imageshack.us/a/img832/8118/4b0l.png


ما شاء الله عليك زعيمنا
تصميم ممتاز وتطبيق متقن
بارك الله فيك
تمّ التعديل على الموضوع أخي بإرفاق الملحق الذي غفلت عليه
وفقك الله

[الزعيم الأول]

ألف شكر على الملحقات ، أختي أميرة التفاؤل (http://www.djelfa.info/vb/member.php?u=326279) لاحظت أنّ الظل فوق
الإطارات و لو بنسبة خفيفة عندك ، لذا لتفادي
هذا الخطأ ، قبل تلوين التحديد أضيفي طبقة جديدة
تحت طبقة الإيطار الذي تريدين تظليله ، و تأكدي
أن تكوني محافظة على التحديد و أنتِ على الطبقة الجديدة عند التلوين
هكذا يكون عندك الظل في طبقة مستقلة مرنة في التحريك
و نقلها بين الطبقات ممكن و سهل ، و عند وضعها تحت الإطار
هكذا يكون الظل تحت الإيطار بشكل مقبول و جميل...
أتمنى لك كلّ التوفيق بإذن الله .

[الزعيم الأول]

تطبيقك مميز الاخ الزعيم
بالنسبة للحلقات فقد رفعتها في موضوع تطبيقي على الميديافاير

ما شاء الله عليك زعيمنا
تصميم ممتاز وتطبيق متقن
بارك الله فيك
تمّ التعديل على الموضوع أخي بإرفاق الملحق الذي غفلت عليه
وفقك الله

جزاكما الله كلّ خير أختيّ الكريمتين
هذا التطبيق مع الملحق

http://img545.imageshack.us/img545/1379/j2n6.png

[إكرام ملاك]

السلام عليكم

درس جميل وراائع لي عودة بتطبيقي

[.صفاء.]

السلام عليكم

درس جميل وراائع لي عودة بتطبيقي


و عليكم السلام و رحمة الله تعالى و بركاته

سررت بردك اختي اكرام و كلي شوق لرؤية تطبيقك

[إكرام ملاك]

http://im40.gulfup.com/DSwhU.jpg

[omarsky]

شرح رائع ... و نتيجة اروع ...

[.صفاء.]

http://im40.gulfup.com/dswhu.jpg

تطبيق متميز بارك الله فيك اختي

اعجبتني الصورة التي اخترتها كثيرا و قد وُفقتِ في التطبيق
الخلفية البيضاء جميلة لكن لو كانت شفافة تكون اجمل

[CHAWKIALGERIE]

بآرك الله فيك أختي

[ريشة خير]

السلام عليكم

سلمت أناملك أختي إكرام

تطبيق جميل
بالنسبة للخلفية البيضاء يمكنك إخفاء العين عليها عند الحفظ
والإطار يمكن أن يكون بلون فاتح أفضل
بالنسبة للملحق لو يوضع فوق التصميم ليظهر كاملا
الصورة جميلة فقط لأنها صغيرة لم تظهر جيدا

هل اتبعتي الخطوات في الفيديو؟

بارك الله فيك

[إكرام ملاك]

السلام عليكم

تصميمي بعد التعديل

http://im39.gulfup.com/W7yxt.jpg

[ريشة خير]

بارك الله فيك أختي
الآن صار ممتاز

################
عُذرا منكم بدمج التطبيقات ضمن الدرس الأصلي
################

[*الامبراطورة*]

بارك الله فيك