Дизайн сайта в фотошопе? Легко!

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

  1. Во-первых, появилось некое описание, которое повествует о целевой направленности блога. Оно размещается лишь на главной странице, на вторичных страницах его быть не должно. Если есть – исправьте :) .
  2. Во-вторых, я открываю новую рубрику под названием «Мастер-класс». В ней будут публиковаться материалы про создание макетов сайтов. Дизайнов будет много, поэтому, я считаю, рубрика будет крайне полезна ДЛЯ ВСЕХ.
  3. В-третьих, поставил плагин для скрытия информации, поэтому, всякие там, PSD файлы и другие плюшки смогут качать только подписчики. Но это лишь для рубрики «Мастер-класс».

Дизайн сайта в фотошопе

А теперь непосредственно перейдем к основной теме статьи. Для тех, кто еще не догадался, о чем я сегодня буду говорить, поясняю. Четыре дня подряд, все свое свободное время, я рисовал макет сайта, для того, чтобы отдать его вам. НО, просто подарить PSD файл мне не позволит, ни совесть, ни разум, поэтому, я сделаю серию статей о том, как его нарисовать.

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

Бесплатный дизайн сайта

Кликните, для полноценного просмотра

Почему я отдаю его бесплатно?

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

С данным макетом вы можете делать все что захотите, за исключением продажи и присвоения авторских прав – они мои, уж извините. Хоть и отдаю за так, делал качественно и на совесть. Вроде бы получилось круто, да? Если вам понравился созданный мной макет, и вы почерпнули для себя что-то новое, можете поставить ссылку на эту статью, но это не обязательное мероприятие.

Пару слов о…

Вообще, по моему мнению, макет удался на славу. Было много правок и доработок. То, что нравилось сегодня, с ужасом воспринималось на следующий день. Дизайн получился, не то в ретро, не то в винтажном стиле, как и задумывалось автором, тобишь мной.

Особое внимание заслуживает логотип, который рисовался несколько часов и получился довольно таки профессионально. К слову сказать, не весь дизайн сайта нарисован в фотошопе. Например, основа логотипа рисовалась в CorelDraw, но вы не переживайте, все что нужно, есть в дополнительных материалах и вам не придется искать и устанавливать корел.

Я специально решил не описывать весь процесс в одной статье, так как получилось бы ну ооочень много букв, а разбил его на четыре этапа:

  1. Создание шапки
  2. Создание сайдбара
  3. Создание основного контентного блока
  4. Создание футера

Создать такой дизайн в фотошопе не составит особого труда ни для начинающих, ни для продвинутых пользователей PS, так как все этапы будут расписаны максимально подробно, примерно так же, как в уроке по созданию иконки google plus.

Не забудьте подписаться на rss feed блога, чтобы не пропустить первую часть.

С ув. Onjee.

Понравилась статья? Поделись ей с друзьями в:

Опубликовать в twitter.com Опубликовать в своем блоге livejournal.com

Или подпишись на обновления блога,

чтобы узнавать свежие новости ПЕРВЫМ:

Популярные записи по теме:

  • Аналоги Фотошопа. Пять лучших.
  • Как правильно покупать изображения
  • как правильно оптимизировать изображения
  • Макет для сайта в psd

Комментарии к теме: Дизайн сайта в фотошопе? Легко! (37)

  • 06.08.2011

    22:57

    rubas

    ухты как) хороший способ пиара, в России ой как любят халяву.
    да действительно, дизайн получился шикарный. с нетерпением буду ждать следующей части.

    Ответить
  • 06.08.2011

    22:59

    onjee

    @rubas: Да  это не столько пиар, сколько полезный контент))) Ну, во всяком случае, я надеюсь, что полезный. На меня тут гнали, мол я смотрю и краду у звезд блогосферы, гг. Я не видел, что бы эти самые звезды отдавали бесплатно уникальные макеты)

    Ответить
  • 06.08.2011

    23:17

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

    Ответить
  • 06.08.2011

    23:18

    onjee

    @сидаш: )))) Знал, но не думай что ты один такой :) .  Переделаешь, когда я буду все расписывать….

    Ответить
  • 06.08.2011

    23:27

    @сидаш:
    ну вот и будет возможность что-то переделать по ходу выкладывания уроков) никто ж не заставляет делать 1 в 1.
    @onjee:
    идея отличная, крут :)

    Ответить
  • 06.08.2011

    23:38

    onjee

    @@arinoki_kun: Спасибо) Надеюсь будет полезно)))

    Ответить
  • 07.08.2011

    03:03

    roomster

    Оп-Оп! макетик… :) )  Хорошая работа, просто изумительно! буду ждать уроков!

    Ответить
  • 07.08.2011

    10:09

    lagun4ik

    Супер, поучаствую!

    Ответить
  • 07.08.2011

    12:47

    Антон

    @roomster: Спасибо) Скоро все будет

    @lagun4ik: в чем поучаствуете? Спамер что-ле

    Ответить
  • 07.08.2011

    12:53

    Очень красиво) Хотел бы себе похожий)) с версткой))

    Ответить
  • 07.08.2011

    13:08

    Антон

    @SoulCry: Ну а в чем проблема то? По урокам сделаете дизайн и отдадите на верстку — могу порекомендовать как минимум 2-х человек…

    Ответить
  • 08.08.2011

    06:09

    Ууууу! Дизайн и правда отличный.

    Ответить
  • 08.08.2011

    11:00

    Тяп-ляп

    @AntonOFF: Спасибо)

    Ответить
  • 08.08.2011

    17:42

    после того, как сделаем шаболн в формате .pdf начнётся самое сложное — как его сделать под вордпресс (уже в php and css) об этом будет написано? И подписываться надо на rss по e-mail?

    Ответить
  • 08.08.2011

    19:26

    тяп-ляп

    @Даниил: на счет подписки — пофиг) По моему и там и там архив будет доступен — если нет, я тебе его на почту пришлю :)

    Ответить
  • 08.08.2011

    22:14

    отлично, подписался по почте, а сколько будет стоить вёрстка такого же шаблона как ваш?У того же Dimox, например? (никогда о таком не слышал, сорри х))

    Ответить
  • 08.08.2011

    23:14

    тяп-ляп

    @Даниил: это лучше у него спросить dimox.name/ , хотя последний раз он занят был…

    Ответить
  • 11.08.2011

    20:52

    когда будет продолжение постов???

    Ответить
  • 11.08.2011

    22:23

    тяп-ляп

    @sidash: на выходных — работы слишком много навалилось :) Кстати чо на почту не отвечаешь? Или мои письма (штук 6 ) автоматом в спам как бы случайно?

    Ответить
  • 23.08.2011

    00:51

    Привет.Макет просто обалденный, очень красивая работа..Хочу в таком стиле на свой блог, но никак руки на дойдут до его рисования, может с вашими статьями наконец-то соберусь и намалюю себе что-то красивое..Буду следить за вашим блогом, люблю всякие туториалы по рисованию макетов. Есть мечта нарисовать себе макет и сверстать тему для ВП . 
    Жду новых статей с нетерпением. На РСС ваш подписалась и блог в закладках.

    Ответить
  • 23.08.2011

    09:11

    Тяп-ляп

    @Kuzuxa: Здравствуйте, я очень рад, что макет вам понравился…

    Ответить
  • 23.08.2011

    11:16

    Когда уже будет следующий урок.Жду с нетерпением.

    Ответить
  • 23.08.2011

    13:58

    Тяп-ляп

    @Kuzuxa: прошу прощения… У меня в будни — работа, в выходные переезд — поэтому такая задержка между постами…

    Ответить
  • 23.08.2011

    14:51

    @Тяп-ляп:
    Да не ничё я просто спросила из интереса,а  вдруг уже на днях намечается.Понятно что у каждого свои дела, а вам лёгкого перезда( это процесс не из лёгких, по себе знаю)

    Ответить
  • 23.08.2011

    16:49

    Тяп-ляп

    @Kuzuxa: ))) Спасибо… Специально для вас — в четверг опубликую) 

    Ответить
  • 23.08.2011

    17:09

    @Тяп-ляп:
    Не специально для меня не надо, тут кроме меня ещё вроде есть желающие поучиться вместе с вашими уроками.Для всех пусть будет.
    Не спешите, переежайте и работайте спокойно- мы ни куда не денемся и не убежим, а даже если из всех оставивших комментарии будет только пару человек,кому это надо,то я думаю со временем вы всё равно найдёте свою аудиторию для кого эти уроки будут бессценны.

    Ответить
  • 23.08.2011

    17:43

    Тяп-ляп

    @Kuzuxa: )) Ну через лет 100 — может быть. У меня к сожалению блог не  про seo-shmeo и не про заработок  миллиона на  блоге, я не минимэйкер и не выпускаю пачками видеокурсы — а кому интересно учиться рисовать сайты? :)  

    Ответить
  • 23.08.2011

    21:17

    Мне интересно и думаю найдутся люди кого это заинтересует,так что не переживайте за свою аудиторию она обязательно вас найдёт.

    Ответить
  • 17.09.2011

    22:18

    Фавикон — бесподобный!

    Ответить
  • 18.09.2011

    09:45

    Тяп-ляп

    @voleyko: это сарказм?

    Ответить
  • 18.09.2011

    11:25

    Ффу, как ты обо мне плохо-то думаешь =)

    Ответить
  • 09.10.2011

    15:15

    «@SoulCry: Ну а в чем проблема то? По урокам сделаете дизайн и отдадите на верстку – могу порекомендовать как минимум 2-х человек…»

    И сколько стоит верстка? Хотя бы в среднем.

    Ответить
  • 09.10.2011

    19:59

    Хорошая тема бесплатный дизайн, по русски с открытой душой.
    Кстати класный дизайн сидашу  нарисовал.

    Ответить
  • 10.10.2011

    09:20

    Тяп-ляп

    @Инканта: ну у всех по разному… 150$ примерно…

    @Евгений: ))) Спасибо… 

    Ответить
  • 16.10.2011

    13:32

    Светозар

    А где скачать макет? Он бы стал бы бесподобно смотреться на моей самописной блоговой cms.

    Ответить
  • 23.10.2011

    19:31

    @Тяп-ляп:вот, нашел ответ на вопрос…
    странно. мне согласились натянуть главную на вордпресс за 15 у.е.
    на остальные страницы сам пришью(не проблема)

    Ответить
  • 23.10.2011

    22:25

    Тяп-ляп

    @Влад: Ну школоло всегда  за  бесценок  работает…

    Ответить

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