כיצד להפוך את כפתור סמלים הדרכה | יישום פתרונות אינטרנט עשירים

RIATMP1157-כיצד להפוך את כפתור סמלי

27 ספטמבר 2009

כפתור פשוטה מאוד אבל אטרקטיבית הדרכה סמל יצירת לכולם כמעט עם מינימום או כמעט שום ניסיון Photoshop. מטרת הדרכה זו היא לא רק להראות את העבודה והטכניקה של יצירת כפתור, אלא גם מעודדת אותך להיות יצירתי ובעל דמיון כדי כפתורים משלך בעתיד.

אחד סוד חשוב כל עבודה יצירתית היא היכולת לראות את התוצאה עוד לפני התחלת יישום. יש גישה הרבה כדי להשיג את זה, בשבילי הדרך הטובה ביותר היא עוצמת את עיני ומנסה לראות מה אני הולך ליצור. פעם אחת יש לי משהו מעניין לנסות לצלם בזיכרון שלי, לפני שאני פוקחת את העיניים ומיד לצייר את זה על נייר לפני שאני שוכח. זה תרגיל שאתה יכול לעשות ועושה באופן קבוע תגדיל את היכולת לראות בצורה ברורה יותר.

נניח שזה מה שראיתי, כאשר עצמתי את עיני, עכשיו איך אני יכול לבצע את זה בפוטושופ?

סמל תרגיל לצייר על נייר

כדי ליצור בצעדים פוטושופ הן כדלקמן, אני אנסה לעשות את זה פשוט:

שלב 1: פתחו קובץ חדש ב-Photoshop ולתת שם כמו button_tutorial.psd, רוחב: 300, גובה: 250, להשאיר הכל כברירת מחדל.

יצירת קובץ חדש Photoshop

שלב 2: ניתן לשמור על רקע לבן או להשתמש בחלק מרקם החלקה אם אתה מעדיף, אני יצרתי פשוט במהירות כמה המרקם באמצעות הספרייה מרקם.

יצירת מרקם ב-Photoshop

שלב 3: הוספת שכבה חדשה ולתת לו שם, ליצור ריבוע מעוגל תיבת פינה הבחירה (135px X135px) ולבצע את רדיוס פינה 20px. ישנן דרכים רבות ליצור תיבת מרובע מעוגל, אחד בדרך פשוטה היא: צייר קופסה מרובעת 1 ובחר "Select -> שינוי -> Smooth" מהתפריט העליון ובחר רדיוס 20px.

ליצור ריבוע מעוגל תיבת פינה

המסך צריך להיראות כך:

ריבוע מעוגל פינה תיבת Photoshop

שלב 4: כדי למלא את אזור הבחירה בצבע הדרגתי, לחץ על סמל שיפוע (1) על הסמל בפאנל ובחר (2) צבע צבע הבחירה מלמעלה לקחת 3 צבע, כפי שמוצג בתמונה. [# 80a2be, # 013871, # 31b7dd]

צבע הצבע ב-Photoshop

התמונה הסופית שלך צריך להיות כך.

צבע הצבע ב-Photoshop

שלב 5: עכשיו הזמן שלו כדי לחקור השפעה,
לחצו על 'הוסף סגנון שכבה' סמל בתחתית חלון השכבה, ובחלון סגנון שכבה לבדוק את תיבת הסימון רק "צל". בצע את התמונה מדגם להלן.

הוסף סגנון שכבה הצללה

שלב 6: עכשיו תיבת הסימון "זוהר חיצוני" הסימון. האם כפי שניתן לראות בתמונה למטה.

הוסף סגנון שכבה חיצונית זוהר

שלב 7: 'הילה פנימית'' הסימון ליד תיבת הסימון. האם כפי שניתן לראות בתמונה למטה.

הוסף סגנון שכבה 'הילה פנימית'

והנה השפעת הסגנון הסופי.

להוסיף אפקט שכבה חדשה ב-Photoshop

שלב 8: הוספת שכבה חדשה ובחר "שבץ" מתפריט "עריכה" בראש ולתת צבע ירוק, 6px בתוך הגבול. עקוב אחר תמונה לדוגמה.

Use stroke to create border from edit menu.

השתמש שבץ כדי ליצור גבול מתפריט עריכה.

שלב 9: עכשיו יש לך תמונה כזאת. לשנות את סגנון מלוח השכבה העליונה ל 'מסך' ייתן אפקט שקוף.

Use stock to create border from edit menu.

השתמש המניות כדי ליצור גבול מתפריט עריכה.

שלב 10: הוספת שכבה חדשה ולצייר תיבת מלבן מעוגל כפי שמוצג בתמונה למטה. זה אותו דבר כמו "שלב 3" אני מתאר בעבר.

צייר תיבת מלבן מעוגל

שלב 11: "הוסף מסיכת שכבה 'בחר משורת אייקונים התחתונה בחלון שכבה ו' סמל צבע 'בחר מחלון' כלים '. כעת לחץ וגרור את העכבר על תיבת מלבן מעוגל לחול מלמעלה למטה ואתה צריך לראות תוצאה דומה כזה.

Add layer mask and Gradient icon for lighting effect

הוסף מסיכת שכבה וסמלים הדרגתי של אפקט התאורה

שלב 12: עכשיו להוסיף עוד שכבת ו צייר עיגול כמו בתמונה למטה ולשנות "Opecity" מלוח השכבה על 50%.

Opecity להשתמש אפקט השיא

שלב 13: עכשיו הזמן לצייר סמל שאתה אוהב אתה מציב או שאתה יכול להשתמש בכל סמל הקיים מהאוסף שלך. אני פשוט לצייר המצלמה במהירות.

צייר המצלמה ב-Photoshop

ניתן להוסיף אפקט תאורה יותר אם אתה מעדיף, אבל זה תלוי לחלוטין בך.

תאורה השפעה על כפתור

ברגע שיש לך את הכפתור מוכן, הגיע הזמן ליצור כמה שיותר הרצויה דקות בדיוק. יש לי עכשיו, נשמע לשחק, שמע, התקן אודיו, אקולייזר, DVD, CD, מיקרופון, הקלטת וידאו, קלטות, בקרת העוצמה המצלמה.