Linerette. Часть 2 - Как нарисовать фон меню, шапки, и всего сайта -видеоурок

Рисуем шаблон Linerette

Продолжаем нашу серию уроков по рисованию шаблона.

Уроки буду стараться делать по 10 минут, так как некоторые товарищи - могут перегореть.

ВНИМАНИЕ! Если кто то профессионально занимается рисованием шаблонов в фотошопе - просьба прислать мне на почту примеры своих работ (в png). Возможно, будем сотрудничать wink

Ну а если вы сами записываете уроки и хотели бы вести рубрику на сайте по фотошопу - будет вообще супер ok

Так, что-то я отвлекся от темы... cool hmm

Короче - вот вам урок:

Тренинг по вёрстке сайта на HTML5 и CSS3

Первый урок: Рисуем шаблон Linerette. Часть 1 - Подготовка.

Ссылка на архив с картинками.

    В этом уроке мы:

  • Научимся создавать свои узоры.
  • Сделаем фон для меню.
  • Сделаем фон для шапки.
  • Сделаем его вдавленным за счет тени.
  • Зададим общий фон.

Манипуляции совершенно несложные. В этом вы скоро убедитесь сами.

Все свои вопросы и "незабываемые очучения" LOL пишем в комментариях, ну и кнопки попутно жать не забываем! wink

Да, кстати - каркас нарисовать мы не успели downer. Сор. завтра добьем обязательно!!!

Комментариев: 29 RSS

Тренинг по вёрстке сайта на HTML5 и CSS3
Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

(обязательно)

Комментариев: 29
  •  Олег | 20 сентября 2012 в 18:00:28

    Спасибо. Действительно интересно! bow

  •  Аркаша | 20 сентября 2012 в 18:02:27

    Серёга, мне однозначно нравится твоя подача материала.

    Действительно интересно и легко. Правда я выполнил только половину.

    Потом просто забуду отписать.

    Спасибо.

    Так держать ok

  •  Светлана | 20 сентября 2012 в 18:06:22

    Благодарю! Жалко, что я не профи в фотошопе. Рада была бы вести рубрику по этой замечательной программе!

    Спасибо Серёжа, очень интересно smile

    Правда я сначала не въехала про то, как ты начал создавать блок для фона меню.

    Но потом при создании шапки ты показал куда надо нажимать.

    Это конечно проблема больше новичка, но нам ведь тоже интересно рисовать шаблоны.

    Еще раз - огромное спасибо!

  •  Серёга | 20 сентября 2012 в 18:08:33

    Светлана - главное что-бы нравилось.

    Тогда всему легко и интересно обучаться.

    Спасибо за теплые слова! Рад что некоторым нравятся мои уроки.

    Не зря значит работаю LOL

    Это доставляет удовольствие - спасибо всем кто откликнулся и отписался! ok

  •  Bum | 20 сентября 2012 в 18:11:19

    А где архив с картинками? surprised

  •  Максим | 20 сентября 2012 в 18:23:27

    Все супер идет спасибо за урок!grin

  •  Анна | 20 сентября 2012 в 18:39:52

    понравилось )

  •  Ирина | 20 сентября 2012 в 18:51:46

    Спасибо Сергей! Доступно и интересно!

  •  Серёга | 20 сентября 2012 в 19:16:52

    Да да люди, главное доступно и интересно.

    Анна - рад что смог угодить smile

  •  Бакинка | 20 сентября 2012 в 19:42:30

    Спасибо, урок понравился!ok

  •  Анна | 20 сентября 2012 в 19:57:45

    Я смущаюсь, сколько внимания моей скромной персоне) я как наткнулась месяца 3 (может больше,или меньше) на твой сайт, так тут и бываю) насчет первого урока я не высказывала какой либо негатив к сайту,к уроку, или к тебе, я просто высказала свое мнение, что он был растянут( это только говорю я) И если мне один один урок не совсем понравился,это не говорит что я сразу же кину этот сайт в черный список или перестану смотреть видео уроки, а твои рассылки -в спам. И если можно только положительные отзывы писать, то сделай только кнопку ,чтобы только могли лайкать)

  •  Серёга | 20 сентября 2012 в 20:14:17

    Так и я ничего против не говорил.

    Должен же я как то отвечать на ваши комментарии.

    Или мне лучше оставлять их без внимания? smile

  •  Анна | 20 сентября 2012 в 20:15:37

    ну без внимание людям же будет не так интересно...downer

  •  Комментатор 367 | 20 сентября 2012 в 20:20:13

    Привет Серёга

    Вот глянь какая-то новая программа по созданию сайта

    http://translate.yandex.ru/translate?url=http://qt.digia.com/product/&lang=en-ru&srv=yabar

  •  Денис | 20 сентября 2012 в 20:52:11

    Кстати Серега какую разрядность фотошопа ты используешь? И есть ли смысл использовать 64 разрядную веб мастеру

  •  Пётр | 20 сентября 2012 в 21:04:06

    большое спасибо!

  •  Венера | 20 сентября 2012 в 23:10:25

    Сергей, спасибо за урокsmileok

  •  Серёга | 20 сентября 2012 в 23:14:57

    Комментатор 367 - редактор какой то новый. Мне пока хватает своего smile

    Денис - у меня Win 64, и фотошоп вроде тоже 64 закачивал. Вот только он у меня стал в папку 86 - подозрительно mad

    По мне пофиг какой - лишь бы работал grin

  •  Серёга | 20 сентября 2012 в 23:15:09

    Всем спасибо за комменты!

  •  Аноним | 21 сентября 2012 в 00:11:23

    спасибо

  •  Димон | 23 сентября 2012 в 11:58:29

    Серега шли по два урока или один но на 45 мин как в школе )))

  •  Серёга | 24 сентября 2012 в 10:43:34

    Понимаешь, в школе у учителей уже глотки натренированы.

    Я не смогу 45 минут трындеть smile

  •  Сергей | 4 ноября 2012 в 00:17:39

    handsБОЛЬШОЕ СПАСИБО!!!okpower

  •  Виктор | 20 ноября 2012 в 01:58:58

    По первому уроку пока всё было понятно, всё получилось на 100%. Пойдём дальше. Хотя 10-ти минутный урок, был продолжительностью в 2- часа для пустого чайника.

  •  Тима | 8 ноября 2013 в 20:42:04

    А вот у меня почему, то не работает скачивание?! http://master- css.jino.ru/zip/linerette-img.rar пишет 403 и ошибка!

  •  Тима | 8 ноября 2013 в 20:42:57

    И добавь кнопку верх на сайте, а то что не удобно без неё и листать когда кучу коментов надоедает!!!!

  •  Елена | 9 ноября 2013 в 08:17:22

    ТИМА, заменила ссылку - попробуйте сейчас скачать.

  •  Тима | 9 ноября 2013 в 17:16:00

    Спасибо!

  •  Роман | 13 октября 2015 в 19:07:53

    Спасибо.Действительно интересно!!! А где Архив с картинками?