تصميم أيقونة البوصلة المفصلة في Photoshop

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

معاينة الصورة النهائية

قبل البدء، دعنا نلقي نظرة على الصورة التي سننشئها. كما هو الحال دائمًا، يتوفر ملف Photoshop ذو الطبقات من خلال الاشتراك في عضوية Psdtuts + Plus.

الخطوة 1

قم بإنشاء مستند جديد باستخدام الإعدادات الموضحة أدناه.

الخطوة 2

اسحب دليلًا أفقيًا واحداً ودليلاً عموديًا واحدًا إلى مركز اللوحة. قم بإنشاء طبقة جديدة وتسميتها "جانب". اسحب أداة التحديد البيضاوي، عيّن النمط إلى حجم ثابتوحدد العرض والارتفاع إلى 440 بكسل. قم بالتحديد في وسط اللوحة. يمكنك القيام بذلك عن طريق الضغط على Alt في المكان الذي تلتقي فيه الأدلة. املأ التحديد بـلون رمادي 40٪.

الخطوه 3

قم بإلغاء التحديد عن طريق الضغط على Command + D. انتقل إلى تحرير> تحويل حر (Command + T). اضبط المقياس العمودي على 75٪ وقم بتطبيقه. كرر الطبقة وقم بتسميتها "الأعلى". حرك الطبقة 100 بكسل لأعلى. يمكنك القيام بذلك عن طريق استخدام مفاتيح الأسهم على لوحة المفاتيح عند تحديد أداة التحريك. أثناء الضغط على Shift، اضغط على مفتاح السهم لأعلى عشر مرات. اسحب دليل آخر من المسطرة العلوية ثم ضعه في منتصف الطبقة. بعد ذلك، اسحب دليلين آخرين من المسطرة اليمنى، أحدهما للحافة اليسرى والآخر للحافة اليمنى.

الخطوة 4

احصل على أداة الخيمة المستطيلة وقم بعمل تحديد، كما في الصورة أدناه. انتقل إلى طبقة "الجانب" في لوحة الطبقات واملأ التحديد بـ 40٪ رمادي. قم بإلغاء التحديد عن طريق الضغط على .Command + D

الخطوة 5

قم بتطبيق نمط طبقة تراكب متدرج على طبقة "جانب" باستخدام هذه الإعدادات: ضع وضع المزج على متعدد، التعتيم عند 50٪، التدرج يوضع من الاسود إلى الابيض، بنمط خطي، الزاوية توضع على 180 درجة، و التحجيم يضبط على 35% أنشئ طبقة جديدة فوق طبقة "جانب" واسمها "انعكاس جانبي".

أمسك أداة المستطيل ذو العلامة وقم بعمل ثلاثة تحديدات مستطيلة، كما في الصورة أدناه. حدد أول تحديد، ثم اضغط باستمرار على مفتاح Shift لتحديد الاثنين الآخرين. املأ التحديد باللون الأبيض. قم بإلغاء التحديد عن طريق الضغط على Command + D. انتقل إلى مرشح> ضباب> ضباب غاوصي وقم بتطبيقه بنصف قطر مكون من 10 بكسل. الآن نحن بحاجة إلى مسح البكسلات الزائدة. اضغط على زر "جانب" لتحميل التحديد وانتقل إلى تحديد> عكس، ثم اضغط على حذف لمسحه. قم بإلغاء التحديد عن طريق الضغط على Command + D.

الخطوة 6

قم بإنشاء طبقة أخرى فوق طبقة "انعكاس الجانب" وتسميتها "انعكاس الجانب 2". قم بعمل تحديدن مستطيلي الشكل، كما في الصورة أدناه واملأهما باللون الأبيض. قم بإلغاء التحديد عن طريق الضغط على Command + D. انتقل إلى مرشح> ضباب> ضباب غاوصي وطبقه بدائرة نصف قطرها 15 بكسل. انقر بالزر الأيمن على الصورة المصغرة "الجانب" لتحميل التحديد وانتقل إلى تحديد> معكوس لعكس التحديد. انقر فوق "حذف" للمسح. قم بإلغاء التحديد عن طريق الضغط على Command + D.

الخطوة 7

قم بإنشاء طبقة جديدة أعلى مكدس الطبقات وقم بتسميتها "في الداخل". انقر بالزر الأيمن على الصورة المصغرة "أعلى" لتحميل التحديد واملأه باللون # e1edfb. قم بإلغاء التحديد عن طريق الضغط على Command + D . اضغط على Command + T للدخول إلى وضع التحويل الحر وتعيين المقاييس الأفقية والرأسيّة إلى 92٪ ، ثمّ قم بالتطبيق.

الخطوة 8

قم بإنشاء طبقة أخرى فوق طبقة "داخل" وتسميتها  قرص الساعة". انقر بالزر الأيمن على الصورة المصغرة للطبقة "داخل" وحرك التحديد 80 بكسل لأسفل. يمكنك نقل التحديدات باستخدام مفاتيح الأسهم أثناء تحديد أداة الخيمة. أثناء الضغط باستمرار على مفتاح Shift، اضغط على مفتاح السهم لأسفل ثماني مرات. املأ التحديد باللون الأبيض. قم بإلغاء التحديد بنقر Command + D. سنقوم بتعريف الطبقة "داخل" كقناع قص لطبقة " قرص الساعة ". انقر مع الضغط على مفتاح Alt بين الطبقتين " قرص الساعة " و "داخل" في لوحة الطبقات.

الخطوة 9

انقر بالزر الأيمن على طبقة "داخل" لتحميل التحديد، ثم اضغط على Alt + Command فوق طبقة " قرص الساعة " لطرحها من التحديد. الآن لدينا الجدار الداخلي محدد. قم بإنشاء طبقة جديدة فوق طبقة " قرص الساعة " واسمها  " انعكاس داخل ". اسحب أداة التدرج واختر الإعداد فضي، الموجود في مجموعة معادن. املأ التحديد بالتدرج، كما هو موضح في الصورة أدناه. اضبط وضع المزج على متعدد و التعتيم عند 25٪.

قم بإنشاء طبقة جديدة في الجزء العلوي واسمها " ظل الداخل ". سنستخدم أداة التدرج مرة أخرى. هذه المرة عليك اختيار الواجهة إلى إعداد مسبق شفاف وتعيين الأسود كلون الواجهة لديك. املأ التحديد باستخدام التدرج الموضح في الصورة أدناه. قم بإلغاء التحديد عن طريق الضغط على Command + D.

الخطوة 10

قم بإنشاء طبقة جديدة في الأعلى وسمها "الحافة الخارجية". اضغط على طبقة "أعلى" لتحميل التحديد وتعبئته باللون الأبيض. تأكد من تحديد أداة الخيمة وحرِّك التحديد 1 بكسل يمينًا و 1 بكسل لأعلى باستخدام مفاتيح الأسهم. الآن اضغط على حذف للمسح. قم بالضغط على Command + D.

أنشئ طبقة جديدة فوق طبقة "الحافة الخارجية" واسمها "الحافة الداخلية". اضغط على الطبقة  "داخل" واملأ التحديد باللون الأبيض. حرّك التحديد 1 بكسل يسارًا و 1 بكسل لأسفل. انقر فوق "حذف" للمسح، ثم قم بإلغاء التحديد.

الخطوة 11

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

افتح البوصلة Dial.png. احصل على أداة التحديد البيضاوي، عيّن النمط إلى عادي وقم بعمل تحديد دائري، كما في الصورة أدناه. اذهب إلى تحديد> معكوس. الآن انتقل إلى مرشح> ضباب> ضباب غاوصي طبقه بنصف قطر مكون من 2 بكسل.

الخطوة 12

رتب مساحة العمل الخاصة بك بحيث يمكنك رؤية كلا المستندين في نفس الوقت. اضغط مع الاستمرار على Shift واسحب القرص إلى مستند البوصلة. سيؤدي الضغط مع الاستمرار على المفتاح Shift إلى توسيط القرص الموجود على اللوحة. قم بإعادة تسمية هذه الطبقة الجديدة باسم "قرص البوصلة" وتحريك هذه الطبقة الجديدة فوق طبقة " قرص الساعة " في لوحة الطبقات.

اضغط على Command + T، قم بتدوير مؤشر البوصلة بـ 30 درجة، ثم قم  بالتطبيق. اضغط على زر " قرص البوصلة " لتحميل التحديد، وانتقل إلى تحديد> معكوس. انتقل إلى تحديد> تعديل> ريشة (في CS2 انتقل إلى تحديد> ريشة.) قم بتعيين نصف قطر الريشة إلى 50 بيكسل واضغط حذف مرتين. قم بإلغاء التحديد عن طريق الضغط على Command + D.

الخطوة 13

انقر Command + T وحدد هذه المرة المقياس العمودي إلى 75٪. الآن يجب علينا وضع القرص في المكان المناسب. ان جعل تعتيم الطبقة تحت 50٪ سيساعدنا على رؤية الميناء والبوصلة في نفس الوقت. يجب أن تتداخل المنطقة غير الواضحة للقرص مع طبقة " قرص الساعة ". أعد الآن تعتيم الطبقة إلى 100٪.

الخطوة 14

اضغط على زر" قرص الساعة " لتحميل التحديد وانتقل إلى تحديد> معكوس. انتقل إلى طبقة> جديد> طبقة بواسطة القص.  سيؤدي هذا إلى نقل التحديد إلى طبقة جديدة، والآن أصبح قرص الساعة والانعكاس في طبقات منفصلة. قم بإعادة تسمية الطبقة الجديدة باسم " انعكاس قرص الساعة ". اضبط تعتيم الطبقة " انعكاس قرص الساعة " على 65٪.

ارجع إلى طبقة " قرص البوصلة " في لوحة الطبقات وقم بتطبيق نمط طبقة الظل الداخلي باستخدام هذه الإعدادات: ضع وضع المزج على متعدد، اللون يوضع على الاسود، التعتيم عند 30٪، الزاوية توضع على -125 درجة، و المسافة تضبط على 100 بيكسل، ويتم ضبط الحجم على 5 بكسل.

الآن قم بتطبيق تراكب متدرج مع هذه الإعدادات: ضع وضع المزج على عادي، التعتيم عند 20٪، التدرج يوضع من الاسود إلى الابيض، بنمط خطي، الزاوية توضع على 55 درجة. الآن كما ترون في الصورة أدناه، انقر مع الضغط على مفتاح Alt بين الطبقتين " قرص الساعة " و " قرص البوصلة " ثم افعل نفس الشيء لطبقات " قرص البوصلة " و " انعكاس قرص الساعة ".

الخطوة 15

قم بإنشاء طبقة جديدة في الجزء العلوي وتسميتها "الابرة". احصل على أداة الخيمة المستطيلة وقم بتحديدها كما هو موضح في الصورة أدناه. اسحب ثلاثة أدلة من المسطرة العلوية ثم طابقها إلى الأعلى والوسط وأسفل التحديد. قم بإلغاء التحديد عن طريق الضغط على Command + D.

أمسك أداة تحديد المضلع وقم بعمل تحديد كما هو موضح أدناه ، قم بتعبئة التحديد باللون # dd0000. احصل على أداة المستطيل ذو العلامة وحدد النصف الأيسر من الإبرة كما هو موضح. انتقل إلى صورة> ضبط> مسحة لونية /إشباع Command + U)) وقم بتعيين الاشباع على -100 والاشراق إلى +80. قم بإلغاء التحديد عن طريق الضغط على Command + D

الخطوة 16

انقل الإبرة إلى أسفل كما في الصورة أدناه واضغط على Command + T. اضبط المقياس الرأسي والأفقي على حد سواء على 70٪، والدوران إلى -30 درجة، ثم قم بالتطبيق. انقر Command + T مرة أخرى وهذه المرة قم بتعيين المقياس العمودي إلى 75 ٪.

الخطوة 17

قم بتطبيق تراكب متدرج على طبقة "الابرة" باستخدام هذه الإعدادات: ضع وضع المزج على تراكب، التعتيم عند 100٪، التدرج يوضع على الفضي (والذي يكون في مجموعة المعادن)، بنمط خطي، الزاوية توضع على 0 درجة، و التحجيم يضبط على 90%.

قم بإنشاء طبقة جديدة أسفل " الابرة " وأطلق عليها اسم "ظل الابرة ". اضغط على زر " الابرة " واملأ التحديد باللون الأسود. قم بإلغاء التحديد عن طريق الضغط على Command + D. انتقل إلى مرشح> ضباب> ضباب غاوصي وطبقه بدائرة نصف قطرها 7 بكسل. قم بتعيين تعتيم الطبقة على 70٪.

الخطوة 18

احصل على أداة التحديد البيضاوي. اضبط النمط على عادي وقم بعمل تحديد دائري، كما في الصورة أدناه. قم بإنشاء طبقة جديدة في الجزء العلوي من مكدس الطبقة وتسميتها "دبوس". املأ التحديد بـ 40٪ رمادي. اضغط على Command + T وحدد المقياس العمودي إلى 75٪. قم بإلغاء التحديد بنقر Command + D. قم بتكرار الطبقة "دبوس" وقم بتحريكها لأعلى بمقدار 1 بكسل.

قم بتكرار طبقة "نسخة الدبوس" وقم بنقلها بمقدار 1 بكسل لأعلى وتكرار التكرار والانتقال لأعلى حتى تصل إلى "نسخة الدبوس 4" وقم بتحريكها لأعلى بمقدار 1 بكسل. أعد تسمية طبقة "نسخة الدبوس 4" بـ "أعلى دبوس". حدد جميع طبقات التثبيت باستثناء طبقة "أعلى دبوس"، كما هو موضح في الصورة أدناه، ثم قم بدمجها. قم بتسمية الطبقة المدمجة "جانب الدبوس".

الخطوة 19

قم بتطبيق تراكب متدرج على طبقة "جانب الدبوس" باستخدام هذه الإعدادات: ضع وضع المزج على تراكب، التعتيم عند 90٪، التدرج يوضع على الفضي، بنمط خطي، الزاوية توضع على 0 درجة قم بتطبيق تراكب متدرج على طبقة "أعلى الدبوس" باستخدام هذه الإعدادات: ضع وضع المزج على عادي ، التعتيم عند 30٪، التدرج يوضع على الفضي، بنمط خطي، الزاوية توضع على -10 درجة.

الخطوة 20

قم بإنشاء طبقة جديدة فوق طبقة " الابرة " وتسميتها "ظل الدبوس". اضغط على زر "أعلى الدبوس" واملأ التحديد باللون الأسود. قم بإلغاء التحديد عن طريق الضغط على Command + D. حرّك الطبقة 4 بكسل لأسفل وانتقل إلى مرشح> ضباب> ضباب غاوصي، ثم ضع نصف قطر 2 بكسل. اضبط تعتيم الطبقة على 70٪.

الخطوة 21

الآن سنصنع الزجاج. قم بإنشاء طبقة جديدة في الأعلى وسمها "زجاج". اضغط على زر "طبقة داخلية". املأ التحديد باللون الأبيض. قم بإلغاء التحديد عن طريق الضغط على Command + D. قم بتحريك الطبقة 15 بكسل لأسفل وتطبيق نمط الطبقة توهج داخلي باستخدام هذه الإعدادات: ضع وضع المزج على متعدد، التعتيم عند 60٪، اللون يوضع على الاسود. اضبط  وضع المزج لطبقة "الزجاج" على الوضع متعدد و التعتيم عند 30٪. اضغط على زر "مصغر" الطبقة "داخل" لتحميل التحديد. انتقل إلى "تحديد"> معكوس واضغط على "مسح" لإلغاء تحديده، ثم تابع وقم بإلغاء تحديد.

الخطوة 22

قم بإنشاء طبقة جديدة فوق طبقة "الزجاج" وتسميتها "انعكاس الزجاج 1." اضغط على مفتاح الطبقة "داخل" لتحميل التحديد. خذ أداة التدرج. اضبط الواجهة على الإعداد المسبق شفاف، واضبطه على التدرج النصف قطري واختر الأبيض كلون للواجهة. قم بملء التحديد بالتدرج ، كما هو موضح أدناه. اضغط على Command + D لإلغاء التحديد، ثم حرك الطبقة 30 بكسل لأسفل.

الخطوة 23

اضغط على زر "زجاج" لتحميل التحديد. قم بإنشاء طبقة جديدة وتسميتها " انعكاس الزجاج2." املأ التحديد باستخدام التدرج، كما هو موضح أدناه، واستخدم إعدادات الخطوة السابقة. ثم اضغط على Command + D لإلغاء التحديد.

الخطوة 24

انتقل إلى طبقة " قرص البوصلة  " في لوحة الطبقات واضغط على Command + U لإظهار مربع حوار مسحة لونية /إشباع. تحقق من التلوين، اضبط المسحة إلى 200، والاشباع الى 50، والاضاءة الى -8، واضغط على OK. انتقل الآن إلى طبقة " انعكاس قرص الساعة " واضغط على Command + U مرة أخرى. اضبط المسحة على 200، والتشبع إلى 50، والإضاءة إلى -3، وتحقق من التلوين.

الخطوة 25

قم بإنشاء طبقة جديدة في الأعلى وسمها "أسفل". انقر فوق طبقة "أعلى" لتحميل التحديد. اسحب أداة التدرج، واختر إعداد فضي، واضبطه على خطي، واملأ الطبقة باستخدام التدرج، كما هو موضح أدناه. قم بإلغاء التحديد عن طريق الضغط على Command + D.

الآن حدد جميع الطبقات ما عدا الطبقات "الخلفية" و "السفلية" وانتقل إلى طبقة > دمج الطبقات (Command + E). عليك إعادة تسمية الطبقة المدمجة باسم "البوصلة". قم بتكرار طبقة "البوصلة"، ثم قم بتكرار الطبقة "السفلية". حدد طبقات "نسخة البوصلة " و "السفلية" في لوحة الطبقات وقم بدمجها. قم بتسمية الطبقة المدمجة باسم "انعكاس". أعد تسمية طبقة " نسخة السفلية" باسم "الظل". قم بترتيب الطبقات كما هو موضح في الصورة أدناه.

الخطوة 26

حرك طبقات "الظل" و "الانعكاس" لأسفل وضعها كما هو موضح. حدد طبقة "الظل" في لوحة الطبقات وانتقل إلى الصورة> الضبط> المسحة / التشبع (Command + U). اضبط الإضاءة على -100. انتقل إلى مرشح> ضباب> ضباب غاوصي وطبقه باستخدام نصف قطر قدره 45 بكسل. اضبط تعتيم الطبقة على 70٪. انتقل إلى طبقة "الانعكاس" وقم بتطبيق مرشح ضباب غاوصي مع نصف قطر مكون من 4 بكسل، ثم اضبط تعتيم الطبقة على 30٪.

استنتاج

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

اشترك في Psdtuts + RSS Feed لأفضل دروس ومقالات فوتوشوب على الويب.