agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« : 29.08.2009, 12:10:34 » |
|
Business Layout Tutorial
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ć. Zaczynamy 1. Otwieramy Nowy dokument o wymiarach 1200x 1200px. Tło pozostawiamy białe. 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. 3. Tworzymy teraz tzw. header. Tworzymy nową przeźroczystą warstwę o nazwie header1. Na niej przy użyciu Zaznaczeniem prostokątnego [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 [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 4. 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 [L] i przeciągamy z dołu do góry. 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. " 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, 10:37:16 wysłane przez nesq »
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #1 : 29.08.2009, 19:30:08 » |
|
Dodałem mojego outa, mowcie co poprawic. Podczas pisania tuta sie poprawi 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
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 949 Galeria Użytkownika
|
|
« Odpowiedz #2 : 29.08.2009, 20: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
GIMP: 2.6
Licencja: Copyright
Wiadomości: 720 Galeria Użytkownika
|
|
« Odpowiedz #3 : 10.09.2009, 21:05:21 » |
|
Zdjęcia kolejnych kroków.
|
|
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #4 : 11.09.2009, 07: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
GIMP: 2.6
Licencja: Copyright
Wiadomości: 720 Galeria Użytkownika
|
|
« Odpowiedz #5 : 11.09.2009, 07:59:16 » |
|
Szkoda, że tak długo. No trudno.
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #6 : 25.01.2010, 09: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, 3Twó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
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #7 : 29.01.2010, 11: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
|
|
|
Zapisane
|
|
|
|
Adarn
√ ι ק
Reputacja: 3
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968 Galeria Użytkownika
Parówkowym skrytożercą mówimy NIE!
|
|
« Odpowiedz #8 : 28.06.2010, 09:34:30 » |
|
Tak się zapytam... Nesq, pamiętasz jeszcze o tym tutorialu?
|
|
|
Zapisane
|
|
|
|
Dropson
Użytkownik
Reputacja: -9
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 308 Galeria Użytkownika
|
|
« Odpowiedz #9 : 28.06.2010, 10: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, 10:35:04 wysłane przez Danyeru »
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #10 : 09.07.2010, 19: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
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968 Galeria Użytkownika
Parówkowym skrytożercą mówimy NIE!
|
|
« Odpowiedz #11 : 09.07.2010, 19:17:40 » |
|
To prosilibyśmy, żebyś napisał tutorial na jedną z twoich dobrych prac (tych nie brakuje).
|
|
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #12 : 09.07.2010, 20:11:46 » |
|
Którą byście chcieli?
|
|
|
Zapisane
|
|
|
|
Adarn
√ ι ק
Reputacja: 3
Offline
Płeć:
GIMP: 2.6 + GAP
Licencja: Copyright
Wiadomości: 968 Galeria Użytkownika
Parówkowym skrytożercą mówimy NIE!
|
|
« Odpowiedz #13 : 09.07.2010, 20:16:12 » |
|
|
|
|
Zapisane
|
|
|
|
Skwarek
√ ι ק
Reputacja: 14
Offline
Płeć:
GIMP: 2.8
JID: skwara96@aqq.eu
Licencja: Copyright
Wiadomości: 755 Galeria Użytkownika
Hello... it's me.
|
|
« Odpowiedz #14 : 09.07.2010, 20:19:01 » |
|
|
|
|
Zapisane
|
| DAJ MI LAMĘ :]GIMP"Dude, suckin' at something is the first step towards being sorta good at something." |
|
|
|
Terrqge
Emeryt
Reputacja: 17
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 353 Galeria Użytkownika
|
|
« Odpowiedz #15 : 09.07.2010, 20:24:13 » |
|
IMO robienie tutoriali na layouty jest bez sensu, tu ważniejsza jest teoria, jak chcesz typowo tutorial na layout to przerób tutorial do Photoshopa bo obrazkach, nie opłaca się robić tutów do Gimpa.
|
|
|
Zapisane
|
|
|
|
Wertyś
Użytkownik
Reputacja: 4
Offline
GIMP: 2.6
Licencja: Copyright
Wiadomości: 720 Galeria Użytkownika
|
|
« Odpowiedz #16 : 09.07.2010, 21:20:33 » |
|
Ale niektórych elementów można się nauczyć z tutoriala. Wg mnie tutorial layout krok po kroku z dodatkiem teorii mógłby się przydać.
PS: Ja byłbym za Akademią biznesu.
|
|
|
Zapisane
|
|
|
|
Terrqge
Emeryt
Reputacja: 17
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 353 Galeria Użytkownika
|
|
« Odpowiedz #17 : 09.07.2010, 21:23:45 » |
|
Ale niektórych elementów można się nauczyć z tutoriala. Masz do tego "Projektowanie detali w Webdeisgnie", tylko INSEKT jakby trochę to zaniedbał.
|
|
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #18 : 10.07.2010, 11:54:49 » |
|
Hmm.. Jakbym miał robić tuta na duży projekt typu Akademia Biznesu, to tut wyglądałby jak ten: http://www.gimpuj.info/index.php/topic,6949.0.html Nie dam rady do każdego kroku dawać screena.
|
|
|
Zapisane
|
|
|
|
Wertyś
Użytkownik
Reputacja: 4
Offline
GIMP: 2.6
Licencja: Copyright
Wiadomości: 720 Galeria Użytkownika
|
|
« Odpowiedz #19 : 12.07.2010, 10:33:17 » |
|
Ale pamiętaj, że niektóre elementy są do siebie bardzo podobne, więc wystarczyłoby opisać jeden i to by powinno wystarczyć. Tak sama o logu nie musiałbyś się zbytnio rozpisywać, w końcu wielu efektów w nim nie zastosowałeś. Tekstu uczyć też nie trzeba, wystarczy wspomnieć, żeby zrobić go 11px, z hintingiem, bez wygładzania i załapią o co chodzi.
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #20 : 12.07.2010, 22:23:47 » |
|
Ale pamiętaj, że niektóre elementy są do siebie bardzo podobne, więc wystarczyłoby opisać jeden i to by powinno wystarczyć.
Właśnie. Poza tym po wiele efektów można podawać odnośniki. Dobrze by było mieć jeden tutorial na szablon.
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twó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
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #21 : 13.07.2010, 10:06:18 » |
|
No to na który szablon zrobić tuta?
|
|
|
Zapisane
|
|
|
|
INSEKT
Emeryt
Reputacja: 27
Offline
Płeć:
GIMP: 2.8
JID: INSEKT@jabster.pl
Licencja: Copyright
Wiadomości: 2 723 Galeria Użytkownika
Ja tu tylko sprzątam
|
|
« Odpowiedz #22 : 13.07.2010, 13:22:16 » |
|
To już niech sobie chłopaki wybiorą.
Może zgłoście propozycje, postawimy głosowanie.
|
|
|
Zapisane
|
Nie odpowiadam na wiadomości "(Bez tematu)". Kilka rad, czyli how-to "jak nie wkurzyć Insekta": 1, 2, 3Twó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ę.
|
|
|
Typhon
Opiekun tutoriali
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 874 Galeria Użytkownika
|
|
« Odpowiedz #23 : 13.07.2010, 20:56:31 » |
|
|
|
|
Zapisane
|
|
|
|
agape
√ ι ק
Reputacja: 5
Offline
Płeć:
GIMP: 2.6 + GAP
JID: nesq@gimpuj.info
Licencja: Copyright
Wiadomości: 842 Galeria Użytkownika
hejo
|
|
« Odpowiedz #24 : 13.07.2010, 21:24:42 » |
|
Profil i portfolio odpadają, dentylion w sumie zlecenie, ale może być.
|
|
|
Zapisane
|
|
|
|
Terrqge
Emeryt
Reputacja: 17
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 353 Galeria Użytkownika
|
|
« Odpowiedz #25 : 13.07.2010, 21:35:12 » |
|
Wg. tak jak wcześniej wspomniałem tutorial praktyczny nie jest najlepszym pomysłem, ale jak już to mógłbyś zrobić na szpital.
|
|
|
Zapisane
|
|
|
|
Typhon
Opiekun tutoriali
Reputacja: 20
Offline
Płeć:
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 874 Galeria Użytkownika
|
|
« Odpowiedz #26 : 13.07.2010, 22:03:10 » |
|
Przyda się na przykład niektórym. Teoretycznie może wszystko opisać, praktycznie ten ktoś może nie umieć tego wykonać.
|
|
|
Zapisane
|
|
|
|
Wertyś
Użytkownik
Reputacja: 4
Offline
GIMP: 2.6
Licencja: Copyright
Wiadomości: 720 Galeria Użytkownika
|
|
« Odpowiedz #27 : 26.07.2010, 20:32:10 » |
|
Ja jestem dalej za Akademią Biznesu. Jest ciekawszy od pozostałych.
|
|
|
Zapisane
|
|
|
|
Mordrag122
Zdobywca Wilbera
Reputacja: 4
Offline
Płeć:
GIMP: 2.10
Licencja: Copyright
Wiadomości: 296 Galeria Użytkownika
|
|
« Odpowiedz #28 : 04.11.2010, 18:16:27 » |
|
Ja byłbym jak najbardziej za napisaniem tutoriala teoretycznego dotyczącego takich rzeczy jak: -topografia, -kolorystyka, -odbiór przekazu wizualnego, -odpowiedni dobór nazwy i treści. Myślę, że taki tutorial dużo bardziej przyda się młodym webdesignerom . Albo jakiś spis z trendami panującymi aktualnie w webdesignie . PS. To tylko moje osobiste sugestie i nie każdy musi się z nim zgadzać.
|
|
« Ostatnia zmiana: 04.11.2010, 19:34:19 wysłane przez Mordrag122 »
|
Zapisane
|
|
|
|