Menu

Jak zrobić panoramiczne zdjęcie (efekt planety) w Photoshopie

Jak zrobić panoramiczne zdjęcie (efekt planety) w Photoshopie


Na pewno wszystkim znane są zdjęcia panoramiczne, które posiadają efekt planety PRZYKŁAD TUTAJ. Dziś pokażę Wam jak taki efekt wykonać w Photoshopie, jest to bardzo proste i co najważniejsze - szybkie do wykonania.

Mała informacja przed przejściem do instrukcji: 

Jak możecie zauważyć nie było takiej instrukcji w GIMPie, to jest pierwsza instrukcja Photoshopowa na moim blogu, która nie odtwarza tych GIMPowych - powód jest prosty, zauważyłam, że więcej osób jest zainteresowanych instrukcjami w Photoshopie. Jeśli jednak są tu osoby, które były by zainteresowane tą instrukcją w GIMPie - napiszcie o tym w komentarzu ;)

1. Otwieramy nasze zdjęcie w Photoshopie (plik-otwórz / ctrl+o (PC) / cmd+o (MAC))
2. Odwracamy nasze zdjęcie "do góry nogami". Obraz - obracanie obrazu - 180॰.





















3. Wybieramy filtr - zniekształcenie - współrzędne biegunowe





















4. Pojawi nam się ramka, w której musimy mieć zaznaczone "Kartezjańskie na biegunowe" i klikamy ok.


5. Jak widzicie, efekt już jest gotowy, ale pozostała nam brzydka linia łączenia, którą musimy usunąć, aby efekt był taki jak być powinien. Z okna narzędzi wybieramy "punktowy pędzel korygujący" i "zamalowujemy" nasze łączenie.

Efekt: 




Czytaj dalej

Zmiana koloru poszczególnych elementów w Photoshopie

Zmiana koloru poszczególnych elementów w Photoshopie


Jakiś czas temu, był omawiany ten temat, ale robiliśmy to wtedy w programie GIMP. Teraz zajmiemy się tym samym, ale w Photoshopie. Jeśli jednak interesuje Was instrukcja w GIMPie - nic straconego, poniżej macie odnośnik do tej instrukcji.

Przejdź do wpisu z instrukcją w GIMPie

1. Otwieramy zdjęcie w Photoshopie i tak jak robiliśmy to w GIMPie, wybieramy zaznaczenie, które najbardziej nam będzie pasować.


2. Zaznaczamy element, który będzie miał zmieniany kolor.


















3. Jeśli nasze elementy są już zaznaczone - wybieramy: obraz - dopasowanie - barwa/nasycenie 





















4. Pojawi nam się ramka z suwaczkami, którymi zmieniamy kolor naszego elementu.


 Efekt:


UWAGA! Jest to zmiana kolorów na szybko i najlepiej wychodzi na symetrycznych kształtach. Ta metoda nie nadaje się do dokładnego zmieniania koloru np. włosów. 
Czytaj dalej

Jak wstawić instagramowy wpis do wpisu na blogu

Jak wstawić instagramowy wpis do wpisu na blogu

Nie ukrywam, że sama z tej opcji nie korzystam, bo po prostu nie mam po co, ale na wielu blogach widziałam już, że niektórzy, przy podsumowaniach, zaprezentowaniu czegoś wstawiają zrzuty ekranu z Instagrama, a przecież można to zrobić w inny, bardziej (według mnie) estetyczny sposób. Mówię tutaj o wrzuceniu aktywnego wpisu z Instagrama do wpisu na blogu. Jest to bardzo proste do zrobienia, więc nie macie się czego bać :)

1. Zaloguj się na Instagram przez komputer.



















2. Wybieramy sobie konkretne zdjęcie/wpis z Instagrama. Klikamy trzy kropeczki na dole.



















3. Pojawi nam się kolejne okno z opcjami takimi jak: Kod osadzania/Anuluj. Wybieramy "Kod osadzania".


















4. Pojawi nam się kolejna ramka, wybieramy "kopiuj kod osadzania".



















5. Kiedy skopiujemy kod, przechodzimy do wpisu na blogu, w którym chcemy umieścić nasze zdjęcie/wpis z Instagrama. Wybieramy opcje HTML i wklejamy kod.




















6. Efekt:
Czytaj dalej

Animowana data wpisu

Animowana data wpisu


Dzisiaj mam dla Was kolejny wpis ze stylem dla dat. Animowana data - po najechaniu myszki może nam się zmienić kolor tła, kształt daty lub font. Taki efekt uzyskacie za pomocą kodu CSS.

1. Przechodzimy do motyw - dostosuj - zaawansowane - dodaj arkusz CSS
2. Wklejamy kod:

STYL 1

h2.date-header span {
background-image: url(LINK DO OBRAZKA)
width: 50px;
cursor:pointer;
padding: 20px 8px;
color: #fff;
font-family: Open Sans;
text-align:center;
letter-spacing:2px;
font-size:7.5px;
text-transform:uppercase;
z-index:5;
position: absolute;
top: -15px;
left: -75px;
box-shadow: #fff -3px -3px 0px inset ;
border-radius: 0px 90px 90px 90px ;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
h2.date-header span:hover {
font-family: Open Sans;
box-shadow: inset 0px 20px 0px #a64d79 , inset 0px -50px 0px #a64d79;
color: #fff ;
}


Zobacz efekt


STYL 2

h2.date-header span {
background: #a64d79;
width: 50px;
cursor:pointer;
padding: 20px 8px;
color: #fff;
font-family: Open Sans;
text-align:center;
letter-spacing:2px;
font-size:7.5px;
text-transform:uppercase;
z-index:5;
position: absolute;
top: -15px;
left: -75px;
border-radius: 90px 90px 90px 90px ;
transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
h2.date-header span:hover {
font-family: Open Sans;
box-shadow: inset 30px 0px 0px #d5a6bd , inset -40px 0px 0px #d5a6bd;
color: #fff ;
}

Zobacz efekt


Link do obrazka, który będzie pełnił rolę tła/Kolor tła
Szerokość
Marginesy wewnętrzne
Kolor fontu
Rodzaj fontu
Położenie tekstu
Odstęp między literami
Wielkość fontu
Transformacja tekstu
Położenie - góra
Położenie - lewa strona
Cienie
Zaokrąglone rogi
Font po najechaniu na niego myszką
Kolor tła po najechaniu myszką
Kolor fontu
Czytaj dalej
Subskrybuj: Posty (Atom)

Copyright © Twórczy notatnik