الان: صمم موقعك بالفوتوشوب ولأول مره شرح طريقة متحرك

[salima]

السلام عليكم
بسم الله الرحمن الرحيم
لقد إجتهد في شرح طريقة تصميم موقع بالفوتوشوب وأتمنى أن يكون الشرح طريقة واضح وومتع في نفس الوقت الطريقه سهله جداً لكن تحتاج إلى إبداعاتك وأن تطلق خيالك لعالم الإبداع ...
ملاحظات / لقد جعلت الصور المتحركه بصغية gif نظراً لصغر حجمها بالنسبه للفلاش وغيره قد تكون الالوان ليست بجيده نظراً لصغر جم الملفات
فقط نريد صبر على فتح الملفات

ملاحظه الشرح طريقة المتحرك قد يكون أول ما تفتحه ثقيل قليلاً لكن بعد ما يكمل الشرح طريقة لمره واحده بعدها يصبح الشرح طريقة سريع بدون توقف


بسم الله نبدأ
طبعاً تصميم الموقع له بعض القواعد يجب أن تتعلمها مثال
العرض تقريباً ثابت 777 إلى 700 أما الطول فلك الخيار على حسب طول موقعك ( مد موقعك على قد رجيلك )
.
.
المهم هو
1/ لماذا تريد أن تنشأ موقع على الإنترنت ؟؟
2/ ما محتوى موقعك
3/ ماهي الشريحه التي تريد أن تزور موقع
4/ فكر في شكل الموقع جيداً
5/ ماهي الروابط التي تريد أن تضعها ؟؟؟
6/ ألوان الموقع والشكل العام
وهكذا فكر فيها قبل أن تبدأ بالموقع
المطلوب
برنامج فوتوشوب 7 ومافوق وأن يكون لديه خبره قليله في البرنامج
أنا صممت كذا مثال كما يقال (( بالمثال يتضح المقال ))
هذا موقع صممت لفضيلة الشيخ سلطان العيد ولم ينتهي بعد وقريباً سأرفعه بإذن الله

http://www.arabsgate.com/eduimages/images3/475899/tmam04.jpg

وهذا ثاني

http://www.arabsgate.com/eduimages/images3/475899/tmem05.jpg

وهذا ثالث

http://www.arabsgate.com/eduimages/images3/475899/tmem06.jpg

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

http://www.arabsgate.com/eduimages/images3/475899/abotmem1.gif











الشرح طريقة الثاني
طريقة عمل إيقونات وبنر للموقع




http://www.arabsgate.com/eduimages/images3/475899/abotamem2.gif








الشرح طريقة الثالث
طريقة قص البنر و الإيقونات وعمل روابط لها

http://www.arabsgate.com/eduimages/images3/475899/abotmem3.gif







الشرح طريقة الرابع والأخير

طريقة حفظ الملف

http://www.arabsgate.com/eduimages/images3/475899/abotmem4.gif

وهكذا إنتهينا من تصميم موقع بالفوتوشب بالهناء والعافيه

منقول من المبدع (ابو تميم )



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©