ווי צו בייַטן דיין פאָטאָשאָפּ פּלאַן צו קסס קאָד אין ווייניקער ווי אַ מינוט

קסס-פאָטאָשאָפּ

זינט דעם אָנקומען פון די CS6 ווערסיע, Adobe ימפּלאַמענאַד אין Photoshop אַ זייער נוציק אָפּציע צו אויסלייג און אַנטוויקלען וועב דיזיין. די אָפּעראַציע איז זייער גרינג און אויבן אַלע שנעל. דורך די אַפּלאַקיישאַן, מיר וועלן קענען צו דזשענערייט קאַסקיידינג סטיל שיץ ווי רעפערענץ אונדזער שאַפּעס און טעקסט לייַערס. די פּראָצעדור איז ווי פּשוט ווי אַנטוויקלען אונדזער מאָקקופּ, קאַפּיינג די קאָד ווערסיע פון ​​אונדזער עלעמענטן און פּאַפּ עס אויף אונדזער בויגן.

דאָס איז אַ זייער גוט אָפּציע, ספּעציעל ווייַל עס אַלאַוז אונדז צו זען די עוואָלוציע פון ​​אונדזער פּלאַן וויזשאַוואַל און אין פאַקטיש צייט. דאָ זענען עטלעכע עצות צו נוצן דעם אָפּציע און באַקומען די מאַקסימום פאָרשטעלונג:

פּרובירן צו זיין גענוי

צו דערגרייכן אַ פאַכמאַן רעזולטאַט, עס איז רעקאַמענדיד צו נעמען אין חשבון די מעזשערמאַנץ און פּראַפּאָרשאַנז פון דיין פּלאַץ. באַשטעטיק די ברייט און כיי וואַלועס פון די מוסטער איר דיזיין און צולייגן זיי צו דיין מאָקקופּ. ווען איר נאָכמאַכן די CSS קאָד, מיר שטעלן יעדער עלעמענט ווי רעפֿערענץ די ווייַטקייט אין בילדצעלן צווישן יעדער עלעמענט און די עדזשאַז פון די לייַוונט. אויך נעמען אין חשבון די סיזעס און כייראַרקאַקאַל סיבות וואָס איר וועט אַרייַננעמען אין דיין פּלאַן, אַרייַנגערעכנט די אַליינמאַנט פון יעדער עלעמענט און די ספּייסינג צווישן יעדער פון זיי צו צושטעלן מאַקסימום רידאַביליטי פֿאַר דיין ניצערס.

די נוצן פון גוידעס און די כּללים פון די צובינד וועט העלפֿן איר בויען אַ ציכטיק און ריין טעמפּלאַטע מיט אַלע די עלעמענטן בישליימעס אַליינד.

וועב-פאָטאָשאָפּ

קאַנפיגיער אַלע די קעראַקטעריסטיקס פון יעדער עלעמענט

די אָפּציע צו נאָכמאַכן די CSS קאָד גיט אונדז די מעגלעכקייט צו פּלאַן אונדזער פּלאַץ מיט גרויס פּינטלעכקייט פֿון די נוצן פון פאָרעם און טעקסט לייַערס. דער אינהאַלט פון יעדער שיכטע וועט זיין קאַפּיד צו די קליפּבאָרד און מיר קענען געשווינד פּאַפּ עס אין אונדזער נוסח בלאַט. כאַפּן די וואַלועס פֿאַר די ווייַטערדיק סעטטינגס פֿון די פאָרעם לייַערס:

  • Size
  • שטעלע
  • סטראָוק קאָליר
  • פּלאָמבירן קאָליר (אַרייַנגערעכנט גראַדיענץ)
  • קאַפּ שאָטן

פֿון די טעקסט לייַערס מיר קענען כאַפּן די פאלגענדע וואַלועס:

  • שריפֿט משפּחה
  • שריפֿט גרייס
  • שריפֿט גרעב
  • שורה הייך
  • אונטערגעשטראָכן
  • סטריקעטהראָוגה
  • סופּערסקריפּט
  • סובסקריפּט
  • טעקסט אַליינמאַנט

האַלטן דאָס אין זינען און שטעלן יעדער פון די וואַלועס צו צושטעלן די נוסח איר זוכט פֿאַר.

אַרבעט מיט שיכטע גרופּעס

די פֿונקציע איבערזעצט אונדזער אַרבעט אָרגאַניזירט דורך צוויי טייפּס פון קלאַס, איינער פֿאַר יעדער גרופּע וואָס ברענגט צוזאַמען לייַערס פון שאַפּעס אָדער טעקסט און אַ קלאַס פֿאַר יעדער שיכטע פון ​​איינער פון די טייפּס. יעדער גרופּע קלאַס וועט פאָרשטעלן אַן פאָטער דיוו עלעמענט וואָס וועט אַנטהאַלטן קינד דיוו עלעמענטן וואָס וועט שטימען צו די לייַערס ינסערטאַד אין יעדער גרופּע. אין דעם וועג, די שפּיץ און לינקס וואַלועס פון די קינד קאַנטיינערז וועט זיין באַשטימט מיט דערמאָנען די פאָטער קאַנטיינער. איר מוזן געדענקען אַז די אָפּציע איז ניט בנימצא פֿאַר קלוג אַבדזשעקץ און עס קען נישט זיין אָנווענדלעך צו מער ווי איין שיכטע סיימאַלטייניאַסלי סייַדן זיי זענען גרופּט.

טריט צו בייַטן

אַמאָל איר האָט געמאכט דיין מאָקקופּ, איר האָט קאַסטאַמייזד יעדער עלעמענט און איר האָט גרופּט זיי דורך גרופּעס, איר וועט נאָר האָבן צו נאָכפאָלגן די סטעפּס:

 

  • גיין צו די לייַערס טאַפליע און קלייַבן איינער פון די צוויי אָפּציעס:
    • רעכט גיט אויף אַ פאָרעם אָדער טעקסט שיכטע אָדער אַ גרופּע פון ​​לייַערס און קלייַבן קאָפּיע CSS אין די קאָנטעקסט מעניו.
    • סעלעקטירן אַ שאַפּעס אָדער טעקסט שיכטע אָדער אַ גרופּע פון ​​לייַערס און קלייַבן די אָפּציע קאָפּיע CSS אין די Layers טאַפליע מעניו.
  • פּאַפּ די קאָד אין דיין סטילעשעעט דאָקומענט און צולייגן עס אויף דיין בלעטער דורך HTML5.

    1. קסס-פאָטאָשאָפּ

    2. קסס-פאָטאָשאָפּ


דער אינהאַלט פון דעם אַרטיקל אַדכיר צו אונדזער פּרינציפּן פון לייט עטיקס. צו מעלדונג אַ טעות גיט דאָ.

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.