Jak zrobić kolorowy element na czarno-białym tle w Photoscape

czwartek, 3 grudnia 2015


Dzisiaj przygotowałam dla Was bardzo prostą i krótką instrukcje, dzięki której możecie zrobić kolorowy element na czarno-białym tle. Taka instrukcja już się pojawiła na blogu, ale w programie GIMP, dziś chce Wam zaprezentować tą instrukcje w programie Photoscape. Efekt kolorowego elementu na czarno-białym tle uzyskamy w łatwiejszy sposób niż w GIMPie, ponieważ tutaj omija nas praca na warstwach i nie musimy bawić się w zaznaczenie danego elementu.

1. Otwieramy program Photoscape i wybieramy "Edytor".


2. Wybieramy zdjęcie i klikamy na zakładkę "Tools".


3. Następnie wybieramy "Effect Brush" i "Skala szarości".


4. Wybieramy rozmiar pędzla i "malujemy" nasze elementy na zdjęciu, które mają być czarno-białe. Polecam użyć narzędzia lupki, aby nasza przeróbka była bardziej precyzyjna.



5. Efekt końcowy:


Zdjęcie do instrukcji powstało dzięki uprzejmości Oli.


NEWSLETTER


Email








                                                                        



Udostępnij ten wpis:
Czytaj dalej »

Jak utworzyć ankietę i wstawić ją na bloga

poniedziałek, 23 listopada 2015


Ostatnio na blogu pojawiła się ankieta, która powstała za pomocą formularza Google. Parę dni później, po opublikowaniu ankiety na blogu, pojawiła się nowsza wersja formularzy. Nie wiem ile osób chciałoby umieścić taką ankietę u siebie na stronie, ale postanowiłam pokazać, jak wykonać taki formularz w nowszej wersji i umieścić go np. we wpisie.

1. Na początek wchodzimy na nasz dysk Google.


2. Przeniosło nas na nasz dysk. Wybieramy: Nowy - Więcej - Formularze Google


3. Otworzy nam się nowy formularz gdzie możemy zacząć zabawę ze wstawianiem pytań i z ich dostosowaniem.



4. Jeśli mamy już gotowe pytania odpowiedzi, to czas zabrać się za wygląd naszej ankiety. Na samej górze mamy ikonki. Jeśli chcemy zmienić wygląd naszego formularza wybieramy tą z paletą.


Mój formularz prezentuje się tak:


5. Skoro już dopracowaliśmy nasz formularz, to teraz będziemy wstawiać go do wpisu.


Teraz przechodzimy do wpisu i wybieramy HTML



Udostępnij ten wpis:
Czytaj dalej »

Zmiana wyglądu popularnych wpisów

poniedziałek, 28 września 2015


Każdy zna Bloggerowy gadżet "popularne posty" i każdy zapewne wie, jak on wygląda bez pomocy kodu. Swoim wyglądem nie przyciąga zbyt wielkiej uwagi, jest bardzo tradycyjny, ale w dzisiejszym wpisie pokażę Wam jak w prosty sposób możemy zmienić jego wygląd.

1. Pamiętaj, żeby popularne wpisy wyświetlały się poprawnie po zastosowaniu tego kodu, musisz ustawić je w ten sposób:


2. Przechodzimy do szablon - edytuj kod HTML 


3. Klikamy kursorem w dowolne miejsce w kodzie i wybieramy ctrl +f, a następnie w okno wyszukiwania, które nam się pojawi wpisujemy </body> i klikamy enter.

4. Nad </body> wklejamy kod:


<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>
<script type='text/javascript'>
 $(document).ready(function() {$(&#39;.PopularPosts img&#39;).attr(&#39;src&#39;, function(i, src) {return src.replace( &#39;s72-c&#39;, &#39;s400&#39; );});});
</script>
    <script type='text/javascript'>
    //<![CDATA[
    // Popular Posts customization by AllBloggerTricks.com
    // Trim Code by MS-potilas 2012
    $('.popular-posts ul li .item-snippet').each(function(){
     var txt=$(this).text().substr(0,120);
      var j=txt.lastIndexOf(' ');
      if(j>10)
         $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
    });
    //]]>
    </script>

5. Zapisujemy szablon. Teraz wyszukujemy ]]></b:skin> 

6. Nad ]]></b:skin> wklej kod:


.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0 0 0 -10px; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(255, 255, 255, 0.95); color: #95c6e8; font-family: Josefin Sans; font-size: 17px;  padding: 10px 0; position: absolute; right: 10px; text-align: center; top: 100px; width: 100%; }
.item-snippet {display: none;}
.item-content:hover img {
opacity: 0.70;
transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;}
.item-content {position: relative; }

Zapisz szablon.

7. Efekt końcowy:


Udostępnij ten wpis:
Czytaj dalej »

Przezroczysty napis na zdjęciu - GIMP

środa, 23 września 2015


W dzisiejszym wpisie będą dwie małe instrukcje, dotyczące zrobienia efektu przezroczystego napisu na zdjęciu lub teksturze w GIMPie. Będą to bardzo proste instrukcje, z którymi każdy powinien sobie poradzić. Nie przeciągając, zapraszam na zapoznanie się z instrukcjami.


Instrukcja pierwsza

1. Otwieramy zdjęcie/teksturę w GIMPie


2. Wybieramy opcje pisania tekstu, zaznaczamy miejsce gdzie ma nasz tekst powstać i wpisujemy w powstałe okienko. Pamiętajmy, że tekst MUSI być w kolorze czarnym.




3. Teraz wybieramy filtry - światło i cień - efekt xach. Pojawi nam się ramka, nic w niej nie zmieniamy, tylko klikamy ok.


4. Pozostajemy na warstwie z napisem i klikając prawym przyciskiem na nasz tekst wybieramy edycja - wyczyść.


5. Efekt końcowy:



Instrukcja druga

1. Otwieramy nasze zdjęcie/teksturę w GIMPie


2. Klikamy prawym przyciskiem myszki na naszą teksturę i wybieramy nowa warstwa.


Pojawi nam się drugie okno, w którym wybieramy białe i klikamy ok.


3. Nasza tekstura zostanie pokryta białą warstwą. Nie ma co panikować, tak ma być.


Klikając na białą warstwę, zmniejszamy jej krycie.


4. Znowu wybieramy tworzenie tekstu. Pamiętając o tym, żeby tekst był w kolorze czarnym.


5. Klikamy na warstwę z tekstem prawym przyciskiem myszki i wybieramy opcje kanał alfa na zaznaczanie.


6. Przejdź do białej warstwy i kliknij delete na klawiaturze.


7. Teraz przejdź na warstwę z tekstem, kliknij na nią prawym przyciskiem myszki i wybierz usuń warstwę.



Efekt końcowy:


Udostępnij ten wpis:
Czytaj dalej »

Copyright © Szablon wykonany przez My pastel life