المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : 15 صورة مختارة مصممة ببرنامج Gimp مع روابط الدروس لكل تصميم..


عبد الهادي اطويل
13-07-2009, 18:45
مرحبا بكم أحبتي الكرام..
في هذا الموضوع حاولت أن أجوب النت لأختار لكم مجموعة من التصاميم المنجزة ببرنامج Gimp (http://ar.wikipedia.org/wiki/برنامج_جنو_لمعالجة_الصور) والذي يمثل البديل المجاني لبرنامج التصميم Photoshop، ولمن أحب التعرف على برنامج Gimp وكذا تحميله فهذا موضوع لمبدعتنا ايجا حول البرنامج:
:WeddingSet1Line2:
برنامج 2.6 GIMP البديل الرسمي المجاني و المفتوح المصدر لبرنامج Photoshop
:icf-(43): (http://www.alamalnet.com/vb/showthread.php?t=8132)
:WeddingSet1Line2:
لعل من لا يعرف في التصميم غير الفوتوشوب يعتقد بأن كل برنامج تصميم سواه فهو لا يعدو أن يكون برنامجا بسيطا فقط للتصاميم السريعة وغير الاحترافية، أيضا هذه النظرة توجد حتى لمن يعرفون برنامج Gimp باعتباره بديلا للفوتوشوب ولكنهم لم يمنحوه الفرصة بحق حتى يتعرفوا على إمكانياته التي أقر بأنها تضاهي إمكانيات الفوتوشوب بكثير، وهذه النظرة للأسف قد تصادفها في كثير من المواقع والمدونات، وكم قرأت لمصممين عرب يحصرون مجال التصميم في الفوتوشوب، بل حتى إن الفوتوشوب بات عندهم مرادفا للتصميم، وكم استغربت من وجود شركات تطلب مصممين محترفين في الفوتوشوب ومنهم من قد لا يقبل من يعمل على غيره!!
هدفي من موضوعي هذا هو أن أساهم ولو قليلا في تبديد ذلك الرأي القائل باستبداد الفوتوشوب لمجال التصميم الاحترافي ولأصحح الؤية في هذا الباب، ما أمكن، وطبعا الدعوة عامة في هذا المجال إلى كل أمل وزائر للأمل..
الصور والشروحات التي استقيتها لكم هي من مواقع غربية نظرا لكوننا كعرب لازلنا بعد لم نتجاوز ظواهر عدة كثيرة تعيقنا عن الاهتمام بالبرامج الحرة، فمادام المقرصن (http://www.alamalnet.com/vb/showthread.php?t=11400) موجودا فلا وقت لتضييع الوقت في برامج حرة "فقيرة ومعقدة" بنظر البعض..
ونحن إن شاء الله سنعمل معا في منتديات الأمل على توفير الشروحات للبرامج الحرة والمجانية، وشخصيا سأحاول إن شاء الله مراسلة ناشري الدروس الغربية التي تروقني لأستأذنهم في ترجمتها ونشرها مع حفظ حقوقهم طبعا، كما سأجتهد بحول الله في نشر دروس خاصة..
:framerosepj6:
قد أكثرت الكلام، والآن إلى صلب الموضوع:
يرجى النقر على الصور لرؤيتها بحجمها الطبيعي.
http://i31.tinypic.com/24y1htz.jpg (http://i28.tinypic.com/es506w.jpg)
رابط الدرس:
Gimp Galaxy
http://i28.tinypic.com/2qno2ew.jpg (http://abduzeedo.com/gimp-galaxy)
:062:
http://i31.tinypic.com/28lgtuu.jpg (http://i28.tinypic.com/2nso0om.jpg)
رابط الدرس:
Make Gunge-Vector Style Art
http://i28.tinypic.com/2qno2ew.jpg (http://sglider12.blogspot.com/2008/04/make-gunge-vector-style-art.html)
:062:
http://i28.tinypic.com/k4tpa1.jpg (http://i30.tinypic.com/2lc9ysn.jpg)
رابط الدرس:
Gimp Tutorial: Experiment on 3D Text Effect in Gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://puteraaladin.blogspot.com/2008/11/gimp-tutorial-experiment-on-3d-text.html)
:062:
http://i27.tinypic.com/2v8p9j9.jpg
(http://i32.tinypic.com/vig00m.jpg)
رابط الدرس:
Mac style Wallpaper
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/mac-wallpaper-tutorial)
:062:
http://i31.tinypic.com/24on30y.jpg
(http://i25.tinypic.com/2rc4q5u.jpg)
رابط الدرس:
Cool Circle Light Effect in Gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/cool-circle-effect-tutorial-in-gimp)
:062:
http://i27.tinypic.com/2ecj85z.jpg
(http://i26.tinypic.com/2wf5k6q.jpg)
رابط الدرس:
Splash Screen: Create a colorful stream of light with particles
http://i28.tinypic.com/2qno2ew.jpg
(http://www.gimpusers.com/tutorials/colorful-light-particle-stream-splash-screen-gimp.html)
:062:
http://i25.tinypic.com/kdn43q.jpg
(http://i28.tinypic.com/2i6ku13.jpg)
رابط الدرس:
Creating Fireball and Explosion effect in Gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/Creating-Fireball-and-Explosion-effect-in-Gimp)
:062:
http://i31.tinypic.com/24ciagg.jpg
(http://i31.tinypic.com/r7oi78.jpg)
رابط الدرس:
SOAP BUBBLE TUTORIAL
http://i28.tinypic.com/2qno2ew.jpg
(http://www.gimptalk.com/forum/topic/SOAP-BUBBLES-6468-1.html)
:062:

http://i32.tinypic.com/ayopqu.jpg
(http://i32.tinypic.com/2ilngn.jpg)
رابط الدرس:
Fractal art with flames and lights using Gimp
http://i28.tinypic.com/2qno2ew.jpg (http://www.carlosweb.net/english/fractal-art-with-flames-and-lights-using-gimp/)
:062:
http://i32.tinypic.com/25ey32v.jpg
(http://i31.tinypic.com/jl722w.jpg)
رابط الدرس:
Tutorial: Beautiful Parrot Photo Manipulation in Gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/Parrot_Photo_Manipulation_in_Gimp)
:062:

http://i32.tinypic.com/3vos8.jpg
(http://i26.tinypic.com/25i3x8n.jpg)
رابط الدرس:
Turning people into stone
http://i28.tinypic.com/2qno2ew.jpg
(http://www.gimpusers.com/tutorials/turning-people-to-stone.html)
:062:
http://i28.tinypic.com/wsl9tu.jpg
رابط الدرس:
Making empty broken EGG shell in gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://www.gimptalk.com/forum/topic/Making-empty-broken-EGG-shell-in-gimp-1711-1.html)
:062:
http://i25.tinypic.com/345d92t.jpg
رابط الدرس:
Round Web 2.0 Button with a Metal Ring
http://i28.tinypic.com/2qno2ew.jpg
(http://gtuts.com/web/round-web-20-button-with-a-metal-ring)
:062:
http://i30.tinypic.com/2a94r55.jpg (http://i28.tinypic.com/30bpxue.jpg)
رابط الدرس:
Blog Theme Design tutorial
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/blog-theme-design-with-gimp)
:062:
http://i28.tinypic.com/9qfal2.jpg (http://i30.tinypic.com/343gp74.jpg)
رابط الدرس:
How To Create Your Own Website Design Using Gimp
http://i28.tinypic.com/2qno2ew.jpg
(http://gimp-tutorials.net/websitetutorial)
:framerosepj6:
أرجو أن تكون هذه الباقة من الروابط قد راقتكم، كما أرجو أن تروقكم فكرة الموضوع..
بالتوفيق للجميع ومني لكم أرق تحية..

كلثوم كويم
13-07-2009, 19:30
WooOooW..!!

لم أكن أعلم أن هذا البرنامج مميز ويفعل كل هذا
أنا الآن تائهة وسط هذا الموضوع وروابطه
فعلا إنه مذهل!!

دائما مواضيعك مدهشة أخي هادي..
سألقي نظرة شاملة على الروابط وأعود مجددا
وإن لم أعد فآعلمو أنني تهت ^_^
فآبحتو عني من فضلكم وسط الروابط ^_^

لك مني أطيب وأرق تحية..

عبد الهادي اطويل
15-07-2009, 23:06
أهلا بك أختي كلثوم..
لم أكن أعلم أن هذا البرنامج مميز ويفعل كل هذا
لست وحدك في هذا، ولهذا اجتهدت قدر إمكاني إخراج هذا الموضوع بشكل يليق بقدرات برنامج Gimp الذي يظلمه الكثيرون وفي الحقيقة هم يظلمون أنفسهم حينما يستعملون نسخا مقرصنة في حين توجد بدائل ممتازة من قبيل برنامجنا هذا..
لا تخافي لن تتيهي في روابط Gimp فكل شيء فيه واضح والطريق سهلة ^_^
سرني تواجدك هنا أختي كلثوم..
مني لك أرق تحية..

عبدالسميع سرحان
16-07-2009, 15:35
مجهود رائع منك أخي هادي وتوفيق بالاختيار لروابط تحمل من الفائدة الكثير
وحقا أختي كلثوم عندها حق بخصوص "التوهان" بالروابط، فقد جمعت 15 موضوع بموضوع واحد يا رجل ^_^
وليس أي مواضيع فانبهرت فعلا بالشروحات والتصميمات، ولكن أيضا هذا الرد على السريع ولي عودة مرة اخرى إن شاء الله بالتطبيقات وربما بأحد الدروس ^_^
وأيضا بانتظار شروحاتك الخاصة التي لها مفعول السحر فقد احببت التصميمات بسب شروحاتك

لك تحياتي وخالص امنياتي

تعديل بسيطـ : روابط موقع gimptalk لا تعمل معي....

عبد الهادي اطويل
17-07-2009, 19:46
أهلا أخي سرحان..
سعيد أن فكرة الموضوع قد راقتك، وأرجو أن يكون هذا الموضوع قد برهن لك عن قوة برنامج Gimp ^_*
ولي عودة مرة اخرى إن شاء الله بالتطبيقات وربما بأحد الدروس
ستكون عودة رائعة إن شاء الله، ومتمنياتي لك بالتوفيق، وعن نفسي فسأسعى جاهدا لتوفير شروحات تليق بإخوة مثلكم، كما سأحاول مراسلة أصحاب الشروحات الغربية المميزة لآخد منهم تصريحا بتعريب شروحاتهم ونشرها بعد ذلك معربة إن شاء الله..
تعديل بسيطـ : روابط موقع gimptalk لا تعمل معي....
وهذا ما لاحظته أنا أيضا، وهو أمر غريب فلطالما كان الموقع يعمل.. ربما هو مشكل عابر، فلنمهل روابط الموقع بعد الوقت وإذا تبين أن هناك مشكل دائم لا قدر الله أبدل تلك الدروس باخرى مميزة إن شاء الله..
شكرا لك على مرورك القيم أخي..
مني لك أرق تحية..

كلثوم كويم
25-07-2009, 23:22
السلام عليكم ورحمة الله تعالى وبركاته
معكم من جديد في الموضوع مع بعض الإستفسارات إذا أمكن :icon_cool:
كنت أتساءل عن البرنامج المستعمل لكتابة ثلاثية الأبعاد، الصور لم تكن واضحة كفاية، ولم أتمكن من معرفة البرنامج المستعمل
هل هو Adobe illustrator ؟؟
وهل من برامج أخرى يمكن آستعمالها ؟؟
/
ّ.
/
.
/
.
/
.
/
لكم مني أطيب وأرق تحية..

عبد الهادي اطويل
25-07-2009, 23:53
أهلا بك أختي كلثوم..
بالنسبة لذلك الشرح فصاحبه يخبر بأنه أنجز النص الثلاثي الأبعاد ببرنامج Adobe Illustrator للرسم المتجهي، وقد وفره للتحميل جاهزا في مثاله، لكن يمكن إنجاز نص ثلاثي الأبعاد ببرامج مجانية بديلة، فكما تعلمين فإن برنامج Inkscape (http://www.alamalnet.com/vb/showthread.php?t=11207) يعتبر بديلا حرا رائعا لبرامج الرسم المتجهي (مثل Illustrator)، وهذا شرح لكيفية تصميم نص ثلاثي الأبعاد ببرنامج Inkscape:

Inkscape Tutorial: How to make 3D Text & Lettering (http://kendraschaefer.com/index.php?option=com_content&view=article&id=64:how-to-make-3d-text&catid=38:linux-graphic-design-tutorials&Itemid=15)

كما يمكن الاقتصار على برنامج Gimp نفسه وتصميم نص ثلاثي الأبعاد به، لكن ربما تكون الطريقة أصعب قليلا من استعمال برنامج Inkscape، وهذا رابط لدرس يشرح كيفية تصميم نص ثلاثي الأبعاد باستعمال Gimp (http://www.alamalnet.com/vb/showthread.php?t=8132):

Tuto TheGimp - Faire un texte 3D (http://www.crystalxp.net/forum/fr/tuto-graphiques/Tuto-Gimp/thegimp-texte-tuto-sujet_38473_1.htm)

وهناك المزيد من هذه الدروس..
أيضا من الجدير بالذكر أن مجال التصميمات الثلاثية الأبعاد تختص به في الحقيقة برامج التصميم الثلاثي الأبعاد، وبالنسبة للبرامج المجانية فأفضل خيار هو برنامج Blender (http://www.alamalnet.com/vb/showthread.php?t=11194) الحر والرائع حقا..
إذن أرى أنه لم يبق لنا حجة ربما للالتفات لبرامج تجارية من قبيل Adobe Illustrator أو Adobe Photoshope وغيرهما، أليس كذلك؟ ^_^
أرجو أن يكون هذا الرد قد أفادك أختي كلثوم وأفاد كل أمل، ولأية استفسارات أخرى فأنا رهن الإشارة بما أعلم..
مني لكم أرق تحية..

كلثوم كويم
26-07-2009, 12:01
أهلا أخي هادي..
كالعادة رد واف وشامل، تستحق عليه ألف شكر
في الحقيقة أنني فكرت في آستعمال برنامج Inkscape بما أنه متخصص التصميم المتجهي لكن ما حال دون ذالك، أنه ليس مثبث بجهازي المحمول هذا، بل على جهازي المكتبي بالبيت، وعندما حاولت تحميل النسخة لتثبيثها والعمل بها، لا أتمكن من التحميل، بحيث صفحة التحميل لا تظهر، لا أدري هل من ضعف النت أم أن هناك مشكلا ما..!!
مع العلم أن النت جيد، وطوال اليوم أحمل وأتبث ولم أجد أي مشاكل إلا مع هذا البرنامج..!!

ففكرت في الإستفسار عن برنامج أخر يقوم بعمل نصوص ثلاثية الأبعاد، لم أكن أعلم أن برنامج Gimp به هذه الخاصية إلا في ردك هذا، لكن كما ذكرت فالطريقة معقدة نوعا ما وحاولت ولم أنجح، كما أن الشرح لم يكن مفصلا كما يجب، ولا يساعد في فهم الطريقة المتبعة.

Blender برنامج رائع، لم أخض ضماره بعد، لكنني أضعه ضمن لائحة البرامج التي يجب تجريبها وآكتشافها ^_^

سأحاول مرة أخرى مع Inkscape لعلني أنجح في تحميله :sm151:

وأكيد أنه ليس هناك حجة للإلتفات إلى البرامج التجاربة ولا أبحث عنها ^_^ أنا فقط أستفسر، ومنكم نستفيد ونتعلم ^_^

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

عبد الهادي اطويل
26-07-2009, 21:27
أهلا بك مجددا أختي كلثوم..
بالنسبة لتلك الإشارة التي قلتها في ردي السابق، حيث قلت بأنه لم تبق هناك حجة لاستعمال برامج تجارية مقرصنة فأنا لم أكن أعنيك أنت فأنت من أسرة الأمل ونحن نعرفك حق المعرفة، لكنني قلتها لمن قد يسوقهم حظهم "العاثر" يوما ويقرؤون ردي ذاك لعلهم يدركون بأنهم مخطئين بقرصنة البرامج إن كانوا مقرصنين ^_^
حظا موفقا أختي كلثوم ومني لك أرق تحية..

عبد الهادي اطويل
26-07-2009, 21:29
إستدراك:
بالنسبة لتحميل البرنامج فإذا ظهرت لك الصفحة ولم يبدأ أي تحميل فغيري السيرفر من خلال النقر على mirror ومن تم اختاري السيرفر التالي:
OVH (Paris, France, FR)
حيث إنه سيرفر فرنسي قوي ودوما ينجح معي التحميل منه..
إذا أشكل عليك الأمر فأخبريني لأرفع لك البرنامج..
مني لك أرق تحية..

كلثوم كويم
26-07-2009, 21:53
أخيرا نجح التحميل :icon_cool:
ألف شكر أخي هادي..
دمت بخير..

كلثوم كويم
15-09-2009, 15:12
عدت من جديد للموضوع :icon_exclaim:
والله إني تائهة بحق!!
روابط الشرح غير مبسطة، يبدو أنها معدة للمحترفين وليس للمبتدئين (أم أني آعتدت فقط على شروحات أخي هادي المبسطة فبدت لي هذه معقدة ^_^ )
هناك بعض الخاصيات المذكورة في الشروحات لا أعثر عليها
فالجيمب لدي مثبت بالفرنسية والشروحات معتمدة على الإنجليزية
آستعملت ترجمة غوغل لكنها زادت الأمر تعقيدا كما أن بعض الكلمات لا تشرحها :sm105:

مثال:

Go to Filters>Blur>Gaussian Blur. For this first layer use 9 pixels for the Horizontal and 9 pixels for the Vertical. Create another layer ( I named it clouds 2 ) and start painting again

بعد الترجمة:

Aller au Filters> Blur> Gaussian Blur. Pour cette utilisation première couche 9 pixels pour l'horizontale et 9 pixels pour la verticale. Créer une autre couche (Je l'ai nommé nuages 2) et de commencer à peindre.

الكلمتين التي غيرت لونهما للأحمر لم تتم ترجمتهما فلم أعثر عليهما
ناهيك على أن النص أصبح خليطا من الكلمات باللغتين الفرنسية والإنجليزية


مثال آخر:

Next steps is create another layer and named it gradient.Using the gardient tools select Full Saturation Spectrum Gradient , 100 for the opacity and Linear for the shape

بعد الترجمة:

Les prochaines étapes est de créer une autre couche et l'a nommé gradient.Using les outils gardient sélectionnez Full Spectrum Saturation dégradé, 100 pour l'opacité et linéaire pour la forme

لم أفهم ما الذي سأقوم بتظليله فالعبارة لم تتغير حتى بعد الترجمة ولا أجد هذه الخاصية

وهذه المراحل مهمة في التصميم ولا أستطيع تخطيها أو المواصلة دونها

فهل من إفادة بخصوص هذا الأمر
وألف شكر
تحياتي..

عبد الهادي اطويل
19-09-2009, 17:20
أهلا أختي كلثوم..
اعتذر أولا على تأخري في الرد عليك، ولكن قد تغفرين لي هذا التأخر إن علمت سببه:

شرح تغيير لغة برنامج Gimp في Windows XP.. (http://www.alamalnet.com/vb/showthread.php?t=12414)

لن تواجهي مشاكل من هذا القبيل بعد اليوم إن شاء الله، صح يا كلثوم؟ ^_^
مني لك أرق تحية..

كلثوم كويم
19-09-2009, 19:56
أهلا أخي هادي..
ولاداعي للإعتذار، بل أنا التي يجب أن تعتذر على الإزعاج المتواصل
شكرا على الشرح الرائع فقد ساعدني في معرفة كيفية تغيير اللغة بالجيمب
أنا الآن أستعمل الجيمب بالإنجليزية وقد أصبح متوافقا مع الشروحات ^_^

http://img2.pict.com/9b/d4/4b/1642835/0/0001.jpg

صدقت يا هادي ^_^
لامشاكل بعد الآن لا وجع راس ولا ترجمة غوغل ^_*
ألف شكر، لك مني أطيب وأرق تحية..

عبد الهادي اطويل
24-09-2009, 19:24
إذن فلتطلقي العنان لخيالك ليجول بك عوالمه العذبة، ولتبدعي لنا تصاميم راقية بحول الله..
شكرا على المتابعة أختي كلثوم ومني لك أرق تحية..