Как да сложим рамка на снимките си с Photoshop.
В тази статия ще разберете как с помощта на Photoshop CS/CS2 да направите оформление на снимките си като тази:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_01.jpg&hash=1c8b41dac36b0fb736000bc46260028bb00ef7d1)
Към снимката се добавят три компонента:
1. Черно(или с друг цвят) поле, по-голямо в долната част.
2. Цветен кант около снимката в черното поле.
3. Обяснителен текст долу в черното поле.
Ето подробно описание как да добавите всеки компонент:
Отоворете снимката във Photoshop и следвайте следните стъпки:
1. Добавяне на черно поле.
- Изберете от toolbox-а цвят за полето (в случая черен):
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_02.jpg&hash=86a91dfbc16c8f4ae265ec9e9dbdd4e3567ec356) --> (https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_03.jpg&hash=7c1a3f9f94197b37e773f3b1933940601f33f673)
- Изберете от менюто диалоговата кутия Image->Canvas Size... Добавете отметка на Relative и изберете мерните единици в pixels. В полетата за Width и Height изберете примерно 30 пиксела. Това ще бъде ширината на полетата в ляво, дясно, долу и горе на снимката. В случая 30 пиксела е примерна стойност, изберете такава, която ви устройва за конкретната снимка.
- Изберете Canvas Extension Color->Foreground. Taкa ще ползвате цвета за полето, избран по-горе
- Натиснете ОК за да потвърдите разтягането на основата на снимката в четирите посоки и запълването и с черен цвят:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_04.JPG&hash=0e074bc5d490647a949cdf294eac8eec9496f33e)
- Изберете от отново от менюто диалоговата кутия Image->Canvas Size... . Този път от него ще направим по-голямото черно поле отдолу. Добавете отметка на Relative и изберете мерните единици в pixels. В полетата за Width и Height изберете 0 и 30 пиксела. Стойността от 30 пиксела ще се добави към височината на полето отдолу и сумарната му височина ще стане 60 пиксела. Разбира се точните стойности ще изберете вие.
- Изберете Canvas Extension Color->Foreground. Taкa ще ползвате цвета за полето, избран по-горе
- Кликнете стрелката "нагоре" при anchor. Полето anchor трябва да е както на фигурата по-долу:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_05.JPG&hash=2fd48e1be4191d628661a86942f1e6a2f7ea79d4)
- Натиснете ОК за да потвърдите разтягането на основата на снимката в посока надолу и запълването и с черен цвят:
Дотук черната рамка около снимката с увеличено черно поле долу е готова.
2. Добавяне на цветен кант около снимката в черното поле.
Тази процедура е малко по-трудоемка. Ето стъпките:
- изберете инструмента magic wand:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_06.JPG&hash=16ef89a31baea44bc00ace96ca4132026a826c88)
Обърнете внимание на настройките на magic wand горе - полето tolerance трябва да е 0 и отметката contiguous трябва да е маркирана:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_07.JPG&hash=7db3bf47887241e834798d8a52c875f2b95442ab)
- щракнете с мишката някъде върху черното поле отстрани. magic wand избира всички черни пиксели от рамката на снимката.
- натиснете клавишната комбинация CTRL+SHIFT+I (Select->Inverse). Така избираме само снимката в средата на черното поле.
- сега селекцията трябва да се разшири с 20-на пиксела. Разширената селекция ще бъде основата за цветния кант. Единият начин за разширяване на селекцията е през Select->Modify->Expand... като там се задава с колко пиксела да разширим селекцията. Този метод обаче заглажда ъглите на селекцията и не е подходящ в нашия случай. Ако обаче приложим Select->Modify->Expand... със стойност 1 пиксел 20 пъти, отново ще получим сумарно разширение на селекцията с 20 пиксела, но без досадното заглаждане на ъглите. Избирането 20 пъти на Select->Modify->Expand... е меко казано досадно, затова е най-удачно да създадем action script на Select->Modify->Expand... със стойност 1, да го назначим на клавиша F2 примерно и просто да натиснем 20 пъти F2. Направете следните стъпки:
- натиснете клавишната комбинация ALT+F9. Това ще изведе кутията Actions. Изберете от долния и десен ъгъл бутона за нов Action:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_08.JPG&hash=54b83818a86d66e061be227871449204e4c5462f)
Това ще изведе нова кутия с параметрите на този Action. Напишете някакво име на скрипта - примерно 'Expand Sel 1 px', за Function Key изберете F2 и натиснете бутона Record:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_09.JPG&hash=1426523853dfcd6e29dcb58ac88cd54b206ee3b3)
След като натиснете бутона Record, бутона за запис в кутията Actions става червен (активен). От тук нататък от вас се изисква да изберете от менюто на Photoshop Select->Modify->Expand... и да въведете стойност 1 пиксел. След това натиснете бутона stop в кутията Actions (бутона с квадратчето в долния ляв ъгъл) Оттук нататък вашия скрип е записан и всяко натискане на F2 ще разширява текущата селекция с 1 пиксел във всички посоки.
- натиснете F2 20 пъти за да разширите селекцията с 20 пиксела. Разбира се стойността от 20 пиксела е само примерна, може да 'отдалечите' рамката с друга стойност според вашето виждане.
- Изберете от менюто Edit->Stroke. Ще се появи диалоговата кутия Stroke, в която ще въведете стойности за цвета и дебелината на линията:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_10.JPG&hash=7f322b1655eeb9d1330264e9079f5ea54cc7c16e)
В примера горе дебелината на линията е 2 пиксела, цвета на линията е сив и линията ще се разположи от вътрешната страна на селекцията (другите два варианта са симетрично около селекцията или от външната и част). Натиснете ОК и... готово. Имате кант около снимката в черното поле. Ако иската линията да бъде дифузна, а не с остри контури, може да изберете от менюто Select->Feather стойност от 1-3 пиксела преди да приложите Stroke към селекцията.
3. Добавяне на обяснителен текст долу в черното поле.
Увеличеното черно поле в долната част е предвидено за обяснителен текст към снимката. Текстът се слага като изберете инструмента за текст:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_11.JPG&hash=b85763da85498cebc89bc90be3f0ac4d6d694eab)
и щракнете някъде в черното поле долу - там, където трябва да бъде разположен текста според вас. След това може да изпишете произволен текст на няколко реда (използвайте ENTER за да минете на друг ред). Отгоре имате туулбар с характеристиките на вашия текст:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ffree.hit.bg%2Fvax%2Fpf_12.JPG&hash=381853276162fb4817c96080d990ceb7e4a3a00d)
От туулбара може да изберете шрифт, дали шрифта да бъде Bold/Italic, размер на символите, метод за изглаждане на символите (anti-aliasing). Последната опция е особено полезна, тъй като 'замазва' леко текста и така той изглежда по-добре при изглед на снимката в реален размер. Имайте в предвид, че може да слагате различно форматиране на отделни порции от текста. Това става като изберете с мишката желаната част от текста и зададете конкретни стойности за шрифта от туулбара горе.
Е това е. По този начин може да оформите снимка с черно поле отстрани, кант около снимката и текст отдолу.
Жестоко! Отдавна се каня да попитам някой как се правят тези рамки, а и сега за конкурса нали ще ни трябва :roll: :lol:
Цитат на: "Stas"Да, за който не е наясно с Фотошоп мисля, че обяснението е доста полезно. Надявам се и разбираемо.
А за конкурса: едва ли ще пращаме снимките в рамки. Може би нормално, а при качването да се сложат на един общ черен фон.
Искаш да кажеш да не си играем ние да им слагаме черен фон?
Няма такова условие за конкурса. Пуснах статията, защото имах няколко питания от колеги във форума как се прави това. Надявам се да ви бъде полезна.
Искам да кажа, че това, което Дидо е описал е много полезно, но ако се опитаме да го направим за този конкурс ще стане шарения. Трябва да има предварително зададени изисквания - колко да бъде рамката (примерно 30 пиксела), колко да бъде отдолу полето за надписи (примерно 60 пиксела) и т.н. А сега ще е много по-лесно просто публикуването на снимките да стане на един сив или черен фон и да не се занимава всеки един по отделно.
Най-вероятно всеки ще праща снимките, както намери за добре... Аз поне МНОГО БЛАГОДАРЯ на Дидо, ще ми е полезно, ако все пак стана готов да участвам де... :D
Хубаво, но с плъгина за Фотошоп - BorderMania тази задача става фасулска! :wink:
Абе аз Дидо откога го чакам да пусне тази тема... :roll: а защо не ми е излязла и маркирана като нова - не знам... :?:
Май доста интересни теми така си ги пропускам... :wink:
Едно голямо БЛАГОДАРЯ, Дидо :!:
Още тази вечер залягам да разуча как става номера и да го прилагам... :P
А, Митко,абе я кажи и ти нещо повече за този плъгин - допълнително ли се инсталва,откъде... от кое меню се извежда...абе всичко си кажи :idea: :?: :D
Хм, огледах ги филтрите и не видях с кой от тях може да се направи нещо подобно :?: :?: :?:
Цитат на: "AQUASAUR"А, Митко,абе я кажи и ти нещо повече за този плъгин - допълнително ли се инсталва,откъде... от кое меню се извежда...абе всичко си кажи :idea: :?: :D
Плъгина теглиш от тук:
http://www.pluginfilters.com/bordermania
Разархивираш в директория плъгинс на Фотошопа.Пускаш Шопа и в менюто Filter най-отдолу ще видиш BordrMania.Цъкаш там и ще видиш меню с много видове рамки.Повечето са гъзарски и не стават.Виж Flat Solid.На един пас правиш 1 рамка, после повтаряш ако искаш с друг размер и цвят и така колкото искаш наслагваш.Рамките вземат от размера на снимката т.е. се вписват вътре в габарита!!! Ако искаш да не е така, първо увеличаваш както Дидо е обяснил и после правиш рамки.Успех.
Е това не ми хареса - че реже от снимката. Сега съм се наточил да вградя тази функционалност във фотошоп плъгин. Ще пиша тук ако се получи :-)
Цитат на: "dido"Е това не ми хареса - че реже от снимката. Сега съм се наточил да вградя тази функционалност във фотошоп плъгин. Ще пиша тук ако се получи :-)
Щом го можеш - давай! Чакаме!
Не е толкова лошо да реже от самата снимка. Повечето пъти имаме снимка на готов размер и ако рамката не влезе вътре, то снимката после ще трябва да се преоразмерява за да се качва по сайтовете. Иначе, наистина, има шанс да клъцнеш нещо важно, но обикновено по краищата на повечето снимки информацията е несъществена.
Абе аз статията не съм я чел, ама от коментарите ви почвам да се чудя какво толкова - плъгини, работи - какви са тия проблеми? Не може ли да направиш снимката малко по-малка, да я пейстнеш отгоре на един празен черен файл голям колкото трябва? Или да копираш картинката на леър, да го ресайзнеш малко и оригиналния леър отдолу да го очерниш? Същия резултат...
Не е същия. Аз лично много се дразня, когато нещата се правят на око - просто ме дразни когато снимката не е в средата например. По начина, който Дидо е описал нещата стават с точност до пиксел, а по твоя са си точно на око. Освен това, твоя начин не е много по-прост от описания от Дидо - просто Дидо го е направил доста подробно.
Избираш двата слоя (layers), align vertical centers, align horizontal centers и нямаш ядове! :wink:
Стасеее, теб ли трябва да те учи човек на фотошоп?! :oops:
:bash Така ми се пада като съм станал мързелив работодател! :)
Ле ле от колко време търсих как да си рамкирам снимките с фотошоп,не е истина,ама кой да се поразтърси из форума :-| :-)
Статийката е чудесна, мн добре е представена(щом аз зацепих) *BRAVO*
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Fupload8.postimage.org%2F778366%2Funtitled1.jpg&hash=c7407e228ec228dfca8339c7cd0efacf3b34dd1a) (http://upload8.postimage.org/778366/photo_hosting.html)
Не мисля, че резултата беше лош и с повече от 1 рх макар и да са загладени ъглите!!! :-)
Благодаря ви много! *thanks
Между другото установих, че ако снимката има черен фон не може да се рамкира защото magic wand-а се разпростира навсякъде където е черно,а не само по рамката.
ПП:Съжелявам че вдигам темата,видях че в нея не е писано повече от 60 дни. *SORRY*
Хаха какво вдигане бе братле, те 2 години са минали *ROFL*
Ето и моя вариант за правене на рамка.
Снимката е подготвена на размер (примерно 800х600). С ctrl+A избираме всичко:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2F1_small.jpg&hash=a23d9e2374c3f15cae2884d16a41e7f3124432e9) (http://tsvetkov.be/statii/ramka/1.jpg)
Edit, stroke и избираме 18 px, black, inside selection.
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2F2_small.jpg&hash=4a61f15cc832c5dc79449a648ffd60fa9f9fcf4e) (http://tsvetkov.be/statii/ramka/2.jpg)
Избираме на какво разстояние ще е бялата рамка, в случая 4 пиксела и, съответно, edit, stroke - 14 px, white (може и друг цвят, по ваше желание), inside selection.
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2F3_small.jpg&hash=1d312ed5afcdb6ef4db09895fd05aa05aca9c79f) (http://tsvetkov.be/statii/ramka/3.jpg)
Остава още веднъж да запълним с основния цвят на рамката - черно. Прави се по същия начин, като размерът зависи от желаната дебелина на бялата рамка. Ако искаме тя да е 1 пиксел, то тук слагаме 14. Ако трябва да е 2 пиксела - слагаме 11.
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2F4_small.jpg&hash=d4eb0719b749c2308f242cd0a95edc4ecaba41cf) (http://tsvetkov.be/statii/ramka/4.jpg)
Получава се това:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2F5_small.jpg&hash=5e1add935d588770eb67ad4b726cb771436a0466) (http://tsvetkov.be/statii/ramka/5.jpg)
А това е окончателният вариант:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2Foblak%2520final.jpg&hash=07958a32d519ecdafda86cc418055acf1294cdc0)
Аз рамката я правя точно за 1 минута:
Отваряш фотошопа,отваряш снимката(примерно в 800х600),Нтискаш Image-Canvas size,Правиш отметката на "pixel",задаваш колко пиксела да е дебела рамката и с какъв цвят и "ок".По същия начин можеш да сложиш още няколко ленти с различна дебелина.После "File"-"save as",избираш JPG,вдигаш на максимално качество и "ок".Толкоз.
Ето резултата:
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Fi84.photobucket.com%2Falbums%2Fk23%2Fdon_misho%2FP1000056copy.jpg&hash=1f9be89b23ebcee32189112edb4da28e368ccb91)
Я кажете вие с кои версии на Photoshop-a работите?
Ми аз например работя с 9.0 CS2,пробвах CS3,която е по-готина,ама дава доста бъгове и се върнах на старата ;)
И двете ползвам, добре се държат.
Цитат на: NO CARRIER - 12.06.2007 08:39
(https://aquariumbg.com/forum/proxy.php?request=http%3A%2F%2Ftsvetkov.be%2Fstatii%2Framka%2Foblak%2520final.jpg&hash=07958a32d519ecdafda86cc418055acf1294cdc0)
Талант! Талант се иска за такава снимка!
Брааааавос!!!!!
Аз сега съм с Photoshop CS 8.0 и не се оплаквам. Работи добре.