Photoshop - Cięcie layouta

[hghormone]

Witam.
Zaznaczam, że są to moje początki jeśli chodzi o projektowanie layotów w photoshopie i w związku z tym mam kilka pytań, do ludzi lepiej obeznanych w temacie.

1.Jak już wyżej pisałem, layout tworze w photoshopie, schody zaczynają się podczas cięcia i tu pierwsze pytanie.Warstwy mam pogrupowane i powiedzmy górny element strony składa się z kliku warstw, które znajdują sie w grupie "layout-top", chciałbym np. zaznaczyć całą grupe "layout-top" i stworzyć z tego jeden plaster,a poźniej wykorzystując opcje "Zapisz dla internetu i urządzeń" chciałbym zapisać to jako jeden obrazek np."layout-top.png".Próbowałem zaznaczyć kilka warstw które składają się na cały element, następnie wybrałem połącz plasterki,ale niestety przy zapisie nadal zapisuje mi jako kilka oddzielnych plików z obrazkami, a ja potrzebuje połączone plasterki zapisać jako jeden obraz.

2.Czy może zamiast cięcia na plasterki jest możliwość zaznaczenia całej gupy w ktorej znajdują sie w warstwie i zapisanie ich odrazu jako plik obrazu ?

3.Gdy mam stworzony kompletny layout to czy dobrym sposobem na cięcie go jest np.wyłączanie tła i innych elementów znajdujących się pod danym elementem który chce wyciąć i to samo zrobić z resztą elementów ?

[Ancik]

Witaj,

Widzę, że chyba nie do końca rozumiesz sens cięcia laya.

Ad.3) W większości wypadków tak.

Ad.2) Nie.

Ad.1) A po co chcesz tak zrobic? Jeżeli chcesz miec wszystko w jednym obrazie to robisz jedno odcięcie, ot i cała filozofia. Strasznie zagmatwałeś i czynnośc którą chcesz wykonac jest totalnie bez sensu ;P.

W internecie napewno znajdziesz pare tutoriali, ukazujących przebieg projektu od początku do końca (wraz z cięciem laya) - zobacz je.

Pozdrawiam.

[hghormone]

Ad.1) A po co chcesz tak zrobic? Jeżeli chcesz miec wszystko w jednym obrazie to robisz jedno odcięcie, ot i cała filozofia. Strasznie zagmatwałeś i czynnośc którą chcesz wykonac jest totalnie bez sensu ;P.

W internecie napewno znajdziesz pare tutoriali, ukazujących przebieg projektu od początku do końca (wraz z cięciem laya) - zobacz je.

Jak odciąć jeden element, który składa się z kilku warstw ?
Najłatwiej było by mi go odciąć zaznaczając kilka warstw, bo jeśli ten element ma różne kształty to ciężko go zaznaczyć ręcznie.
A wiec pytanie brzmi jak odciąć element skladajacy sie z kilku warstw o różnych kształtach które ciężko było by zaznaczyć zaznaczeniem prostokątnym ?

[Ancik]

Nie ma innej opcji, niż zaznaczyc je do zapisu za pomocą prostokąta. Jeżeli jest to - dajmy na to - obrazek, który ma dośc nietypowy kształt, to masz dwie opcje.

1) Zaznaczyc je jednym prostokątnym odcięciem, wyłączyc tło pod nim, i zapisac w formacie .png - obsługującym przezroczystośc.
2) Zaznaczyc je jednym prostokątnym odcięciem, nie wyłączac tła pod nim, i zapisac w formacie jpg/gif. To sprawdza się w przypadku, kiedy - dajmy na to - tło jest jednokolorowe (białe) a wycinasz ikonę która w konsekwencji i tak będzie znajdowac się na białym tle. W takim wypadku nie musisz używac przezroczystości.

Wszystko zależy od koncepcji, jak chcesz projekt pociąc. Pamiętaj, że zwykle jest więcej dróg niż jedna. Najlepiej przejrzyj tutorial, o którym wspomniałem powyżej, wtedy wszystko stanie się jasne.

Pozdrawiam.

[hghormone]

Udało mi się pociąć element z nietypowymi kształtami w taki sposób:

1.Zaznaczyłem warstwy z których składał się element (Shift+Ctrl)
2.Wyłączyłem tło które znajdowało sie pod nim.
3.Skopiowałem (Ctrl+C)
4.Otworzyłem nową strone (rozmiary pobrało ze schowka)
5.Wkleiłem (Ctrl+V)
6.A następnie zapisałem jako .png

[Ancik]

Niepotrzebnie nadrabiasz sobie tyle pracy, ale to twoja sprawa. Wystarczyło przeczytać ze zrozumieniem to, co napisałem powyżej.

1) Zaznaczyc je jednym prostokątnym odcięciem, wyłączyc tło pod nim, i zapisac w formacie .png - obsługującym przezroczystośc.

Ta sama droga jak ta powyżej, tyle że ty niepotrzebnie otwierałeś nowy dokument. Na przyszłość używaj opcji zapis na potrzeby internetu, nie zwykłego zapisywania. Dlaczego? Jak przez normalne zapisywanie wyobrażasz sobie optymalizacje rozmiaru i jakości obrazu? Oczywiście, że to wykonalne, ale chyba nikt normalny by się na to nie porywał .

Pozdrawiam.

[hghormone]

W sumie masz racje.

Ale problem polega gdy powiedzmy masz 2 przylegające elementy o dziwnych kształtach i tutaj np. wyłączam 1 element i zaznaczam prostokątnym zanzaczeniem ten drugi ,a potem robie na odwrót i tu pojawia się problem bo po włączeniu obydwu elementów (bo musze miec obydwa włączone do "zapisu dla internetu")np. zaznaczenia nachodzą na siebie ponieważ jak wiemy nie mogłem dokładnie zaznaczyć zaznaczeniem prostokątnym i wtedy w pierwszym elemencie mam kawałek drugiego i na odwrót tak samo.
I jak w tym momencie to obejść ?

[Ancik]

Nie do końca rozumiem o co ci chodzi. Wszystko zależy od przypadku, proces cięcia nie odbywa się od tak. To wszystko musi byc z góry przemyślane. Jeżeli chcesz, aby te dwa elementy o dziwnych kształtach były jednym obrazkiem, to zaznaczasz je razem (to, że są na różnych warstwach nie ma tutaj znaczenia). Jeżeli chcesz, aby były osobno to wyłączasz jeden, drugi zaznaczasz i zapisujesz. A potem odwrotnie. Następnie odpowiednio je pozycjonujesz za pomocą CSS, aby do siebie przylegały.

Z reguły jest więcej rozwiązań niż jedno i wszystko zależy od danego, KONKRETNEGO przypadku. Naprawdę polecam ci znaleźc jakiś tutorial opisujący przygotowanie całego projektu wraz z cięciem grafiki. Wszystko wtedy stanie się jasne.

Edit. Chyba wczytałem się i zrozumiałem o co ci chodzi. W tym przypadku o którym mówisz, niestety obrazki musisz zapisywac pojedyńczo. Czyli jak powyżej, najpierw wyłączasz jeden, zaznaczasz drugi, zapisujesz dla internetu i urządzeń. Potem odwrotnie i w ten sposób masz dwa obrazki. Czasem tak jest i tego nie da się obejśc, zwłaszcza przy bardziej skomplikowanych projektach.

Zwróc też uwagę, że przy zapisywaniu odcięcia masz do wyboru opcje zapisu (tylko zaznaczony plasterek, wszystkie plasterki, tylko plasterki użytkownika), w wypadku o którym wspomniałeś, opcja 'tylko zaznaczony plasterek' może byc często pomocna .

Pozdrawiam.

[hghormone]

Edit. Chyba wczytałem się i zrozumiałem o co ci chodzi.

Dokładnie o to mi chodziło
Jednak właśnie widze, że nie da się tego obejść i nied się zrobić zapisu za jednym razem.
Najpierw trzeba zapisać jedno, a potem drugie.
Dzięki za pomoc.

[hghormone]

Mam jeszcze jedno pytanie.Napisałeś, że:

Jak przez normalne zapisywanie wyobrażasz sobie optymalizacje rozmiaru i jakości obrazu?

Możesz mi powiedzieć konkretniej czym sie różni normalny zapis , a zapis dla internetu ?