הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   עיצוב וגראפיקה (https://hosts.co.il/forums/forumdisplay.php?f=13)
-   -   המדריך השבועי - יצירת לוגו (https://hosts.co.il/forums/showthread.php?t=18939)

Niros 03-04-06 13:05

המדריך השבועי - יצירת לוגו
 
רשימת המדריכים עד כה:
יצירת קליע - לחץ כאן
כתב מלוכלך - לחץ כאן
יצירת קופסא - לחץ כאן
יצירת באר - לחץ כאן


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

למדריך זה תצטרכו:
- ידע בסיסי בפונקציות הפוטושופ
- מוטיביציה
- סבלנות
- הכרת תודה

מהלך המדריך:

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

file>>new
ולמלאות את הפרטים הבאים
קוד:

Name: לא משמעותי
Preset Sizes: Custom
Width: 310 pixels
Height: 120 pixels
Resolution: 72 pixels/inch
Mode: RGB Color
Contents: Transparent

ואז נלחץ OK.
נצבע כעת את הרקע בצבע לבן(FFFFFF#).
לאחר מכן נקח את הצורה המוכנה הבאה(ראה תמונה מס' 1)
וניצור אותה בצורה סימטרית ע"י לחיצת SHIFT בזמן יצירת הצורה, יש לדאוג כי צבע הצורה
יהיה BF2800#
הצורה אמורה להראות כך(ראה תמונה מס' 2) מבחינת סדר הגודל וצבע.
עכשיו יצרנו צורה בצבע דיי מבחיל?, צורה דיי משעממת?, עכשיו העניינים קצת יתחממו.
אוקיי אז הצורה נראת משעממת, נטפל בזה כעת בעזרת מחיקת חלק ממנה - שייצור צורה פנימית.
אך זה עדיין ישאר לייר אחד ווקטורי - מדהים לא?.
איך נעשה זאת? כך:
קחו את הצורה המוכנה, במקרה שלי(ראו תמונה מס' 3).
כעת נלחץ ALT, ונתחיל ביצירת הצורה בתוך הצורה שכבר קיימת, דבר זה ימחוק את פנים הצורה בצורה הנבחרת, קצת מסובך להבנה, אך פשוט לעשייה.
טיפ קטן: יעזור לכם אם תעזבו את מקש ה ALT, לאחר שהתחלתם לסמן את הצורה - כך תוכלו לשלוט בה טוב יותר.
עכשיו נהפוך אותו על הצד כמו שאני עשיתי, על מנת שיתאים יותר לנושא מכוניות.
אז נעשה: Edit>>Transform Path>>90 CW.
בשלב זה, זה אמור להראות כך(ראה תמונה מס' 4).
כעת יש לנו משהו קצת יותר מושך, אבל בכל זאת חסר קצת גראפיקה - יותר מדי חלק.
אז נלך להגדרות של הצורה(לאלה ששכחו blending options)
ונמלא את הפרטים הבאים כפי שמופיעים בתמונה(ראה תמנוה מס' 5)(ראה תמונה מס' 6)(ראה תמונה מס' 7).
כעת נלחץ OK וזה אמור להראות כך(ראה תמונה מס' 8)
לאחר שיש בידינו את הסמל המסחרי ללא כיתובי האתר, נתאים זאת לאתר, נוסיף שם אתר וסלוגן, וגם איזה רקע מאחורי הטקסט.
אז כעת ניצור את הרקע שיעמוד מאחורי הטקסט באמצעות כלי ה Rounded Rectangle Tool(ראה תמונה מס' 9).
נקבע את הגדרות הכלי(ראה תמונה מס' 10), שימו לב כי הרדיוס הוא 150
והסטייל צריך להיות זהה לסמל המסחרי שלנו.(blending options) בד"כ זה מבצע זאת אוטומית.
במקרה הזה צבע הצורה שנעשה יהיה אפור יחסית בהיר #E7E7E7.
נשים את שכבת המלבן המעוגל מעל הסמל המסחרי, שיראה קצת יותר מחובר ויפה.
כעת זה אמור להראות כך(ראה תמונה מס' 11).
כל מה שנותר לנו לעשות הוא להוסיף שתי טקסטים ולמקם אותם במרכז, כאשר שם החברה\עסק\אתר
בגדול יותר, והסלוגן קטן חסר הבלטות.
אני השתמשתי בפונט ARIEL בלבד במצבים שונים, כאשר בסלוגן הוא במצבו הרגיל והטבעי על גודל 11.
ובשם החברה\עסק\אתר עשיתי על BOLD ITALIC במצב SMOOTH בגודל 30.


התוצאה שלי:
http://img69.imageshack.us/img69/9951/fastcarent2ck.jpg
http://img69.imageshack.us/img69/9951/fastcarent2ck.jpg



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


בהצלחה ונתראה בשבוע הבא עם מדריך חדש ומרענן|winky| |winky|
המדריך זה נכתב במיוחד עבורכם אני ורפי מקווים מאוד שתעריכו זאת.

ציטוט:

אתם מוזמנים להציג את התוצאה שלכם ולשתף את כולם ^^

TalGarty 03-04-06 13:10

יפה מאוד ניר !
הלוגו נראה מעולה..
אני עוד מעט ינסה גם לעשות אותו לפי המדריך :D

תודה :-)

Niros 03-04-06 13:11

בבקשה ג-ר-ט-י-ו-ן

d0rix 03-04-06 13:11

פשש יפה מאוד אחי:)

ReFlecTion 03-04-06 13:18

הלוגו נחמד מאד..!
:)
תודה על המדריך!

ZisArt 03-04-06 13:25

יפה אחי, זה המדריך שאני הכי אהבתי :) וגם יצא לך אחלה לוגו :)

FBI 03-04-06 13:32

יצא מאוד יפה עם אתה צריך מדריכים לאתר שלך אני ישמח לעשות..:P

Niros 03-04-06 13:53

חחח תודה =]

dj fm 03-04-06 13:57

תודה שהפוטו שופ שלי יחזור אני יעשה

Niros 03-04-06 16:00

בכיף, תגובות אנשים =]

nadav0644 03-04-06 16:15

אחלה מדריך אחי

Carlito 03-04-06 17:20

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

k.machine 03-04-06 17:33

תודה על המדריך ישקסי:D

Niros 03-04-06 17:36

מוזר גרסא ישנה דווקא זה לא שיש לי כלים משוכללים........ 7 ME

momo222 03-04-06 18:07

בחיים שלי לא עבדתי בפוטושופ חוץ מלשנות בעיצובים שקניתי כמה פרטים
והצלחתי לעשות..
הדבר הראשון שעשיתי בפוטושופ8-)

ETWD 03-04-06 18:51

כל הכבוד על היוזמה.
אחלה מדריך מפורט מאוד.

Niros 03-04-06 22:11

בבקשה אנשים, אבל תראו תוצאות1@@!#

Imri 04-04-06 11:04

אחלה מדריך!
עשיתי משהו קצת שינויים:
http://files.tmp.co.il/Logo9_9659m1tol.jpg
איך יצא?

Eran | Roop.co.il 04-04-06 11:06

אחלה מדריך!!
תודה!

mlnn 04-04-06 11:12

אחלה מדריך! תודה.
אבל מאיפו אני משיג את השייפים האלו? (Shape)

Niros 04-04-06 11:15

זה שייפים בסיסיים שבאים עם הפוטו.

OldMega 04-04-06 11:16

תודה ניר, אחלה מדריך!

Noam 04-04-06 15:14

מדריך תותח

תמשיך עם המדריכים !

Niros 04-04-06 18:13

אוקיי תציגו תוצאות אנשים שאולי אני אחשוב לעשות משהו יותר מסובך

Imri 04-04-06 19:40

ציטוט:

נכתב במקור על ידי Niros
אוקיי תציגו תוצאות אנשים שאולי אני אחשוב לעשות משהו יותר מסובך

הצגתי תראה עמוד 2

Niros 04-04-06 21:06

אחלה, שינויים חמודים אך הלוגו יבש מדי =] חבל שהורדת תהברקות והכל

HoGo 04-04-06 21:09

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

pini89 04-04-06 22:20

תודה

Niros 05-04-06 06:22

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

NockHost 05-04-06 07:55

פששש מדריך יפהה..
הוא יעזור פה להרבה אני מאמין..

HoGo 06-04-06 00:47

אה לא ידעתי, בכל אופן אם תצטרך מדריכים למשהו תפנה אלי, או ל limudon או דברים כאלה אני פה תמיד. |Lol|

idan11 07-04-06 02:47

תודה רבה!
אחלה מדריך :)
אח"כ אני יראה את העבודה שיצאה לי.

Niros 07-04-06 06:02

בבקשה =]

yNaxon 07-04-06 09:19

יצא לי ענקקקק !! :)

תודה ניר!!!

Niros 07-04-06 17:37

תראה

yNaxon 07-04-06 18:22

ציטוט:

נכתב במקור על ידי Niros
תראה

http://img215.imageshack.us/img215/2055/sitename1rf.png

http://img215.imageshack.us/img215/2055/sitename1rf.png

תודה ניר! |לב|

Niros 07-04-06 18:44

פצצה, דומה למקור

amirs_5 07-04-06 19:44

הסתבכתי אפשר עזרה ?
תסתכלו
http://img151.imageshack.us/img151/5059/12cn1.jpg
אני כאן ..
ואין לי תצורה הזאתי..

Niros 07-04-06 20:03

יש לך אותה אולי אתה צריך לטעון, זאת צורה בסיסית של פוטושופ

amirs_5 07-04-06 20:28

ציטוט:

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

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


כל הזמנים הם GMT +2. הזמן כעת הוא 18:54.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ