في سنوات الجامعة اخبرني أحد الأشخاص أن الشخص المحترف Pro في استخدام الكمبيوتر لا يستخدم الفأرة إلا نادرا و يعتمد على اختصارات لوحة المفاتيح للوصول إلى الأوامر و الأدوات . لايهم مدى صحة المقولة فلكل شخص فلسفته في الحياة ما احاول القيام به هو الإلمام باختصارات المفاتيح توفيرا للوقت و في حالة الفوتوشوب فأنت توفر جزء من الذاكرة و تسرع عمل البرنامج بدلا من فتح القوائم كل مرة وتكليف الجهاز المزيد من الذاكرة أو الرام ..
سأقوم بتقسيم الأختصارات إلى :

أستخدمها دائما :

• z : لعرض أداة الزوم.
• h : لعرض أداة اليد للتحريك .
• Ctrl+0 : لعرض الصورة بحجم مناسب للشاشة .
• Ctrl مع + أو - : لتكبير أو تصغير الصورة .
• m : عرض أداة التحديد .
• Shift + m : التنقل بين شكل الدائرة و المربع في أداة التحديد.
• T: أداة النصوص text.
• g: أداة التدرج اللوني gradient .
• Ctrl+a : تحديد الكل .
• Ctrl+ الضغط على الطبقة : اختيار أو تحديد محتوى الطبقة .
• Ctrl+t : ظهور إطار حول الشكل لبدأ عملية التصغير أو التكبير الحر Free transform.
• S: أداة Stamp tool الختم .
• Q: الماسك أو القناع السريع Quick mask.
• x: قلب الألوان اللون الأمامي للخلف و الخلفي للأمام .
• Ctrl + [ أو ] : لتكبير أو تصغير الفرشاة .
• Ctrl+ Shift ثم [ أو ] : لتقليل أو تزويد صلابة الفرشاة Hardness .
• E: أداة المسح .
• Ctrl+Alt+E : دمج الطبقات .
• ctrl+s : حفظ .
• ctrl+d : إلغاء التحديد .
• Ctrl+f : استخدم آخر فلتر تم استخدامه .

أستخدمها أحيانا :

• Ctrl+Alt+Z : في الفوتوشوب لو ضغط Ctrl+z كما باقي البرامج ستعود خطوة واحدة للخلف و عند الضغط مرة أخرى ستتقدم خطوة للأمام أما هذا الأمر فيتيح لك العودة عدد كبير من الخطوات .
• Ctrl+Shift+z : التقدم عدد كبير من الخطوات .
• d: إرجاع الألوان الافتراضية مثلا الاسود في الأمام و الأبيض في الخلف .
• Alt + حرف لعرض القوائم مثلا لعرض قائمة File نختار Alt + حرف F و قائمة Edit نضغط على ALT+e و هكذا لو قرأت اسم كل قائمة هناك حرف من القائمة تحته خط و ليس بالضرورة الحرف الأول مثلا قائمة Filter الخط تحت T و بالتالي الاختصار يكون Alt+t .

أحاول التدرب على استخدامها و حفظها :

• Ctrl+shift+n : إنشاء طبقة جديدة و لكن مع عرض شاشة إضافة الطبقة.
• Ctrl+Alt+Shift+n: إنشاء طبقة جديدة مباشرة دون عرض شاشة إضافة الطبقة .
• مسافة : لو كنت تسخدم أي أداة غير أداة اليد و تريد إظهار اليد مؤقتا لتحريك شي ما أضغط على زر المسافة فتظهر اليد وبمجر إيقاف الضغط على زر المساقة تعود إلى الأداة التي كنت بها .
• Ctrl+j :إنشاء نسخة من الطبقة .
• f : عرض الشاشة كاملة Full screen .. اضغط أكثر من مرة على f لإظهار أكثر من شكل .لكسر هذه الحالة و العودة للشكل العادي Shift+f .
• Caps lock : أخفاء جميع النوافذ الجانبية و إبقاء فقط القوائم العلوية مفيد جدا في حال العمل على الصور الكبيرة .
• v: عرض أداة البوينتر (المؤشر).
• alt+backspace : الملأ باستخدام اللون الأمامي .
• ctrl+ backspace : الملأ باستخدام اللون الخلفي .
• Alt+Ctrl+D: إظهار نافذة تنعيم الأطراف Feather .
• C : إظهار أداة اقتطاع جزء من الصورة Crop .

هل تبحث عن الالهام ؟؟

• Holly Web Header Hell!! افكار و نماذج لتصميم ترويسة موقعك.
• Wicked White Websites :نماذج مواقع ذات خلفية بيضاء .
• Footers In Modern Web Design: Creative Examples and Ideas: نماذج لتصاميم لتذيل الموقع بشكل مبتكر .

أفكار و أخبار تقنية

• Three Suggestions to Organize Your Hard Drive: لتنظيم قرصك الصلب.
• Google Adsense Trialed on Yahoo: تجربة إعلانات جوجل ادسنس على محرك بحث ياهو ..هل هي البداية لشراكة أو اندماج ..
• Google App Engine: استضف برنامجك أو تطبيقك الالكتروني على جوجل هوست و احصل على مميزات كثيرة بحيث يكون تطبيقك جزءمن جوجل و يمكن للمستخدمين الدخول إلى نظامك بواسطة حسابهم في جوجل ..

css و جافا سكريبت

• Content Overlay with CSS:انشأ تأثير ظهور محتوى فوق محتوى عند مرور الفأرة بواسطةCss فقط بدون جافا سكريبت
• دالة strftime لمكتبة بروتوتيب
• Nice animated menu using CSS and Mootools: قائمة Css متحركة بواسطة مكتبة Mootools.
• Scriptaculous effects compilation ready to use: افكار لإنشاء صفحات ذات تأثيرات متحركة بواسطة مكتبة Scriptaculous .
• Top-Down approach to simplify your CSS code:كيف تنظم أفكارك و تبدأ تصميم قالب موقعك من الصفر .

ترويسات مدونات و مواقع مجانية headers

• Blog headers
• Free webpage headers

Css

• مكتبة شفرات css : لتصميم مواقع بأعمدة و تقسيمات
• Advanced css printing : إنشاء نسخة لطباعة الصفحة باستخدام css
• قائمة متقدمة بواسطةcss
• إضافة حقوق للصور بواسطة css
• نص متدرج الخلفية بواسطة css

php

• غير شكل موقعك وفقا لحالة الطقس

جافا سكريبت و اجاكس

• Search field : أنشأ حقل بخاصية الأكمال التلقائي .
• The sliding data picker : طريقة جديدة لاختيار التاريخ بتحديد الفترة الزمنية بواسطة سحاب منزلق ؟؟!!!المثال هنا .
• Nicedit : محرر خفيف متقدم بواسطة الجافا سكريبت .
• IE7-JS : يصحح هذا الملف اخطاء المتصفح انترنت اكسبلورر 5و6 و يجعله يتصرف كمحرر يدعم المعايير القياسية .
• IE8-JS : يضيف خواص CSS متطورة غير مدعومة من قبل متصفح انترنت اكسبلورر . لو استخدمت هذا الملف فلن تحتاج إلى الملف السابق .

بحثا عن الإلهام

• 36 نموذج شعار مصمم بإبداع
• 140 نموذج زر على غرار ويب 2
• 25 تصميم لمواقع مصممة ببساطة
• 100 قالب مميز لورد بريس

مقالات

• Account Sign-in: 8 Design Mistakes to Avoid
• 12 خطوة لتصميم موقع احترافي
• Wordpress helpsheet : ورقة مساعدة وردبريس.

(ياكريم اللهم ياذا الرحمة الواسعة يا مطلعا على السرائر و الضمائر و الهواجس و الخواطر , لا يعزب عنك شيء , أسئلك فيضة من فيضان فضلك , و قبضة من نور سلطانك , و أنسا ً و فرجاً من بحر كرمك , أنت بيدك الأمر كله و مقاليد كل شيء فهب لنا ما تقر به أعيننا و تغنينا عن سؤال غيرك , فإنك واسع الكرم , كثير الجود , حسن الشيم , فببابك واقفون و لجودك الواسع المعروف منتظرون يا كريم يا رحيم )

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

فوتوشوب

• جميع دروس فوتوشوب بالعربية على يوتوب
  
• شعار منعكس
• شعار منعكس طريقة 2
• زر على طريقة ويب 2
• صمم شعار بطريقة ويب2
• زر بلاستيكي
• صمم ترويسة header
  
• صمم شعار لموقع طهي
• نص مشع
• تصميم قالب بسيط
• اصنع شعار يحتوي على ورق شجر
  
• صمم شعار لشركة
  
• تصميم شعار skype
  
• صمم شعار في 10 دقائق
  
• صمم خلفية للايبود
  
• شعار ثلاثي الابعاد على الفوتوشوب

تصميم المواقع

• مراحل تصميم موقع
• كيف تصمم موقع
• تصميم موقع من الصفر