Menu

Jak zrobić napis z obrazu na obrazie - GIMP



Dawno nie było instrukcji w GIMPie, więc postanowiłam Wam ją dzisiaj podrzucić, a pokażę Wam jak zrobić napis z obrazu na obrazie, tak to sobie nazwałam, a Wy zaraz dowiecie się o co chodzi ;)

1. Odpalamy GIMPa
2. Otwieramy wybrane zdjęcie za pomocą plik - otwórz 
3. Tworzymy nową warstwę, z białym wypełnieniem


4. Zmniejszamy krycie białej warstwy - nie ma tutaj konkretnej wartości jakiej musimy się trzymać


5. Dodajemy napis
























6. Klikamy na warstwę z napisem prawym przyciskiem myszki i wybieramy "kanał alfa na zaznaczanie" 






















7. Jak możemy zobaczyć na ostatnim zdjęciu w punkcie 6, pojawiło nam się zaznaczenie na napisie. Teraz musimy kliknąć na warstwę z białym wypełnieniem i wybrać na klawiaturze przycisk "delete".

8. Teraz przechodzimy na warstwę z napisem i usuwamy ją.


9. Efekt


Czytaj dalej

Szablon Forest na Bloggera do pobrania za darmo


Szablon Forest, jest to darmowy szablon na Bloggera w odcieniach zieleni. Przypadnie do gustu każdemu, kto ceni sobie najprostsze rozwiązania i ładny wygląd szablonu. Szablon można dostosować bez problemu do swoich potrzeb. Zmienić tło, kolory, fonty etc.


Info o szablonie


  • Szablon nie zawiera automatycznego skracania wpisów
  • W szablonie jest funkcja automatycznego dopasowania zdjęć we wpisie oraz w kolumnie bocznej w gadżecie "o mnie".
  • Menu to standardowe strony Bloggera
  • Można zmieniać kolory, fonty, dodawać i usuwać nowe strony w menu
  • Ikony udostępniania wpisu
  • Dodana instrukcja 

Uwagi

  • Szablon oraz grafiki dodawane do szablonu są tylko i wyłącznie na użytek własny. 
  • Udostępnianie szablonu osobom trzecim w postaci oryginalnej lub zmienionej jest zabronione.
  • Szablon posiada nieusuwalną stopkę z podpisem autora. Po usunięciu jej, szablon nie będzie poprawnie działał 
  • Nie wolno modyfikować wyglądu stopki tzn. zmieniać jej koloru tak, aby nie była widoczna i podpisywać się pod szablonem jako autor 
  • W razie jakichkolwiek problemów/pytań napisz na maila blonparia@gmail.com
  • Nie proś osób trzecich o pomoc przy szablonie w razie powstania problemu - istnieje ryzyko, że dana osoba źle podejdzie do Waszego problemu, a wtedy szablon może zostać uszkodzony lub całkowicie zniknąć z bloga. Pamiętaj! Zawsze zwracaj się z prośbą o pomoc do autora szablonu 

To może Ci się przydać







Chcesz indywidualny szablon?


Zawsze możesz zamówić szablon, jeśli te, które udostępniam do pobrania Ci nie odpowiadają. Wystarczy, że zajrzysz na TĄ stronę.

Możesz również wziąć udział w losowaniu, w którym do wygrania jest metamorfoza szablonu - zajrzyj tutaj.

Zobacz jak wygląda szablon Pobierz szablon
Czytaj dalej

Wypełnienie tekstu tłem w Photoshopie


Pewnie niektórym z Was mówi już coś ten tytuł, bo podobna instrukcja już się na blogu pojawiła (na marginesie jako jedna z pierwszych instrukcji graficznych), ale była ona wykonana w GIMPie. Dziś pokażę Wam jak zrobić to samo, ale w Photoshopie.

Przejdź do wpisu z instrukcją w GIMPie

1. Tworzymy nowy plik (ctrl + n (PC) lub cmd + n (MAC), plik - nowy), ustalamy dowolny rozmiar i wpisujemy nasz tekst. 




























2. Otwórz teksturę do wypełnienia tekstu - ctrl+o (PC) lub cmd + o (MAC), plik - otwórz.  Tekstura otworzy nam się w nowej karcie, więc musimy wybrać narzędzie zaznaczenia, zaznaczyć teksturę i za pomocą skrótów klawiszowych ctrl+c, ctrl+v (PC), cmd+c, cmd+v (MAC) - kopiuj, wklej. Wkleić w podstronę z naszym napisem.




























3. Wypełnienie tekstu tłem możemy zrobić na dwa sposoby. Klikamy w oknie warstw tryby i zmieniamy ze zwykłego na jasny lub wybieramy skrót klawiszowy alt+ctrl+g (PC), alt+cmd+g (MAC), drugi sposób można zrobić również inaczej. Rozwijamy listę opcji w oknie warstw i wybieramy "utwórz maskę przycinającą".

Pierwszy sposób 





Drugi sposób 





Efekt: 




Czytaj dalej

Prosty CSS - dwa style dla dat


W dzisiejszym wpisie pokażę Wam, jak w prosty sposób za pomocą CSS zmienić wygląd daty wpisu. Pokażę Wam dwa style, które są proste i idealnie wpasują się w każdy szablon.

Styl pierwszy


.date-header span {
background-color: #fff;
letter-spacing: 2px;
padding: 0 20px;
position: relative;
text-transform: uppercase;
top: -8px;
}
h2.date-header {
border-top: 1px solid #999;
font: 10px Open Sans;
letter-spacing: 2px;
text-align: center;
}

Analiza kodu 

Tło daty
Odstępy między literami 
Marginesy wewnętrzne 
Styl tekstu (ustawiony na drukowane litery, wpisując none, pozbywamy się tego efektu)
Położenie daty (góra, dół) 
Grubość, rodzaj i kolor podkreślenia 
Rodzaj i wielkość fontu 
Odstęp między literami
Położenie daty

Styl drugi 



.date-header span {
background-color: #fff;
border: 1px solid #999;
letter-spacing: 2px;
padding: 10px 10px;
position: relative;
text-transform: uppercase;
top: -7px;
}
h2.date-header {
background: none repeat scroll 0 0 #999;
height: 1px;
font: 10px Open Sans;
text-align: center;
}

Analiza kodu 

Kolor tła
Grubość, rodzaj, kolor obramowania daty
Odstęp pomiędzy literami
Marginesy wewnętrzne 
Styl tekstu 
Położenie daty (góra, dół)
Kolor linii 
Grubość linii
Wielkość i rodzaj fontu 
Położenie daty

Wszystkie pogrubione i kolorowe wartości są zmienne.
Czytaj dalej
Subskrybuj: Posty (Atom)

Copyright © Twórczy notatnik