Jak zrobić button na naszego bloga?

Na początek...

Postanowiłyśmy nieco rozszerzyć nasz zasięg - 

dlatego też miło mi zaprosić Was na Graphical Thoughts na Facebooku. 

Eveileb spytała na cboxie, czy robimy buttony... Do tej pory raczej nie, ale oczywiście, jak powiedziałam - zrobię go dla Ciebie, ale tak sobie też pomyślałam, że może zrobić na to mały, szybki tutorial (bo stworzenie takiego własnego buttona wcale nie jest trudne!).

Dla niezorientowanych - button, czyli obrazek, najczęściej z podpiętym do niego odnośnikiem, tekstem, jakąś nazwą - ogólnie ma on na celu reklamę naszej strony. 

Przed zaczęciem jakiejkolwiek pracy, wybieramy program, w którym będziemy tworzyć button naszej wspaniałej strony - w moim przypadku będzie do Photoshop, bo po prostu jest bardziej pod ręką, ale jeśli chodzi o Gimpa, zasady są takie same. Jeśli chodzi o inne programy... W PhotoScape, PhotoFiltre i pochodnych (a więc całkiem bogatych w opcje, ale nie zanadto) również powinno się udać wykonać taki button, ale w nim może on wyglądać nieco mniej estetycznie; w Paincie (wybacz mi, Tyler!) raczej nie próbujmy go robić. 

Potem zastanawiamy się nad formą i rozmiarem naszego buttona. Może on prostokątny, krągły lub jakiś inny fikuśny, choć standard to prostokąt o wymiarach 81x33, 160x70... Jest to jednak dowolność (pod warunkiem, że będzie on w jakiś sposób proporcjonalny i zgrabny). Kolejną sprawą jest czcionka, dlaczego? Button ma wpaść w oko (ale nie przez swój oczojebny kolor!), musi zainteresować, spodobać się... wszystko jednak w granicach wizualnych, a więc pobudźmy nasze zmysły estetyki i darujmy sobie Times New Roman, Tahomę, Verdanę albo niewyraźny Mistral. Czcionka ma być widoczna, ale ciekawa, nie za gruba, nie za chuda, chyba że mamy jakiś fajny koncept. Na końcu obraz/tło, które będzie pod czcionką. W zależności, czy chcemy button minimalistyczny, czy pasujący do szablony, tematyki - tutaj mamy dowolność, ale też trzeba zachować pewien umiar, żeby nam się nic ze sobą nie zlało. Teoria w skrócie:

program » forma&rozmiar » czcionka » obraz/tło

A teraz praktyka!

Zdecydowałam się na dwa rodzaje: jeden tylko z czcionką, drugi również z obrazem w tle.

efekt + druga wersja: z paskami

efekt

Druga instrukcja jest nieco bardziej skomplikowana - na warstwach w oknie warstw widać, co, w którym miejscu ma się znaleźć. Dlaczego przedstawiłam to w nieco trudniejszej wersji, a nie klatka po klatce, co gdzie zaznaczyć i tak dalej? Bo fakt jest taki, że najlepiej uczymy się samodzielnie i na własnych błędach i próbach - naszkicowałam Wam, co i gdzie można znaleźć. Spróbujcie sami różnych efektów i pobawcie się tym - za pierwszym razem zajmie Wam to więcej czasu, ale zapamiętacie wszystko na znacznie dłużej! I pamiętajcie: z każdym pytaniem odnośnie tej instrukcji i każdej innej (również w wersji Gimpowej) możecie zwracać się w cboxie lub na ask.fm (nie ukrywam, że na asku byłoby lepiej, bo pytania i odpowiedzi zostałyby dla innych, bardziej widoczne i na dłużej ;)

W komentarzach koniecznie pokażcie swoje efekty, jeśli zdecydujecie się wykonać własny button!