Почетна » Направа » Хов то Драв а Баби Пенгуин 8.0 (3)

    Хов то Драв а Баби Пенгуин 8.0 (3)

    У овом водичу ћемо нацртати познати Самсунг Галаки у Пхотосхопу и Иллустратору. Почећемо цртањем његовог вирефраме-а у Иллустратору и затим га извести у Пхотосхоп како бисмо додали софистицирану расвету и друге ефекте.

    Ево прегледа онога што ћете направити:

    Да бисте пратили овај водич, биће вам потребни следећи ресурси:

    • 26 Репеатабле Пикел Паттернс из ПСДфреемиум
    • Небула Ресоурце Пацк од Кире1987

    Корак 1 - Припрема платна у Иллустратору

    Отворите Адобе Иллустратор. Направите нови фајл величине А4. Притисните Цтрл + Р да бисте приказали равнало. Направите нови слој и назовите га Водич. Користићемо ово да поставимо све наше водиче. Нацртајте од равнала на платно да бисте направили нови водич. Ови водичи су потребни да нам помогну да прецизно нацртамо телефонски оквир телефона. Погледајте слику испод за референцу.

    Корак 2 - Основни облик телефона

    Наш први корак је да нацртамо основни облик телефона. Активирај Роундед Рецтангле оруђе. Кликните једном на платну да бисте отворили Роундед Рецтангле оквир за дијалог опције. Не брините са поставкама ширине и висине. Обавезно унесите 35 пт на Цорнер Радиус. Кликните У реду. Имат ћете нови заобљени облик правокутника.

    Можете га једноставно избрисати одмах јер нам није потребна, само требамо промијенити поставке алата.

    Корак 3

    Обавезно активирајте Смарт Гуидес од Поглед мени. Ова функција нам помаже да лако поставимо објекте на водиче.

    Корак 4

    Кликните и повуците да бисте нацртали заобљени правоугаоник директно у наведеном водичу. Погледајте слику испод да бисте добили њен положај.

    Корак 5

    Изаберите заобљени правоугаоник који смо управо креирали. Кликните Објецт> Патх> Оффсет Патх. Комплет Офсет до -9 пт.

    Корак 6 - Површина екрана

    Док Роундед Рецтангле Алат је још увек активан, кликните једном на платну. Комплет Цорнер Радиус до 5 пт. Избришите заобљени правоугаоник направљен из дијалошког оквира јер нам он неће бити потребан.

    Корак 7

    Нацртајте заобљени правоугаоник унутар површине екрана. Употријебите водич за прецизно цртање.

    Корак 8

    Дуплицирани облик екрана који је управо креиран. Нацртајте правоугаоник испод облика. Изаберите оба облика, а затим изаберите Минус Фронт у Патхфиндер панел.

    Правоугаоник ће пресећи површину екрана и претворити га у полукружни правоугаоник који можемо користити као подручје статусне траке.

    Корак 9

    Активирати Роундед Рецтангле поново притисните и једном кликните на платно. Комплет Цорнер Радиус до 10.

    Корак 10 - Хоме Буттон

    Нацртајте заобљени правоугаоник на доњем делу телефона; ово ће бити Хоме дугме.

    Корак 11

    Кликните Објецт> Патх> Оффсет Патх. Комплет Офсет до -4 пт.

    Корак 12

    Нацртајте заобљени правоугаоник и поставите његов Филл до Ниједан и Удар до Црн. Нацртајте правоугаоник који покрива његов доњи део. Изаберите оба облика и изаберите Минус Фронт у Патхфиндер панел. Ово ће одсећи доњу половину заобљеног правоугаоника и претворити га у полукружни правоугаоник.

    Корак 13

    Користити Дирецт Селецтион и изаберите његову доњу линију. Притисните Делете да бисте је избрисали.

    Корак 14

    Док је облик још увек одабран, изаберите Објецт> Екпанд. Ово ће га претворити у облик попуњавања, а не само у линију.

    Корак 15

    Нацртајте два мала правоугаоника унутар облика.

    Корак 16

    Нацртајте заобљени правоугаоник и покријте леву страну правоугаоником као што је приказано. Изаберите оба облика и изаберите Минус Фронт од Патхфиндер панел. Користити Дирецт Селецтион да бисте изабрали његову леву страну, а затим притисните Делете.

    Корак 17

    Изаберите Објецт> Екпанд да претворите ову линију у облик.

    Корак 18

    Нацртајте правоугаоник на врху облика.

    Корак 19

    Кликните на центар леве ивице правоугаоника да бисте додали нову тачку. Кликните на горњи и доњи угао да бисте избрисали. Ми ћемо добити троугао.

    Корак 20

    Комплет Филл до Црн и Удар до Ниједан.

    Корак 21

    Изаберите оба облика и кликните Уните на Патхфиндер Панел.

    Испод су дугмићи које смо направили.

    Корак 22 - Иконе апликација

    Активирати Роундед Рецтангле оруђе. Кликните једном на платну и поставите Цорнер Радиус до 1 пт.

    Корак 23

    Нацртајте заокружени правоугаоник унутар екрана за базу икона. Активирати Потез алата и Алт + Схифт + Драг облик који ће га дуплицирати.

    Корак 24

    Одаберите заобљене правокутнике које смо управо креирали и кликните Хоризонтални дистрибуцијски центар на Поравнајте панел.

    Корак 25

    Нацртајте облик пријемника телефона унутар првог правоугаоника користећи Хемијска оловка оруђе.

    Корак 26

    Усе Тип и додајте ознаку испод иконе.

    Корак 27

    Унутар следећег заобљеног правоугаоника, нацртајте икону аватара. Нацртајте елипсу за главу и ручно повуците њено раме.

    Корак 28

    Изаберите оба облика и кликните Уните на Патхфиндер оруђе.

    Корак 29

    У следећем заобљеном правоугаонику нацртајте елипсу и облик зареза. Изаберите оба облика и кликните Уните да га претвори у балон-облачић.

    Корак 30

    Унутар посљедњег заобљеног правокутника, нацртајте четири мања заобљена правокутника.

    Корак 31

    Испод су наше комплетне иконе!

    Корак 32 - Навигација менија

    Изнад икона, нацртајте мале кругове. Алт + Схифт + Драг облик који ће га дуплицирати.

    Корак 33

    Изаберите све кругове и кликните Хоризонтални дистрибуцијски центар унутар Поравнајте панел.

    Корак 34

    Изаберите један од кругова и промените величину. Овај већи круг показује да је то "активна" страница.

    Корак 35 - Икона сигнала

    Унутар статусне траке у горњем делу екрана, нацртајте мали правоугаоник и затим га дуплирајте. Повуците горњу линију другог правоугаоника навише Дирецт Селецтион оруђе.

    Корак 36

    Поновите овај поступак док не добијемо четири правокутника као што је приказано испод.

    Корак 37 - Икона батерије

    Нацртајте два заобљена правоугаоника. Изаберите оба облика, а затим кликните Уните.

    Корак 38 - Звучник

    Нацртајте круг и Схифт + Алт + Драг да га дуплирате. Притисните Цтрл + Д неколико пута да поновите овај процес умножавања.

    Корак 39

    Нацртајте велики заобљени правоугаоник који покрива мале кругове.

    Корак 40 - Камера

    "Камера" је једноставно направљена од неких кругова различитих величина истог поријекла.

    Корак 41 - Бочни тастери

    Нацртајте два заобљена правоугаоника са обе стране телефона као што је приказано.

    Корак 42 - Припрема платна у Пхотосхопу

    Завршили смо са радом на телефонском оквиру. Време је да оживите помоћу Пхотосхопа. Отворите Пхотосхоп, а затим направите нову датотеку, Датотека> Ново.

    Корак 43

    Изаберите све путање у Иллустратору (Цтрл + А), а затим их сачувајте у Цлипбоард (Цтрл + Ц). Вратите се у Пхотосхоп и залијепите га (Цтрл + В). У дијалогу са опцијама изаберите Патх.

    Корак 44

    Векторска путања ће се чувати на новој стази унутар Патхс панел.

    Корак 45 - Основни облик

    Копирајте основну путању облика у нову стазу. Кликните бели и црни круг у Слојеви да бисте додали нови слој за подешавање. Изаберите Солид Цолор и поставите боју на # 0ф1219 у следећем дијалошком оквиру.

    Додати Градиент Оверлаи да дода суптилно осветљење у облик.

    Корак 46

    Удвостручите облик који смо управо креирали и двапут кликните његов слој сличице да бисте променили боју у # ц3ц6ц9.

    Корак 47

    На траци са опцијама поставите унутрашњи путни пут на Субтрацт са подручја стазе. Ово ће претворити облик у ивицу телефона.

    Додати Бевел анд Ембосс да претвори облик у тродимензионални облик.

    Корак 48

    Направите нови слој. Конвертуј слој у Цлиппинг Маск притиском на Цтрл + Алт + Г. Од сада ће све што сликате отићи у ивицу телефона. Активирати Брусх и поставите боју предњег плана на црну. Обојите суптилне сенке на деловима ивица телефона.

    Корак 49

    Цтрл-кликните на слој руба телефона да бисте направили нови избор на основу његовог облика. Кликните Изаберите> Измени> Уговор од стране 1 пк. Тиме ћете смањити избор за 1 пк.

    Корак 50

    Направите нови слој и осликајте друге суптилне сенке и истакнуте делове.

    Корак 51

    Поновите претходни корак, овај пут користите Уговор од стране 2 пк. Нацртајте сенке и осветљења на ивицама телефона.

    Испод је разлика пре и после додавања најсветлијих и сенки на ивици. Видимо да је резултат реалнији.

    Корак 52 - Површина екрана

    Подијелите подручје заслона на нову стазу. Кликните на Адд а Нев Адјустмент Лаиер и изаберите Солид Цолор. Можете користити било коју боју.

    Двапут кликните слој да бисте отворили Лаиер Стиле Дијалог. Додати Унутрашњи сјај и Удар.

    Корак 53

    Уметнимо позадину на екран. Испустите слику позадине на врх слоја површине екрана. Овде користим лепу слику.

    Корак 54

    Притисните Цтрл + Алт + Г да бисте га претворили у а Цлиппинг Маск. Позадина ће аутоматски ући у екран.

    Корак 55

    Кликните на икону црно-бели круг у Слојеви да бисте додали ново Адјустмент Лаиер. Изаберите Нијанса засићења из менија и користите клизач да бисте изменили боју позадине. Подесите на Цлиппинг Маск поново притиском на Цтрл + Алт + Г. На овај начин слој за подешавање ће утицати само на позадину, а не на телефон.

    Испод је приказан изглед вашег слоја.

    Корак 56 - Главни гумби

    Дуплицирајте главно дугме на нову стазу. Додајте Солид Цолор Цолор слоја са бојом # цццфд2.

    Двапут кликните слој и активирајте га Дроп Схадов и Бевел анд Ембосс.

    Корак 57

    Хајде да обојимо светле и сенке на дугме. Процес је веома сличан ономе што смо урадили са рупом телефона у корацима 48 до 51.

    Цтрл-кликните на слој главног дугмета да бисте направили нови избор на основу његовог облика. Кликните Изаберите> Измени> Уговор од стране 1 пк.

    Корак 58

    Направите нови слој. Обојите суптилне детаље и сенке на дугмад.

    Корак 59

    Изаберите друга два дугмета и дуплирајте их на нову стазу. Додајте нову Цолор Солид Цолор слоја са белом као боју.

    Корак 60

    Спусти је Непрозирност до 20%.

    Корак 61 - Икона апликације

    Копирај икону на нову стазу. Направите нови слој боје за подешавање. Поставите боју на плаву.

    Корак 62

    Двапут кликните слој и додајте суптилан Градиент Оверлаи.

    Корак 63

    Избришите остала три облика.

    Корак 64

    Поновите претходни поступак за остале боје.

    Корак 65

    Дупликат иконе се обликује на нову стазу. Додајте нови Солид Цолор слој за подешавање. Поставите боју на белу.

    Двапут кликните на слој иконе и активирајте га Оутер Глов и Градиент Оверлаи.

    Корак 66

    Додајте одговарајућу ознаку испод сваке иконе.

    Корак 67 - Навигација менија

    Изаберите четири мала круга за навигацију и копирајте их на нову стазу. Додајте нови слој за подешавање са бојом # 7е899б2д.

    Корак 68

    Поновите исти процес са већом 'активном картицом' у центру, овај пут са бојом # цбцед4.

    Корак 69

    Додајте број на врх картице за активирање. Изабрао сам 3 за моје.

    Корак 70 - Бочни тастери

    Дуплирајте бочни тастер на нову стазу. Направите нови слој боје за подешавање боје # б0б3б6. Ставите га иза телефона.

    Корак 71

    Додати Унутрашња сенка са углом 0 степен и Унутрашњи сјај.

    Корак 72

    Поновите поступак за друго дугме.

    Корак 73

    Двапут кликните на дугме Лаиер да бисте отворили Лаиер Стиле Дијалог. Додати Унутрашња сенка али овог пута 180 степени да бисте додали сенку на дугме. Такође, додајте Унутрашњи сјај.

    Корак 74 - Статусна трака

    Изаберите статусну траку и дуплирајте је на нову стазу. Направите нови слој боје за подешавање боје са црном бојом. Додајте информације о времену.

    Корак 75

    Дуплицирајте батерију на нову стазу. Додајте нови Солид Цолор слој за подешавање. Одаберите зелену као боју.

    Додати Унутрашњи сјај са следећим подешавањима.

    Корак 76

    Дуплицирајте икону сигнала на нову путању и додајте Солид Цолор Цолор Лаиер. За боју изаберите белу. Дупли клик Слој и активирајте Градиент Оверлаи.

    Корак 77 - Звучник

    Удвостручите звучник на нову стазу. На траци са опцијама поставите мањи пут до круга Субтрацт од подручја стазе. Додајте ново Слој за подешавање Једнобојна боја са # 6б6ф76 као своју боју.

    Дупли клик Слој и додајте следеће Лаиер Стилес.

    То је резултат.

    Корак 78 - Камера

    Активирајте круг и дуплирајте га на нову стазу. Додајте ново Адјустмент Лаиер са бојом # 272д36. Урадите исто са прстеном унутар круга, али са бојом # 585а5е.

    Испод је камера у 100% увећању.

    Корак 79 - Рефлексија

    Дуплицирајте основни облик телефона на нови слој. Нацртајте полигонални облик резањем преко телефона и подесите његов мод на Интерсецт стаза. Додајте нову Солид Цолор слој за подешавање, поставите белу као боју.

    Двапут кликните на облик рефлексије и додајте суптилну Градиент Оверлаи.

    Корак 80

    Комплет Мешавина моде то Екран и смањити Непрозирност до 70% и Филл до 0%.

    Корак 81

    Цтрл-кликни рефлексиони слој. Направите нови слој и осветлите га на горњој површини.

    Корак 82

    Поставите слојеве телефона у групу тако што ћете их изабрати и притиснути Цтрл + Г. Кликните на икону ока на позадини да бисте их сакрили и направили телефон на транспарентној позадини. Притисните Цтрл + А, Цтрл + Схифт + Ц, Цтрл + В да бисте дуплицирали телефон на нови слој.

    Корак 83

    Притисните Цтрл + Т да бисте трансформисали телефон. Десни клик и изабрао Флип Вертицал. Ставите телефон испод оригиналног телефона.

    Корак 84

    Додајте маску слоја и обојите градијент од беле до црне да избледите рефлексију.

    Корак 85 - Схадов

    Активирај Брусх тоол витх велика величину четке и Тврдоћа 0%. Направите нови слој и нацртајте црну линију испод телефона. Сет итс Непрозирност до 10%.

    Корак 86 - Позадина

    Хајде да радимо на позадини. Направите нови слој и почните сликати користећи различите нијансе плаве. Овде нема савршеног правила. Ослободите своју креативност.

    Корак 87

    Додај Гауссиан БлурФилтер> Блур> Гауссиан Блур). Користите велике величине радијуса и обавезно активирајте опције Прегледа како бисте могли да видите резултат у реалном времену.

    Корак 88

    Направимо шаблон пиксела (или, можете прескочити ове кораке и користити већ направљени узорак пиксела из ПСДфреемиум). Направите нову датотеку са величином 6?¢А ?? А ?? 6 пиксела.

    Корак 89

    Притисните Цтрл + 0 да бисте повећали ниво увећања на платну. Направите нови слој и нацртајте дијагоналну линију користећи Оловка тоол витх 1 пк величина четке.

    Корак 90

    Сакрити Позадина тако да видимо само дијагоналну линију. Кликните Едит> Дефине Паттерн да бисте сачували слику као образац.

    Корак 91

    Вратите се у нашу позадину, двапут кликните и додајте Образац за преклапање користећи образац који смо управо направили.

    Ево резултата.

    Крајњи резултат

    Коначно, можемо вратити наш телефон. Као што можете видети, управо смо комбиновали флексибилност векторског цртања у Иллустратору и једноставност сликања пиксела у Пхотосхопу како би се постигла реалистична слика производа. Надам се да сте уживали у овом туториалу.

    Преузимање

    Кликните овде да бисте преузели коначни ПСД за овај водич.