Бордюрчики, закрывающие hud

Введение

Почти в каждом мувике мы можем увидеть «бордюрчики» закрывающие hud в HLTV демках. Они могут быть совершенно разных цветов, форм и размеров. Делая такие бордюрчики в своих проектах, мувмейкеры преследуют разные цели, одна из них заключается в том, чтобы просто закрыть некрасивый, портящий вид, стандартный hud обычным черным бордюром, вторая это оригинальное дизайнерское решение. Для осуществления второй цели использую либо цветные полоски для придания, какого либо настроения, либо бордюрчики, сделанные в виде какой-нибудь нестандартной форме.
Примеры бордюрчиков мы можем видеть, например в таких мувиках как:

     ASUS Summer 2005

Asus



Nip Hard Wired

NiP


Начало работы

Для создания подобных бордюров вам потребуется программа Adobe Photoshop.
Запускаем её, создаем новый документ. File -> New, выставляем разрешение, выбираем background Content – Transparent, щелкаем OK. У нас создалось изображение с прозрачным фоном и нужным нам размером.
Напомню, что размеры hud’а в counter-strike составляют 11 процентов от высоты экрана независимо от разрешения. На разрешении 640х 480, это примерно 53 пикселя, на разрешении 800х600 – 66 пикселя. Если мы захотим сделать статичный бордюрчик, то мы можем нарисовать верхнюю и нижнюю часть в одном файле. А если мы хотим анимировать бордюрчик, к примеру, хотим сделать чтобы он уезжал за пределы экрана, или сужался или расширялся, то необходимо создать два раздельных файла. Или ещё можно сделать в одном файле, но в разных слоях и при импорте этого изображения в программу монтажа выбрать один из этих слоев и повторить это же действие, но только выбрать второй слой.
Если верхний и нижний бортик у вас симметричны, то можно создать только один и в программе монтажа можно будет либо повернуть, либо зеркально отразить изображение. Я буду делать симметричные бортики, которые потом можно анимировать. Рисуем сам бортик, у меня получилось вот что:

border


Скачать то, что у меня получилось можно по этой ссылке.

Наложение бортиков поверх видео

Запускаем программу, в которой будет происходить монтаж. Я буду рассказывать на примере работы в программе Adobe Premiere Pro. В специально созданную сцену добавляю фрагмент видео и два одинаковых изображения на два разных слоя, которые должны находиться над слоем с видео фрагментом. Растягиваем оба изображения на всю длину фрагмента (проекта). Все должно выглядеть примерно так:

AP


Теперь выделим нижний бортик и откроем вкладку effects control, и повернем изображение на 180 градусов, чтобы сам бортик оказался снизу. Получается вот такой результат:

border_screen



Анимация

Теперь сделаем так, чтобы этот бортик уезжал с экрана в разные стороны. Выделяем сначала один из бортиков и заходим во вкладку effect control. Выставляем курсор на таймлайне в том месте, где мы хотим чтобы бордюрчики начали расширяться и нажимаем на кнопочку в виде часиков напротив параметра Position, у нас должен появиться ключевой кадр. Делаем то же самое со вторым бортиком, перетаскиваем курсор в то место, где движение бортика должно прекратиться и просто изменяем значение позиции. Ключевой кадр автоматически создастся.



Послесловие

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

Посмотреть готовый результат можно здесь(1.57 мб).

Автор: RU deanar

Сортировка:
  • ru Peri 31 окт. 2010 07:37
    Че та я не могу вкурить
    • ru BiNgO 04 июн. 2010 04:21
      Ахах mypowerinmyhands возьми картинку с этой статьи выреж бордюры, увелич в фотошопе и все!! я так и зделал и норм!))
      • ua mypowerinmyhands 16 февр. 2010 23:56
        я в шоке дайте хоть одну не битую сылку на бордюры.
        • ru xaos 28 авг. 2009 03:42
          • ru old 16 авг. 2009 01:19
            статья хорошая))))но с помощью хлуда или конфига kzz бордючки убраны))
            • RU r4nd 26 июн. 2009 09:49
              я долго ржал с некоторых комментов :D
              • ru R3ll 13 июн. 2009 18:27
                Да все коол...Вы представьте себя когда вы хотели узнать как это делается ..Но человек открывает новый путь к учебе для новечков..Все отлично молодец хорошая тема)
                • ru Fr1x 14 мар. 2009 07:52
                  найс
                  • UA toni 10 мар. 2009 10:38
                    Дайте ссылку где можно скачать Adobe Photoshop.
                    • ru snubi 06 мар. 2009 05:07
                      Тема прикольная только для вегаса хотелось бы увидеть!
                      • ru snubi 06 мар. 2009 05:06
                        Блин парни не умнячайте урок кул))
                        • tr valentine 28 нояб. 2008 10:54
                          tutorial video ? and please translate english ?
                          • ru Gronm 22 нояб. 2008 21:37
                            А я скачал а че он у меня вылез как 1 файл!!
                            • ru mulder 09 нояб. 2008 02:50
                              cool)МОЛОДЦЫ ЧТО ДЕЛАЕТЕ УРОКИ ДЛЯ НАС!
                              • ru dark-al 08 окт. 2008 10:02
                                Я как знающий фотошоп ничего нового не узнал =)
                                • ru killjkee 31 авг. 2008 11:46
                                  plz sdelayte na sony vegase ... toka n 8mom a to vse na 4 , da na 4 ...
                                  • ru PiKa4y 21 июн. 2008 05:57
                                    Можно ли зделать анимацию рамки , друго прогой ?
                                    • es f1gHTeR 16 июн. 2008 10:22
                                      кул спасибо надо будет испробовать в какомто проекте :)
                                      • ru Exp1k 03 июн. 2008 11:34
                                        АФТАР статья норм но всеже у меня тоже не получаеться либо белый икран поверх видео либо видео поверх бордюра=\ И не на лдо мне говорить чтобы я осовоил фотошоп так как я и сам создавал и готовые отсюда стави в любом случае не канает Мб сам формат рисунк надо делать какой-то другой??ДЕлаю все в Вегасе , объясни пожалуйсто почему именно белый экран поверх фильма повторюсь ФОН ДЕЛАЮ ПРОЗРАЧНЫЙ а на мувике он БЕЛЫЙ Фвтор может ты чегонить не уточнил ??? ПЛИЗ НЕ ОСТАВЛЯЙТЕ СООБЩЕНИЕ В ИГНОРЕ!
                                        • ru snegart 02 мая 2008 06:17
                                          ваще афигенный тутор n1ce одним словом бду обязательно пользоваться побольше туторов с фотошопом
                                          • ru sk1llz 18 апр. 2008 16:38
                                            скинте тот бордюр от NiP или как там их ^^
                                            • ru Patron 2 15 апр. 2008 09:39
                                              Надо срочно бордюр! выложите пожалуйста! или дайте сылку,просто нарисовать у меня не получается
                                              • ru QXITON 07 апр. 2008 08:52
                                                Народ, освойтесь в фотошопе ;). И только потом говорите, что ничего не поняли!
                                                • ru Fresh1k 04 апр. 2008 14:20
                                                  выложите бордюров плиз в PSD
                                                  • ru zonic 06 мар. 2008 05:36
                                                    Как сделать, рамку из картинки в конце мувик должен быть на 960*720
                                                    • ru Patron 2 26 февр. 2008 05:49
                                                      пулю которая есть в мувике Forest или ASUS Spring Cup 2005
                                                      • ru Patron 2 26 февр. 2008 05:47
                                                        очень надо!выручите меня
                                                        • ru Patron 2 26 февр. 2008 05:47
                                                          очень надо!
                                                          • ru Patron 2 26 февр. 2008 05:46
                                                            кто нибудь,дайти пожалуйста ссылку где лежат борбюры и где еще можно найти пулю!
                                                            • ru DoubleAgent 18 янв. 2008 04:15
                                                              народ срочно нужен CRACK для фотошопа кс2 (9.0 версия) ток не гребаный кейген а крякнутые ексешники!
                                                              • ru ro0ts 08 янв. 2008 21:29
                                                                Спс за урок автору респект мув запускается))
                                                                • ru Napa!m 02 янв. 2008 04:31
                                                                  а у меня ничего не получяется хотя делаю всё как тут написано всё равно вместо видео с бардюрчиком на экране токо бардюр а по середине белый экран чёж делать то? помогите!!
                                                                  • ru ekut 16 нояб. 2007 01:47
                                                                    Да статья довольно интерестная давно хател зделать рамку себе на мувик.Спасибо автору Респект и Уважуха ему!!!!!!!!!!!!!!1
                                                                    • ru CheQ 31 окт. 2007 15:37
                                                                      спс за урок!!
                                                                      • ge Foe 25 окт. 2007 18:08
                                                                        :)
                                                                        • ua fAntast1k 28 авг. 2007 07:02
                                                                          У Меня Почему то они не появляются! Люди Помогите... Делаю всё правильно! На прозрачном фоне бурдючки! Вставляю В Вегасл или Премьер Н-и-ч-е-г-о! Видны или только бурдючки или только Видео! ( Разве что когда я меняю яркость на дорожке где бурдючки немножко проявляется моё видео...

                                                                          Помогите плиз
                                                                          заранее спасибо!
                                                                          • ru some 26 авг. 2007 08:55
                                                                            http://slil.ru/24778797/733494091/Independent-Boards.jpg
                                                                            , посмотрите кому не лень, бордюры простенькие, но самые первые (каманда называется independent)
                                                                            • ru Sm1ley 24 авг. 2007 13:34
                                                                              CoOL, давно мучалсо с этими бортиками! Респект Аффтару!!!
                                                                              • ru iNgame 22 авг. 2007 11:40
                                                                                Cool
                                                                                • ru hitmake 14 авг. 2007 21:50
                                                                                  ага не открываются
                                                                                  • ru some 04 авг. 2007 02:54
                                                                                    бордюры нип не открываются
                                                                                    \\
                                                                                    • ru some 04 авг. 2007 02:54
                                                                                      бордюры нип не открываются
                                                                                      \\
                                                                                      • kz TerraN_uR 27 июл. 2007 12:07
                                                                                        Спасибо deanar за данный урок и за бордюрчик =)
                                                                                        • ru iny2007 23 июл. 2007 07:32
                                                                                          научите пожалуйста!!!!!!!!!!!!!!!!!!!!!!!!!!
                                                                                          • ru dron41k 16 июл. 2007 02:18
                                                                                            а я непонел :) ну хоть может ето и отлично я поставлю (Очень Хорошо)
                                                                                            • ru болодька 17 июн. 2007 03:25
                                                                                              Ваще тема!Не знал как это сделать!Огромное спасибо за урок!!!!!!
                                                                                              • ru oNL1nE 15 июн. 2007 17:37
                                                                                                как делать пули ?
                                                                                                • ua FatLer 12 дек. 2006 02:55
                                                                                                  Спасибо большое, за все=)
                                                                                                  • ru kblc 03 нояб. 2006 10:39
                                                                                                    Автор, суть проблемы, тобой затронутая - хороша, ибо интересно, но вот изложение подкачало :(
                                                                                                    Постарайся в след. раз ;)
                                                                                                    Обзор маленький...
                                                                                                    но спасибо за свой способ ;)
                                                                                                    • ru ^w01_f^ 01 нояб. 2006 15:11
                                                                                                      Народ, а нельзя ли просто убрать hud че в х страдаете. Скачайте настроки спектатораи все.
                                                                                                      • ru MetRic 26 сент. 2006 10:01
                                                                                                        Метод наложэния я могу сказать новички непоймут как там накладывать, и то лучьше через ВЕГАС (легче будет) :)
                                                                                                        • ru IceIk 24 сент. 2006 07:25
                                                                                                          полезная статейка :)
                                                                                                          • tr ShakaL 17 сент. 2006 05:00
                                                                                                            NİCE
                                                                                                            • ua v1llain 01 сент. 2006 15:35
                                                                                                              Качаем и не паремся мэны
                                                                                                              • ru RomZik 25 авг. 2006 10:57
                                                                                                                урок нужный!
                                                                                                                гуд джоб
                                                                                                                • ru Frostttt 25 авг. 2006 02:29
                                                                                                                  класно!!!!обязательно использую
                                                                                                                  • ru wizard 4 antanta team :) 14 июл. 2006 16:07
                                                                                                                    мне не кто не может подсказать почему у меня бордюрчики от nip не открываются! Взарание спасибки :) !
                                                                                                                    • ru fiaSKo 03 июл. 2006 03:13
                                                                                                                      а в вегасе это получится?
                                                                                                                      • ru steep 22 июн. 2006 20:46
                                                                                                                        молодец! учитесь у него, он хотел и нашел
                                                                                                                        • ua FreeFrag 22 июн. 2006 05:30
                                                                                                                          )) не за что ...
                                                                                                                          • ZZ Dakota 22 июн. 2006 02:18
                                                                                                                            FreeFrag спасибки тебе ))
                                                                                                                            • ua FreeFrag 22 июн. 2006 00:13
                                                                                                                              Думаю еще кому-то пригодяться , сам нашел

                                                                                                                              http://www.headoff.com/index.php?p=ftp&v_path=/Incoming/X-Rout/Nip_-_Hard_Wired.psd
                                                                                                                              • ua FreeFrag 21 июн. 2006 13:45
                                                                                                                                у кого-нить есть такие бардюры??! плз скиньте выложыте куда то !!
                                                                                                                                • ZZ Dakota 21 июн. 2006 03:00
                                                                                                                                  Люди!!! Сбросьте на мыло бордюрины от мувика NIP-HARD WIRED! plz
                                                                                                                                  • ZZ Dakota 19 июн. 2006 03:00
                                                                                                                                    Видимо уже не лежит (( Народ, а где их еще можно скачать??????
                                                                                                                                    • ru Movie Line 26 мая 2006 23:15
                                                                                                                                      15:07 | 07-01-2006 | kenPark
                                                                                                                                      http://www.moviemakers.nu/pictures/guider/nip_borders/Nip_-_Hard_Wired.psd
                                                                                                                                      кому интерессно, то тут лежит "бордюр" с мува "NIP-HARD WIRED"

                                                                                                                                      Выложи еще раз бордюрины от мувика
                                                                                                                                      • ru steep 27 апр. 2006 00:43
                                                                                                                                        можно бордюры в premiere сделать и сразу посмотреть как будет смотреться
                                                                                                                                        • ru CaMaJIeT 26 апр. 2006 05:08
                                                                                                                                          Да бордюры не очень и рулят... правда смотря какие...
                                                                                                                                          • ua t0xic_Den 19 апр. 2006 08:22
                                                                                                                                            Я бордры не так делаю. Просто рисую в фотошопе, а потом маской выризаю. Тоже вариант
                                                                                                                                            • ru RomZik 23 мар. 2006 08:57
                                                                                                                                              COOL
                                                                                                                                              • ru BizkiT 10 мар. 2006 23:44
                                                                                                                                                Я обычно просто сохраняю 640x406 и никаких бордюрчиков не надо!
                                                                                                                                                • ru nn0nn 22 февр. 2006 07:43
                                                                                                                                                  жжёшь твист )
                                                                                                                                                  • ua TwiSt3r 01 февр. 2006 11:12
                                                                                                                                                    Люди а как вобще убрать рамки(Бордюрчики)????
                                                                                                                                                    • ru Celtic 26 янв. 2006 04:04
                                                                                                                                                      вав
                                                                                                                                                      • ru r0L1K 15 янв. 2006 18:48
                                                                                                                                                        У меня бордюрчики полупрозрачные получаются (работаю на вегасе) как сделать, чтобы HUD полностью закрывал??
                                                                                                                                                        • ru WooZ 14 янв. 2006 10:34
                                                                                                                                                          Nice!
                                                                                                                                                          • RU Nemesis 13 янв. 2006 05:52
                                                                                                                                                            Это сообщение было написано раньше, чем мне их выложили =)
                                                                                                                                                            • ru MoRe 13 янв. 2006 05:47
                                                                                                                                                              Тебе же выложили, аж три разных бордюра, качай и пользуйся, а не понравится подредактируешь.
                                                                                                                                                              • RU Nemesis 08 янв. 2006 05:01
                                                                                                                                                                Понимаю, что глупо просить, но нарисуйте пожалуйста какие-нить красивые и простенькие бордюрчики под 640х480. А то мне для ролика надо... Рисовать абсолютно не умею :( Да и идей нет... Хотя бы черные, с белой каемочкой какие-нить.. Что б так, простенько, но и не примитивно %)) Вообщем если кто сделает, заранее спасибо...
                                                                                                                                                                • ru BloodFen1X 07 янв. 2006 12:11
                                                                                                                                                                  Ало кто есть
                                                                                                                                                                  • ua kenPark 07 янв. 2006 07:07
                                                                                                                                                                    http://www.moviemakers.nu/pictures/guider/nip_borders/Nip_-_Hard_Wired.psd
                                                                                                                                                                    кому интерессно, то тут лежит "бордюр" с мува "NIP-HARD WIRED"
                                                                                                                                                                    • ru MaJeSt1C 03 янв. 2006 10:07
                                                                                                                                                                      ок,6еркут...уже сделал...работа над мувом пошла.... +)
                                                                                                                                                                      • ru MaJeSt1C 03 янв. 2006 10:06
                                                                                                                                                                        Всё,разобрался...сам ещё раз сделал транспарантный файл и всё получилось.
                                                                                                                                                                        • ua berkut 03 янв. 2006 10:05
                                                                                                                                                                          Значит ты сделал такие бордюрчики..."не прозрачные" так сказать...можешь вырезать их маской...
                                                                                                                                                                          • ru MaJeSt1C 03 янв. 2006 07:47
                                                                                                                                                                            Deanar вот проблема возникла.Через твои бордюрчики видео не показывается.Проверял в фотошопе твой *.psd вроде траспарент.Пользуюсь вегасом..в чём проблема? У кого нить были похожие?
                                                                                                                                                                            • ua berkut 29 дек. 2005 00:30
                                                                                                                                                                              Разбираться нужно учиться не в эффектах а в возможностях программы...эффект это всего лишь то,что как либо изменяет изображение....
                                                                                                                                                                              • ru volumar 29 дек. 2005 00:22
                                                                                                                                                                                ты просто немного не понял,может комуто узнав ето станет лег4е ра3бираться в более сложных еффектах
                                                                                                                                                                                • ua berkut 28 дек. 2005 22:29
                                                                                                                                                                                  2 volumar, только ты не учел одну вещь! на сайт заходят не только новички и этим людям хотелось бы узнать тоже, что то для себя новое и интерестное а не фак по вегасу прочитать....
                                                                                                                                                                                  А если ты так рассуждаешь то ты никогда не научишься делать что то сложное, ведь под лежащий камень вода не течет!!!
                                                                                                                                                                                  • ru volumar 28 дек. 2005 21:12
                                                                                                                                                                                    2 [aR Lek Sey] нови4кам это полезно о4ень(например для меня,я нови4ек),а то напишут какойнибудь урок о сложном еффекте,и сиди голову ломай.А вот так постепенно дойти до сложных еффектов,будет прикольно=D
                                                                                                                                                                                    • ua berkut 28 дек. 2005 09:45
                                                                                                                                                                                      2 [aR Lek Sey]....ну как это никто не хочет))), как же кард денс?)))...ну про авторов, я буду писать только про АЕ...
                                                                                                                                                                                      • ru [aR Lek Sey] 28 дек. 2005 07:12
                                                                                                                                                                                        так и пишите больше Новых и Сложных статей, сейчас 99% статей для новичков, потому что сайт только развивается... нет постоянных авторов, да и делится Солжностями/Секретами никто не хочет
                                                                                                                                                                                        • ru volumar 28 дек. 2005 00:43
                                                                                                                                                                                          cool
                                                                                                                                                                                          • ua K1RA 27 дек. 2005 23:16
                                                                                                                                                                                            Прав беркут.
                                                                                                                                                                                            • fi Knuckles 27 дек. 2005 13:59
                                                                                                                                                                                              Berkut прав.
                                                                                                                                                                                              • RU disturbed 26 дек. 2005 14:37
                                                                                                                                                                                                Да это точно berkut !!
                                                                                                                                                                                                • ua berkut 26 дек. 2005 13:19
                                                                                                                                                                                                  Если хоть пару человек узнали для себя что то новое из статьи то значит труд не прошел зря...а статьи должны быть интерестны не только начинающим но и "знающим" людям так сказать...
                                                                                                                                                                                                  • ua K1RA 26 дек. 2005 12:58
                                                                                                                                                                                                    Поначалу как увидел название, думал примитив. Ан нет! )
                                                                                                                                                                                                    Хотя имхо примитивчика не хватает на сайте, азов, так сказать.. для начинающих. А то все шины всякие, перелеты, пули, а люди вон не знают как брайтнесс настроить )
                                                                                                                                                                                                    А урок кулл ))