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ć.
Zaczynamy 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.
2. Chrom.
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.
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.
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.
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.
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.
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ę.
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.
3. Środkowa część.
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.
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.
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.
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%.
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.
4. Kończymy.
4.1. Teraz wszystko ustaw tak jak na dole.
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.
Koniec
Nareszcie koniec. Mam nadzieję, że nie mieliście większych kłopotów ze zrobieniem iPhone'a
Miłego INKSCAPEowania.
