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  Wszystkie
DrukujPobierz PDF
Autor Wątek: Apple iPhone  (Przeczytany 78573 razy)
0 użytkowników i 3 Gości przegląda ten wątek.
kumalg
Użytkownik

Reputacja: 8 Offline Offline

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



Zobacz profil WWW
« : 20.04.2009, 21:06:24 »

Opracowanie: kumalg
Poziom trudności: trudny






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ć.



Lime Point Zaczynamy

Lime Point 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.

Lime Point 2. Chrom.

Orange Point 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.

Orange Point 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.

Orange Point 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.




Orange Point 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.




Orange Point 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.




Orange Point 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ę.




Orange Point 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.




Lime Point 3. Środkowa część.

Orange Point 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.




Orange Point 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.

Orange Point 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.




Orange Point 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%.




Orange Point 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.




Lime Point 4. Kończymy.

Orange Point 4.1. Teraz wszystko ustaw tak jak na dole.




Orange Point 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.




Lime Point Koniec



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

Miłego INKSCAPEowania. Uśmiech




* duze_2924_07331_iphone_telefonem_przyszlosci.png (265.48 KB, 441x740 - wyświetlony 2132 razy.)
« Ostatnia zmiana: 07.06.2009, 14:39:17 wysłane przez INSEKT » Zapisane

yarek12
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #1 : 20.07.2009, 12:27:48 »

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

Zapisane

zenit.gimper
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 1
Galeria Użytkownika

zenit.gimper


Zobacz profil
« Odpowiedz #2 : 27.02.2010, 17:51:08 »

http://www.imagic.pl/files/17996/iphone.jpg
Zapisane
kawc
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #3 : 28.07.2010, 12:24:50 »

A więc tak. Chciałem sobie zrobić Iphonka ale nie mogę. Dochodzę do punktu 2.3 i pisze:
Cytuj
Teraz przyda się szablon, który jest w załączniku...
Gdzie jest ten załącznik?
Zapisane


Zdybek
Emeryt

Reputacja: 14 Offline Offline

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



Zobacz profil WWW
« Odpowiedz #4 : 28.07.2010, 13:09:47 »

A więc tak. Chciałem sobie zrobić Iphonka ale nie mogę. Dochodzę do punktu 2.3 i pisze:
Cytuj
Teraz przyda się szablon, który jest w załączniku...
Gdzie jest ten załącznik?

Na końcu pierwszego posta.
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
kawc
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #5 : 28.07.2010, 13:14:36 »

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
Zapisane


Zdybek
Emeryt

Reputacja: 14 Offline Offline

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



Zobacz profil WWW
« Odpowiedz #6 : 28.07.2010, 14:05:37 »

To jest załącznik.
Zapisane

Cytuj
<+Bizzar> będę na v lansił laski
<+Bizzar> *eeej laska mam v na IRCu 8)*
kawc
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #7 : 28.07.2010, 14:24:21 »

Nie użyłem załącznika ale i tak zrobiłem Iphonka Oto on:
Zapisane


Wieckos
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 11
Galeria Użytkownika

Wieckos


Zobacz profil
« Odpowiedz #8 : 23.10.2010, 10:07:40 »

Fajne, mozna cos pokombinowac, Super Tutorial ; p
Zapisane



BuldingArt
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 7
Galeria Użytkownika

BuldingArt


Zobacz profil
« Odpowiedz #9 : 06.08.2011, 11:09:21 »

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 ?
Zapisane
Sooly
Emeryt

Reputacja: 9 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 838
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #10 : 06.08.2011, 15:45:23 »

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.
Zapisane

BuldingArt
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 7
Galeria Użytkownika

BuldingArt


Zobacz profil
« Odpowiedz #11 : 06.08.2011, 19:11:55 »

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
« Ostatnia zmiana: 06.08.2011, 19:36:10 wysłane przez caje » Zapisane
Sooly
Emeryt

Reputacja: 9 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 1 838
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #12 : 06.08.2011, 19:24:10 »

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
Zapisane

BuldingArt
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 7
Galeria Użytkownika

BuldingArt


Zobacz profil
« Odpowiedz #13 : 06.08.2011, 19:31:42 »

dzieki ;PP
Zapisane
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeInkscapeWątek: Apple iPhone
Skocz do: