Polskie Forum Użytkowników GIMP-a

Tutoriale => Inkscape => Wątek zaczęty przez: kumalg on 18.04.2009, 12:53:12



Tytuł: Apple iMac
Wiadomość wysłana przez: kumalg on 18.04.2009, 12:53:12
(http://www.gimpuj.info/gallery/24805_11_05_09_5_43_37.png)
Opracowanie: kumalg
Poziom trudności: średni


(http://www.gimpuj.info/gallery/24805_17_04_09_6_10_20.png)




Wszystkie rozmiary podaję w px a kolory w RGBA Radzę stosować wymiary podane poniżej, ponieważ podanie innych rozmiarów może doprowadzić do złego efektu końcowego.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o dowolnych wymiarach i tworzymy prostokąt [F4] o kolorze 8e9295ff o wymiarach 579,375x476,266. Następnie go zaokrąglamy na 22,360  Duplikujemy prostokąt [Ctrl+D] i zmieniamy barwę na d3d4d9ff. Użyjemy teraz opcji Gradient [Ctrl+F1] tak jak na obrazku (rys.01a). Następnie grupujemy prostokąty [Shift+Ctrl+U, Ctrl+G]

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_15.png)
(rys.01a)

[lp] 2. Tworzymy nowy czarny prostokąt o wymiarach 618,881x407,726 i zaokrągleniu 15,913. Następnie rysujemy kolejny prostokąt o kolorze 393e42ff i wymiarach około 757x327. Obracamy go mniej więcej tak jak na obrazku (rys.02a).

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_23.png)
(rys.02a)

Następnie używamy opcji gradient tak jak na obrazku (rys.02b).

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_32.png)
(rys.02b)

Po tej czynności kopiujemy czarny prostokąt a oryginał grupujemy z szarym. Potem nakładamy duplikat czarnego w to samo miejsce co oryginał i używamy opcji przytnij [Obiekt>Przytnij>Ustaw].

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_41.png)
(rys.02c)

[lp] 3. Tworzymy prostokąt o wymiarach 568,173x359,350 i dowolnym kolorze. W moim przypadku to niebieski. Można też za pomocą tego tutka tapeta w stylu maca (http://www.gimpuj.info/tla/tapeta-w-stylu-maca-t12641.0.html) zrobić ładną tapetę zamiast tego prostokąta.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_51.png)
(rys.03a)

[lp] 4. Teraz zrobimy logo Apple. Do tego będzie potrzebny szablon który jest w załączniku i za pomocą pióra wymodelować logo. Wygląd (kolor itp.) robi się tak samo jak w punkcie drugim.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_50_59.png)
(rys.04a)

[lp] 5. Czas na połączenie. Teraz ustawiamy wszystkie elementy tak jak poniżej.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_08.png)
(rys.05a)

[lp] 6. Teraz zrobimy podstawkę. Tu też się przyda szablon, który także jest w załączniku. Najpierw wymodelujemy górną część, tą która jest na obrazku (rys.06a). Kolor wypełnienia na e7e6ebff.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_59.png)
(rys.06a)

Teraz duplikujemy ją i kolor zmieniamy na 7a7e81ff. Potem używamy opcji Gradient tak jak na obrazku (rys.06b).

(http://www.gimpuj.info/gallery/24805_18_04_09_12_52_07.png)
(rys.06b)

Następnie duplikujemy to i zmieniamy gradient na radialny i zmieniamy pozycję na tą tak jak poniżej.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_52_15.png)
(rys.06c)

Następnie duplikujemy to i przemieszczamy na drugą stronę.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_52_22.png)
(rys.06d)

Teraz znowu duplikujemy to i zmieniamy położenie na dół i zwiększamy promień tak jak na obrazku poniżej.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_52_30.png)
(rys.06e)

Teraz wymodelujemy dolną część, tą która jest na obrazku (rys.06f). Kolor konturu i wypełnienia ustawiamy na 474a51ff.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_15.png)
(rys.06f)

Następnie duplikujemy ją i usuwamy kontur, a kolor wypełnienia na cfd0d4ff. Uży opcji Gradient tak jak poniżej.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_29.png)
(rys.06g)

Teraz też duplikujemy a kolor na 9d9da4ff i także używamy opcji Gradient tak jak poniżej.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_36.png)
(rys.06h)

Znowu duplikujemy, a kolor ustawiamy na biały. Ustawiamy gradient radialny i przesuwamy tak jak na rysunku (rys.06i).

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_45.png)
(rys.06i)

Teraz to wszystko grupujemy.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_51_52.png)
(rys.06j)

Następnie całą podstawkę grupujemy.

(http://www.gimpuj.info/gallery/24805_18_04_09_12_52_37.png)
(rys.06k)

[lp] 7. I ostatnia już rzecz, połączyć cały monitor tak jak na dole

(http://www.gimpuj.info/gallery/24805_17_04_09_6_10_20.png)

[lp] Koniec



Bardzo lubię program Inkscape. Znam go o wiele dłużej niż GIMPa i jest chyba o wiele prostszy. Tak naprawdę z tych lepszych rzeczy robionych w tym programie zacząłem robić we wakacje 2007, wtedy kolega dał mi wersję trial programu Xara i był też filmik z paroma tutorialami i tak się zaczęło. W tym tutorialu nie trzeba było ciągle duplikować warstw, ale zrezygnowanie z tego początkującym mogłoby sprawiać kłopoty i dlatego zrobiłem tak.

Miłego INKSCAPEowania. :)




Tytuł: Odp: Apple iMac
Wiadomość wysłana przez: krzysiek1311 on 26.07.2009, 15:43:53
mi wyszło tak:


Tytuł: Odp: Apple iMac
Wiadomość wysłana przez: odzeradowebmastera on 14.01.2010, 15:10:11
Tutorial fajny, aczkolwiek jest błąd (w pierwszym punkcie tworzymy obudowę o szerokości 579, a w drugim piszesz, ze czarny kwadrat ma mieć 618 szer).
Mi wyszło tak (podstawkę wziąłem od Ciebie):

(http://www.gimpuj.info/replacement.png) (http://img99.imageshack.us/i/appleh.png/)

pozdrawiam :)


Tytuł: Odp: Apple iMac
Wiadomość wysłana przez: Johnykalesony on 04.06.2010, 09:22:30
(http://www.gimpuj.info/gallery/thumb_27687_04_06_10_9_21_19.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=65262)
Moja praca


Tytuł: Odp: Apple iMac
Wiadomość wysłana przez: Slim69 on 08.06.2010, 01:38:26
Moja praca:

(http://i50.tinypic.com/34ex4p5.jpg)


Tytuł: Odp: Apple iMac
Wiadomość wysłana przez: dawidch on 12.04.2011, 16:34:51
Oto moja pierwsza praca w tym programie
(http://www.gimpuj.info/replacement.png) (http://img402.imageshack.us/i/ipod1.png/)