Използвайки тези нови инструменти от Shape Tools на Photoshop, ние ще можем да направим множество малки иконки и да ги персонализираме според нашите нужди. Ако все още нямате Adobe Photoshop CS6, можете да си свалите бета версията от официалния им сайт. Но, ако все още нямате инсталирана програмата, а сте любопитни за новите функции, то нека да започваме с туториала.
Нужните икони може да намерите тук:
Ето и как ще изглеждат те в готов вид:
Photoshop-1
Стъпка №1: Създаване на документ
За създаване на подходяща работна среда е необходимо да открием нов документ с размери 570px на470px и да зададем фон #333236.
Photoshop -2
Докато избирате фона отидете в Filter – Noise – Add Noise.
Photoshop-3
Сега, след като вече сме избрали фон е добре да направим малка сянка в центъра. За да постигнем този ефект е нужно да използваме Brush Tool(B) и да позиционираме мишката в средата.
Photoshop-4
Make the layer mode to Soft Light and lower down the opacity by 50%.
Photoshop-5
Стъпка 2: Обработка на оригиналната форма
На картинката по-долу е изобразена иконката като базова форма.В оригинал тя е 80px на 120px, #3b5997 във форма на закръглен правоъгълник с 5px Radius.Следва оформянето ѝ, използвайки Direct Selection Tool(A) и Pen Tool ще се стремим да постигнем котвообразна форма използвайки Direct Selection Tool(U) и изтегляйки върхът надолу..
Photoshop-6
Използвайте Blending Option със следните настройки:
Stroke #7796cb, #7b97c6, #324579
Photoshop-7
Ето така ще постигнем преливащия цвят на иконата:
Photoshop-8
И резултатът:
Photoshop-9
Стъпка 3: Създаване на образец
Създайте нов документ във Photoshop, с размери 5px на 5px и се уверете,че фонът е зададен като прозрачен – Transparent.
Photoshop-10
Приближете максимално платното с инструмента Zoom Tool(Z) или просто като натиснете Ctrl + + на клавиатурата. След като вече изпълнихме и тази стъпка, използвайки Pencil Tool(B) направете следната фигура:
Photoshop-11
Запазете документа като образец като натиснете Edit – Define Pattern и го наименувате по ваш избор. Вече готовия образец наложете върху матрицата.
Photoshop -12
Photoshop-13
Стъпка 4: Добавяне на акценти
За да разкрасим нашата фигура е необходимо да добавим някои акцентиWe need to add some flavor to our shape by adding some highlights on it. Първото нещо, което трябва да направим е да създадем слой и да го свържем към матрицата , натискайки средната линия между тях.
Photoshop-14
Ще позиционираме Brush Tool(B) четката в долната част на матрицата и ще зададем следните стойности на слоя Soft Light с намалена плътност до 80%.
Добавяме още един слой, като изберем Gradient Tool(G), задаваме Reflected Gradient, #fff и го поставяме в горната част на матрицата. Настройваме слоя отново на Soft Light и намаляме плътността до 50%.
Photoshop-15
Отново добавяме нов слой, като този път ще направим сянката по-тъмна. Ще използаме Reflected Gradient, # 000. Настройките на слоя са следните: Multiply с плътност 50%.
Photoshop-16
Стъпка №5 : Добяване на Stiches
Добавянето на т.нар Stiches във Photoshop CS6 е много лесно. Просто следвайте стъпките. Отворете Fill Option Panel
Photoshop-17
В него отворете Stroke option прозореца.
Photoshop-18
За да създадете stiches първо създайте матрица. Нека тя бъде като базовата, но този път с широчина 70 px.
Photoshop-19
Влезте в More Options и задайте следните опции Dash – 5, Gap – 6. Променете контраста на цвета на #a4b1cf. Трябва да получите следния обект.
Photoshop-20
Следващата стъпка е да използваме Drop Shadow ефекта.
Photoshop-21
Photoshop-22
Стъпка №6 – добавяне на икона
От иконите, които ви показахме в началото на статията, изберете желаната и я поставете в центъра на матрицата. Направете следните настройки:
Photoshop-23
Gradient Overlay #dddddd, #fff
Photoshop-24
Създайте сянка:
Photoshop-25
Задайте име на иконата чрез Text Tool (TT)
Photoshop-26
Променете цвета на # 2b406a и направете копие на слоя, премествайки го нагоре с помощта на стрелките на клавиатурата.
Photoshop-27
Стъпка №7: Добавяне на сенки
Направете копие на оригиналната матрица и задайте цвета, с който ще я запълните на #000000. След това отидете в Filter-Blur-Guassian Blur.
Photoshop-28
Задайте Mask на слоя и частта, от която нямаме нужда,както е показано на следващата снимка.
Photoshop-29
Използвайки linear Gradient#000000,добавете нова сянка, както е показано по-долу:
Photoshop-30
Добавете 1px#515055, използвайки Line Tool (U) и я сложете над сянката
Photoshop-31
Това е всичко! Остана само да покажем своята работа на приятелите си.
Discussion about this post