portaldacalheta.pt
  • Основен
  • Управление На Проекти
  • Дизайн На Марката
  • Процес На Проектиране
  • Начин На Живот
Инструменти И Уроци

Ръководство стъпка по стъпка за проектиране на персонализирани илюстрации без предишен опит



Виждам, че много компании днес използват доста често срещани илюстрации или изображения. Въпреки че тези опции са евтини, посланието на марката е размито, тъй като изображенията не са уникални за продукта.

В свят, в който 74 процента За медиите и B2B маркетолозите използват изображения в своите промоции, това как се различават визуално е от решаващо значение.



Ако вашата марка е плодовита, хората ще научат визуалния език, свързан с вашата марка. Веднага щом видят същите общи илюстрации, свързани с друг продукт, идентичността на вашата марка ще отслабне.



С персонализирани илюстрации елементите на идентичността на марката могат да бъдат обединени около споделена перспектива и личност. Те общуват с клиентите на интуитивно ниво и помагат на марките да разкажат историята си по траен начин.



Много дизайнери обаче отказват да работят като илюстратори от страх, че нямат умения за рисуване. Ние сме тук, за да ви покажем как всеки дизайнер може да разработи красиви илюстрации, без да рисува.

Ще разгледаме три популярни стила на илюстрация и ще приложим много прости стъпки, за да разработим свои собствени илюстрации от нулата. Следвайте стъпките, обяснени в следващата статия и по този начин ще научите как да създавате ефектни парчета за следващия си проект.



Пресъздайте известната космическа илюстрация

образ

Източник: Nina Georgieva





Дизайнерът и илюстратор Нина Георгиева е пионер зад това прочуто парче Dribbble и сега този стил се превърна в собствена тенденция.

Крадейки вдъхновението на Георгиева, ще създадем своя собствена илюстрация на пространството, следвайки няколко прости стъпки.



Това ще получите накрая.

образ




Ето пълния видео урок, в случай че искате да направите пауза, превъртане и т.н.



1. Започнете със звездите

образ

С помощта на инструмента за звезда на Illustrator създайте звезда с четири точки. След това направете 75 процента прозрачни.

Докато е избран, дублирайте го на място, като натиснете Ctrl + C, след това Ctrl + F.

Поставете в по-малък мащаб, формата отпред.

След това добавете искрящ ефект; изберете най-голямата форма; и приложете ефект гаус размазване панел външен вид .

И накрая, можете да съхраните вашата звезда във формата на панела символи за по-късно използване при композирането.

2. Създайте облачната форма

образ

Поставете правоъгълниците в различни широки измервания.

Комбинирайте ги заедно с панела пътеводител .

В крайна сметка придава на цялата форма висока стойност радиус на ъгъла.

3. Направете текстурата на планетата на облаците

образ

Започвайки с формата на облака, създайте текстурния ефект на планетата, както е показано по-горе.

Подредете много облачни форми заедно и се уверете, че те имат последователност от външни и вътрешни криви, за да създадат вълнообразен модел.

4. Регулирайте текстурата

образ

Опростете вълнообразния модел, преди да го приложите към формата на планетата.

Премахнете излишните точки от едната страна на текстурата и изравнете.

5. Създайте текстурирана планета

образ

Покрийте вълнообразния модел с кръг и създайте разделение, използвайки опцията Разделям вътре в панела пътеводител .

Премахнете допълнителната форма, създадена извън кръга и създайте светлинен ефект, като приложите различни сиви стойности към всяка страна на планетата.

6. Добавете среда към планетата

образ

Създайте два по-големи кръга и ги поставете зад планетата с Ctrl + X и след това Ctrl + B.

Подравнете ги правилно.

Добавете прозрачност към новите кръгове и ефект на размазване към третия кръг (вътре в панела Външен вид ).

Групирайте (Ctrl + G) и съхранявайте резултата в панела Символ . ### 7. Дублирайте и оцветете планетите.

образ

как да внедря пробна версия в java

Копирайте различни форми на планетата от панела Символи и ги оцветете, като използвате два различни цвята за всяка страна.

Използвайте 'Инструмент за директен избор (A)', за да изберете и 'Инструмент за пипетка (I)', за да изберете и приложите цвят.

8. Мащабирайте и позиционирайте вашите планети

образ

Преместете планетите в различни позиции с 'Инструмент за избор (V)' и им придайте различни размери, като плъзнете белите ъгли, които се появяват, когато са избрани (задръжте смяна за пропорционалната скала).

9. Добавете пръстените.

образ

Начертайте няколко кръга около планетите, за да направите пръстените.

За да поставите по-малки планети пред пръстените, изберете ги, след това натиснете Ctrl + X (изрязване) и Ctrl + F (поставяне).

10. Добавете малко облаци и звезди в небето.

образ

Връщайки се към панела символ , плъзнете и пуснете облаци и звездни форми.

Дублирайте, мащабирайте и ги поставете, както желаете, във вашето пространство.

Ето и крайния резултат.

образ

Играйте с мащаб, позиция и цветове, за да го направите наистина свой собствен.

Добавете малко типография и voilà, имате нов, персонализиран фон на работния плот.

Пресъздайте стила на илюстрациите на блога ApeeScape

образ

Източник: Блог на ApeeScape



Блогът ApeeScape е богат източник на идеи и вдъхновение, създадени от топ таланти от цял ​​свят. Подобно на тази, която четете сега, повечето статии съдържат илюстрации в подкрепа на съдържанието. Използваме прости геометрични фигури и ярки цветове за представяне на обекти.

Нека да видим как можете да приложите този стил, за да създадете свои собствени илюстрации с храни.

Това ще получите накрая.

образ


Ето пълния видео урок, в случай че искате да направите пауза, превъртане и т.н.

1. Начертайте обикновен картофен чипс

образ

За да създадете картофен чипс, започнете с дълъг правоъгълник и добавете няколко точки през ръбовете с „Pen Tool (P)“.

Регулирайте формата, като премествате точките с помощта на 'Инструмент за директен избор (A).'

2. Създайте контейнера за майонеза

образ

Създайте три кръга с намаляващи размери, отпред напред.

Външният кръг е контейнерът, средният (в бяло) е майонезата, а по-малкият кръг (с цветен щрих) е за светлинния ефект.

Разрежете вътрешния кръг наполовина и се уверете, че Шапка с козирка и ъгъл панел Удар бъди кръгла.

3. Създайте кетчупа и горчицата

образ

Удвоете чашата майонеза, за да създадете горчица и кетчуп.

Просто нанесете различни цветове върху соса и светлината, както е предложено по-горе.

4. Добавете форма на вълната към марулята

образ

С 'Pen Tool (P)' нарисувайте права линия и добавете няколко точки.

най-добрият начин да научите c

Разпределя хоризонталното му отделяне от панела Да се ​​подредят .

Плъзнете надолу, променяйки точките и завършете всички ъгли докрай, докато стане напълно гладко.

5. Създайте парче хляб

образ

Създайте дълъг овал; поставете го на формата на вълната и създайте разделение, като използвате опцията Разделям панел Pathfinder .

Премахва допълнителната форма, която получавате от инструмента Разделям и след това оцветете отново филийката хляб.

7. Завършете бургера

образ

Оцветете марулята в зелено.

След това създайте различни „закръглени правоъгълници“ за месото, сиренето и доматите, като използвате съответно цветовете кафяв, жълт и червен.

Преместете нещата наоколо, за да позиционирате правилно бургера.

8. Създайте хот-дог от бургера

образ

Започнете с вашата илюстрация на бургер, премахнете доматите и сиренето, преоцветете марулята с майонеза и горчица и удвоете долния кок за по-симетричен хот-дог.

9. Проектирайте формата на пицата

образ

Започнете с горния слой на бургер, преместете долните точки надолу и увеличете.

Дублирайте формата на триъгълника, намалете го и го направете жълт, за да създадете основа за сирене.

10. Добавете домати фигури

образ

Покрийте голям червен кръг с по-малки вътрешни кръгове и използвайте опцията 'Minus Front' на панела Изваждач

Подредете няколко филийки домати с различни размери и позиции върху формата на пицата.

11. Създайте няколко парчета месо

образ

Начертайте органична кафява форма с дубликата 'Pen Tool (P)' и я поставете върху пицата си.

12. Добавете допълнителни съставки

образ

Добавете по-малки, по-цветни, закръглени щрихи в празни пространства, за да завършите гарнитурата си за пица.

13. Създайте шербета

образ

Звезда с дълъг бял правоъгълник.

Добавете две точки с „Pen Tool (P)“ и преместете горните ръбове, за да огънете сламата.

Копирайте и поставете средната точка от десния ръб и след това приложете червен щрих и не го попълвайте.

Преместете червената линия в средата на белия правоъгълник.

14. Създайте формата на содената кутия

образ

Начертайте осемстранен многоъгълник; добавете консервата; преместете горните четири точки нагоре и мащабирайте (S) горния и долния ръб навън, за да изглежда по-скоро като консервна кутия.

Добавете заоблени правоъгълници отгоре и отдолу, за да създадете граници.

15. Регулирайте формата на консервата и мащаба на сламата

образ

Преместете точките, за да коригирате формите, и след това мащабирайте кутията и сламата в разумни пропорции.

16. Завършете с дизайна на вълната върху кутията

образ

Начертайте органична, вълнообразна форма за дизайна върху кутията.

След това създайте парче с панела пътеводител и премахнете излишните външни форми.

Ето крайния резултат:

образ

Пресъздайте илюстрация, вдъхновена от играта The Monument Valley

образ

Източник: Долината на паметниците



Долината на паметниците е най-продаваната игра, създадена от студиото Задайте. Той спечели десетки награди, включително най-добрата игра на Apple за 2014 г., а стилът му на илюстрация е вдъхновен от красивите геометрични илюстрации на Ешер.

Сега ще научите как лесно да създадете същия визуален стил, който направи тази игра голям успех.

Това ще получите накрая.

образ

Само чертежи и кубчета ще бъдат използвани като градивни елементи за цялата илюстрация.

Цветовата палитра има четири цвята за: вода, трева, дърво и сградата; всеки в три нюанса, за да симулира естествена светлина.


Ето пълния видео урок, в случай че искате да направите пауза, превъртане и т.н.

1. Създайте Изометрична равнина

образ

Започнете с квадрат, след това следвайте тези три стъпки, за да създадете изометрична форма. Обърнете внимание, защото ще повтори този процес всеки път, когато имате нужда от друга изометрична форма.

Ще го наречем „изометричен ефект:“

Отидете на Effect> 3D> Extrude and Bevel.

Изберете „Изометричен връх“ от списъка „Позиция“ - в панела с опции, който се появява.

Задайте “Extrude Depth” на нула в полето “Extrude and Bevel” в първата опция.

Вече имате изометрична равнина.

За да играете по-добре с формата, отидете на Object> Expand Appearance.

Това ще ви позволи да промените цвета на равнината и да движите точките свободно.

Ще го наречем „ефект на разпространение“.

2. Начертайте Лицата за Острова

образ

За да създадете трите лица на формата на острова, създайте квадрат и два продълговати правоъгълника.

Повторете „изометричния ефект“ върху всеки един.

За стъпка две приложете Изометричен връх , Изометрично ляво Y. Изометрично дясно съответно.

3. Попълнете и оцветете основата на острова

образ

Приложете ефекта „Разширяване“ и оцветете всяко лице с различни нюанси на зелено, като най-яркото винаги е отгоре.

4. Създайте перспективни кубчета

образ

Приложете „изометричния ефект“ върху три квадрата, като лявата изометрична, горната и дясната са в стъпка две. Това ви дава трите лица, от които ще се нуждаете, за да получите изометричен куб.

Имайте предвид, че всеки обект във вашата илюстрация ще използва само три лица. Това е красотата на изометричната перспектива.

5. Направете куб

образ

Пуснете фигурите с „ефект на разширяване“, съберете лицата и нанесете три нюанса на сивото, за да симулирате осветление.

Съвет: най-светлата сянка винаги е отгоре; най-тъмният, отдясно и средният тон, отляво. Приложете това към всяка фигура във вашата илюстрация, за да създадете впечатление за естествена светлина.

6. Стартирайте дървесната база

образ

Следвайте същите стъпки като изометричния куб и този път удължете лявото и дясното лице, преди да свържете комплекта.

След това нанесете три нюанса на кафявото, за да представите дървото.

7. Завършете дървото

образ

Скалира се по кората на дървото; дублирайте куб и оцветете лицата му, както и формата на земята в зелено.

8. Използвайте куб, за да създадете градивните блокове

образ

Дублирайте куб и цвета в розово за строителния материал.

Играйте с кантара; преместете долните точки надолу, за да създадете основа на кула, мащабирайте я, за да създадете стълб.

9. Монтирайте кулите

образ

Наредете основата на кулата и розовия куб.

Оставете малко пространство между тях и позицията на три стълба в тази празнина.

За перфектно подравняване, не забравяйте да коригирате Прилепване към точка Y. Интелигентни водачи в опцията на менюто 'Преглед'.

10. Направете мост в кулите

образ

какво е rtl-sdr

Изберете горната и дясната точка от по-висока равнина и щракнете точките с еквивалентната равнина на кулата близнак.

Просто дублирайте и преоразмерете равнина от дясната страна, за да създадете граница за моста на кулата.

11. Създайте стълби

образ

Копирайте и поставете три лица от кула; подравнете ръбовете, за да създадете блок и след това преместете долните точки, за да създадете единична стълбищна стъпка. Дублирайте и поставете стъпките няколко пъти.

12. Затворете стълбите

образ

Наредете точките от лявата страна, за да затворите стълбищните клетки.

13. Обърнете стълбите

образ

Изберете цялото стълбище и използвайте 'Reflect Tool (O)', за да създадете втори блок, обърнат вляво.

Не забравяйте да промените цветовете на лявото и дясното лице, за да спазите светлинния ефект; най-тъмната сянка отдясно, средна сянка отляво и най-светлата сянка отгоре.

14. Свържете стълбите

образ

Прикрепете няколко кубчета към стълбите, за да създадете стъпала и ги свържете с кулите.

15. Създайте ефект на дълбочина на водата

образ

Дублирайте и намалете светлосинята повърхност.

Поставете го в различни позиции и добавете още по-тъмен нюанс на синьото, за да завършите дълбочината на морския ефект.

16. Стартирайте палубата, като използвате съществуващите планове

образ

Както при стълбите и моста на кулата, започнете от съществуващите лица и подравнете точките правилно, за да затворите формата и завършете с нанасянето на кафяви дървени сенки.

17. Добавете стълбове към палубата

образ

Изберете кората на дървото, след това я дублирайте, намалете я и я позиционирайте, за да създадете стълбовете на покрива.

Ето и крайния резултат.

образ

Можете да добавите по-големи, по-тъмни петна в морето или по-малки изометрични квадратчета, оцветени в равнината на острова, за да симулирате трева и цветя.

Като цяло се забавлявайте, премествайте нещата и изграждайте невероятни кули, като използвате простите градивни елементи, които току-що научихте.

В заключение

Както видяхме с тези три ръководства, не ви трябват много умения, за да рисувате и да създавате красиви илюстрации.

Всичко, което трябва да имате предвид, са тези 3 принципа:

  • Започнете с ясна идея или концепция - какво представлявате?
  • Вдъхновете се от съществуващите произведения на изкуството и стилове - крадете като художник.
  • Наблюдавайте и превеждайте сложни елементи в основни геометрични фигури, с които можете да работите - Нека бъде просто.

Забавлявайте се, създавайки свои собствени илюстрации и качете новите си произведения на изкуството в Dribbble и другаде в мрежата. Да се ​​насладя!

Моят преглед на CakePHP 3 - Все още свеж, все още горещ

Технология

Моят преглед на CakePHP 3 - Все още свеж, все още горещ
Споразумения за доходи: Структури за преодоляване на мъртвите точки при преговорите

Споразумения за доходи: Структури за преодоляване на мъртвите точки при преговорите

Финансови Процеси

Популярни Публикации
Изцеление на скъсани вериги за доставки: производство извън Китай
Изцеление на скъсани вериги за доставки: производство извън Китай
Включете Angular 2: Надстройка от 1.5
Включете Angular 2: Надстройка от 1.5
Урок за работен поток за проектиране за разработчици: Осигурете по-добър UI / UX навреме
Урок за работен поток за проектиране за разработчици: Осигурете по-добър UI / UX навреме
PHP Frameworks: Избор между Symfony и Laravel
PHP Frameworks: Избор между Symfony и Laravel
Шевморфизъм, плосък дизайн и възходът на типографския дизайн
Шевморфизъм, плосък дизайн и възходът на типографския дизайн
 
.NET Core - да станем диви и с отворен код. Microsoft, какво ти отне толкова време ?!
.NET Core - да станем диви и с отворен код. Microsoft, какво ти отне толкова време ?!
Крайно ръководство за езика за обработка, част I: Основите
Крайно ръководство за езика за обработка, част I: Основите
Ractive.js - Уеб приложения, направени лесно
Ractive.js - Уеб приложения, направени лесно
Защо има толкова много Pythons?
Защо има толкова много Pythons?
Съвети и инструменти за оптимизиране на приложения за Android
Съвети и инструменти за оптимизиране на приложения за Android
Популярни Публикации
  • как да създадете ethereum токен
  • работещи номера на кредитни карти с пари 2017г
  • инвестиции в рисков капитал по сектори
  • как да критикуваме графичния дизайн
  • настройка на производителността на sql server 2008
  • какви са задълженията на главен финансов директор
Категории
  • Управление На Проекти
  • Дизайн На Марката
  • Процес На Проектиране
  • Начин На Живот
  • © 2022 | Всички Права Запазени

    portaldacalheta.pt