Jak stworzyć efekt cienia zgodnie z poniższym adresem URL? W szczególności zaokrąglony / zakrzywiony cień na dole:
Jak stworzyć efekt cienia zgodnie z poniższym adresem URL? W szczególności zaokrąglony / zakrzywiony cień na dole:
Odpowiedzi:
Podejrzewam, że krzywa na tym cieniu może być swego rodzaju iluzją optyczną. Jak wyjaśnia @lawndartcatcher w swojej odpowiedzi, zakrzywiony wygląd można uzyskać, sprawiając, że intensywność (lub krycie) cienia spada w kierunku obu końców.
Oto krok po kroku ten proces.
Oto moja górna warstwa:
Poniżej dodaję podstawowy miękki cień (użyłem do tego upierzonego zaznaczenia):
Oto część, która nadaje zakrzywiony wygląd. Przesuwam ten gradient nad warstwą cienia:
I otrzymuję ten wynik:
Połączenie tego wszystkiego daje coś, co moim zdaniem ściśle pasuje do twojego odniesienia:
Oto moje ostatnie warstwy w Photoshop CS3:
UWAGA: Użyłem gradientu z trybem mieszania ustawionym na ekran, aby utworzyć spadek intensywności cienia. Chociaż stanowi to dobrą prezentację wizualną, tak naprawdę działa tylko wtedy, gdy masz do czynienia z białym tłem. Aby zastosować tę samą stylizację do przypadków o różnych kolorach tła, należy zastosować gradient jako maskę warstwy do warstwy cienia.
Dla mnie wygląda to na bardzo rozciągnięty okrąg z piórkiem 2 lub 3px ... wcale nie gradientem ani prawdziwym cieniem.
warstwa 1
layer2 (markiza koła z piórkiem 2px i anty-alias na wypełnionym kolorze czarnym. Krycie warstwy ustawione na 25%)
Obie warstwy połączone.
Mój przykład zajął tylko 3 minuty. Opracowanie można opracować za pomocą dużej gumki do krycia o 10% z miękką krawędzią, która pomaga bardziej zanikać zewnętrzne krawędzie (na przykład) na warstwie 2. Lub używając ciepłej szarości do wypełnienia koła w przeciwieństwie do czerni - to wszystko zależy od ty.
1) Utwórz gradient, który ma obszary, które są „płytsze” (nie tak bardzo jak cień) z niższymi wartościami krycia.
2) Zastosuj to do prostokątnej maski lub zaznaczonego obszaru na warstwie pływającej (użyj prostokątnej markizy, aby wybrać część). Upewnij się, że pod nim jest „puste” miejsce na cień.
3) Kliknij dwukrotnie warstwę pływającą zawierającą gradient, aby wyświetlić menu Style. Zastosuj cień do warstwy (będziesz musiał trochę z nią pogrzebać, aby dostać się tam, gdzie chcesz).
4) Możesz utworzyć kolejną warstwę nad oryginalną warstwą, wyświetlić oryginalny gradient i sprawić, że wszystkie punkty kolorów będą w 100% nieprzezroczyste. Ponownie zastosuj to na nowej warstwie, aby nałożyć oryginalny gradient. W ten sposób uzyskasz 100% nieprzezroczysty gradient (u góry) ze zmienną warstwą krycia / cieniem pod nim.
Pobaw się trochę z ustawieniami; w końcu dostaniesz coś, co lubisz.
Jeśli przyjrzymy się cieniom obiektów uniesionych na środku, zobaczymy, że ich rozmycie cieni postępuje, im bardziej jest ono uniesione i jest bardziej ostre, im bardziej obiekt dotyka ziemi.
Dlatego najbardziej realistyczny cień obiektu, który wydaje się unosić w środku, należy wykonać w następujący sposób:
Uwaga: można wprowadzić dodatkowe poprawki, aby uczynić to jeszcze lepszym, zniekształcając kwadrat (stop # 2), tak aby środkowa część wystawała poniżej oryginalnej warstwy.
Spowoduje to utworzenie najbardziej realistycznego efektu cienia, który można zobaczyć poniżej na tym obrazie (kliknij, aby uzyskać podgląd 100%). Cień o różnych mocach nakłada się trzykrotnie
sprawdź ten samouczek i postępuj tak samo, a na pewno uzyskasz efekt.
http://designreviver.com/articles/better-drop-shadows-in-photoshop/