مسابقة على مدونة مدرسة التقنية !!

بسم الله الرحمان الرحيم 

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

أما عن شروط المسابقة فسوف تكون يسير على الجميع , و هي كالتالي :

• الإعجاب بصفحتنا على الفيسبوك من هنا .

• الإشتراك بقاناتنا على اليوتيوب من هنا .

• و آخر شرط يتمثل في نشر هذه الرسالة على بروفايلك الخاص في الفيسبوك .

الرسالةلقد قمت بالإشتراك بمسابقة على مدونة مدرسة التقنية للفوز ب خدما التكويد و التصميم , و يمكنك أنت أيضا الإشتراك بالمسابقة , من هنا :http://goo.gl/rJ2H3l
عند إنهاء الشروط نرجو منك التالي :

• وضع تعليق يحمل رابط مشاركتك للرسالة على الفيسبوك .

• و بريدك الإلكتروني .

      مع العلم الشروط آساسية و كل واحد طبقها سيرد عليه في التعليقات لنؤكد له اشتراكه أو عدمه , أما عن مدة المسابقة فهي  يومان لا غير.

الفائز الاول : خدمة تصميم و تكويد قالب بلوجر.

الثاني: تصميم شعار احترافي.

الثالث : غلاف احترافي و تقني لقناته و لصفحته .

موقع للبحث عن صور عالية الدقة مجاناً

يوفر مُحرك للبحث عن صور عالية الدقة مجاناً لاستخدامها داخل أي تصميم أو جهاز دون أي مشاكل.

على الرغم من وجود الكثير من المواقع للبحث عن الصور مثل فليكر أو جوجل، إلا أن النتائج التي تظهر قد لا تكون مجانية دائماً، واستخدامها دون دفع ثمنها أو العودة إلى صاحب الصورة قد يؤدي إلى مشاكل انتهاك حقوق الملكية.

لذا يُمكن للمستخدمين الاستفادة من موقع http://pixabay.com الذي يوفر مُحرك للبحث عن صور عالية الدقة مجاناً لاستخدامها داخل أي تصميم أو جهاز دون أي مشاكل.

الموقع يوفر ملايين الصور، حيث يُمكن استخدام مُحرك البحث الذي بدوره يقوم بالبحث داخل أكثر من مصدر لعرض أفضل النتائج للمستخدم، ومع اختيار الصورة يتم نقل المُستخدم إلى المصدر لتحميلها بكل سهولة.

اكشن رائع لعمل تاثيرات رائعة للصور

السلام عليكم ورحمة الله وبركاته
زوار مدونة مدرسة التقنية مرحبا بكم في هذه التدوينة اقدم لك اكشن رائع
 لعمل تاثيرات رائعة للصور
و بدون اطالة اخواني الكرام 

للتحميل هنا

ما هو التصميم الجرافيكي ؟؟

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

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

في موضوع بعنوان 
''ماهو التصميم الجرافيكي ؟؟''
'' graphic design ''

التصميم الجرافيكي :
مشتق من كلمة (جراف)، وهي تعني (رسم بياني)، أما كلمة (جرافيك) فهي تعني (تصويري، مرسوم، مطبوع...)، والبحث عن معنى هذه الكلمة الأجنبية لا يشكل صعوبة تذكر فمعظم القواميس الفنية المتخصصة تفيد أن أصل هذه الكلمة لاتيني وهي من كلمة جرافوس – وتعني ضمن ما تعني: "خط مكتوب أو مرسوم أو منسوخ"، فأستعير اللفظ في اللغات الأوروبية لكي يطلق على كل رسم بخط منسوخ ثم أصبح اسماً عالمياً لهذا الفن فن الجرافيك في معناه العام هو فن قطع أو حفر أو معالجة الألواح الخشبية أو المعدنية أو أي مادة أخرى بهدف تحقيق أسطح طباعية، والحصول على تأثيرات فنية تشكيلية مختلفة عن طريق طباعتها.يشير المصطلح "كومبيوتر جرافيك" (أو رسوم الحاسب) إلى الصور التي يتم إنتاجها باستخدام الحاسب، والتي تشمل الرسومات التوضيحية ورسوم الكارتون المتحركة، وحتى الصور الحقيقية عالية الجودة، كما يستخدم نفس التعبير للإشارة إلى عملية سحب الصور وتلوينها وتظليلها ومعالجتها من خلال الحاسب، وتساعدنا رسوم الكمبيوتر على جمع المعلومات وعرضها وفهمها بشكل سريع وفعال، بل إنه يمكنها إنتاج الصور للكائنات والعمليات التي لا سبيل لنا إلى رؤية أشكال
التصميم عملية متعاقبة ومتسلسلة:فهو يبدأ بخلق معلومات عامة وينتهي بتفاصيل معينة، فالبدء بتصميم دائرة قد ينتهي بأنها عبارة عن شمس أو قمر أو صحن...الخ.و كلمه جرا فيكس تعني الرسم الملون , وبرامج الجرافيكس هي البرامج الخاصة بالرسم والتصميم من خلال الكومبيوتر.لكي نقوم بتصميم منتج مرئي (إعلان مطبوع) , بداية : يجب أن نتعرف علي المنتج الذي نقوم بالإعلان عنه من حيث طبيعة هذا المنتج ومن حيث طبيعة المتلقي.فمثلا في حاله إعلان في جريده أو مجلة يجب أن نراعي أن يلفت النظر وسط كم هائل من الكتابات والحروف والصور.ونراعي أن تكون عناصره بسيطة وملفتة وتعبر عن شخصيه المنتج المعلن عنه.أما في حالة إعلانات الشوارع ولافتات المحال التجارية يجب مراعاة حاله المتلقي وهي الحركة, فان المتلقي في الشارع يحتاج لمنتج إعلاني واضح ومعبر ولا يحتوي علي كتابات كثيرة والكتابة تكون قليلة وبأحرف كبيرة ونوع الخط سهل في القراءة وواضح والتصميم يجب أن يكون معبر عن المنتج بشكل واضح .وكل ما كان المنتج الإعلاني موجود في مكان الحركة فيه ساكنة اكثر كلما كان من الممكن أن يحتوي علي كتابة اكثر ومعلومات مقروءة اكثر مثال: بجوار إشارة مرور أو في شارع الحركة فيه بطيئة .أما في حالة كارت شخصي يجب أن يكون الكارت معبر عن شخصية وطبيعة مهنة صاحبه وأن يحتوي علي بيانات واضحة ومحدده ومختصرة .ومن الممكن أن يحتوي علي شعار أو رمز لصاحب الكارت أو الشركة المعلنة .بالنسبة لتصميم الشعارات يجب أن تكون ألوان الشعار قليلة لا تزيد عن لونين و أقصاها ثلاث ألوان بدون درجات مخلفة آو لونين ودرجاتهما.وان تكون أحرف الشعار واضحة وان يكون الشعار مترابط وذو شخصية مميزة وليس مجرد حروف مرصوصة ورموز مجردة .ما هي أسس التصميم؟
عناصر التصميم:الخطوط lines النقط (points)الأشكال (forms / figures)ألا لوان (colors)ويجب أن نراعي تلك النقاط ونراعي التوافق بينها جيدا.أسس التصميم:
1. الهارموني الانسجام : الانسجام بين عناصر التصميم والتوافق بينها وبين ألوانها وبين أحجامها.
2. التدرج: التدرج في الحجم واللون ودرجات الألوان .
3. التكرار:تكرار الأشكال والألوان يؤكد الشكل ويبرزه_ وأحيانا تدور فكرة التصميم في إطار هذه النقطة _ وهناك التكرار في تماثل (السميترية) تكون أحيانا ناجحة و أحيانا أخرى تبعث الملل في التصميم وهناك التكرار مع التدرج .... الخ 
.4. التباين والتضاد:من أهم عناصر و أسس التصميم وخاصة في الإعلانات لأنه يبرز المنتج الإعلاني ويجعله ملفت للنظر ولكن التباين والتضاد يكون بدراسة وبحساب لأنه لو زاد يؤدي إلى نشاز.ما هي عوامل إخراج تصميم ناجح؟
عوامل نجاح التصميم:
• مراعاة أسس التصميم .
• التعبير عن طبيعة المنتج ودراسته بشكل واضح.
• مراعاة الإخراج اللوني وآلا تزيد ألوان التصميم عن 3 ألوان بدرجاتهم _ليصل المنتج بصورة أجمل _
• مراعاة الإخراج النهائي للتصميم وأن يكون في صورة جيدة وأن تكون عناصره متكاملة , وان يؤدي الغرض المطلوب منه
فكره مختصرة عن الألوان:تنقسم الألوان إلى:
  • ألوان صبغية : التي يستخدمها الفنانين لعمل الرسومات وهكذا...
  • ألوان ضوئية: التي تستخدم في إضاءة المسرح والسينما وهكذا...
  • ألوان طباعية: التي تستخدم في الطباعة وهكذا...تنقسم الألوان الصبغية إلى ثلاث ألوان أساسية:
R احمر+ B ازرق+ Yاصفر
R + B = Violet بنفسجي
B + Y = Green اخضر
Y + R =Orange برتقالي
V + G + O = K (Black) الأسود
الألوان الضوئية أيضا تنقسم إلى ثلاثة ألوان:وهي تعتمد علي نظرية تأليف الضوء الأبيض بطريقة الإضافة: حيث اللون الأبيض هو خليط من الألوان الأساسية الثلاثة, وباختلاط أي لونين من ألوان الأشعة الثلاثة التالية يتآلف منها ألوان أخرى:
R احمر + G اخضر+ B ازرق
R + G = Yellow اصفر
G +B = Cyan ازرق مخضر
B + R = Magenta قرمزي
ألوان الطباعة تنقسم إلى أربعة ألوان :وهي تلك الألوان التي تستخدم في الطباعة والتي تخصنا نحن مستخدمي الفوتوشوب ومصممي الإعلانات , والعاملين في مجال فصل الألوان والطباعة.
C (Cyan) + M (Magenta) + Y (Yellow) + K (Black)
M+Y=R
Y+C=G
C+M=B

اضافة النسبة المئوية بجانب شريط التمرير على البلوجر

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

أولا مرحبا بكم في مدونة مدرسة التقنية, كاول تدوينة مع متابعي المدونة الأوفياء أتيتكم بمشاركة بسيطة جدا وهي جعل النسبة المئوية تظهر بأحد جوانب المدونة عند التمرير إما للأعلى أو الأسفل هذه الإضافة هي فقط لتزين واجهة مدونتك تبين نسبة تصفحك للصفحة في أسفل الصفحة تظهر 100% أما في الأعلى فالعكس أي تبدأ من واحد في المئة ثم ترتفع, أما طريقة تركيبها فهي سهلة فقط إتبع المراحل التالية:

1-ندهب للوحة التحكم

2- القالب

3-تحرير html

 ثم نبحث عن هذا الوسم : </head>

ثم نضع الكود التالي فوقه مباشرة : 

     <style>
    #scroll {
      display:none;
      position:fixed;
      top:0;
      right:20px;
      z-index:500;
      padding:3px 8px;
      background-color:#2187e7;
      color:#fff;
      border-radius:3px;
    }
    #scroll:after {
      content: " ";
      position: absolute;
      top:50%;
      right:-8px;
      height:0;
      width:0;
      margin-top:-4px;
      border:4px solid transparent;
      border-left-color:#2187e7;
    }
    </style>

نذهب لنفس الوسم الذي بحثنا عنه و لكن هذه المرة نضع هذا الكود أسفله مباشرة

<div id='scroll'></div>

ثم نبحث عن هذا الوسم </body>
ونضع فوقه الكود التالي مباشرة

<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

و أخيرا نقوم بحفظ القالب و مبرروك عليك

افتتاح مدونة مدرسة التقنية !

افتتاح مدونة مدرسة التقنية !

السلام عليكم

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

اخواني ادعمونا ب تعليق تحفيزي

فهذفنا هو ارضائكم

 و شكرا نتمنى ا نكون عند حسن ظنكم