Създайте графичен ефект от таблото в Photoshop

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

За целите на този урок, аз съм използвал няколко безплатни bits'n'bobs от мрежата, които можете да използвате и вие. Двата шрифта са Eraser Regular и Seaside Resort, а фоновете на таблата идват от Foolishfire. Тези безплатни версии на заден план са създадени за използване онлайн, но също така предлагат версия с висока резолюция, която можете да закупите, ако създавате графика за печат.

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

01 от 06

Отворете фон на табла и поставете рамката

Текст и изображения © Ian Pullen

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

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

Чалбите, използвани за показване, обикновено имат боядисани елементи върху тях, така че първото нещо, което добавяме към нашата, е проста рамка. Отворете File> Place и изберете рамката PNG, като кликнете върху бутона Place, за да го направите във фонов файл. Може да се наложи да промените размера на рамката, като щракнете и плъзнете една от осемте дръжки за дръжки около външните ръбове, преди да натиснете клавиша Return или двойно щракване върху рамката.

02 от 06

Добавете първата част на текста

Текст и изображения © Ian Pullen

Това първото парче текст също е предназначено да бъде боядисано и така не притежава грапавостта на креда. Използвал съм Seaside Resort за това, тъй като има приятно усещане, което е в хармония с чартовете и също така, защото дизайнерът му е лицензирал шрифта за използване в лични и търговски проекти.

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

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

03 от 06

Добавяне на някакъв калаен текст

Текст и изображения © Ian Pullen

Тази стъпка е по същество съвсем същата като последната, но този път искате да изберете шрифт с формата на креда. Избрах Eraser Regular, тъй като тя е подходяща за работа и дизайнерът я е направила достъпна за всички да използва, както пожелае. Както при всички шрифтове и графики, които изтегляте, за да ги използвате в дизайна си, важно е да се уверите, че спазвате условията за ползване. Много безплатни шрифтове са безплатни само за лична употреба, с изискване да се плати лиценз за търговска употреба.

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

04 от 06

Конвертиране на изображение в Bitmap

Текст и изображения © Ian Pullen

В реалния свят каретата рядко има детайлни изображения, но в момента не сме в реалния свят, така че нека да разгледаме как можем да добавим снимки, които имат малко калентен вид.

Първо трябва да изберете изображение, което да използвате. В идеалния случай намерете нещо с проста тема (избрах автопортрет), която не включва много сложни детайли. Отворете снимката си и ако е в цвят, отидете на Image> Mode> Grayscale, за да я деактивирате. Тази техника работи най-добре с изображения, които имат силен контраст и затова може да искате да го омекотите малко. Лесният начин е да отидете на Image> Adjustments> Brightness / Contrast и да увеличите двата плъзгача.

Сега отидете на Изображение> Режим> Bitmap и задайте Изход до 72 DPI, а в метода задайте Use to 50% Threshold. Ако не ви харесва начина, по който изглежда изображението, можете да отидете на Edit> Undo и да опитате да промените яркостта и контраста и опитайте да преобразувате отново в bitmap. Възможно е някои изображения никога да не се конвертират, както искате, като използвате този метод, затова бъдете готови да изберете друго изображение, ако това е така.

Ако приемем, че преобразуването в графиката е излязло добре, трябва да преминете към Изображение> Режим> Скала на сивото, като оставите съотношението на размера да е на едно, преди да продължите към следващата стъпка.

05 от 06

Добавете изображението към вашата табла

Текст и изображения © Ian Pullen

За да добавите вашето изображение към таблото, просто трябва да кликнете върху него и да го плъзнете върху прозореца на дъската. Ако сте настроили Photoshop, за да отворите файловете си в един прозорец, щракнете с десния бутон на мишката върху раздела на изображението и изберете Move to New Window. След това можете да го плъзнете, както е описано.

Ако изображението е твърде голямо, отидете на Edit> Transform> Scale и след това използвайте дръжките за прихващане, за да намалите размера на изображението според нуждите. Можете да задържите клавиша Shift, докато плъзгате, за да запазите пропорциите на изображението непроменени. Кликнете два пъти върху изображението или натиснете клавиша Return, когато размерът е правилен.

06 от 06

Добавете маска и настройте режима на смесване

Текст и изображения © Ian Pullen

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

Първият проблем с изображението е, че черните области не съвпадат с самата табла, затова трябва да скрием тези области. Изберете инструмента Magic Wand (четвъртият инструмент надолу в кутията с инструменти) и кликнете върху бяла част от изображението. Сега отидете на Layer> Layer Mask> Reveal Selection и трябва да видите, че черните области изчезват от гледката. В палитрата "Слоеве" сега ще има две икони на слоя изображение. Кликнете върху иконата вляво и след това променете падащото меню Режим на смесване в горната част на палитрата на слоевете от "Нормален" на "Наслагване".

Ще видите, че текстурата на табелата вече се показва чрез изображението, което я прави по-естествено. В моя случай също го направиха малко бледи, така че отидох в Layer> Duplicate Layer, за да добавите копие отгоре, което направи бялото малко по-богато, като същевременно запази видимата текстура на табела.

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

Намерете още Табла занаяти.