Dziękuję pięknie za wszystkie komen

> Stare dobre avatary.
> Uczymy się obsługi
Adobe Photoshop okna.
> Jak nałoŜyć świetlistą
texturę na obraz w
Adobe Photoshop?
Dziękuję pięknie za wszystkie komentarze, które dostałam. Jeszcze nie
skończyłam na wszystkie odpowiadać,
ale raz dwa się z tym uwinę.
Cieszę się, że pomysł z gazetką wielu
przypadł do gustu. To tylko dla mnie
znak, że warto będzie pisać każdy kolejny numer.
W dzisiejszym wydaniu przygotowałam
o dwa artykuły więcej dzięki czemu
przed wami aż pięć stron do czytania.
Mam nadzieję, że to nie problem.
Wiele komentarzy zasygnalizowało mi,
że format gazety jest męczący, o tym
przeczytacie w artykule o formacie
gazety.
Natomiast w aktualnym numerze znajdziecie kilka instrukcji m.in. na nakła-
danie świetlistej textury czy tworzenie
ikon w stylu podyktowanym przez Olę
z bloga ola295.
Możecie także podziwiać całkiem nową szatę graficzną gazetki, nad którą
pracowałam w poniedziałek poprzedniego tygodnia. Myślę, że nie jest najgorsza i na razie na niej poprzestanę.
Pozdrawiam gorąco wszystkich czytelników - Aiwlys =)
prosty z obrysem lub bez
niego. W tyle widniał fragCzy pamiętacie jeszcze avatary? Małe ment nagłówka lecz odrobinę wtopionego w tło.
kwadratowe obrazki z adresami blogów? Co poniektórzy pewnie kojarzą, Pewnie niektórzy powiedzą „jak coś
zwłaszcza ci starsi bloggerzy i blogger- takiego mogło być fajne, przecież to
ki. Tak, jeszcze cztery lata temu grafika zwykły szmelc”. A jednak nie zawsze
tworzona przez innych nie była do te- używano akcji, blendy weszły troszkę
później. Ostatnio przeglądałam foldery
go stopnia zaawansowana, jak teraz.
z obrazkami na moim komputerze i
Niewielu miało programy graficzne,
natknęłam się na grafikę tworzoną „za
dlatego zamówienia były codziennomojej młodości”. Doskonale pamiętam
ścią. Tworzyło się bardzo barwne na5 komentarzy za wstawienie . Zamógłówki z paskowanymi ramkami i PSwienia na ruchome tworzone w GifaD’sami gwiazd. W tamtym czasie posiadanie czegoś takiego robiło wraże- cie. Modne też były ramki najczęściej z
paskami i innymi wzorami. Ściągało się
nie.
brushe i wgrywało do Photoshopa. Do
I wtedy też nie
tej pory mam wzorki w kształcie słodybyło buttonów,
czy, które wyglądają bardzo rozkoszposługiwano się
nie. I oczywiście nie zapomnę paskoavatarami. Najwanego tła, które robili tylko ci barczęściej miały
dziej wprawieni. Można było znaleźć
rozmiar 200x20najróżniejsze kolory. To były czasy =)
0 px. Napis był
> Sposób na przezroczyste ramki na blogu.
> Szablon tygodnia.
> Icns styles #1 - ola295.
> Spory o format gazety.
Str. 2
Navigator (Nawigator)
History (Historia)
Actions (Akcje)
Layers (Warstwy)
Ostatnim razem omówiliśmy wszelkie
narzędzia wykorzystywane w pracy.
Dziś postaram się pokrótce opisać
okna, które znajdują się na monitorze.
Jeśli w menu programu klikniemy na
przycisk Window (Okno) rozwinie nam
się długa lista. Zajmiemy się pierwszym
oknem - Tools (Narzędzia). Tutaj znajdują się wszelkie pomoce potrzebne
nam podczas tworzenia grafiki. Szczegółowo zostały omówione w pierwszym numerze. Kolejne to Options
(Opcje). To pasek znajdujący się pod
głównym menu programu, tutaj wyświetlają nam się główne opcje poszczególnych narzędzi. Dalej File Browser (Wyszukiwarka plików). Po jej
otwarciu możemy wyszukiwać kolejne
pliki, a następnie je otwierać w programie. Navigator (Nawigator) umożliwia
nam przybliżanie i oddalanie danego
obrazu - taka soczewka. Info (Info) pozwala na określenie danego koloru na
obrazku oraz współrzędnych kursoru
względem niego. Najlepiej dla eksperymentu otworzyć sobie jakiś barwny
obrazek, a następnie jeździć kursorem
po całości. Wtedy można zaobserwować zmiany w liczbach w oknie. Niżej
mamy Color (Kolor) gdzie, dzięki suwakom, możemy ustalić dany kolor. To już
dla bardziej zaawansowanych. Swatches (Próbki) to nasza mini paleta
kolorów. Możemy w niej zapisywać
dane próbki barwnika, które przydadzą
się np. przy tworzeniu
szablonu. Aby dodać
nowy odcień ustawiamy go w kolorowym
oknie pod wszelkimi
narzędziami, a następnie w oknie próbek klikamy na mały przycisk zwiniętej
kartki na dole okna. Następne okno Styles (Style) to zbiór styli, które możemy narzucić na napis czy kształt. Takie
style sami możemy tworzyć, ale o tym
kiedy indziej. Dalej mamy History
(Historia), czyli bardzo ważne okno,
gdzie możemy zaobserwować nasze
poczynania. Jeśli coś zrobimy źle
zawsze możemy to cofnąć przechodząc do okna historii, zaznaczając
felerny krok i klikając na ikonkę kosza. Kolejne okno Actions (Akcje) jest wszystkim doskonale znane. Mamy tutaj spis wszelkich
akcji, które możemy wykorzystać na
obrazie. O akcjach powiem innych razem. Tool Presets (Ustawienia narzędzia), możemy tutaj znaleźć inne możliwości aktywnego narzędzia. Doskonale
to widać na przykładzie Pędzla, gdzie
równie dobrze może być spray’em.
Layers (Warstwy) - serce tego programu. Mamy tu spis wszelkich warstw
użytych na obrazie. Przykładowo na
jednym obrazku może być warstwa z
ramką, następna z obrazkiem, a następna z napisem. Z czasem warstwy są
niezastąpione. Channels (Kanały) jest
nadal dla mnie zagadką, ale zawsze
możecie się nimi pobawić. Paths
(Ścieżki), kiedyś wydawało mi się to
czymś niepotrzebnym, teraz jest mi
niezbędne. To właśnie tutaj możemy
zaobserwować figury i linie narysowane przez Pióro, można je odciskać, zamalowywać, a nawet zamieniać na zaznaczenie. Kiedyś napiszę o tym dłuższy artykuł. Brushes (Pędzle), znajdziemy tutaj wszelkie opcje do przekształcania danego pędzla, można go obrócić, nadać teksturę i wiele innych. O
tym też kiedy indziej. Character
(Typografia) oraz Paragraph (Akapit)
to okna bardzo podobne do tych z
Worda. Znajdziemy tutaj wiele opcji,
które pomogą nam okiełznać dziki
tekst. Ostatnie okno, a raczej pasek to
Status Bar (Pasek stanu). To tutaj możemy sprawdzić na jakim poziomie
jest ładowanie filtru. Pojawiają się
tutaj także wskazówki dotyczące
używania narzędzi, a po lewej stronie widzimy przewidywany rozmiar
obrazka.
W ten właśnie sposób omówiliśmy różne okna, które ułatwiają pracę w Adobe Photoshop.
lewej stronie strzałeczki, czyli
Move Tool
(Przesunięcie). Dobrze jest ustawić
nasz blend w taki sposób, aby wystawał zza textury. 'Chwytamy' za texturę
i przeciągamy ją na nagłówek. Widzimy, że przykryła obraz.
4) Po prawej stronie odszukujemy okna Layers (Warstwy).
1) Przygotowałam
Zaraz pod tytułem znajduje się
wcześniej blend z
ramka z suwakiem. Rozwijamy
Ashley Tisdale, który
ją i odszukujemy napisu Lighmożemy potraktoten (Jaśniej).
wać jako przyszły
5) Pozostały nam tylko świetlinagłówek. Aby otwoste zygzaki. Ponownie wracarzyć interesujący nas obrazek klikamy my do narzędzia strzałki i za jego poFile (Plik) > Open… (Otwórz).
mocą ustawiamy wzory na pożądanym
2) Teraz wyszukujemy interesującą nas miejscu.
świetlistą texturę. Wybrałam jedną z
Gotowe!
bloga glam-style.
Oczywiście tych textur można nałożyć
3) Wyszukujemy w narzędziach po
bez liku.
W ostatnim czasie textury stały się
nieodzownym elementem każdego
dodatku blogowego, każdej ikony czy
obrazka. Krótka instrukcja jak nałożyć
świetlistą texturę na
obraz.
Wstawiamy tło
na blog i okazuje
się, że niektóre
ramki mają własny kolor? Nie
da się tego usunąć na wszystkie znane
sposoby? Szablon wygląda źle?
Jest na to sposób.
1) Logujemy się na blog, a następnie
wchodzimy w Ustawienia.
2) Wśród zakładek na samej górze odszukujemy Szablony.
3) Pojawia nam się mini galeria szablonów. Jednak my
potrzebujemy
wszystkich możliwości. Dlatego w prawym dolnym rogu odszukujemy link
Galeria szablonów i klikamy na niego.
4) Witam w pełnej szabloniarni Onetu.
Po prawej stronie
znajdują się odnośniki do różnych kategorii szablonów.
Najpierw odszukuje-
my ramkę z Teenszablonami, a wśród posegregowanych alfabetycznie
linków klikamy 'Pory roku'.
5) Na jednej z ostatnich
stron tego zbioru szablonów odszukujemy "Wspomnienia z wakacji" i klikamy na niego.
6) Pojawia nam się powiększony obraz
tego szablonu. Pod nim odszukujemy
link
'Zobacz
swój
blog w
takim
szablonie >>'.
Klikamy.
7) Nie
przerażajmy
się, że wszystkie ramki i informacje w
nich zawarte się skasują. Nie! W żółtym
panelu u samej góry odszukujemy przycisk Wybierz szablon, klikamy na niego.
Blog może nie prezentuje się zbyt dobrze, ale najważniejsze, że ramki są
przezroczyste. Teraz wystarczy tylko
zmienić szablon dodając odpowiednie elementy, tworząc nowe style
czcionek, dodając inne okna.
Str. 3
Czysty blend przygotowany przeze mnie.
Textura glam-style.
blog.onet.pl
Blend z nałożoną
texturą.
phase.blog.onet.pl
bases.blog.onet.pl
damnscream.blog.onet.pl
W następnym wydaniu napiszę coś o
tego typu szablonie =)
Str. 4
W tym tygodniu szukałam szablonu,
którego przygotowanie zabrało autorowi naprawdę dużo czasu, a efekt jest
znakomity. Wybór był bardzo trudny,
gdyż przeglądając blogi natrafiłam na
kilka świetnych szablonów. Jednak
wreszcie zdecydowałam się na szatę
graficzną bloga pure-dirty. Musicie
przyznać, że upodabnianie swoich kącików do stron internetowych jest coraz
popularniejsze. Ale także trudne, gdyż
trzeba mieć smak, wyczucie oraz pomysł. No i nie zabraknie odrobina
umiejętności graficznych. Całość
wprost wygląda wspaniale i nie jedna
osoba zastanawiała się, czy naprawdę
jest na blogu Onetu.
Czysta baza autorstwa
bases.
blog.onet.pl.
Po użyciu akcji
#22 by
discotetris.
blog.onet.pl.
Jedna z baz zaproponowana
przez Olę z bloga
ola295.
blog.onet.pl.
Po nałożeniu
tekstury na ikonę
za pomocą opcji
Lighten (Jaśniej).
Po nałożeniu
napisu w czcionce
Pea Randa.
Gotowe!
dodatku do gazetki można
znaleźć dwie różne zaproponowane przez Olę. Ja używam
W poprzednim wydaniu pisałam trosz- tej pierwszej. Przeciągamy teksturę na
kę o ikonkach, natomiast w tym posta- naszą powstającą ikonę. Widać, że ponowiłam napisać jak zrobić ikonkę w
kryła ją całkowicie. Teraz patrzymy na
Adobe Photoshop stylem pierwszym
okienko Layers (Warstwy). Zaraz pod
pomysłu Oli z bloga
tytułem znajduje się ramka z
ola295.
suwaczkiem. Widnieje na niej
1) Klikamy File (Plik) >
napis Normal (Zwykły). RozsuNew… (Nowy) i tworzywamy listę i odszukujemy
my nową kartkę o wyopcję Lighten (Jaśniej).
miarach 100x100 px.
7) Teraz przechodzimy do na2) Otwieramy jakiś ciepisu. Klikamy na duże T w
kawy obrazek i zmniejramce z narzędziami, a naszamy go Image
stępnie klikamy na naszej
(Obraz) > Image Size… (Wielkość obikonce. Pojawia nam się kursor. Wpisurazka…) tak, aby najważniejsze części jemy jakiś tekst. Ja piszę "Love". Teraz
były widoczny na ikonce. Można także zmienimy jego czcionkę, spoglądamy w
użyć jednej z wielu baz, które znajdzie pasek opcji tego narzędzia. Pierwsza
się na niemalże każdym blogu. Ja wyko- ramka z suwakiem prezentuje nam
rzystałam jedną z baz z bloga bases.
wszystkie czcionki, które mamy. Rozwi3) Nakładamy
jamy listę i odszukujemy
ciekawą akcję.
Pea Randa. Jeśli jej nie maPolecam te z blomy to bez obaw, plik z
ga discotetris. Ja
czcionką jest załączony jako
użyłam akcji #22.
dodatek do gazetki. O wgry4) Całość scalamy
waniu czcionek na kompupoprzez kliknięcie Shift + Ctrl + E albo
ter wspomnę w następnym numerze.
klikamy Layer (Warstwa) > Merge Visi- Kiedy już mamy napis zmienimy jeszcze
ble (Złącz widoczne). W oknie Layers
jego rozmiar - dwie rameczki dalej jest
wiele warstw zamienia się w jedną.
suwaczek z różnymi rozmiarami. Wy5) Chwytamy za bazę i przeciągamy ją
bieramy 14 px. Ustawiamy napis za
na wolną kartkę stworzoną na samym pomocą Move Tool (Przesunięcie).
początku.
Gotowe!
6) Teraz nakładamy jakąś teksturę. W
grafiki, staram się wyszukiwać wszelkie nowinki w tej
dziedzinie i przekazywać
je na łamach pisma. Ktoś
W komentarzach pod
mi podpowiedział, abym
pierwszym numerem spolinkowała pojedyncze
tkałam się z kilkoma wyzdjęcia artykułów. Tutaj
powiedziami, które zasuteż pojawia mi się zgrzyt,
gerowały mi, że forma
gdyż staram się zachogazetki jest zła. Czyżby
wać wszystko jako jedną
ściąganie kolejnych wygazetę. Z doświadczenia
dań było aż tak uciążliwe?
też wiem, że linki obraSprawdzałam, gazetka
zów często lubią wyga(przynajmniej na mój
sać i w ich miejsce pojakomputer) ściągała się ok.
wia się czerwony krzy5 sekund. Kiedy linkoważyk. Chciałam takiej sytułam gazetkę w plikowniku
acji uniknąć.
moim zamiarem było
wam ułatwić czytanie kolejnych wydań. Podpowiedź, aby wrzucać cały plik .pdf
Chciałam również zachować formę ga- na serwer, a następnie na blogu umieszczać link do niego najbardziej mi się
zety z obrazkami pomocniczymi. Według mnie pliki .pdf doskonale się prze- spodobała. Jednak nie mogłam znaleźć
żadnej linkowni, która przyjmowałaby
gląda i przynajmniej cała oprawa grapliki .pdf. Jeśli takową znajdziecie to
ficzna jest dobrze czytelna.
będę zobowiązana, gdybyście podali mi
Zasugerowano mi, abym zaczęła pisać
artykuły normalnie w notce. Jest jednak jej link.
Czy naprawdę czytanie w .pdf jest takie
jedna sprawa - przecież wszyscy tak
złe? Czy GrafikUs lepiej by się czytało
robią. Dlaczego choć jedna gazeta nie
mogłaby być choć odrobinkę oryginal- choćby w notkach jako zwykłe artykuły,
czy może pojedyncze strony, a następniejsza? Nie chcę się upodabniać do
nie wstawiane do notki?
Prassy czy Antyplotki, ponieważ te
wspaniałe gazetki piszą o życiu blogge- Piszcie koniecznie, co o tym sądzicie.
rów, o ich wzlotach i upadkach. GrafikUs zajmuje się wzlotami i upadkami
Str. 5
[farbki]
„Szukam osób które mogłyby pisać ze mną V
część „Zmierzchu”, w tym
dokończenie Reneesme.
Kontakt: 9533550.”
Dodatki:
> sesja (9) z Ashley Tisdale [damnscream];
> textury 100x100 px (2) świetliste [ola295];
> ikony (9) z pomarańczami [paragraph];
> bazy do ikon (11) z New
Moon [bases];
> czcionka Pea Randa;
> ikona z New Moon
[grafikus];
> blend z Ashley Tisdale
[grafikus];
> blend z Ashley Tisdale z nałoŜoną na niego texturą
[grafikus].
Strona: grafikus.blog.onet.pl
E-mail: [email protected]
GG: 5994786
Redaktor naczelna:
Aiwlys =)
Format pliku: .pdf
Uprasza się o nie rozpowszechnianie kolejnych numerów gazetki na innych blogach bądź
stronach. Biuletyn jest moim
pomysłem i proszę o jego nie
kopiowanie.
Numer: 2
Rok: 2009
22 - 28 czerwca
Osoba: Ashley Tisdale
[damnscream]