Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Autor Wątek: Business Layout  (Przeczytany 17872 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« : 29.08.2009, 11:10:34 »

Business Layout
Tutorial

Oryginał: Oryginalny tutorial
Opracowanie: Nesq
Poziom trudności: średni





Tutaj wpisujemy małe wprowadzenie do tutoriala - informacje dla użytkownika odnośnie
efektu końcowego (np. jeśli tłumaczymy zagraniczny tutorial, to tutaj umieszczamy informacje
o oryginale). Dodatkowo możemy umieścić własne przemyślenia (np. co nas zainspirowało
do napisania tutoriala lub kto nas o to poprosił).

Tutorial napisany w wersji GIMP 2.6.6 W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



Lime Point Zaczynamy

Lime Point 1. Otwieramy Nowy dokument o wymiarach 1200x1200px. Tło pozostawiamy białe.


Lime Point 2. Kolejny krok to odpowiednie ustawienie prowadnic - pomogą nam one w tworzeniu poszczególnych części szablonu. Zatem klikamy kolejno: Obraz -> Prowadnice -> Nowa prowadnica. Ustawienia jak na obrazkach.


Lime Point 3. Tworzymy teraz tzw. header.
Tworzymy nową przeźroczystą warstwę o nazwie header1. Na niej przy użyciu Zaznaczeniem prostokątnego Zaznaczenie prostokątne [R]od góry zaznaczamy prostokąt na całą długość szablonu i szerokość 43px.
Kolor pierwszoplanowy ustawiamy na #303e41, a kolor tła na #5e7377. Wybieramy narzędzie Gradient Gradient [L] i przeciągamy z dołu do góry. (obrazek 2a)

Warstwę dublikujemy i zmieniamy nazwę na header2. Od prawej prowadnicy za pomocą Zaznaczenia prostokątnego zaznaczamy pasek o długości 43px i szerokości ok. 220px. Następnie: Zaznaczenie -> Zaokrąglij wpisujemy 7 i potwierdzamy, później Zaznaczenie -> Odwróć i czyścimy zaznaczenie (Zaznaczenie -> Nic [Del]).

 

Wyśrodkowany kolejny obrazek


Lime Point 4.
Lime Point 5. Kolejny opisany punkt. I tak dalej, i tak dalej... Aż do ostatniego.

Wyśrodkowany obrazek z efektem końcowym

Teraz pobieramy kanał alfa z warstwy (Warstwa -> PPM -> Kanał alfa na zaznaczenie) i Czyścimy [DEL]. Kolor pierwszoplanowy ustawiamy na #303e41, a kolor tła na #5e7377. Wybieramy narzędzie Gradient Gradient [L] i przeciągamy z dołu do góry.
Lime Point Koniec



Znowu tekst autora. Jego uwagi, wskazówki lub inne.

Zakończenie i pożegnanie. Zazwyczaj autorzy kończą tutorial czymś w stylu "Miłego GIMPowania. Uśmiech" itp.



Następnie: Zaznaczenie -> Zaokrąglenie o wartości 7 i wypełniamy Wypełnienie kubełkiem kolorem #000000. Czyścimy zaznaczenie Zaznaczenie -> Nic [Ctr+Shift+A].
Zaokrąglone rogi u góry wypełniamy również kolorem czarnym.  

« Ostatnia zmiana: 11.09.2009, 09:37:16 wysłane przez nesq » Zapisane

agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #1 : 29.08.2009, 18:30:08 »

Dodałem mojego outa, mowcie co poprawic. Podczas pisania tuta sie poprawi Mrugnięcie Wg. mnie to za duze zrobilem "Call us now" chodzi mi o ten taki "box", zaokraglilem w headerze na gorze niechcacy rogi i za duzo tych kolek. Cos jeszcze?
Zapisane

Pilej
√ ι ק

Reputacja: 7 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 949
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 29.08.2009, 19:27:23 »

zwiększ kontrast między literami a tłem (chodzi o te niebieskie i szare teksty), przyciemnij je.
Zapisane

Wertyś
Użytkownik

Reputacja: 4 Offline Offline

GIMP: 2.6
Licencja: Copyright
Wiadomości: 720
Galeria Użytkownika



Zobacz profil
« Odpowiedz #3 : 10.09.2009, 20:05:21 »

Zdjęcia kolejnych kroków.
Zapisane
agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #4 : 11.09.2009, 06:51:45 »

Zdjęcia kolejnych kroków.

?

Za tuta sie wezme jak bede mial wiecej czasu. Ale do konca nastepnego miesiaca powinien byc gotowy.
Zapisane

Wertyś
Użytkownik

Reputacja: 4 Offline Offline

GIMP: 2.6
Licencja: Copyright
Wiadomości: 720
Galeria Użytkownika



Zobacz profil
« Odpowiedz #5 : 11.09.2009, 06:59:16 »

Szkoda, że tak długo. No trudno.
Zapisane
INSEKT
Emeryt

Reputacja: 27 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723
Galeria Użytkownika


Ja tu tylko sprzątam


Zobacz profil WWW
« Odpowiedz #6 : 25.01.2010, 08:48:56 »

To co, kończysz czy kosz?
Zapisane

Nie odpowiadam na wiadomości "(Bez tematu)".
Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3

Twój tutorial po to tyle czasu gnije w "Gotowych", żebyś nie musiał go więcej poprawiać, gdy zostanie przeniesiony do indeksu! Każda Twoja edycja sprawi, że tutorial zniknie i nie będzie widoczny, dopóki ja go nie przywrócę.
agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #7 : 29.01.2010, 10:15:31 »

Zacząłem to skończe, laya zrobie od nowa, trochę go ulepsze. Za 2 tygodnie mam ferie, więc może wtedy skończe Uśmiech
Zapisane

Adarn
√ ι ק

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968
Galeria Użytkownika


Parówkowym skrytożercą mówimy NIE!


Zobacz profil
« Odpowiedz #8 : 28.06.2010, 08:34:30 »

Tak się zapytam... Nesq, pamiętasz jeszcze o tym tutorialu?
Zapisane

Dropson
Użytkownik

Reputacja: -9 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 308
Galeria Użytkownika

Dropson


Zobacz profil
« Odpowiedz #9 : 28.06.2010, 09:01:52 »

A szkoda bo jeden z lepszych tutoriali na webdesign a tych jest jak na lekarstwo, wszyscy męczą te [ciach] sygnaturki.

@up - spójrz na datę, może lepiej napisałbys PM?

// Danyeru: Za dużo sobie pozwalasz.
« Ostatnia zmiana: 28.06.2010, 09:35:04 wysłane przez Danyeru » Zapisane
agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #10 : 09.07.2010, 18:14:08 »

W sumie mógłbym skończyć, ale nie ma to sensu. Szablon jest po prostu słaby i nie wiem czy warto pisać tutka na tak denną pracę.
Zapisane

Adarn
√ ι ק

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968
Galeria Użytkownika


Parówkowym skrytożercą mówimy NIE!


Zobacz profil
« Odpowiedz #11 : 09.07.2010, 18:17:40 »

To prosilibyśmy, żebyś napisał tutorial na jedną z twoich dobrych prac (tych nie brakuje).
Zapisane

agape
√ ι ק

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842
Galeria Użytkownika


hejo


Zobacz profil
« Odpowiedz #12 : 09.07.2010, 19:11:46 »

Którą byście chcieli?
Zapisane

Adarn
√ ι ק

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968
Galeria Użytkownika


Parówkowym skrytożercą mówimy NIE!


Zobacz profil
« Odpowiedz #13 : 09.07.2010, 19:16:12 »

Ja bym był za tym: http://www.gimpuj.info/index.php?action=gallery;sa=view;id=65394
Zapisane

Strony: [1] 2 3  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeFabryka tutoriali (Moderator: davlasq)Wątek: Business Layout
Skocz do: