איך מציירים כפתורים לאתר

תוכן עניינים:

איך מציירים כפתורים לאתר
איך מציירים כפתורים לאתר

וִידֵאוֹ: איך מציירים כפתורים לאתר

וִידֵאוֹ: איך מציירים כפתורים לאתר
וִידֵאוֹ: איך הופכים מספרים חיוביים למספרים שליליים באקסל 2024, מאי
Anonim

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

איך מציירים כפתורים לאתר
איך מציירים כפתורים לאתר

הוראות

שלב 1

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

שלב 2

פתח את Adobe Photoshop. צור מסמך חדש על ידי לחיצה על השילוב "Ctrl + N". פרמטרים של תמונה 300 * 300, רזולוציה 72 ppi. מצב הרקע והצבע המוגדרים כברירת מחדל הם לבן ו- RGB, בהתאמה.

שלב 3

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

שלב 4

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

שלב 5

לאחר מכן, כאן, סמן את התיבה שליד "הבלטה" כדי לתת לכפתור את הבליטה הדרושה, והגדר את הפרמטרים הבאים: סגנון - תבליט מתאר, שיטה - חיתוך רך, עומק - 220%, גודל - 1 פיקסל, ריכוך - 5 פיקסלים, זווית - 135 מעלות ללא תאורה גלובלית, גובה - 32, מצב הדגשה - רגיל עם 30% אטימות, מצב צל - הכפל עם 25% אטימות

שלב 6

כדי להעניק נפח גדול עוד יותר, כאן בפרמטרים של מיזוג, סמן את התיבה "צל" והגדר את הפרמטרים הבאים: מצב מיזוג - כפל, שקיפות - 40%, זווית - 125 מעלות באמצעות תאורה גלובלית, קיזוז - 5 פיקסלים, גודל - 20 פיקסלים.

שלב 7

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

שלב 8

כעת צור שכבה חדשה, בחר שוב ב"סגלגל "וצייר מעגל ברדיוס קטן יותר מהצורה הראשונה. פתח את "אפשרויות מיזוג", סמן את התיבה לצד "צל פנימי" והגדר את הפרמטרים: מצב מיזוג - אור רך, זווית - 125 מעלות, קיזוז - 0 פיקסלים, כיווץ - 45%, גודל - 21 פיקסלים.

שלב 9

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

שלב 10

לאחר מכן הגדירו את סגנון המיזוג לרדיאלי, קנה המידה ל 124%

שלב 11

כעת סמן את התיבה "Stroke" והגדר את הפרמטרים הבאים: גודל - 5 פיקסלים, מיקום - מחוץ, מצב מיזוג - רגיל, אטימות - 100%, סוג קו - שיפוע.

שלב 12

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

שלב 13

כעת עלינו להוסיף את כפתורי ההדגשה כך שהכפתור יקבל מרקם זכוכית. לשם כך, צור שוב שכבה חדשה, בחר בכלי בחירת סגלגל, צור סגלגל מעל הכפתור ומלא אותו בלבן באמצעות הכלי מילוי. החזק את מקש Ctrl, לחץ על השכבה עם העיגול הצבעוני, הפוך את הבחירה ("בחירה" - "היפוך"). כעת לחץ על מחק. יש לקצץ את הסגלגל סביב היקף המעגל.

שלב 14

בחלונית Layers, שנה את האפשרות Normal ל Light Light ואז לחץ על סמל המסכה הווקטורית ובחר בכלי Fill - Gradient. מלא את גולת הכותרת מלמטה למעלה. הכפתור כמעט מוכן.

שלב 15

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

מוּמלָץ: