Polskie Forum Użytkowników GIMP-a

---

Tutorial przedstawiający jak zrobić realistyczny obraz telefonu Apple iPhone. Nie jest to jednak najnowszy model (iPhone 3G) tylko iPhone. Przypominam, że tutek będzie trudny. Ja jestem bardziej doświadczony, a miałem z nim problemy. Jak robiłem to pierwszy raz (czyli też ostatni) to zacząłem to wieczorem i robiłem to około 2 godziny. Następnego dnia zacząłem o 9.00 a skończyłem (z przerwami) o 15.30, doliczam oczywiście ikony które pochłonęły dużo czasu. Lepiej stosować się do wymiarów podanych niżej, bo podanie swoich rozmiarów może spowodować nieudany tutorial, a w przypadku takiego trudnego kompletnie nie radzę. Życzę powodzenia.
Uwaga!! Tutorial opisany bez ekranu (czyli tam gdzie są te ikony).

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

---

[lp] Zaczynamy

[lp] 1. Wygląd.

Więc najpierw zajmijmy się wyglądem. Na szczęście iPhone nie ma skomplikowanej obudowy, bo to tylko zwykły kwadrat z zaokrąglonymi brzegami. Tak wiec najpierw narysuj prostokąt [F4] o wymiarach 374,323x712,402 i zaokrągleniu narożników 60,597, a kolor aeb5bbff.

[lp] 2. Chrom.

[op] 2.1. Następnie narysuj kolejny o wymiarach 368,637x699,953 o kolorze f3f4f4ff i konturze o grubości 1.000 i kolorze czarnym. Zaokrąglenie na 54,575x65,543. Ustaw go w tym miejscu.



Teraz to duplikuj [Ctrl+D], zmień kolor na 687279ff. Użyjemy teraz opcji gradient [Ctrl+F1], zmień na gradient radialny i ustaw go tak jak na zdjęciu.



Teraz do duplikujemy i odwracamy. Następnie to grupujemy [Ctrl+G], żeby się nikomu nic nie pomieszało.

[op] 2.2. Teraz narysuj kolejny prostokąt o wymiarach 368,637x688,873. Możesz też duplikować zrobiony wcześniej prostokąt i zmienić tylko wysokość. Zaokrąglenie na 56,575x69,526. Jego dolna część ma być w tym samym miejscu co dół poprzedniego prostokąta. To wszystko ma wyglądać tak.




Duplikujemy to i zmieniamy kolor na 383e44ff i ustawiamy gradient tak jak na dole.




Teraz znowu to duplikujemy i zmieniamy kolor na czarny i też ustawiamy gradienttak jak na dole.




Teraz grupujemy.

[op] 2.3. Teraz przyda się szablon, który jest w załączniku. Zrobimy element pokazany poniżej




Wymodeluj go tak jak poniżej za pomocą pióra [Shift+F6]. Kolor na 2b2f30ff.




Zrobimy teraz błysk. W tej sytuacji narysuj coś takiego, kolor na 5e6467ff a rozmycie na 6,5%.




Teraz to grupuj, duplikuj, odbij poziomo i ustaw po drugiej stronie.




[op] 2.4. Teraz znowu przyda się szablon. Będziemy robić teraz to co jest zaznaczone na dole.




Obrysuj go piórem tak jak na dole, kolor na 030507ff.




Teraz zrobimy błysk. Więc to duplikujemy i zmieniamy kolor na 464c4eff i ustawiamy gradient radialny tak jak na dole.




Teraz to grupuj. Następnie duplikuj i odbij poziomo i ustaw po drugiej stronie.




[op] 2.5. Teraz duplikujemy warstwę ta która jest na samym spodzie (punkt 1). Wypełnienie ustawiamy na nic, a kontur na czarny a grubość na 1.000. Używamy też opcji gradient tak jak na dole.




Teraz znowu duplikujemy tą warstwę. Tym razem wypełnienie na 0c141bff a kontur na nic. Tu też używamy opcji gradient tak jak na dole.




[op] 2.6. Teraz zrobimy ostatnią część chromu. Tu też się przyda szablon. Teraz zrobimy to




Tak więc używając pióra wymodeluj coś takiego, kolor na 1e2124ff




Użyj gradientu tak jak poniżej.




Teraz zrobimy błysk. Wymodeluj coś takiego a kolor ustaw na 4a4f4fff.




Tu też użyj gradientu tak jak poniżej.




Teraz to grupuj, duplikuj i zmień pozycję na drugą stronę.




[op] 2.7. Teraz czas na przyciski. Najpierw górny. Narysuj prostokąt o wymiarach 61,443x2,973 i kolorze 5c6871ff. Teraz to duplikuj i zmień kolor na 393e41ff i użyj gradientu tak jak na dole.




Znowu to duplikujemy i ustawiamy gradient tak jak poniżej.




Teraz zrobimy boczny przycisk. Narysuj prostokąt o wymiarach 2,798x30,433 i kolorze 32383eff. Duplikuj teraz to i zmień kolor na 0c0f12ff i użyj gradient tak jak poniżej.




Teraz znowu duplikuj i zmień gradient tak jak poniżej.




Znowu duplikuj, kolor na d4d8dfff i ustaw gradient radialny tak jak poniżej.




Teraz grupuj. Duplikuj przycisk i powiększ do 2,798x43,447. Teraz robimy dowolny prostokąt i ustawiamy tak jak poniżej.




Teraz używamy opcji przytnij Obiekt ->Przytnij ->Ustaw.

Duplikuj ten przycisk, zrób odbicie pionowe i ustaw wszystkie przyciski tak.




[lp] 3. Środkowa część.

[op] 3.1. Narysuj prostokąt o wymiarach 329,585x672,762, kolorze 0b0f0fff i zaokrągleniu 44,171. Duplikuj to i zmień kolor na 272e36ff i użyj gradientu tak jak poniżej.




[op] 3.2. Teraz zrób czarny prostokąt o wymiarach 323,046x480,516 i zaokrągleniu 5,207, kontur o kolorze 181e21ff i grubości 3.

[op] 3.3. Teraz zrobimy głośnik. Narysuj prostokąt o wymiarach 65,694x11,329 kolorze 1d2024ff, zaokrągleniu 5,665, kontur koloru 2c3436ff i grubości 2. Teraz duplikujemy i zmieniamy kolor konturu na dee3e1ff. Użyjemy gradientu tak jak poniżej.




[op] 3.4. Narysuj koło o wymiarach 68,956x68,956 i kolorze czarnym i konturze w kolorze 181a1cff i grubości 1. Teraz duplikujemy to i zmieniamy kolor na 74777aff. Teraz narysuj coś takiego.




Zaznacz teraz tą figurę i szare koło (Uwaga!! nie zaznaczaj czarnego koła) i użyj opcji przytnij. Wyjdzie coś takiego.




Teraz duplikujemy to i zmieniamy kolor na czarny i ustawiamy gradient radialny. Krycie na 30%.




[op] 3.5. Teraz zrób prostokąt o wymiarach 22,923x22,923 i zaokrągleniu 4,547. Wypełnienie na nic a kontur na biały, grubość konturu na 2.




[lp] 4. Kończymy.

[op] 4.1. Teraz wszystko ustaw tak jak na dole.




[op] 4.2. Teraz zrobimy cień. Narysuj dwa takie czarne prostokąty. Dlatego są szare a nie czarne, bo krycie ustawiamy na 60%.




Rozmyj to teraz. Górny na 4%, a dolny (ten większy) na 5%. Połącz je i wstaw na spód.




[lp] Koniec

---

Nareszcie koniec. Mam nadzieję, że nie mieliście większych kłopotów ze zrobieniem iPhone'a ;)

Miłego INKSCAPEowania. :)

---

Oto moja praca tyle że w gimpie myślę że fajnie wyszła:

(http://www.gimpuj.info/gallery/25437_20_07_09_12_24_13.png)

http://www.imagic.pl/files/17996/iphone.jpg

A więc tak. Chciałem sobie zrobić Iphonka ale nie mogę. Dochodzę do punktu 2.3 i pisze:
Gdzie jest ten załącznik?

Na końcu pierwszego posta.

ten gotowy Iphon?
Tam jest obrazek a pod spodem jest link do pobrania tego obrazku też tak myślełem że to załącznik ale raczej nie

To jest załącznik.

Nie użyłem załącznika ale i tak zrobiłem Iphonka Oto on:
(http://www.gimpuj.info/replacement.png)

Fajne, mozna cos pokombinowac, Super Tutorial ; p

Pomoze ktos z punktem 2.3 gdzie trzeba wymodelować to cos , nie wiem jak to zrobić , wytłumaczy ktoś dokładnie ? Bo dopiero zaczynam sie obchodzic z  grafika wektorowa i nie wiem jak to zrobić ;P Moze jakis ss ?

No wstawiasz węzły i odpowiednio przesuwasz, jak masz problem z tworzeniem takich prostych kształtów to może lepiej przerób najpierw kilka bardziej podstawowych poradników.

Okej, tylko nie wiem, gdzie taki poradnik znaleźć, jest zaledwie pare tutoriali z Inkscape'a i żaden z nich nie jest jak zacząć itp. ;p

W tych powinieneś ogarnąć dość dobrze podstawowe narzędzia:
http://www.gimpuj.info/index.php/topic,13850.0.html
http://www.gimpuj.info/index.php/topic,13152.0.html
http://www.gimpuj.info/index.php/topic,12645.0.html
http://www.gimpuj.info/index.php/topic,3186.0.html
http://www.gimpuj.info/index.php/topic,34867.0.html

dzieki ;PP

aha juz wszystko rozumiem, ominąłem taki istotny szczegół, F2 edytacje wezlow, ;p;p teraz juz wymodeluje te szczegóły :)

No to jeszcze przestań stawiać spacje przed przecinkami i będzie zupełnie super, popoprawiałem.

Mimo to że nie mam Inkspace zadowoliłem się Gimpem i zamiast iPhona zrobiłem coś podobnego :D ;) :D ;)
(http://fon rock zlo.png)
Aby powiększyć załącznik kliknij na niego

(http://www.gimpuj.info/replacement.png) (http://imageshack.us/photo/my-images/405/iphonepng.png/)


Takie cuś mi wyszło ; D