Рисуем сайт "Портфолио Дизайнера"

Поделиться12012-04-17 17:05:34

Автор: KrasotkaDJo
Администратр
Откуда: Питер
Зарегистрирован: 2008-05-09
Приглашений: 0
Сообщений: 16033
Уважение: +3601
Позитив: +1801
Пол: Женский
Возраст: 39 [1984-10-27]
Провел на форуме:
3 месяца 7 дней
Последний визит:
2016-04-30 21:50:15

Рисуем сайт "Портфолио Дизайнера"

Создайте новый файл, размером 766*699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:

Применяем следующие параметры: (Blending Options>Gradient Overlay)

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - белый. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:

Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:

Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:

Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #729C06. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:

Fill 0%, Blending Options-Pattern Overlay:

Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:

Другой рисунок, цвет - #AAD700

Цвет - #AECD01

Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.

Инструментом Rounded Rectangle Tool (U), рисуем:

Blending Options>Drop Shadow

Blending Options>Pattern Overlay

Сделайте две копии последнего сделанного слоя и копируйте их, как показано на рисунке:

Вставьте картинки:

Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:

Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14

Blending Options>Stroke

Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:

Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.

Для заключительного результата, мы объединяем слои с иконками, и копируем их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1. Blending Options>Stroke, как показано выше.

Пишем номера в иконки, после чего Free Transform, поворачиваем их:

Blending Options>Drop Shadow

Напишите название сайта:

http://s07.radikal.ru/i180/1204/58/8ce48aa2fbe7.jpg

Blending Options>Drop Shadow

Новый слой. Точки, цвет - #D7FF00:

Создайте таблицы, и подпишите карточки:

About us, О нас

Создаем меню:

Инструмент карандаш, рисуем точки:

Копируем слой с разделительной полосой:

Полосы должны иметь следующие настройки. Blending Options>Outer Glow

Rounded Rectangle Tool (U), настройки:

Blending Options>Drop Shadow

Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800

Blending Options>Stroke

Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C

Удерживая ALT, жмем мышкой между последними слоями:

Тоже самое делаем, для двух остальных картинок. Меняем только цвет: вторая кнопка #F6C073; третья - #89B4C7 (Blending Options>Stroke как выше):

Пишем название кнопок:

Blending Options>Drop Shadow

Rectangle Tool (U) рисуем белые квадраты:

Blending Options>Drop Shadow

Вставляем картинки в квадраты:

Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:

Параметры для левой полосы: Fill 0%, Blending Options>Pattern Overlay

Параметры для правой полосы: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay

Копируем слой с полосой и перемещаем ее на другой край:

Напишите необходимый текст (ниже настройки для различных текстов):

Навигационный текст:

Цифровой:

Ellipse Tool (U), рисуем круг, цвет - #FFD40F

Blending Options>Drop Shadow

Blending Options>Stroke

ИТОГ:

Полная версия

Автор: Adobe Tutorials
Переводчик:Tin231

0

Поделиться22012-04-17 22:56:14

Автор: Oxic
Солнышко
Откуда: Москва
Зарегистрирован: 2010-09-02
Приглашений: 0
Сообщений: 1262
Уважение: +189
Позитив: +230
Пол: Женский
Возраст: 48 [1975-05-25]
Провел на форуме:
19 дней 13 часов
Последний визит:
2014-11-20 16:39:22

а как потом это внедрить? я хочу себе сайт. нарисую по уроку. а как эти кнопки сделать активными? как гиперссылки по внутренним страницам прописать?

0

Поделиться32012-04-17 23:06:44

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

Oxic написал(а):

а как потом это внедрить? я хочу себе сайт. нарисую по уроку. а как эти кнопки сделать активными? как гиперссылки по внутренним страницам прописать?

гыгыгы.....
закончить институт на программиста

0

Поделиться42012-04-17 23:26:45

Автор: Oxic
Солнышко
Откуда: Москва
Зарегистрирован: 2010-09-02
Приглашений: 0
Сообщений: 1262
Уважение: +189
Позитив: +230
Пол: Женский
Возраст: 48 [1975-05-25]
Провел на форуме:
19 дней 13 часов
Последний визит:
2014-11-20 16:39:22

Jannetka написал(а):

закончить институт на программиста

:crazyfun: :cool:

0

Поделиться52012-04-18 03:04:46

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Oxic написал(а):

а как потом это внедрить? я хочу себе сайт. нарисую по уроку. а как эти кнопки сделать активными? как гиперссылки по внутренним страницам прописать?

Это все зависит от того в какой проге делать сайт. Есть множество эдаких визуальных конструкторов в которых с Вашими знаниями фотошопа можно сделать прямо таки шикарнинький сайтик. Я пользовался в свое время, например, WebSite X5 v8 - Evolution - замечательная прога! Сейчас не готов дать ссылку для скачивания, но если будет интерес отпишитесь - найду. Прога естестно леченая, новая 9-ка стоит около 3-х тыс. руб. Это если Вы в сайтостроении ни чего ни-ни, есть н другие более сложные инструменты.

Jannetka написал(а):

гыгыгы.....
закончить институт на программиста

Когда то это было актуально! Сейчас если для себя ( знаю тех кто зарабатывает на сайтах в этой проге от 50 000 руб.) то нет смысла.
Хотите пример, пожалста :-)
тута ну и хоть здесь или вот и вот этот вам может понравиться вот - ни одного профи, все самоучки :-)

Отредактировано jon63 (2012-04-18 03:20:58)

0

Поделиться62012-04-18 09:41:09

Автор: Oxic
Солнышко
Откуда: Москва
Зарегистрирован: 2010-09-02
Приглашений: 0
Сообщений: 1262
Уважение: +189
Позитив: +230
Пол: Женский
Возраст: 48 [1975-05-25]
Провел на форуме:
19 дней 13 часов
Последний визит:
2014-11-20 16:39:22

Жень, ищите прогу)))))
может, потихоньку наклепаю себе сайтик...... :writing:
я ни бумбум в написании.....

0

Поделиться72012-04-18 09:51:05

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Oxic написал(а):

может, потихоньку наклепаю себе сайтик......
я ни бумбум в написании.....

Там писать мало чего надо кроме текста :-) больше вставлять!
О чем будет сайт если не секрет? :-)
Ссылку выложить здесь или в личку?

Отредактировано jon63 (2012-04-18 11:02:36)

0

Поделиться82012-04-18 11:03:34

Автор: shmamka
Автор
Откуда: Украина, Полтавская обл.
Зарегистрирован: 2009-08-13
Приглашений: 0
Сообщений: 3085
Уважение: +467
Позитив: +2237
Пол: Женский
Провел на форуме:
2 месяца 10 дней
Последний визит:
2014-11-05 01:02:27

здесь ))

0

Поделиться92012-04-18 11:24:19

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Oxic написал(а):

Жень, ищите прогу

В сети много ссылок, а вот насколько рабочие не известно. Вот закачал на Народ одну из тех что у меня завалялась на компе. Не уверен на все сто что не глуканет через месяц :-(
Короче пробуй! Вот ссылка
Тут описание проги для ознакомления. Если что-то поставит в тупик - обращайся :-)

+2

Поделиться102012-04-18 12:17:23

Автор: KrasotkaDJo
Администратр
Откуда: Питер
Зарегистрирован: 2008-05-09
Приглашений: 0
Сообщений: 16033
Уважение: +3601
Позитив: +1801
Пол: Женский
Возраст: 39 [1984-10-27]
Провел на форуме:
3 месяца 7 дней
Последний визит:
2016-04-30 21:50:15

Ну сам дизайн создается в фотошопе, а дальше нужно изучать html и веб-программирование, хотя бы начальные знания какие-то, вникнуть, либо действительно программы использовать.
Всякие типа dreamwear - очень хороший вариант ))))

0

Поделиться112012-04-18 15:05:50

Автор: Oxic
Солнышко
Откуда: Москва
Зарегистрирован: 2010-09-02
Приглашений: 0
Сообщений: 1262
Уважение: +189
Позитив: +230
Пол: Женский
Возраст: 48 [1975-05-25]
Провел на форуме:
19 дней 13 часов
Последний визит:
2014-11-20 16:39:22

jon63 написал(а):

обращайся

спасиб!!!!!! :yep:

0

Поделиться122012-04-18 15:32:07

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

jon63
да я сама лично знаю людей,которые без образования делают сайты. Это факт.
Только в любом случае учиться надо, хоть где то ,хоть у кого то.

Было бы славно открыть прогу , нажать кнопку и она бы сотворила все что ты хочешь, но такого не бывает
Но за подсказку спасибо, может быть когда то пригодится :rolleyes:

Oxic
а на ucoz.ru ты не хочешь сделать сайт? ну для начала, хотя бы понять , а действительно оно тебе надо....
во всяком случае там действительно все более менее понятно. (сама начала изучать эту тему) :rolleyes:

0

Поделиться132012-04-18 15:50:33

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Jannetka написал(а):

Oxic
а на ucoz.ru ты не хочешь сделать сайт?

Э-э-э... нет с Вашего позволения! Со всем уважением к ucoz но там есть свои закавыки, не говоря уже о том что вставить свой шаблон без знания html и CSS не реально в принципе. А речь то изначально шла про свой собственный дизайн сайта! предложенная мной прога, хоть и с ограничениями конечно, но позволяет создать свой, неповторимый дизайн, хоть бы по примеру урока заданного в этой теме.

0

Поделиться142012-04-18 16:21:02

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

ну эт все понятно....но можно же для начала попробовать без дизайна своего, просто создать бесплатно свой сайт и посмотреть, а оно реально надо тебе?
Потому как кажется со стороны,что это так весело...а на самом деле это труд.
Ну,а потом если идея не испугает, можно и на собственный сайт созреть, с уже своим шаблоном и за деньги ( хотя бы будешь знать что к чему)
ну это я так...по себе сужу :rolleyes:

0

Поделиться152012-04-18 17:11:29

Автор: KrasotkaDJo
Администратр
Откуда: Питер
Зарегистрирован: 2008-05-09
Приглашений: 0
Сообщений: 16033
Уважение: +3601
Позитив: +1801
Пол: Женский
Возраст: 39 [1984-10-27]
Провел на форуме:
3 месяца 7 дней
Последний визит:
2016-04-30 21:50:15

А я тут читала на днях про одного хорошее место, вот цитата:

Муж нашел сервис с чудесными условиями и пакетом услуг, которые нас очаровали. Во-первых, практически все, что нужно для создания и использования сайта или интернет-магазина, абсолютно бесплатно. Во-вторых, там все очень просто, нет огромной кучи настроек, как, к примеру, на том же укозе, то есть справится совершенно любой интернет-пользователь. В-третьих, там совершено бесподобная акция - домен бесплатно, при условии создания сайта и заполнения десяти страниц, это правда так, мы с мужем уже каждый со своим доменом, причем без всяких усилий. И тут начинается в-четвертых, там просто бесподобная поддержка, то есть не просто дарят домен, но и самостоятельно его прикручивают, кстати прикрепление почты к домену тоже полностью производят они сами, если кто занимался этим самостоятельно, или хотя бы читал, как это делается, поймут ценность этого факта к тому же на любые вопросы техподдержка отвечает, что называется, мгновенно. В общем, мало ли, может кто искал подобное райское место, рекомендую. Ну, и раз я все это вам так подробно рассказала, то в случае, если вы хотите воспользоваться услугами сервиса даю вам свою реферал-ссылку, кстати, тоже хорошее преимущество сервиса - возможность заработать на привлечении новых пользователей. Если информация будет вам полезна, я возрадуюсь. Если кто-то захочет поделиться этой записью со своими пч, я не буду сильно против )))

это если аналог укоза ))

0

Поделиться162012-04-18 17:18:28

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Jannetka написал(а):

но можно же для начала попробовать без дизайна своего, просто создать бесплатно свой сайт и посмотреть, а оно реально надо тебе?

Это конечно можно. Но тут ключевая фраза "а оно реально надо тебе?" Это кому как. Вот сидят же девчонки в фотошопе - а оно им надо? Наверное надо. Так и тут. Кому интересно научиться в принципе, кому важно иметь свой сайт для определенных целей, а кому прямо таки прет делать сайты и зарабатывать на этом денюшку :-) А как тут сказать надо или не надо не пробовавши? И главное не обжечься, что бы руки не опустились. Многие попробовав обжигаются и идут заказывать себе сайт за деньги. А вот это-то, имхо, и ни к чему, если только у вас не супер-пупер интернет магазин или еще какой проект со скриптами требующими профессиональных знаний, и стоящих бешеных денег. Ну, где-то так :-)

Отредактировано jon63 (2012-04-18 17:19:59)

0

Поделиться172012-04-18 18:02:11

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

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

а шаблоны научиться делать все равно интересно конечно, можно на этом зарабатывать, как в прочем и на всем другом что мы делаем, было бы желание...как говорится :rain:

0

Поделиться182012-04-19 12:10:02

Автор: KrasotkaDJo
Администратр
Откуда: Питер
Зарегистрирован: 2008-05-09
Приглашений: 0
Сообщений: 16033
Уважение: +3601
Позитив: +1801
Пол: Женский
Возраст: 39 [1984-10-27]
Провел на форуме:
3 месяца 7 дней
Последний визит:
2016-04-30 21:50:15

Молодцы,поговорили,обсудили, а выполнять кто-то будет

0

Поделиться192012-04-19 12:37:32

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

Oxic будет

0

Поделиться202012-04-19 12:55:58

Автор: shmamka
Автор
Откуда: Украина, Полтавская обл.
Зарегистрирован: 2009-08-13
Приглашений: 0
Сообщений: 3085
Уважение: +467
Позитив: +2237
Пол: Женский
Провел на форуме:
2 месяца 10 дней
Последний визит:
2014-11-05 01:02:27

Jannetka
:rofl:

0

Поделиться212012-04-19 17:40:16

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

а кстати...все про тот же юкоз.... спецом посмотрела, можно туда свой шаблон вставить без проблем :rolleyes:

0

Поделиться222012-04-20 09:12:47

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Jannetka написал(а):

а кстати...все про тот же юкоз.... спецом посмотрела, можно туда свой шаблон вставить без проблем

Да можно конечно вставить свой шаблон. А вот на счет без проблем... без знания hnml и css... у меня, например, не получается :-)

0

Поделиться232012-04-20 09:57:27

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

KrasotkaDJo написал(а):

Если информация будет вам полезна, я возрадуюсь.

Да, таких сервисов становится все больше и больше. Для тех кто не бум-бум вообще в сайтостроении и нет желания чему то учиться хороший может быть выход.
Правда бесплатно там не все, хоть и плата не велика - 149 руб. PRO. Вот если еще не заломят цену за домен через год (такая практика есть) когда сайт будет раскручен и в рейтинге, тогда вообще шоколад :-)
А вот если хотся что-то своими ручками и головкой сделать тада надоть что-то как-то по другому делать. Для упертых учить языки и в блокноте писать резиновый, да в PHP :-) а тем кому побыстрей в конструкторе учиться делать. Имхо, конечно.

0

Поделиться242012-04-20 12:22:28

Автор: Oxic
Солнышко
Откуда: Москва
Зарегистрирован: 2010-09-02
Приглашений: 0
Сообщений: 1262
Уважение: +189
Позитив: +230
Пол: Женский
Возраст: 48 [1975-05-25]
Провел на форуме:
19 дней 13 часов
Последний визит:
2014-11-20 16:39:22

Jannetka написал(а):

Oxic будет

:crazy:
буду, тока не щас....))))
кстати, на юкоз у меня тож не получилось ничо вставить.....(((

0

Поделиться252012-04-20 13:26:10

Автор: KrasotkaDJo
Администратр
Откуда: Питер
Зарегистрирован: 2008-05-09
Приглашений: 0
Сообщений: 16033
Уважение: +3601
Позитив: +1801
Пол: Женский
Возраст: 39 [1984-10-27]
Провел на форуме:
3 месяца 7 дней
Последний визит:
2016-04-30 21:50:15

jon63 написал(а):

Правда бесплатно там не все, хоть и плата не велика - 149 руб. PRO. Вот если еще не заломят цену за домен через год (такая практика есть) когда сайт будет раскручен и в рейтинге, тогда вообще шоколад

да-да,я кстати,тоже об этом подумала )))) поэтому не очень-то покупаюсь на такие акции)))

0

Поделиться262012-04-20 14:19:56

Автор: Jannetka
Автор
Откуда: Рига
Зарегистрирован: 2009-06-05
Приглашений: 1
Сообщений: 1543
Уважение: +237
Позитив: +40
Пол: Женский
Провел на форуме:
15 дней 5 часов
Последний визит:
2015-12-25 00:34:21

jon63 написал(а):

Да можно конечно вставить свой шаблон. А вот на счет без проблем... без знания hnml и css... у меня, например, не получается

да? а вроде как я читала, там только галочку поставить в определенном месте, а потом в нужном другом месте как бы закачать...звучало все просто :rolleyes: , может когда то попробую, расскажу...так ли это все на самом деле :crazy:

Oxic написал(а):

кстати, на юкоз у меня тож не получилось ничо вставить.....(((

имеешь ввиду шаблон или вообще ничего?

0

Поделиться272012-04-21 22:22:24

Автор: jon63
Captain
Откуда: г. Ростов - на - Дону
Зарегистрирован: 2009-07-31
Приглашений: 1
Сообщений: 1001
Уважение: +245
Позитив: +284
Пол: Мужской
Возраст: 61 [1963-01-10]
Провел на форуме:
11 дней 19 часов
Последний визит:
2016-04-05 16:24:05

Jannetka написал(а):

а вроде как я читала, там только галочку поставить в определенном месте

Это касается готовых шаблонов для uCoz, все остальное не так просто :-) там свои закавыки. У меня в ucoz три сайта висит, менять можно многое довольно легко, это верно, но не сам шаблон. Кстати, самый простой выход для создания своего сайта это возможно Народ Яндекса :-)

0