Jak zmienić wygląd paska przewijania na blogu

24.11.2014


Pasek przewijania strony - mały szczegół,większość z nas nie zwraca nawet na niego uwagi jednak,fajnie to wygląda kiedy nawet taki mały szczegół komponuje się z naszym blogiem.
W dzisiejszym tutorialu pokaże wam jak w bardzo prosty sposób możemy odświeżyć nasz pasek przewijania na blogu.


Pamiętaj aby przed rozpoczęciem edycji szablonu zrobić kopię zapasową 



1. Przechodzimy do szablon - edytuj kod HTML 
2. Klikamy kursorem w dowolne miejsce a następnie za pomocą CTRL + F wywołujemy okno wyszukiwania.




3. W oknie wyszukiwania wpisujemy ]]></b:skin> i klikamy enter.

4. Kiedy już znajdziemy wyszukiwany  przez nas fragment kodu to nad nim wklejamy następujący  kod:


::-webkit-scrollbar {
background:#fff;             
width:10px; 
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5);
background-image: -webkit-linear-gradient(top, #3FB1AE  10%, #3FB1AE 51%);
}
::-webkit-scrollbar-track {
}

background:#fff; - kolor tła 
width: 10px - szerokość naszego paska
background-image: -webkit-linear-gradient(top, #3FB1AE  10%, #3FB1AE 51%) - kolory naszego paska,jeśli ma być on w jednolitym kolorze to ten sam kolor musi byc zarówno przy 10% i przy 51% aby uzyskać efekt tzw ombre na naszym pasku zmieniamy kolor albo przy 10% albo przy 51% 
Jeśli chcemy mieć dwukolorowy pasek bez efektu ombre to zmieniamy 10 % na 51% (wartościami procentowymi możemy się bawić) 

Oto kilka przykładów: 



Czytaj dalej »

Jak dodać teksturę do zdjęcia - Photoscape

17.11.2014


Photoscape to jeden z najprostszych programów w obsłudze jeśli chodzi o edytowanie grafiki.
Widziałam,że wiele osób poszukuje instrukcji jak dodać przezroczyste kółko/kwadrat/prostokąt lub właśnie teksturę do zdjęcia aby później na nim dodać tekst. Nie jest to nic trudnego do zrobienia musimy posiadać tylko program PhotoScape. W dzisiejszym tutorialu skupię się właśnie na dodaniu tekstury.

1. Otwieramy nasze zdjęcie w programie photoscape.


2. Następnie klikamy obiekt - następnie ikonkę zdjęcia i wybieramy "zdjęcie..."



3. Otworzy nam się nowe okno i teraz należy wyszukać folderu z naszą teksturą i klikamy na nią.


4. Nasza tekstura pojawiła się już na zdjęciu. Pojawiło nam się kolejne okno,jednak do niego wrócimy za chwilę na razie je zamykamy,klikając "ok" lub "x",teraz trzeba dopasować naszą teksturę do zdjęcia.


Teraz najeżdżamy myszką na naszą teksturę,pojawią nam łapka,dzięki której możemy przesunąć naszą tekturę.


Kiedy nasza tekstura znajdzie się tam gdzie chcemy możemy zabrać się za dopasowanie jej do naszego zdjęcia. Mamy dookoła wklejonego obrazu małe,białe kwadraciki,najeżdżamy na nie i rozciągamy naszą teksturę do takiego rozmiaru jaki chcemy.


Kiedy nasza tekstura została już rozciągnięta,klikamy na nią,pojawia nam się okno,w którym wybieramy "właściwości" i pojawia nam się kolejne okno,które zamknęliśmy na początku tego punktu,a które teraz będzie nam potrzebne.


Teraz się zajmujemy naszym drugim oknem,które się pojawiło. Mamy w nim opcje "zaczernienie" ,dzięki której dostosujemy przezroczystość naszej tekstury.


5. Kiedy nasza tekstura już jest gotowa zabieramy się za dodanie tekstu. Przechodzimy do ikonki z literką "T" pojawia nam się okno,w którym należy wpisać tekst.



Jak widzicie powyżej pod 1 znajduje się pole do wpisania tekstu,pod 2 lista czcionek do wybrania,pod 3 zmieniamy rozmiar naszego tekstu (jak widzicie dookoła tekstu też są takie małe kwadraciki,które służą do rozciągania go we wszystkie strony,ja korzystam właśnie z tej metody przy doborze rozmiaru tekstu) pod 4 znajduje się kolor tekstu,a pod 5 przycisk "ok" który klikamy jak wszystko już jest po naszej myśli. W edytorze tekstu znajdują się również inne opcje takie jak np. cień,na zrzucie ekranu tych innych opcji nie widać,bo przysłania lista z dostępnymi czcionkami,ale jak ktoś będzie chciał się bardziej pobawić z cieniem i pozycjonowaniem tekstu,to bez problemu te opcje w oknie tekstu znajdzie.

6. Aby nasz tekst się za bardzo nie rzucał w oczy i jakoś się komponował z naszą teksturą,możemy użyć opcji zaczernienia,tej samej,której użyliśmy przy dodaniu naszego obrazu,również po najechaniu myszką na tekst (tak samo jak przy teksturze) pojawi nam się łapka,dzięki której ustawimy nasz tekst w dowolnym miejscu.



7. Efekt końcowy


Jak wam się podoba taki tutorial? :)
Czytaj dalej »

Jak zrobić własne pędzle (brushe) do GIMPa

03.11.2014


Uwielbiam bawić się w GIMPie,a w szczególności uwielbiam opcje pędzla. Bardzo często szukam nowych pędzli do pobrania,ale ostatnie poszukiwania nie przyniosły żadnego efektu,postanowiłam,więc sama zrobić pędzle,które będą spełniały moje wymagania.


Jeśli posiadasz obraz w formacie PNG omiń punkt 2,jeśli posiadasz obraz PNG z przezroczystym tłem omiń punkt 2 i 3.
Jeśli chcesz posiadać pędzle bez możliwości zmiany koloru przy użytkowaniu i pozostawić je w kolorze omiń punkt 4 i 5.

1. Pierwsze co należy zrobić to wybrać zdjęcie/grafikę,z którego chcemy zrobić nasz pędzel,ja stworzyłam sobie w tym celu konia.


Klikamy prawym przyciskiem myszki na naszą grafikę i wybieramy Edit with GIMP,jeśli ta opcja nam się nie pokażę to należy otworzyć GIMPa i wybrać plik - otwórz... i szukamy naszego obrazu.

2. Jeśli nasz obraz jest w formacje JPEG/JPG to musimy wykonać następujący krok: przechodzimy do kolumny warstwy - pędzle i prawym przyciskiem myszki klikamy na nasz obraz w kolumnie i wybieramy dodaj kanał alfa,jeśli nie pojawiła wam się kolumna z warstwami oraz pędzlami wystarczy je włączyć klikając okna - dokowalne okna dialogowe - warstwy/pędzle lub sprawdzić czy nie zostały przez was ostatnio zamknięte: okna - ostatnio zamknięte doki. 


W moim przypadku grafika jest już w formacie PNG dlatego nie muszę dodawać kanału alfa.

3. Teraz będziemy robili przezroczyste tło naszej grafiki. Jak już mamy dodany kanał alfa to przechodzimy do przybornika i za pomocą narzędzia różdżki zaznaczamy i usuwamy niepotrzebne nam tło.


Po zaznaczeniu tła klikamy na obraz prawym przyciskiem myszy i wybieramy edycja - wytnij



4. Teraz klikamy obraz - tryb - odcienie szarości 


Nasz obraz zmienił kolory na czarno - białe,co pozwoli przy używaniu pędzla na zmianę koloru,jeśli chcemy aby nasz pędzel pozostał w kolorach bez możliwości zmiany omijamy ten punkt.


5. Klikamy znowu na obraz i wybieramy spłaszcz obraz


6. Zapisujemy nasz obraz klikamy plik - wyeksportuj 



Otwiera nam się drugie okno na dole mamy mały plusik po lewej stronie przy którym jest napisane Wybór typu pliku (Według rozszerzenia) klikamy na plusik i wybieramy typ pliku w naszym przypadku będzie to Pędzel programu GIMP gbr i klikamy wyeksportuj



Po tym pojawi nam się jeszcze jedno okno w nim nie zmieniamy nic tylko klikamy wyeksportuj


7. Teraz pozostaje nam skopiować pędzel



i wgrać nasz do gimpa w tym celu przechodzimy do dysku C - Program Files 



GIMP 2 - share - gimp - 2.0 - brushes i wklejamy nasz skopiowany pędzel,można nam się pojawić okno,które prosi o uprawnienia administratora w tym celu należy kliknąć kontynuuj 




8. Uruchamiamy gimpa ponownie i możemy cieszyć się nowymi pędzlami





Czytaj dalej »

Copyright © Szablon wykonany przez Blonparia