קוראים כמוך עוזרים לתמוך ב-MUO. כאשר אתה מבצע רכישה באמצעות קישורים באתר שלנו, אנו עשויים להרוויח עמלת שותף. קרא עוד.

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

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

כיצד להפוך טקסטורות אמיתיות לוקטורים

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

שלב 1: פתח את דוגמית הטקסטורה בפוטושופ

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

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

instagram viewer

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

עכשיו יש לך תמונה באיכות גבוהה שתעבד לוקטור מפורט מאוחר יותר. אתה יכול גם לשנות את ה-DPI בתוכניות אחרות אם אתה לא משתמש בפוטושופ.

שלב 2: נקה את הרקע

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

צור שכבה חדשה בלוח השכבות ולאחר מכן גרור אותה מתחת לשכבת התמונה שלך. בחר את שכבת התמונה.

לך ל בחר > טווח צבעים. בחר את היורד מתיבת הדו-שיח והשתמש בה כדי לבחור חלק כלשהו ברקע במשטח היצירה שלך. להשתמש ב חוֹסֶר בְּהִירוּת המחוון כדי להבטיח שהבחירה תהיה צמודה לדוגמית שלך. לאחר מכן לחץ בסדר.

לאחר חזרה למשטח היצירה, באזור טווח הצבעים יהיו נמלים רצות כדי להציג את הבחירה. מכה לִמְחוֹק כדי להסיר את הרקע. לאחר מכן בטל את הבחירה בבחירה על ידי לחיצה Cmd + ד (מק) או Ctrl + ד (חלונות). אם הרקע שלך רגיל ללא צל או מרקם, זה כל מה שאתה צריך לעשות.

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

בטל את הבחירה על ידי לחיצה Cmd + ד (מק) או Ctrl + ד (חלונות). אם נותר עוד יותר מהרקע, בצע שוב את תהליך טווח הצבעים, השתמש ב- מַחַק כלי (ה) כדי להסיר פיקסלים עקשניים, או השתמש ב- פְּלָצוּר כלי (ל) כדי לבחור היטב מסביב לדוגמית שלך, ולאחר מכן לִמְחוֹק הבחירה.

הצב מלבן צבע מנוגד באמצעות ה מַלבֵּן כלי (U) מתחת לשכבת הדוגמית שלך כדי לחשוף כל פיקסלים נוספים שצריך להסיר. הסר אותם עם מַחַק. זכור למחוק את המלבן לפני שמירת התמונה שלך.

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

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

שלב 3: פתח את התמונה באילוסטרייטור

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

שילוב של Photoshop ו-Illustrator לפרויקט אחד הוא דרך מצוינת להשתמש ב-Adobe Creative Cloud. יש הרבה אחרים תכונות ברחבי Creative Cloud שאתה יכול לנסות.

שלב 4: וקטור את התמונה

פתח את חלונית המאפיינים על ידי מעבר אל חַלוֹן > נכסים. אתה יכול למקסם או למזער את החלונית על ידי בחירתו מסרגל הכלים האנכי הימני.

בחר את התמונה שלך ולאחר מכן גלול לתחתית נכסים לוח ובחר מעקב תמונה > תמונת High Fidelity. אם תבחר ב-Image Trace מתפריט Object, הוא יקבע כברירת מחדל עקבות בשחור-לבן, מה שלא ישמר את המרקם של הדוגמית שלך. אתה יכול להשתמש בפונקציית Image Trace בדרכים רבות כדי להווקטור תמונות באילוסטרייטור.

שלב 5: נקה והסר את הרקע

פתח את החלונית Image Trace על ידי בחירת הסמל שליד התפריט הנפתח Image Trace בחלונית Properties. תַחַת צֶבַע, הזז את המחוון ימינה, איפשהו בין 85% ל-98%. זה מגדיל את הפרטים של הצבעים בדוגמית המרקם שלך, ומעניק לו תוצאה מציאותית יותר.

פתח את ה מִתקַדֵם הגדרות והזז את שבילים מחליק ימינה. שוב, הגדרה זו בין 85% ל-98% היא אידיאלית. ככל שיש יותר נתיבים, כך יצויר יותר פרטים בוקטור שלך. אם יש פחות שבילים, התמונה תיראה חתוכה וכמו מצוירת.

הקטינו את החלוניות 'עקבות תמונה' ו'מאפיינים' והדוגמית שלך תכוסה בקווי נתיב כחולים. אם אתה רוצה להזיז את וקטור הדוגמית שלך, תצטרך להשתמש ב- בְּחִירָה כלי (V) כדי להבטיח שהוא זז כמכלול. אבל אתה יכול להעביר נתיבים בודדים, במידת הצורך, באמצעות בחירה ישירה כְּלִי.

בחר את בחירה ישירה כלי (א) ולחץ על משטח היצירה שלך כדי לבטל את בחירת התמונה. לאחר מכן בחר את הרקע הלבן המקיף את הדוגמית שלך. מכה לִמְחוֹק במקלדת כדי להחזיר את הרקע השקוף שלך. אתה יכול להוסיף מלבן צבעוני מתחת לדוגמית שלך כדי לבדוק את השקיפות.

שלב 6: השתמש ב-Swatch Vector שלך

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

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

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

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

צור וקטורים מטקסטורות אמיתיות עם Photoshop ו-Illustrator

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

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