{"id":2028,"date":"2020-08-09T08:23:05","date_gmt":"2020-08-09T08:23:05","guid":{"rendered":"http:\/\/newhelp.iwareprint.pl\/?post_type=helpdesk&p=2028"},"modified":"2024-04-08T19:43:07","modified_gmt":"2024-04-08T19:43:07","slug":"placeholdery-o-nieregularnych-ksztaltach-photoshop","status":"publish","type":"wizard","link":"https:\/\/iwareprint.pl\/help\/kreator-wydrukow\/placeholdery-o-nieregularnych-ksztaltach-photoshop\/","title":{"rendered":"Placeholdery o nieregularnych kszta\u0142tach (Photoshop)"},"content":{"rendered":"
\n

Placeholdery o nieregularnych ksztaltach<\/strong><\/p>\n

 <\/p>\n

W Rozdziale Plaholdery Obraz\u00f3w dowiedzieli\u015bmy si\u0119, jak doda\u0107 placeholder do produktu. U\u017cytkownik mo\u017ce przes\u0142a\u0107 obraz w tym placeholderze, ale jego kszta\u0142t jest zawsze prostok\u0105tny. Co je\u015bli chcesz uczyni\u0107 go bardziej artystycznym, na przyk\u0142ad o dowolnym kszta\u0142cie jak na poni\u017cszym zdj\u0119ciu?<\/p>\n

\"\"<\/p>\n

Typowym sposobem jest na\u0142o\u017cenie nak\u0142adki na obraz. Graficy wiedz\u0105, jak dzia\u0142aj\u0105 nak\u0142adki obrazu. Mo\u017cesz wyci\u0105\u0107 dowolny kszta\u0142t z warstwy rastrowej za pomoc\u0105 innego obrazu na nim umieszczonego. Obrazy musz\u0105 by\u0107 dok\u0142adnie ustawione wzgl\u0119dem siebie, a nak\u0142adaj\u0105cy si\u0119 obraz powinien by\u0107 przezroczysty w obszarach, w kt\u00f3rych pierwszy obraz powinien by\u0107 widoczny. Tej techniki mo\u017cna u\u017cy\u0107 do dodania artystycznych granic do warstw obrazu. Wymaga to jednak dodatkowych wysi\u0142k\u00f3w, a w niekt\u00f3rych przypadkach zastosowania nak\u0142adki obrazu nie s\u0105 odpowiednie.<\/p>\n

Alternatywnie mo\u017cesz u\u017cy\u0107 masek wektorowych. W takim przypadku dowolny po\u017c\u0105dany obszar obrazu mo\u017cna wyci\u0105\u0107 za pomoc\u0105 kszta\u0142tu wektora i umie\u015bci\u0107 na produkcie. Domy\u015blnie symbole zast\u0119pcze obraz\u00f3w maj\u0105 kszta\u0142ty prostok\u0105tne, ale mo\u017cna ustawi\u0107 dowolny kszta\u0142t wektorowy lub mask\u0119 wektorow\u0105 i u\u017cy\u0107 ich do wyci\u0119cia cz\u0119\u015bci obrazu. Pami\u0119taj, \u017ce mo\u017cesz tak\u017ce u\u017cy\u0107 masek wektorowych, aby wykadrowa\u0107 inne elementy projektu, takie jak obrazy i warstwy tekstowe.<\/p>\n

Zobaczmy, jak kszta\u0142ty wektorowe i maski wektorowe s\u0105 u\u017cywane w kreatorze do tworzenia nie-prostok\u0105tnych symboli zast\u0119pczych.<\/p>\n

 <\/p>\n

Tworzenie placeholder\u00f3w z warstw kszta\u0142t\u00f3w (shape layers)<\/strong><\/p>\n

 <\/p>\n

Nie-prostok\u0105tne placeholdery s\u0105 ustawiane w taki sam spos\u00f3b jak prostok\u0105tne, ale znacznik <PH><\/span> jest stosowany do nazwy warstwy kszta\u0142tu, a nie warstwy obrazu. Gdy u\u017cytkownik otwiera taki szablon w kreatorze widzi pusty pojemnik o po\u017c\u0105danym kszta\u0142cie i mo\u017ce przes\u0142a\u0107 do niego obraz.<\/p>\n

Stw\u00f3rzmy prosty szablon z takim placeholderem:<\/p>\n

    \n
  1. Utw\u00f3rz nowy szablon. W menu Plik<\/strong> kliknij polecenie Nowy<\/strong>.<\/li>\n
  2. Dodaj<\/strong> obraz t\u0142a<\/strong>. Na przyk\u0142ad przeci\u0105gnij go z Eksploratora plik\u00f3w Windows.<\/li>\n
  3. W panelu Narz\u0119dzia<\/strong> kliknij Narz\u0119dzie kszta\u0142tu<\/strong> lub naci\u015bnij U na klawiaturze<\/strong>, prze\u0142\u0105cz si\u0119 do narz\u0119dzia kszta\u0142tu<\/strong> (prostok\u0105t, elipsa, kszta\u0142t niestandardowy) i narysuj kszta\u0142t za pomoc\u0105 myszy.<\/li>\n
  4. Dodaj znacznik <PH><\/span>. Kliknij dwukrotnie nazw\u0119 warstwy kszta\u0142tu na karcie Warstwy<\/strong> i dodaj znacznik <PH><\/span> do jej nazwy. To powinno wygl\u0105da\u0107 tak:
    \n\"\"<\/li>\n
  5. Zapisz wynik. W menu Plik<\/strong> kliknij Zapisz<\/strong> i wybierz format PSD<\/li>\n<\/ol>\n

    Umie\u015b\u0107\u00a0 plik PSD w\u015br\u00f3d szablon\u00f3w w kreatorze i otw\u00f3rz go. Zobaczysz co\u015b takiego:<\/p>\n

    \"\"<\/p>\n

    Ten placeholder nie zawiera obrazu, wi\u0119c wydaje si\u0119 pusty w projekcie. Gdy u\u017cytkownik prze\u015ble obraz, kszta\u0142t zostanie zastosowany do obrazu.<\/p>\n

     <\/p>\n

    Zmiana kszta\u0142t\u00f3w element\u00f3w obrazu<\/strong><\/p>\n

     <\/p>\n

    Mo\u017cesz stworzy\u0107 nieprostok\u0105tny element nie tylko z pustego symbolu zast\u0119pczego, ale tak\u017ce z dowolnego obrazu. Aby zastosowa\u0107 dowolny kszta\u0142t do obrazu, nale\u017cy wstawi\u0107 warstw\u0119 obrazu do szablonu PSD, utworzy\u0107 warstw\u0119 kszta\u0142tu wektorowego definiuj\u0105c\u0105 mask\u0119, a nast\u0119pnie umie\u015bci\u0107 je w jednej grupie:<\/p>\n

      \n
    1. Utw\u00f3rz nowy szablon. W menu Plik<\/strong> kliknij polecenie Nowy<\/strong>.<\/li>\n
    2. Dodaj obraz t\u0142a<\/strong>. Na przyk\u0142ad przeci\u0105gnij go z Eksploratora plik\u00f3w Windows.<\/li>\n
    3. Dodaj warstw\u0119 obrazu<\/strong>. Na karcie Warstwy<\/strong> kliknij ikon\u0119 menu, a nast\u0119pnie kliknij opcj\u0119 Nowa warstwa<\/strong>.<\/li>\n
    4. Dodaj warstw\u0119 kszta\u0142tu<\/strong>. W panelu Narz\u0119dzia<\/strong> kliknij Narz\u0119dzie kszta\u0142tu<\/strong> lub naci\u015bnij U na klawiaturze<\/strong>, prze\u0142\u0105cz si\u0119 do narz\u0119dzia kszta\u0142tu<\/strong> (prostok\u0105t, elipsa, kszta\u0142t niestandardowy) i narysuj kszta\u0142t za pomoc\u0105 myszy.<\/li>\n
    5. Pogrupuj warstw\u0119 obrazu i warstw\u0119 kszta\u0142tu. Wybierz warstwy<\/strong>, kliknij zaznaczenie prawym przyciskiem myszy, kliknij opcj\u0119 Grupuj z warstw<\/strong>.<\/li>\n
    6. Dodaj znacznik<\/strong> <PH><\/span>. Kliknij dwukrotnie nazw\u0119 grupy na karcie Warstwy<\/strong> i dodaj znacznik <PH><\/span> do jej nazwy. Warstwy powinny wygl\u0105da\u0107 nast\u0119puj\u0105co
      \n\"\"<\/li>\n<\/ol>\n

      W przeciwie\u0144stwie do poprzedniego przyk\u0142adu tutaj mo\u017cemy przypisa\u0107 kszta\u0142t do obrazu, aby nie by\u0142 pusty. Zobaczmy, jak ten szablon wygl\u0105da w kreatorze. Poni\u017cszy zrzut ekranu pokazuje placeholder obrazu zamaskowany kszta\u0142tem wektorowym. Z perspektywy u\u017cytkownika mog\u0105 wybra\u0107 nowy obraz dla placeholdera i jest on automatycznie rze\u017abiony.<\/p>\n

      \"\"<\/p>\n

       <\/p>\n

      Tworzenie placeholder\u00f3w z masek wektorowych<\/strong><\/p>\n

       <\/p>\n

      Mo\u017cna r\u00f3wnie\u017c tworzy\u0107 nieprostok\u0105tne placeholdery za pomoc\u0105 masek wektorowych:<\/p>\n

        \n
      1. Utw\u00f3rz nowy szablon. W menu Plik<\/strong> kliknij polecenie Nowy<\/strong>.<\/li>\n
      2. Dodaj obraz t\u0142a<\/strong>. Na przyk\u0142ad przeci\u0105gnij go z Eksploratora plik\u00f3w Windows.<\/li>\n
      3. Dodaj warstw\u0119 obrazu<\/strong>. Na karcie Warstwy<\/strong> kliknij ikon\u0119 menu, a nast\u0119pnie kliknij opcj\u0119 Nowa warstwa<\/strong>.<\/li>\n
      4. Dodaj obraz lub inteligentny obiekt<\/strong>. Przeci\u0105gnij obraz na warstw\u0119 obrazu.<\/li>\n
      5. Utw\u00f3rz mask\u0119 wektorow\u0105<\/strong>. Mo\u017cesz to zrobi\u0107, rysuj\u0105c \u015bcie\u017ck\u0119<\/strong> na warstwie obrazu lub kopiuj\u0105c mask\u0119<\/strong>:<\/li>\n<\/ol>\n
          \n
        • Aby narysowa\u0107 \u015bcie\u017ck\u0119<\/strong>, wybierz warstw\u0119 obrazu, kliknij Narz\u0119dzie Pi\u00f3ro<\/strong> w panelu Narz\u0119dzia i narysuj ograniczon\u0105 \u015bcie\u017ck\u0119 za pomoc\u0105 myszy. Kliknij obraz prawym przyciskiem myszy, a nast\u0119pnie kliknij polecenie Utw\u00f3rz mask\u0119 wektorow\u0105<\/strong>.<\/li>\n
        • Aby przygotowa\u0107 i skopiowa\u0107 mask\u0119<\/strong>, kliknij Narz\u0119dzie kszta\u0142tu<\/strong> w panelu Narz\u0119dzia i narysuj kszta\u0142t za pomoc\u0105 myszy. Wybierz \u015bcie\u017ck\u0119 kszta\u0142tu i skopiuj j\u0105 za pomoc\u0105 Ctrl + C. Wklej \u015bcie\u017ck\u0119 do warstwy obrazu za pomoc\u0105 Ctrl + V.<\/li>\n<\/ul>\n
            \n
          1. Dodaj znacznik<\/strong> <PH><\/span>. Kliknij dwukrotnie nazw\u0119 warstwy obrazu na karcie Warstwy i dodaj znacznik <PH><\/span>. Je\u015bli zastosujesz mask\u0119 do obrazu zrasteryzowanego, warstwy powinny wygl\u0105da\u0107 nast\u0119puj\u0105co:<\/li>\n<\/ol>\n

            \"\"<\/p>\n

            Podczas tworzenia nieprostok\u0105tnych symboli zast\u0119pczych (placeholders) za pomoc\u0105 masek wektorowych nale\u017cy doda\u0107 znacznik <PH><\/span> z warto\u015bci\u0105 lub bez warto\u015bci. Mo\u017cesz uzyska\u0107 takie same wyniki jak opisano powy\u017cej z warto\u015bciami:<\/p>\n

              \n
            • <PH><\/span> w\u0142\u0105cza symbol zast\u0119pczy z mask\u0105, kt\u00f3ra dotyczy obrazu z szablonu PSD. U\u017cytkownicy mog\u0105 zamieni\u0107 obraz podczas edycji produktu.<\/li>\n
            • <PH_empty><\/span> w\u0142\u0105cza pusty symbol zast\u0119pczy z mask\u0105. U\u017cytkownicy musz\u0105 za\u0142adowa\u0107 obraz w edytorze do drukowania w Internecie. Gdy u\u017cytkownik przesy\u0142a obraz, maska wektorowa jest nak\u0142adana na obraz.<\/li>\n
            • <PH_stub><\/span> w\u0142\u0105cza symbol zast\u0119pczy z mask\u0105, ale obraz importowany z szablonu nie wy\u015bwietla si\u0119 na wyj\u015bciu wysokiej rozdzielczo\u015bci. Mo\u017cesz u\u017cy\u0107 go jako wiadomo\u015bci zach\u0119caj\u0105cej u\u017cytkownik\u00f3w do wybierania obraz\u00f3w.<\/li>\n<\/ul>\n

              Na przyk\u0142ad symbol zast\u0119pczy <PH_stub><\/span> mo\u017ce wygl\u0105da\u0107 w Kreatorze w nast\u0119puj\u0105cy spos\u00f3b:<\/p>\n

              \"\"<\/p>\n

              Korzystaj\u0105c z tych metod, mo\u017cesz tworzy\u0107 imponuj\u0105ce szablony zawieraj\u0105ce nieprostok\u0105tne obrazy bez u\u017cycia du\u017cych nak\u0142adek. Zast\u0119pcze obrazkowe maski wektorowe pomagaj\u0105 tworzy\u0107 zaawansowane szablony, takie jak puzzle.<\/p>\n","protected":false},"parent":0,"menu_order":1003,"template":"single-helpdesk.php","kategorie":[15],"class_list":["post-2028","wizard","type-wizard","status-publish","hentry","kategorie-psd-idml"],"acf":[],"_links":{"self":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/wizard\/2028","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/wizard"}],"about":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/types\/wizard"}],"wp:attachment":[{"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/media?parent=2028"}],"wp:term":[{"taxonomy":"kategorie","embeddable":true,"href":"https:\/\/iwareprint.pl\/help\/wp-json\/wp\/v2\/kategorie?post=2028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}