Skip to main content

Поставете изображение вътре в текста, като използвате Photoshop

Web Development - Computer Science for Business Leaders 2016 (Април 2025)

Web Development - Computer Science for Business Leaders 2016 (Април 2025)
Anonim

За този урок ние ще използваме Photoshop, за да вмъкнем изображение в текста. Това изисква маска за подрязване, която е лесна за употреба, след като знаете как. Photoshop CS4 беше използван за тези екранни снимки, но трябва да можете да ги следвате заедно с други версии.

01 от 17

Използване на Photoshop за поставяне на изображение вътре в текста

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

Файл на практиката: STgolf-practicefile.png

02 от 17

Наименувайте слоя

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

03 от 17

Добави текст

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

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

04 от 17

Променете шрифта

Шрифтът трябва да е смел, така че ще изберем Window> Character и с избрания инструмент за текст и подчертания текст, ще променя шрифта в панела "Character" на Arial Black. Можете да изберете този или подобен шрифт.

Ще напишете "100 pt" в текстовото поле на шрифта. Не се притеснявайте, ако текстът ви се изплъзва от страните на фона, тъй като следващата стъпка ще реши проблема.

05 от 17

Задайте проследяването

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

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

06 от 17

Безплатна трансформация

При избран текстов слой в панела със слоеве ще изберем Редактиране> Безплатна трансформация. Клавишната комбинация за това е Ctrl + T на компютър и Command + T на Mac. Ограничителна кутия ще заобиколи текста.

07 от 17

Мащабиране на текста

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

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

08 от 17

Преместване на слоя изображение

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

09 от 17

Маска за клипове

С избрания слой изображение ще изберем Layer> Create Clipping Mask. Това ще постави изображението в текста.

10 от 17

Преместване на изображението

С избрания слой изображение в панела "Слоеве" ще изберем инструмента "Преместване" от панела "Инструменти". Ще кликнем върху изображението и ще го преместим, докато не ни хареса как се намира в текста.

Вече можете да изберете Файл> Запазване и да го направите направено или да продължите да добавяте някои довършителни настройки.

11 от 17

Очертайте текста

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

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

12 от 17

Регулирайте настройките

В прозореца "Стил на слоя" ще проверим "Ход" и ще направим размер 3, изберете "Вън" за позицията и "Нормален" за Blend Mode, след това преместете плъзгача Opacity най-отдясно, за да го направите 100 процента. След това ще кликна върху цветното поле. Ще се появи прозорец, който ми позволява да избера цвят на инсултата.

13 от 17

Изберете цвят на хода

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

14 от 17

Създайте нов слой

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

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

15 от 17

Изберете цвят на фона

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

От Color Picker ще кликнем върху цветния плъзгач или ще преместим триъгълния плъзгач на цветовете нагоре или надолу докато не харесаме това, което виждаме в полето Цвят. Ще преместим кръговия маркер в полето Цвят и щракнете, за да изберете цвят, след което щракнете върху OK.

Друг начин за посочване на цвят с помощта на Color Picker е да въведете номер на HSB, RGB, Lab или CMYK или да посочите шестнадесетична стойност.

16 от 17

Цвят на фона

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

17 от 17

Запазване на завършеното изображение

Ето крайния резултат; изображение в очертан текст върху цвят на фона. Изберете File> Save и това е направено!