عالمى الإلكترونى

فيمتو محاولة للتزكيه عن معرفتى الإلكترونيه المتواضعه لعلها تفيد ،فالوعى الإلكترونى لازم لكل فرد فى المجتمع وليس حكر للمهندسين او المبرمجين


Showing posts with label Graphics. Show all posts



أوقات بنحتاج صور تحميل متحركة عشان تنبه المستخدم انه ينتظر التحميل زى

Ajaxload

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


موقع آخر يقوم بنفس المهمة مع وجود أشكال متعددة أكثر من الموقع السابق :




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

مقتبس من
Create An Animated Loading Image Easily

The Rule of Thirds

أو

قاعدة التثليث

قاعدة أخرى فى عالم تصميم المواقع لتحسين شكل صفحتك وتنظيم أماكن العناصر فى الصفحة بشكل منسق

تتلخص القاعدة فى ىتقسيم صفحة الموقع لثلاث صفوف وثلاث أعمدة وبالتالى أصبح لدينا تسع مربعات ..جميل

تستخدم مربعين للمحتوى وتترك مربع فارغ كمساحة بيضاء بين عناصر الصفحة سواء فى الصف أو العمود

فينتج عنها توزيع عناصر الصفحة حتى لاتتكدس فى أجزاء وأخرى فارغة تماماً

توزيع مساحات بيضاء متساوية على نطاق الصفحة مما تجعل التصميم مريح للعين-

محاذاة عناصر الصفحة بشكل أفقى ورأسى-

تساعد فى تحديد عرض عناصر الصفحة مثل العمود الجانبى

Sidebar

***********


The Rule of Thirds in photography


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

مثال عملى

يوجد فى عالم تصميم المواقع نظريات كثيرة منها نظرية الألوان وهدفها اختيار الألوان التى تليق مع بعضها فى التصميم لهذا السبب صممت عجلة الألوان وهى تطبيق عملى لنظرية الألوان .



Color Schemes

وهيا زى خطة مثلاً لتنظيم اختيار الألوان بتتكون من 6 صيغ بتقدمها عجلة الألوان :


■ monochromatic لون واحد مع درجته الفاتحة والغامقة

■ analogous مجموعة ألوان جمب بعضها فى العجلة زى البرتقالى , الأصفر,الأخضر


■ complementary ألوان فى مقابل بعضها فى العجلة زى الأزرق والبرتقالى

■ split complementary لون واحد ولونين بجوار اللون المقابل له

■ triadic ثلاث ألوان بينهم مسافات متساوية على مدار العجلة


■ tetradic, or double complementary أربع ألوان مختارة بينهم مسافات متساوية وكل لونين منهم متقابلين



بعد معرفة الأساسيات تحب تطبقها وتختار ألوان لكل نظرية؟
جرب الموقع

Color Scheme Designer

عجبتك ألوان صورة وعايز تعرف ألوانها الأساسية ممكن تستخدم

whats its color

أو

Color Hunter

مراجع استخدمتها :

Classic Color Schemes

Color Theory Basics


ممكن تحب انك تكتب كلام متحرك زى طباعة الآله الكاتبة فى شكل صور زى كده

موقع

screedbot

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

*******************

If u like to make the scrolling typewriter effect to any block of text like the image above, u can use
screedbot

u can choose ur colors and the width beside the font size. The output image is rendered as an animated GIF file that you can easily embed in web pages also u can uploa it directly from the site.




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

1- حميل للبرنامج وبييشتغل على الوندز واللينكس والماك

من هنا

بعد ماتسطب البرنامج هتسحب الصور للبرنامج فى الركن الظاهر ده



بتضغط على
Create
عشان تحفظ الصورة النهائية



ومن
Preview
هيوضحلك الشكل النهائى هيكون ازاى



ومن الجزء اليمين تقدر تحدد الشكل النهائى للصور واى تعديلات بسيطة



وهتلاقى الصورة الى انت حفظتها م الأول ظهر الشكل النهائى ليها

زى كده مثلا


او كده



free web-based application that is creates the color palette of an uploaded image.

It supports .PNG, .GIF, .JPG, .JPEG images & creates 4 levels of palettes: light, medium, dark, complete.

The generator also prepares the related files for CSS & Photoshop swatches of the color palette created



أوقات بنحتج اننا نصمم بانر للبلوج أو الموقع أو أى حاجة، أغلبنا لا يجيد استخدام الفوتوشوب

Banner fans

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



بعده ختار بتختار الشكل الى انت محتاجه والألوان



وتغير الكلام ونوع الخط



ولو هعتمل إطار ليه



وتغيير صيغة الصورة



ودى أبسط نتيجة ممكن تحصل عليها



Dumpr


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

بعض الأشكال بفولس الى مكتوب عليها

Pro

والباقى مجانى

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

Have Fun :D


فى سايت كمان لذيذ جدا

Photofunia

This is the interface of Photoshop software ..


Image

.. that inspired someone to create this real-world Photoshop. :D

Image


WhatTheFont?!
موقع ايه الخط؟
او

what the font?

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

يدعم الموقع امتدادت صور كتيره مثل
GIF, JPEG, TIFF, BMP,
يراعى أن لا يزيد حجم الصورة المفترض عن

360 x 275 pixels.

بيشتغل إزاى؟

١- بتدخل الموقع وترفع الصورة الى فيها النص


٢-بعد رفع الصورة هتحتاج انك تراجع الحروف الى فى الصورة لان مش ديما السايت بيتعرف عليها صح.



٣- بعد كده هيعرض عليك ليسته فيها أنواع الخطوط الى ممكن تكون موجودة بالصورة مع وجود مثال لكل خط وانت بتشوف ايه الخط الى انت محتاجه؟



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

المصدر الأصلى

Subscribe to: Posts (Atom)