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

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

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

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