درس & كيف تصنع تصميما خارج الإطار " خلفية تصميم شفافة" &

السلام عليكم^^"

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

يوجد طرق كثيرة لعمل هذا النوع من التصاميم
لكن انا استخدم طريقة معينة، يمكن يكون في اسهل منها O.o
لكن على كل حال هي طريقة
المهم في الموضوع ان صيغة التصميم سكون JPGE وليس GIF
لأن صيغة GIF تقلل جودة التصاميم غالبا لذلك هذه الطريقة ستمكن من عمل تصميم شفاف بجودة عالية^^

&..البداية..&

المبدأ سهل للغاية ^.~
ببساطة نعمل على خلفية واسعة لها لون الخلفية التي نريدها
مثال: عمل تصميم بهذه الصورة

http://img12.picsplace.to/img12/1/tu1__8_.jpg

سبق ان عملت فيها تصميم شبه شفاف
سأعيد العمل مرة اخرى لتكون خارج الإطار تماما


&.. الخطوات..&

1- حضر خلفية عمل واسعة، بحيث تكون على الأقل ضعفي حجم التصميم المراد عمله
2- اسحب الصورة بعد قصها للخلفية التي حضرتها، وابدأ التخطيط: كيف تريد ان يكون التصميم؟ كم يجب ان تكون الصورة خارج الإطار؟ وماهو الحجم المطلوب، وهكذا

http://img12.picsplace.to/img12/1/tu1.jpg

3- بعد تحديد كل هذه الأمور، ابدأ العمل بالشكل التالي: حضر خلفية تصميمك كما تريدها، اما باستخدام فرش او اشكال او الوان


http://img12.picsplace.to/img12/1/tu1__1_.jpg

4- عند الانتهاء تماما من الخلفية وجميع تأثيرات التصميم المطلوبة، قم بقص الجزء المطلوب من الخلفية حسب الحجم الذي تريده لتصميمك، وهكذا تكون الصورة خارج الإطار، من الممكن استخدام الممحاة للقص، او باستخدام اداة التحديد، ثم Select Inverse ثم Delete

http://img12.picsplace.to/img12/1/tu1__2_.jpg

بعد الانتهاء من القص بإمكانك اضافة تأثيرات اضافية والغاء اخرى، كما يمكن استخدام فلاتر واضافة نصوص مثل اي تصميم عادي تماما

http://img12.picsplace.to/img12/1/tu1__3_.jpg

5- الخطوة الأخيرة وهي وضع لون الخلفية، هذه الخطوة تعتمد على المكان الذي تريد وضع التصميم فيه، ان كانت مثلا خلفية منتدى المنتدى اذن تضع خلفية بنفس لون المنتدى وهكذا

كيف تحصل على اللون الذي تريده؟
باستخدام اداة القطارة تستطيع ان تفعل ذلك
خذ جزء من صورة فيها لون الخلفية الذي تريده، واستخدم اداة القطارة لأخذ عينة من اللون

http://img12.picsplace.to/img12/1/tu1__4_.jpg

ثم قم بتغطية طبقة خلفية التصميم بهذا اللون


http://img12.picsplace.to/img12/1/tu1__5_.jpg


7- يبقى الآن التخلص من المساحة الزائدة عن التصميم، من خلال الأمر Trim
في لوحة التحكم اضغط Image ثم الخيار Trim، قم باختيار الخيار الثاني من النافذة

http://img12.picsplace.to/img12/1/tu1__6_.jpg

وهكذا يتم اتخلص من كل المساحة الزائدة في التصميم، وتحصل على صورة خارج الإطار^^

http://img12.picsplace.to/img12/1/tu1__7_.jpg

وبعد رفع الصورة ووضعها في المنتدى تظهر الصورة بهذا الشكل ^.~

http://img12.picsplace.to/img12/1/tu1__8_.jpg

&..نهاية الدرس..&
ان شاء الله يكون العمل سهل ^.~
وان كان لدى احدكم طرق اخرى ياريت يذكرها للإفادة^^
بانتظار تطبيقاتكم على الدرس^^"
بالتوفيق ^.~

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

تسلمى لورى على الدرس البسيط الرائع ^_^

اتمنى ان يستفيد منه الجميع

شوفى توقيعى اعتقد يصلح كتطبيق لهذا الدرس ^_^

بالتوفيق اختى

دمتم فى حفظ الله ورعايته،،

اقتباس:

---

المشاركة الأصلية كتبت بواسطة Royal Slayer

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

تسلمى لورى على الدرس البسيط الرائع ^_^

اتمنى ان يستفيد منه الجميع

شوفى توقيعى اعتقد يصلح كتطبيق لهذا الدرس ^_^

بالتوفيق اختى

دمتم فى حفظ الله ورعايته،،

---

وعليكم السلام والرحمة^^"
هلا رويال ^.~
هههههه صحيح والله :09: فعلا هو تطبيق لنفس الدرس
يلا نجوت من التطبيق اذن XD :09:
شكرا لك رويال، بالتوفيق لك ايضا ^.~

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

الف شكر حبيبتي عالدرس المبدع -^.-
و اذا ممكن هذا تطبيقي تقبلينه ->.>- ...؟ ..:-


ادري انه بسيط بس اتمنى ينال اعجابج ^^"
و بالتوفيق -^ت^-
Au revoir -^.-

مشكورة اختي وبالفعل توجد طرق كثيرة بس الي تفضلتي فيها هي سهلة .

اقتباس:

---

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

الف شكر حبيبتي عالدرس المبدع -^.-
و اذا ممكن هذا تطبيقي تقبلينه ->.>- ...؟ ..:-
http://www.montada.com/attachment.ph...&stc=1&thumb=1

ادري انه بسيط بس اتمنى ينال اعجابج ^^"
و بالتوفيق -^ت^-
Au revoir -^.-

---

هلا يوري^^"
مشتاقة لمرورك وردودك O.o
راح اصير اكتب دروس علشان اشوفك يا بنت :09:
رووعة التطبيق بسيط وحلو O.O"
شاكرة لك مرورك عزيزتي ^.~

اقتباس:

---

مشكورة اختي وبالفعل توجد طرق كثيرة بس الي تفضلتي فيها هي سهلة .

---

هلا اخ باربيريان >> بلخبطني هالاسم :09:
شكرا لك بس وين التطبيق u.u"
درس اذن يجب التطبيق :09: >> قانون كح كح
اتمنى اراه منك عن قريب وان كان في شيء صعب فلا بأس من السؤال وانا جاهزة ^.~
بالتوفيق لك ان شاء الله^^"

اهلين لورين
اذا الدرس عن هذا

بليز لا تقولي طبق @@
نو واي اعمل توقيع بخلفية عادية و اقول طبقت خخخخخ و لا اقول انتظري اخلص واحد @@
او بعدين لحظة انا عامل قبل مجموعة الكيوت غيرلز خخخ طبقت عليها فكرتك هذه يعني اخذت لون خلفية المنتدى

بس انا ما استخدم طريقتك في التصاميم الي كذا
بكل بساطة اخلي الخلفةي شفافة و احفظ العمل بصيغة png 32 مع قابلية الشفافية و يكون العمل بجودة عاليه @@ و لو ان المساحة بتزيد عن الjpg بس كلها كم كيلو فما تفرق عندي

ميرسي على الدرس
Regard

اقتباس:

---

المشاركة الأصلية كتبت بواسطة A Y

اهلين لورين

اذا الدرس عن هذا

بليز لا تقولي طبق @@
نو واي اعمل توقيع بخلفية عادية و اقول طبقت خخخخخ و لا اقول انتظري اخلص واحد @@
او بعدين لحظة انا عامل قبل مجموعة الكيوت غيرلز خخخ طبقت عليها فكرتك هذه يعني اخذت لون خلفية المنتدى

بس انا ما استخدم طريقتك في التصاميم الي كذا
بكل بساطة اخلي الخلفةي شفافة و احفظ العمل بصيغة png 32 مع قابلية الشفافية و يكون العمل بجودة عاليه @@ و لو ان المساحة بتزيد عن الjpg بس كلها كم كيلو فما تفرق عندي

ميرسي على الدرس
Regard

---

لول هلا احمد^^
يس الدرس عن هذا :09: >>> احمد انا ما فيني على الدروس الصعبة خخخخ^^"
لوول لا لازم تطبق XD اوكي اعطينا شيء عملته من زمان وانا راح اعتبره تطبيق :09:
يس اعرف طريقتك لكن قلت هي طريقة من الطرق وعملت فيها ^.~
ليش ما تسووا دروس :09: اني واي ثانكس احمد المهم مريت لول
يلا سلامز^^"

اقتباس:

---

المشاركة الأصلية كتبت بواسطة LooReenA

لول هلا احمد^^
يس الدرس عن هذا :09: >>> احمد انا ما فيني على الدروس الصعبة خخخخ^^"
لوول لا لازم تطبق XD اوكي اعطينا شيء عملته من زمان وانا راح اعتبره تطبيق :09:
يس اعرف طريقتك لكن قلت هي طريقة من الطرق وعملت فيها ^.~
ليش ما تسووا دروس :09: اني واي ثانكس احمد المهم مريت لول
يلا سلامز^^"

---

مو متفرغ اعمل توقيع خخخخ عملته بصيغة png
بس ميرسي كونتي في بالي فكرة لتصميم انني اخلي اللون الازرق مال المنتدى متداخل بلون ازرق نفس المنتدى بس ذو درجة واحدة مختلفة خخخخ

http://xs513.xs.to/xs513/07103/lolou.png

اقتباس:

---

المشاركة الأصلية كتبت بواسطة A Y

ممكن تعطيني رقم خلفية المنتدى خخخ مالي مزاج اعمل سكرين شوت و آخذ اللون خخ >>> بحرر هذا الرد و اضع فيه المثال خخخ

---

لوول احمد انت معك الرقم حسب معرفتي xd
حتى اني ما ارفقت في الدرس ارقام المنتدى لأني تعاجزت مثلك خخخخ^^"
لذلك قلت لهم خذوا عينة من اللون بالقطارة، احمد خذ عينة من دون كسل يلا :09:

اقتباس:

---

المشاركة الأصلية كتبت بواسطة LooReenA

هلا اخ باربيريان >> بلخبطني هالاسم :09:
شكرا لك بس وين التطبيق u.u"
درس اذن يجب التطبيق :09: >> قانون كح كح
اتمنى اراه منك عن قريب وان كان في شيء صعب فلا بأس من السؤال وانا جاهزة ^.~
بالتوفيق لك ان شاء الله^^"

---

مشكورة اختي هذا تطبيقي لكن بالطريقة الي بعرفها لي عودة بطريقتك :-

بختار او لشي الصورة المراد العمل عليها:-

http://www3.0zz0.com/2007/03/07/19/67476537.jpg

بعد كده بعمل خلفية وانا طبعا عندي عينات كثيرة وهذه واحده منهم :-

http://www4.0zz0.com/2007/03/07/19/65498064.jpg

بعد ذلك نعمل :-

image-canvas size-height

وبنطول قليلا:-

http://www3.0zz0.com/2007/03/07/19/18390314.jpg

النتيجة تطلع كذا:-

http://www3.0zz0.com/2007/03/07/19/62935688.jpg

بعد ذلك بحضر الصورة وبضيفها للخلفية :-

http://www4.0zz0.com/2007/03/07/19/11681649.jpg

بعد ذلك نلون بنروح للماسكات وبنختار الكلور بلانس :-

http://www4.0zz0.com/2007/03/07/19/80989549.jpg

http://www4.0zz0.com/2007/03/07/19/41063042.jpg

http://www4.0zz0.com/2007/03/07/19/27966839.jpg

والسلام عليكم
وكما ذكرت لي عودة بتوقيع اخ رعلى طريقتك والسلام عليكم.

الف شكر على الموضوع
التطبيق توقيعي وكمان في المرفقات :)

اقتباس:

---

المشاركة الأصلية كتبت بواسطة barberian

مشكورة اختي هذا تطبيقي لكن بالطريقة الي بعرفها لي عودة بطريقتك :-

بختار او لشي الصورة المراد العمل عليها:-

http://www3.0zz0.com/2007/03/07/19/67476537.jpg

بعد كده بعمل خلفية وانا طبعا عندي عينات كثيرة وهذه واحده منهم :-

http://www4.0zz0.com/2007/03/07/19/65498064.jpg

بعد ذلك نعمل :-

image-canvas size-height

وبنطول قليلا:-

http://www3.0zz0.com/2007/03/07/19/18390314.jpg

النتيجة تطلع كذا:-

http://www3.0zz0.com/2007/03/07/19/62935688.jpg

بعد ذلك بحضر الصورة وبضيفها للخلفية :-

http://www4.0zz0.com/2007/03/07/19/11681649.jpg

بعد ذلك نلون بنروح للماسكات وبنختار الكلور بلانس :-

http://www4.0zz0.com/2007/03/07/19/80989549.jpg

http://www4.0zz0.com/2007/03/07/19/41063042.jpg

http://www4.0zz0.com/2007/03/07/19/27966839.jpg

والسلام عليكم
وكما ذكرت لي عودة بتوقيع اخ رعلى طريقتك والسلام عليكم.

---

شكرا اخوي على عرض العمل كاملا^^"
لا بأس من ذلك هي تشبه طريقة الدرس كثيرا على كل حال ^.~
وان شاء الله تعود بطريقة الدرس اذا قدرت^^"
شكرا مرة اخرى ويعطيك العافية على المرور^^"

اقتباس:

---

المشاركة الأصلية كتبت بواسطة Misho0o

الف شكر على الموضوع
التطبيق توقيعي وكمان في المرفقات :)

---

هلا ميشو، كيف حالك^^
ثانكس للمرور ^.~ روعة التطبيق اعجبني^^"
وعلى فكرة مشاري توقيعك الحالي مثال للدرس ايضا^^"
شكرا لك وبالتوفيق ^.~

اقتباس:

---

المشاركة الأصلية كتبت بواسطة LooReenA

شكرا اخوي على عرض العمل كاملا^^"

لا بأس من ذلك هي تشبه طريقة الدرس كثيرا على كل حال ^.~
وان شاء الله تعود بطريقة الدرس اذا قدرت^^"

شكرا مرة اخرى ويعطيك العافية على المرور^^"

---

مشكورة اختي على ردك وهذا تطبيقي:-

http://www3.0zz0.com/2007/03/08/23/37046469.jpg