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

Czytaj dalej

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

Tutorial

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

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

Czytaj dalej

Zmiana wyglądu popularnych wpisów

CSS

Zmiana wyglądu popularnych wpisów

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() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
</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:

Czytaj dalej

Przezroczysty napis na zdjęciu - GIMP

GIMP grafika

Przezroczysty napis na zdjęciu - GIMP

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.