Instrukcja na animowany button w photofiltre i photoscape.

1. Zacznijmy od otwarcia szablonu buttonu w photofiltre, żeby mieć już przygotowany .

2. Następnie otwieramy stronę https://ezgif.com/split , wybieramy gif, który chcemy rozłożyć na klatki . U mnie to był taki :

Jak już wybraliśmy plik, klikamy na "upload" i czekamy chwilę, w zależności jak dużo klatek ma wasz gif . Następnie z tego rozwijanego menu wybieramy opcję "OUTPUT IMAGES IN PNG FORMAT" i klikamy w "split it".

3. Załadowały nam się wszystkie klatki z gifa . Tutaj będzie potrzebny program WINrar . Jak ktoś go nie ma zainstalowanego to można ściągnąć ze strony dobreprogramy.pl za darmo.
Wracając , pod zdjęciami mamy dwa przyciski , niebieski i czerwony , Nas interesuje czerwony z napisem "Download frames as ZIP". Pobierze nam się folder .zip (taki z zamkiem). Otwieramy ten folder za pomocą programu WINrar, zaznaczamy wszystkie pliki, następnie wypakuj . Pokaże nam się okno i wybieramy gdzie chcemy zapisać .

4. Wracamy do Photofiltre'a . Szkielet buttonu przesuwamy gdzieś na bok z prawej strony .
Następnie plik → otwórz → szukamy folderu ze zdjęciami , które potem wybieramy .

5. Z prawej strony z panelu narzędzi wybieramy różdżkę, jest też dostępna pod literą "L" . Wybraliśmy różdżkę , to zaznaczamy nią środek buttonu ( u mnie ta fioletowa część ). Na dole ekranu jest podany rozmiar - u mnie to ok. 95 x 53 .

6. Na chwilę wracamy do zdjęć . Zmniejszamy pierwsze zdj do rozmiaru 95x53 ( wg tego buttonu co dałem na górze, w każdym innym może być inny rozmiar, zależy od wielkości ). Po zmniejszeniu zdjęcia kopiujemy ctrl + c . Klikamy na okienko z buttonem, potem prawy klawiszem na zaznaczonym tle i wybieramy wklej do środka . Zapisujemy ten częściowo gotowy button jako 1 i tak z każdym po kolei . ( Zapisujemy tak żeby znać kolejność aby potem dobrze się złożył jako gif).

7. Otwieramy Photoscape, zakładka edytor . Znowu szukamy folderu w którym zapisane są zdj z poprzedniego pkt. Bierzemy pierwsze zapisane zdjęcie i klikamy w literkę " T " na dole na pasku narzędzi . ( SCREEN )

8. Pokaże nam się okienko z opcjami . W tym oknie wpisujemy nazwę bloga, u mnie to GRAPHICS.blog.onet.pl . Czcionka najlepiej 04b03 ( może być inna ale ta najlepiej ), rozmiar 8, kolor sami możecie dobrać .
Na samym dole po prawej stronie w rogu są dwa okienka oznaczone X i Y . Służą one do określenia, w którym miejscu jest napis . U mnie to akurat było : X : 5 , Y : 44 .

Robimy tak ze wszystkimi zdjęciami .

9. Przechodzimy do zakładki ANIGIF . Tam znowu wybieramy nasze gotowe zdj, które są już podpisane . Zaznaczone upuszczamy w miejscu gdzie pisze "upuść zdjęcie tutaj".
Po upuszczeniu zdjęć po prawej stronie mamy przycisk " ZMIEŃ CZAS" . Ustawiamy tutaj jak szybko mają się "ruszać" postacie na naszym gifie . U mnie to było 15. Ale to zależy od gifa i od waszego uznania .

10. Jak już wybraliśmy czas, z jaką częstotliwością mają się ruszać to zapisujemy gif . Możemy przed zapisaniem podejrzeć w przeglądarce internetowej ( u mnie to akurat nie działało, nw czm ) .

TO CHYBA TYLE, MAM NADZIEJĘ, ŻE ZROZUMIELIŚCIE CHOĆ TROCHĘ
A JAK NIE TO ZAWSZE MOŻECIE SIĘ WESPRZEĆ FILMIKIEM .

Jak zrobić ikonkę 100x100 i podpisać ją .?

Na pierwszy rzut jak robić ikonki 100x100 w photofiltre :

1. Otwieramy zdjęcie, z którego chcemy zrobić ikonkę.

2. Zaznaczamy postać w kwadrat, żeby jak najwięcej było tej osoby w środku . W zależności od zdjęcia, czy osoba jest blisko ( mało tła a większość zdjęcia to postać ) może być to kwadrat o wymiarach np. 500x500

3. Po zaznaczeniu kwadratu, bierzemy prawym klawiszem myszy i wybieramy przytnij zdjęcie .

4. Po przycięciu zdjęcia ja zawsze zmniejszam na 300x300 (jeśli wyostrzone i jak w instrukcji 100x100 bo jak większe to i zmniejszam inaczej ) .

5. Zmiejszyliśmy . Teraz szukamy takiej ikonki trójkąta na pasku (zdjęcie na górze takim jasnym kolorem zaznaczone ) i klikamy raz

4, Zmniejszamy jeszcze raz do 200x200 . Znowu wyostrzamy raz .5. Zmniejszamy do 100x100 i zapisujemy .

WSZYSTKO JEST OZNACZONE NA ZDJ , MOŻNA KLIKNĄĆ ŻEBY POWIĘKSZYĆ

Tyle do robienia ikonek 100x100 . Zasady robienia większych ikonek są podobne tylko inne wymiary .

TERAZ PODPISYWANIE :

( link do zrzutu aby powiększyć )

1. Otwieramy zrobioną ikonkę .

2. Na górze na pasku szukamy litery " a " , na zdjęciu na górze zaznaczona jasnozielonym kolorem.

3. Gdy klikniemy w nią pokaże się nam okienko (pkt 1 na zdj) w którym wpisujemy tekst, wybieramy czcionkę (tam gdzie pisze Arial wybieramy np. Callani - dobra do ikonek ), wpisujemy rozmiar np. 13 albo 15 i klikamy pogrubioną dużą literę B oraz wyśrodkowujemy ( druga ikonka w tym okienku od prawej strony na górze )

4. Gdy wpiszemy już tekst i klikniemy OK, pokaże się on nam na ikonce i przesuwamy go w wybrane miejsce na ikonce . Potem po prawej stronie na dole mamy coś takiego jak COLOR ( zrzut ), w którym w pierwszym górnym kwadraciku wybieramy klikając biały kolor bo to kolor napisu .

5. Żeby zrobić podświetlenie, po prawej stronie na górze nad COLOR mamy coś takiego jak EFFECT .

Wybieramy z listy GLOW (pkt 3 zrzut ), i ustawiamy mniej więcej rozmiar podświetlenia ( pkt 4 zrzut ) . Po wybraniu efektu podświetlenia i jego rozmiaru wybieramy kolor tego podświetlenia . Domyślny to zawsze różowy .

I to tyle podpisywania . Teraz zapis .

Można tradycyjnie przez "dyskietkę" albo FILE > SAVE > i wpisujemy nazwę a pod nazwą wybieramy JPG albo PNG .

Można również innym sposobem : FILE > BITMAP EXPORT > pokaże się okienko, nic nie zmieniamy (ewentualnie jak chcecie zmienić to PNG -> JPG ) > OK .

Jak zrobić prosty nagłówek w photoshopie .

Od dzisiaj na tym blogu głównie będą pojawiały się różne instrukcje dot. grafiki .
Od czasu do czasu dodam zwykłą notkę z ikonkami , to zależeć będzie też od was .
Wgl możecie mnie kojarzyć z bloga graphics.blog.onet.pl albo może i nawet z aska @OliToSzynkaXD .

Zacznę od instrukcji na prosty nagłówek z jednego zdjęcia w photoshopie .
Wszystko będzie w filmiku nagrane ale niektórzy mogą woleć normalną, napisaną instrukcję xd
Ja mam wersję photoshopa cs6 ale to raczej mało czym się różni, ewentualnie ułożeniem itp .

Instrukcja :
1. Otwórz nową kartę wielkości 800x560 (szer x wys ) . Można to zrobić plik > nowy > w okienku wpisujecie rozmiar kartki np. właśnie 800x560 . Albo szybciej trochę skrótem ctrl  + n  .

2. Otwórz wybrane zdjęcie . Obojętnie jakiej wielkości, najlepiej prostokątne, najmniejsza wysokość to w moim przypadku 560 (chociaż i tak powiększałem trochę jak widać na filmiku ) .

3. Zaznacz całe zdjęcie i skopiuj . Możesz to zrobić skrótem ctrl + a (zaznacz wszystko) a potem ctrl + c (kopiuj)

4. Przejdź na zakładkę z kartką, która służy jako tło . Wklej zdjęcie ( ctrl + v ) i dopasuj do kartki, przesuwać można po wybraniu narzędzia klawiszem v . Można też od razu nałożyć jakąś akcję psd ale równie dobrze można to zrobić na końcu .

5. Następnie dodajemy tekst . Można kliknąć w literę T na pasku narzędzi albo na klawiaturze również litera T

6. Wpisujemy np. nazwę bloga . U mnie to akurat graphics . Czcionkę mam ustawioną jako BEBAS NEUE rozmiar 150 pkt. Jak już ustawimy kolor i ewentualnie cień jak ktoś chce to pod nazwą bloga piszemy gdzie mamy bloga czyli u mnie to akurat blog.onet.pl. Czcionka to DESPEINADA, rozmiar 60 pkt. Również ustawiamy kolor, najlepiej inny niż kolor nazwy bloga ale jak kto woli oraz cienie .

7. Nad nazwą bloga albo w górnym rogu piszemy autora tego nagłówka i bloga . Ja to zrobiłem czcionką CALLANI, rozmiar 18 pkt . Kolor biały albo czarny zależy od tła i zdjęcia, w którym miejscu ustawicie .

8. Teraz jak ktoś chce, jak wcześniej przed nazwą bloga tego nie zrobił, może nałożyć akcję lub psd. Są dwa rodzaje akcji . Jedne akcje to te co u mnie na filmiku są pokazane z prawej strony na górze ten taki spis oraz psd czyli akcje, które otwierają się jak zdjęcie i przeciągamy grupę na nagłówek .

9. Żeby wszystko złączyć można prawym klawiszem myszy kliknąć na któryś element nagłówka, w tym miejscu gdzie mamy wszystkie jego warstwy ( u mnie po prawej stronie po środku mniej więcej ) i wybrać spłaszcz obraz . Możemy też skrótem klawiszowym ctrl + shift + e ale to złączy wszystkie widoczne warstwy, więc jak są w akcji psd jakieś ukryte warstwy ( nie jest podświetlone takie jakby "oko" obok warstwy ) to nam tego nie złączy . Więc polecam po prostu spłaszcz obraz.

10. To tyle . Mi wyszedł taki :