Создание меню Вконтакте с нуля (2/2) Photoshop

Автор Andrei Golubev
Создание меню Вконтакте с нуля (2/2) Photoshop

Привет тебе мой зритель с тобой снова п уроки и сегодня мы с вами продолжаем разрабатывать наше меню.

Если вы перешли на вторую часть, но не видели первую слева есть ссылочка на видео. А сейчас мы с вами продолжим сдавать наше меню теперь нам необходимо бария и в итоге сохранить уже в самом. Контакте в группе нашей и присвоить каждому каждой картинки ссылочку.

Итак дорогие друзья.

Давайте будем резать резать. Это очень легко до представим себя хирургами, а нажимаем на рамку зажимаем точнее в раскройка и делаем раскройку нашего меню я вам писал на. Шпак точнее нашу наш psd, а данного. И как я обещал сохраню его на рабочий стол под названием потом я вам скину под видео под названием сейчас как бы назвать. Ну давайте назовём меню я не резать вы будете уже меню по-своему потому, что вы можете его изменять как бы раскройку я не делал то есть так делаем достройку очень легко то есть вот мы взяли у нас получается первая картинка — это вот — это вот дальше мы раскройку дела нашего видео ты так мы порезали с вами в наше меню теперь осталось его сохранить и так сохраняем сохранение на сделать со следующим образом нажимаем на сохранить для WEB выбираем джипег выбираем качества максимально — это 100 нажимаем кнопку сохранить выбираем папку куда мы будем сохранять и нажимаем кнопку да OK далее переходим в саму папку проверяем наши картинки так в общем-то у нас всё порезалась как должна была порезана быть теперь назовем. ООО наша картинки теперь нам необходимо загрузить наши картинки в наш контакт как — это делается — это делается очень просто у меня есть я не за эти картинки вам урок. У меня есть ли — это специальная отдельная группа я назвал ему управляемая переходим и выбираем мусорка вот здесь у меня уже какое-то проекты сохранял. Ну отсюда можем уже брать будем свои создать альбом мы называем его. Да OK теперь загружаемся да наши картинки переходим у меня на рабочем столе папки меню и меч из первой выделяем по 9 зажатым шифтом нажимаем открыть. Даша картинки начинает загружаться и нажимаем сохранить фото дальше дальше нам необходимо знать размер каждой картинке то есть при нажатии на наш картинку у нас внизу в папке будет. Показать размеры такого нету можно нажать правой кнопкой мыши свойства и перейти во вкладку подробно. Ну видимо уже размер 700 на 138 — это нам понадобится в дальнейшем для написания кода и так переходим в наше меню удалим напишем заново, а и так меню пишется очень легко и очень просто пишем его следующим образом ставим 2 квадратные скобки и ссылку на нашу картинку по мы должны скопировать вот этот вот этот адрес, а дальше мы ставим такую палочку прямую. Да и дальше мы указываем размер наши картинки, а и так. Давайте проверим — это нажав на неё у нас 700 на 108 — это 700 м ширина 138 высота помню 700 138 чего 138 конечно же пикселей дальше указываем штуку которая будет у нас открываться и делаем ещё раз предосмотра видим наш меню работу при нажатии на наше меню нажимаем колёсиком чтобы у нас не открылось в нашем огня в следующей ссылке у нас переходит на наш урок такими же не лёгкие и очень очень сложными действие мы создаем в наше меню полностью так я узкую конечно же поставлю музыку хорошенькую. А вы за этим понаблюдайте поехали теперь дорогие друзья так мы видим переходя на нашу нашу группу. Мы видим то, что наш меню слишком большое, а нужно его меньшее нажимаем на нашу картинку ещё где-то в 2 раза нажимаем сохранить пропорции. Давайте Уменьши такое здесь у нас получается 610 у нас получается, тогда в итоге 305 приходит в нашу группу и проверяем нажми не видим то, что у нас меню стола осталось только убрать вот эти пробелы и в общем-то у нас меню готова убрать вот эти пробелы так чтобы у нас получилось вот так всё слито необходимо прописать следующие команды после нашего x-ice пикселя наказание в чём измеряется в пикселях нужно писать nobo., nopadding то есть нас получается размер идёт.,, но border.,. Напарник я напишу этот код под видео, что нужно где вставлять и в общем-то вы будете по этому образцу вставлять свои картинки. Так давайте будем до конца уже фото вот эти вот сейчас мы с вами увидим результат того, что мы так долго и упорно делали и так вот наше меню сохранить переходим в нашем группу сжимаем ртути. Ну у меня будет написано теперь скоро увидимся в общем — это вот так нас сейчас мы наше меню увеличим немного. Ну примерно нужно всё. Посмотрим Посмотрим попробуем вылечить так копируем наш код при то, что у нас наш кот может, а как бы удалиться как-то как-то можешь удалиться. ВКонтакте я уже задавал меню знаю то, что такое может произойти привезу. А ты попробуй увеличить. Давайте 305а 400 видео опером 400 чтобы несколько раз не водить и. Вадим давай с ножами при досмотр сохраним наш изменения зайдём на нашу отсутствие видим то, что вот у меня сейчас вообще идеально встал просто идеально теперь необходимо убрать наш пробела. Это она Banana Pudding просто noborder nopadding попробуй ещё раз. А в коде прописать — это сохраняем наш изменения переходим в нашу группу и проверяем до нашей времени идеально работает то есть необходимо только ссылки на нашем файлы которые можно скачать и в общем-то всё дорогие друзья. Надеюсь данный урок был для вас полезен было всё ясно понятно из-за этого вы мне поставить лайк и подпишитесь на канал. И надеюсь. Я вас буду дальше радовать. Давай напишем меню.

0 комментариев
0

Читайте также