//Avatar Tutorial 1

الدرس بالعربي

 - Open the picture that you want to iconize. Then choose and assure (Style) is (Fixed Aspect Ratio) because this is help you to make the selection square. Specify the part that you would like to be the icon and be your style here ;).

 - After selection go to (Image >> Crop) then go to (Image >> Image Size) make it (Width=100) and (Height=100) too.

here is:

 - Now we'll do the most part I like in designing .. 'playing with colors!'

 - Choose and add a new layer:

 - Then fill it with this color #58909A and be sure from this:

 - Again add a new layer and choose . make (Feather: 11px) then start selecting in a random way.

 - Fill the layer with this color #CFB448 and make it "Darken":

what you got:

 - This part depends on your sense of art.

ok .. add a text and write what you want. for example JOHNNY and make it big somehow like:

then make it (Lighten).

 - Add another text and type DEEP, choose a proper place:

 - Now choose then select randomly:

 - After that fill it with #C8A78F and make it "Vivid Light".

 - There's a trick I'm using it in most of my icons .. it's small text. how much I love it! lol.

It's very easy to create it .. all you have to do add a text and type a random words, then resizing it by (Edit >> Free Transform).

 - And if you like to add a light lines! .. use this color #C4B163:

pick this shape and add it to the icon:

Then:

 - So now you designed the icon as you want. but you still need to make a border for the icon and sharpen it.

Select all copy like this way: (Edit >> Copy Merged) then paste it, then:

Style options will shown, so choose "Stroke" then:

 - And this is the last form of the icon:

 - But in my opinion it's still need a touch! need more sharp!

So make it now: (Filter >> Sharpen >> Sharpen)

see the difference:

That's it .. if you have any questions or suggestion feel free to email me.

- - - - - - - - - - - - - - - - - - - - - - - - - - -

الدرس بالعربي:

 - افتح الصورة المراد التصميم عليها ومن ثم اختر أداة التحديد وتأكد من أن يكون خيار الستايل (Style) هذا الاختيار Fixed Aspect Ratio فهذا يجعل التحديد مربعاً. حدد الجزء الذي تريد أن تصنع منه الأيقونة وليس شرطاً تحدد كما أحدد فكلاً لديه طريقته الخاصة.

 - بعد أن قمت بالتحديد اذهب إلى Image في الشريط الأساسي ومن ثم أخترCrop بعد ذلك اذهب إلى Image مرة أخرى واختر مقاس الصورة (Image Size) واكتب 100 في الخانة الأولى و100 في الخانة الثانية. أو يمكنك اختيار الحجم الذي تريد فبعض المنتديات تسمح لك مثلاً باستخدام 120×120 لكن 100×100 هو الحجم العالمي فانصح به.

وهذا المثال:

 - الآن نأتي إلى الجزء الذي استمتع به كثيراً وهو اللعب بالألوان واختيارها وخلطها.

 - اختر أداة التعبئة   وأضف بعد ذلك طبقة جديدة (Layer):

وأملأها بهذا اللون (58909A#) وتأكد من هذه الخيارات:

  - والآن قم بإضافة طبقة أخرى واختر أداة التحديد هذه   واجعل الريشة أو Feather: 11px. وحدد على الصورة بشكل عشوائي مثال:

ونستخدم مرة أخرى ونملأها باللون( CFB448#) ونجعلها Darken:

سيصبح لدينا هذا الشكل:

  - نأتي للمسات الفنية البسيطة. الخطوط .. اكتب مثال: JOHNNY واجعله كبيراً نوعاً ما, مثال:

واجعله Lighten كما فعلت سابقاً مع Color Burn و Darken.

أضف كتابة أخرى, مثال: DEEP واختر مكاناً مناسباً:

  - الآن اختر الأداة وحدد أشكال عشوائية بالطول:

وملأها باللون #C8A78F. واجعل الطبقة Vivid Light.

  - (وفي حركة الصراحة أنا أموت فيها .. وكثير منكم لاحظ إني استخدمها كثير. الخط الصغير جداً):

طريقة عملها سهلة جداً, ما عليك إلا كتابة كلام عشوائي واستخدم أداة التصغير حتى تصبح بهذا الحجم.

  - وإذا أحببت أن تضيف خطوط مسطّرة اختر بعد ذلك:

ثم أجعل لونها #C4B163 وأعمل الآتي:

 - هكذا انتهينا من تصميم الأيقونة بالشكل الكامل لم يبقى إلا الحدود والحدة أو Sharpen.

لعمل الحدود قم بتحديد الكل وانسخ الصورة كالتالي:

Edit >> Copy Merged

ثم ألصق الصورة.

واعمل الآتي:

اختر Stroke ثم:

أو إذا كنت لا تريد الحدود أن تكون بالأسود يمكنك اختيار ما تريد بالتأكيد.

 - وهذا الناتج النهائي للأيقونة:

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

انتهى الدرس أتمنى أن يحوز على رضاكم .. ورجاءاً إذا كانت لديك أي ملاحظة أو استفسار أرسلها إلى  meeshoyeah@hotmail.com.. وشكراً