Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • Technologie webowe
  • E-marketing
  • AI
  • Poradniki
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Efekt zanikania obrazu
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • Technologie webowe
  • E-marketing
  • AI
  • Poradniki
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Efekt zanikania obrazu
Technologie webowe

Efekt zanikania obrazu

WebInside.pl
Ostatnia aktualizacja: 14.08.2023
WebInside.pl
Udostępnij
Udostępnij

Wykorzystanie warstw oraz narzędzia gradient do stworzenia płynnego przejścia jednego obrazu w drugi (tzw. Fade-out). Jest to często wykorzystywana technika do tworzenia nagłówków stron internetowych.

Zawartość
1.2.3.4.

1.

Na początek wybierz dwa odpowiadające Ci zdjęcia, mogą być w podobnej rozdzielczości, możesz je również zmniejszyć [Image/Image Size]. Tutaj użyłem darmowych zdjęć dostępnych na stronie http://www.sxc.hu/ i nazwałem je ‘1’ oraz ‘2’.

2.

Otwórz nowy dokument z białym tłem [Ctrl+N], wklej ‘1’, dodaj nową warstwę [Layer/New/Layer][Shift+Ctrl+N] i wklej ‘2’. Następnie obrazek ten zgrupuj z warstwą poprzedzającą [Layer/Group with Previous][Ctrl+G] – zauważysz iż przy ‘2’ pojawiła się strzałka wskazująca na pustą środkową warstwę, a sam obrazek jest niewidoczny.

3.

Wybierz narzędzie gradient [G], wypełnienie przechodzące w przeźroczystość oraz jeśli chcesz pozmieniaj jego opcje.

4.

Na koniec przejdź do pustej warstwy i pociągnij linię w dowolnym kierunku. Oto efekt końcowy:

Może Cię zainteresować

Pakiet programów graficznych od Corela jak za darmo z Humble Bundle

WebSocket: Nowoczesna komunikacja w czasie rzeczywistym w sieci

Event Storming krok po kroku

Co to jest Social Login?

10 najlepszych wtyczek do tworzenia galerii w WordPress

WebInside.pl 2023-08-14 2023-08-14
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Rysowanie we Flashu
Następny artykuł Google Chrome
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Koniec Omegle. Serwis Omegle.com niespodziewanie kończy działalność
Aktualności
Płatna subskrypcja na Facebooku właśnie weszła w życie. Spora cena za prywatność i brak reklam
Aktualności
Cyfrowa rewolucja w branży motoryzacyjnej. Kupuj wygodnie auto części w sklepie motoryzacyjnym online
Artykuły partnerskie
Pakiet programów graficznych od Corela jak za darmo z Humble Bundle
Aktualności Technologie webowe
Cyfrowe karty podarunkowe od WhiteBIT są dostępne za kryptowalutę w Polsce
Technologie
Nowe oskarżenia w środowisku polskich twórców internetowych: Wardęga oskarża Stuu o nieodpowiednie kontakty z nastoletnimi fankami
Aktualności
Pliki XAdES – Jak otworzyć?
Poradniki
Jak otworzyć plik GPX w Google Maps?
Poradniki
Intercity WiFi – jak się połączyć i zalogować? – Darmowy internet WiFi w pociągach PKP Intercity
Poradniki
Jak usunąć konto na Fotka.pl: Kompletny poradnik
Poradniki
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

AktualnościTechnologie webowe

Pakiet programów graficznych od Corela jak za darmo z Humble Bundle

2 min czytania
Technologie webowe

WebSocket: Nowoczesna komunikacja w czasie rzeczywistym w sieci

5 min czytania
Technologie webowe

Event Storming krok po kroku

5 min czytania
Technologie webowe

Co to jest Social Login?

8 min czytania
Technologie webowe

10 najlepszych wtyczek do tworzenia galerii w WordPress

12 min czytania
recaptcha 2 - nie jestem robotem
Technologie webowe

Nie jestem robotem, czyli ReCAPTCHA 2

6 min czytania
Technologie webowe

Jak wycentrować element DIV w poziomie i pionie?

4 min czytania
Technologie webowe

Start-up na start: najczęstsze błędy popełniane przez wydawców

8 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Koniec Omegle. Serwis Omegle.com niespodziewanie kończy działalność
  • Płatna subskrypcja na Facebooku właśnie weszła w życie. Spora cena za prywatność i brak reklam
  • Cyfrowa rewolucja w branży motoryzacyjnej. Kupuj wygodnie auto części w sklepie motoryzacyjnym online
  • Pakiet programów graficznych od Corela jak za darmo z Humble Bundle

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum
Witaj ponownie!

Zaloguj się do swojego konta

Zarejestruj się Zapomniałeś hasła?