רוטר - איך לעצב בפוטושופ בקלות כמו בcss

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"איך לעצב בפוטושופ בקלות כמו בcss"

גירסת הדפסה

קבוצות דיון גרפיקה נושא #20070	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 20070

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

17:29 17.07.13

איך לעצב בפוטושופ בקלות כמו בcss

תגידו מה הפיתרון לעיצוב מהיר ואיכותי בפוטושופ בקלות כמו שאני עושה בcss
זה מצחיק כי אני לפעמים מוצא את עצמי מעצב משהו בcss ועושה לו פרינט סקרין לתוך פוטושופ בגלל שבהרבה יותר קל לי אבל זה לא נשמע לי הגיוני.
לדוגמא אני צריך לעצב דף a4 עם 2 כותרות עליונות ומתחת 2 טורים
בכל תור שיהיה 4 קוביות. בתוך כל קוביה יש כותרת ותמונה, התמונות כל אחת בגדלים שונים יש כאלה מרובעות,מלבניות וכו'.
בcss אני מעצב את זה שייצא יפה ומדוייק ב5 דקות.
פשוט עושה 12 ריבועים נותן להם קלאס.
רושם כמה שורות בcss
height:100px
width:400px
padding-right:10px
וכו'.

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

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
לפעמים לעשות דברים בקוד יותר נוח מאשר בעיצוב, מסכים לגמרי...	Avi139	17.07.13 22:27	1
לצערי אני יכול לתת לך פתרון הפוך והוא CSSHat מפוטושופ ל CSS	King_Cobra	18.07.13 20:21	2
תתחיל להשתמש בגרידים	xtorm	21.07.13 23:23	3

Avi139

חבר מתאריך 1.8.02
73814 הודעות, 28 פידבק

22:27 17.07.13

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

כשהייתי מפתח \ מעצב ממשקים וLAYOUTS בפלאש, FLEX וכמובן בBLEND (סילברלייט) היה לי יותר נוח לעשות דברים כאלה במהרה בקוד - במקרה של סילברלייט זה היה הדבר הכי מושלם שהתנסתי בו, ואני שועל קרבות ותיק בתחום וחסיד פלאש בעבר, אל מיקרוסופט פשוט שיחקו אותה עם הקוד העיצובי - XAML, אחד הנוחים והפרקטיים... לא חף מבאגים לפעמים, אבל לא רואה ממטר את CSS ואת FLEX... רק חבל שמיקרוסופט דיי גנזו את סילברלייט, אבל לא נורא, BLEND עדיין מגיעה עם Visual Studio החדש ואפשר ליצור איתה אחלה של אפליקציות לווינדוס 8 וגם לWP8 וגם לווינדוס המסורתי (לא המטרו).

מחכה כבר שיהיה IDE נורמלי לCSS3+HTML5 ולא, לא הדיבולפרס טולס של FF וכרום

“I love my haters, they rage and rage and all they do is spreading my word”
― J.Y

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

King_Cobra

חבר מתאריך 1.8.02
24138 הודעות, 4 פידבק

20:21 18.07.13

2. לצערי אני יכול לתת לך פתרון הפוך והוא CSSHat מפוטושופ ל CSS
בתגובה להודעה מספר 0

My Website

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

xtorm
חבר מתאריך 25.5.05
849 הודעות

23:23 21.07.13

3. תתחיל להשתמש בגרידים
בתגובה להודעה מספר 0

תבנית מצויינת: http://960.gs
יש להם שם ספרייה ובה PSD's לפי כמות גרידים שתרצה
בנוסף במקלדת לחץ על CTRL + R מקש ימני על הסרגל שנפתח לך ותשנה לתצוגת Pixels
מכאן יהיה לך פשוט יותר לעבוד בסימטריה מושלמת

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד