درس تصميم ايقونه ::1::

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

وهذا مثل لي الدرس الايقونه



بسم الله
Step 1:
First create a new Photoshop ******** 16x16 pixels in size:
اولاً:
ننشأ عمل جديد بالمقاسات 16 ×16 بالفتوشوب



Step 2:
First pull out the pencil tool (you'll be using this alot) and set your foreground color to: #7C7C7C, Zoom in as far as you can zoom in and use the pencil tool to draw out an image like below:

ثانياً:
اختر اداة القلم الرصاص وجعل كود الون الامامي هكذا#7C7C7C
وقم بالشكل الاتي مع مراعات التكبير لي اخر درجه عشان تقدار تشوف التصميم واضح



Step 3:
Next set your foreground color to white and fill in the areas where the paper would be **BE SURE TO TURN OFF ANTI-ALIASED IN THE TOP RIGHT OF PHOTOSHOP

ثالثاً:
خذ اداة التعبئه وجعلها باللون الابيض وجعلها كما في الصوره



Step 4:
Now pull out your pencil tool again and set your foreground color to #C2C2C2 and draw a shape like below:


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




Step 5optional but recommended)
Zoom out sit back relax and enjoy the results of your work so far (*^_^*)

خامساً:
صغر التصميم الى 100 لكي تراها بالحجمها الطبيعي

كما في الصوره




Step 6:
Now create a new layer and with the pencil tool and foreground color set too #242424 draw out a rectangle like below:

سادساً:
سوي طبقه جديده وبي اداة القلم الرصاص سوي كالاتي ولكن الالوان الامامي يكون #242424

كما موضح بالصوره





Step 7:
Create another layer and use the pencil tool to fill in the area inside of the upper left rectangle with #3E9FE0

سابعاً:

سوي طبقه اخرى جديده وبي اداة القلم الرصاص اجل الالوان #3E9FE0 وبعدها لون بي اداة القلم الرصاص




Step 8:
Now apply the following Gradient Overlay to the layer.

ثمانيه:
اجعل التاثيرات كما موضح بالصوره التاليه

على الطبقه الي سوينا عليها لون ازرق في الخطوه السابعه







Which should produce:

الذي يجب ان ينتج معك




Step 9:
Now you need to insert the **** 'PS' for Photoshop, use a System font like System, or MS Sans-serif, set the font to really small and the Anti-Aliasing of **** to 'None' Type in PS (believe me, it says PS down there). If you can't find a font that works then just draw out the white shapes with the pencil tool.

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





صغر العمل وراح تشوفه مثل كذا




Step 10:
Last thing to do is insert the Photoshop Feather, download the feather below by right clicking and selecting 'Save Image As' or 'Save Picture As', save it to your hard drive then open it in photoshop:

هذا الريشه هي التي تعني لك ان هذه الايقونه لي الفتوشوب ويمديك تجيبها من الجهاز هذه هي الصوره



Copy the image and paste it into your icon on a layer directly under the layer with the 'PS' box on it, but above the paper part in the backgroud,go to Edit > Transform (ctrl+t) so that you can resize the feather to a size that fits inside of the paper:

بعدها اوضع الريشه لي تصميمك ولكن اجعلها في الخلفيه الصندوق الطبقه وبعدها ctrl+t راح يتكبر وشوف في الصوره كيف





وراح يطلع معك كذا





But don't stop there! Use your newfound pixel skills to do other cool stuff

لكن لا يتوقف التصميم في هذه النقطه لا بل يوجد اشياء كثيره انت تستطيع عملها

مثال




وسلملم
تعريب الدرس طالب جدي
وسلملم

يعطيك الف عافيه اخوي

الف شكر اخي

تقبل مروري

يعطيك ربي الع ـافيه
تقبل طلتي