Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Создание сайта


Автор: elFenok 17.8.2005, 15:57
Вопрос очень простой ... ну мне хотелось бы понять

Зачем дизайнер вначале создает файл в фотошопе а потом только принимается за работу ...

Допустим даже флэшеры так делают ведь потом им приходится все заново рисовать во флэше! smile

Автор: dr.ZmeY 17.8.2005, 22:38
Не обязательно... Я, например, в Фаерворксе создаю smile
Собственно, можно очень быстро посмотреть "прикинуть" палитру ,после того, как ты на бумаге карандашом набросал своё будующее творение...

Автор: dm9 17.8.2005, 22:44
elFenok, просто попробуй так делать - и ты поймёшь, что создавать сайты по-другому невозможно. При минимальном владении Фотошопом намного быстрее нарисовать что-то на холсте, чем отверстать это.

Автор: elFenok 18.8.2005, 15:46
ну вот нарисовал я его в Фотощопе а дальше то что? smile
Добавлено @ 15:47
и вообще кто с чего начинал вернее какой у Вас был первый проект?
на чем Вы учились а то чето ничего в голову не лез с чего начать то smile

Автор: dm9 18.8.2005, 16:38
Первый проект я тоже сделал сразу в браузере, только логотип в Фотошопе smile

А потом я осознал правильный подход smile

Автор: dr.ZmeY 18.8.2005, 17:28
Ага... понял твой вопрос...
Ну, ладно...
http://forum.vingrad.ru/index.php?showtopic=5824 теория 1
http://forum.vingrad.ru/index.php?showtopic=24622 теория 2
http://forum.vingrad.ru/index.php?showtopic=46961 практика

Автор: immax 19.8.2005, 03:10
Ну... Обычно всё начинается с фреймов... Просто и доступно... Фотошоп- самая юзабельная прога для начинающего... Ну, вот ссыль: http://postroika.ru/html/index.html - тут учебник... Я по нему когда-то начинал свою деятельность... Учебник просто замечательный!!!
Фотошоп и флэш- учился по урокам с многих сайтов.
Мне очень нравится http://pslab.ru
А вообще- великий и могучий яндекс "Найдётся всё"...

Но что-то толковое нарисовать по-любому приходится так: бумага => скан => фотошоп...

Автор: elFenok 22.8.2005, 09:03
ну вот я взял и нарисовал в фотошопе сайт линиями а они теперь не копирются и не редактируются что делать дальше то ? smile

Автор: elFenok 24.8.2005, 08:12
ответы будут ? smile

Автор: dm9 24.8.2005, 11:09
Будут. Изучать Фотошоп smile

Искать руководства в Сети, а лучше (ИМХО) купить бумажный фолиантик страниц так на тыщу.

Автор: elFenok 24.8.2005, 12:07
огромное спасибо тебе за оказанную неизмеримую помощь по этому вопросу smile

Автор: Caramel 25.8.2005, 09:17
Цитата(elFenok @ 24.8.2005, 13:07)
огромное спасибо тебе за оказанную неизмеримую помощь по этому вопросу 

А чем-ты недоволен?


Цитата(elFenok @ 22.8.2005, 10:03)
ну вот я взял и нарисовал в фотошопе сайт линиями а они теперь не копирются и не редактируются что делать дальше то ? 

Какие лини? Куда не копируются? Как ты их хочешь отредактировать?
Понимаешь, шаблон перед твоими глазами. Если ты не опишешь проблему подробно никто тебе помочь не сможет. Кроме того вопрос по фотошопу предназначен для раздела http://forum.vingrad.ru/index.php?showforum=14, а не Веб-дизайна, как думаешь?

Что касается вопроса темы ... а как иначе создавать сайт? Ты видел что бы рубашку шили на манекене предварительно не раскраивая и не придумывая модель?smile Я, често говоря, не представляю себе иного подхода. Сначала эскиз в графическом редакторе. Потом нарезка, верстка, код... smile

Автор: rcdimon 25.8.2005, 11:46
А я всегда начинаю делать сайт с тетрадки. Беру обычный тетрадный лист и рисую. Рисую структуру и представляю что где будет, где какие картинки должны быть, где какие эффекты, какой шрифт, цвет и т.д. Потом лезу в инет и по своим дискам- ищу нужные картинки, которые задумал. А потом создаю основную таблицу. И в фотошоп. Только тогда начинаю издеваться над картинками, резать их, применять эффекты и т.д. И постепенно все больше приближаюсь к задуманному. Каждую картинку приходится по многу раз переделывать. В процессе работы всегда возникают новые идеи. И в конце концов сайт получается не такой как его планировали smile) Но без плана все равно ниче бы не вышло

Автор: Kurt 28.8.2005, 01:09
Цитата(dm9)
просто попробуй так делать - и ты поймёшь, что создавать сайты по-другому невозможно. При минимальном владении Фотошопом намного быстрее нарисовать что-то на холсте, чем отверстать это.

Угу. Я сегодня с дуру решил так попробовать. Решил нарисовать первую страничку. Начал где-то в 12 часов дня. Весь день не отходил от компьютера. Сейчас 2 часа ночи, голова болит, а передо мной - чистый холст. smile
Похоже, это не всем дано. Вернее, дано только избранным. smile

Автор: dr.ZmeY 28.8.2005, 01:24
Kurt, значит тебе быть верстальщиком, а не дизайнером...

Автор: Caramel 28.8.2005, 09:36
Цитата(Kurt @ 28.8.2005, 02:09)
Похоже, это не всем дано. Вернее, дано только избранным.

Всему можно научиться. До известной степени конечно.

Автор: ManiaK 31.8.2005, 08:56
Kurt Глупо было бы, если бы ты за один день с нуля практически сделал что-нибудь стоящее. Я уже три месяца тружусь на благо родины, а пока максимум один проект с натяжкой можно назвать дизайнерским smile
Если желание есть, главное - не бросать...

Автор: Андрей Марков 5.9.2005, 10:44
Цитата(elFenok @ 17.8.2005, 15:57)
Вопрос очень простой ... ну мне хотелось бы понять

Зачем дизайнер вначале создает файл в фотошопе а потом только принимается за работу ...

Допустим даже флэшеры так делают ведь потом им приходится все заново рисовать во флэше! smile

Посмотри и всё поймёшЪ
http://lenamarkova.greenline.ru

Автор: Caramel 5.9.2005, 12:09
Андрей Марков , а какое отношение это имеет к обсуждаемой теме?

Автор: immax 6.9.2005, 12:24
Показал, что кто-то не умеет работать с графикой и ничегошеньки не соображает в дизайне...
Нда...

Автор: boombick 21.9.2005, 08:48
А вообще-то есть такой момент, как техническая директива...
При работе в команде необходимо, чтобы каждый участник проекта четко представлял себе что он делает, как он делает и почему он это делает...
Я, например, даже распечатываю нарисованные сайты...
И макеты порой под 100 мегов в *.PSD весят... smile

Автор: ProgrammerBOTANIK 21.9.2005, 14:58
Млин, все же так просто - Рисуешь в фотошопе что хочешь и как нравится - переключаешься на имадж реади и выкидываешь это все в хтемель, не забудь нарезать конечно, далее открываешь исходный код странички в блокноте или в билдере и правишь код, прописываешь раскладку клавы, шрифты и т.д. в одщем шапку делаешь, потом в любом билдере открываешь визуальную часть и выкидываешь из нее ненужные картинки, заменяя их заливкой ячеек в таблицах или размножением в них фона, ну как окна делаются со скругленными углами, например, оставляем только малюсенькие кусочки скругления углов и части бордюрныз обкладок... и все - страничка готова!
Далее ляпи меню и размножай страницы под него, кидаешь текст, картиночки разные и все - для начинающее вполне достаточно!!! smile

Автор: boombick 21.9.2005, 16:16
К разработке сайта сразу надо подходить профессионально!
Практика "слеплю на коленке, а там, глядишь, и заработает!" не катит в любом виде программинга!

Автор: ProgrammerBOTANIK 21.9.2005, 23:13
Цитата
К разработке сайта сразу надо подходить профессионально!
Практика "слеплю на коленке, а там, глядишь, и заработает!" не катит в любом виде программинга!


smile Конечно! Полность согласен!
РЕБЯТА - ФИГЛИ ВЫ СЮДА НА ФОРУМ ПРИШЛИ ФИГНЕЙ СТРАДАТЬ!!! НЕ ЗАДАВАЙТЕ ТУПЫЕ ВОПРОСЫ - БУДЬТЕ СРАЗУ ПРОФЕССИОНАЛАМИ!!! smile


boombick - ведь по твоей логике оно так получается?

Ну тогда объясни человеку - как это нужно делать профессионально... smile
А мы отдохнем и полюбуемся smile

Автор: boombick 22.9.2005, 07:25
Да нет, дело не в том, чтобы "сразу будьте профи, и не надо тупых вопросов"... Дело в том, что надо уметь слушать и понимать советы... А то вот как в соседней ветке про HTML-стандарты... Даже грустно становится..
ЗЫ ProgrammerBOTANIK, Вы пытаетесь стебаться? Бесполезно...

Автор: Caramel 24.9.2005, 23:21
Модератор: ProgrammerBOTANIK, boombick давайте не будем переходить на личности?

Автор: ProgrammerBOTANIK 26.9.2005, 12:23
boombick - в мире вообще много грустного, но я считаю, что сначала нужно научиться делать хотябы на коленке, а потом совершенствовать свои навыки...
Профессионалами не рождаются - ими становятся и объяснять новичку его вопрос с профессиональной точки зрения - это сам понимаешь не совсем правильно...
Представь себя в подобной ситуации smile

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

Автор: Caramel 26.9.2005, 12:44
Подставление растра в вектор это - во-первых увеличение исходника по весу. Во-вторых - признание себя как человека не знающего программу. Да, во флеше есть вещи которые невозможно достигнуть вектором, но их так мало... Так что здесь скорее вопрос умения человека пользоваться программным продуктом.
Что касается профессионального подхода... Да, можно "слепить на коленке" слепить меню когда окончена страница (как я поняла))) ). Можно. Но это говорит только о том, что человек будет это делать всегда. Он просто никогда не вырастет во что-то больше самодельной хомопаги smile

Автор: boombick 26.9.2005, 12:52
МОЕ ИМХО! ;)
Предпочитаю перед работой с незнакомой мне технологией/программой сначала перечитать гору инфо, порыться на форумах и по возможности обойти все грабли, на которые наступать не хочеЦЦа... Сам был новичком, сам порол косяки и с тех пор рекомендую всем начинающим сразу осваивать профессиональный подход. Если только стоит цель вырасти профессионалом, а не "интернет/программинг - это же круто. Все могут, чем я хуже?"

Автор: ProgrammerBOTANIK 27.9.2005, 11:22
Caramel - очень часто в векторе, многие эффекты весят намного больше, чем в растре, тут тоже все упирается в форматы графики, векторный формат так называется, потому что там цвета используемые на картинке задаются (описываются) формулами и если есть большие участки однотонного цвета то весь этот цвет и его местоположение задается одной формулой, а не как в растре прописывается каждая точка и ее положение, поэтому красный квадрат в векторе будет всегда на порядки легче, чем тоже в растре, но если картинка сложная, то вектором может описываться практически каждый пиксел или группа пикселов и изображение начинает весить наоборот больше...
Попробуй сделать вектором растровую картинку травяного поля а корел трейс и сравнить ее с растровым оригиналом - качество будет намного хуже, а вес намного больше...
Поэтому если во флеше мне нужно нарисовать сложную длинную объемную кнопку с тенями, градиентами и полутонами, да еще и с тенью от самой кнопки - я беру растровое изображение начала кнопки и серединки кнопки - всего два малюсеньких кусочка и размножаю кусочек серединки кнопки раз 50, получая кнопку заданной длинны, а конец кнопки делаю как зеркальное отображение начала кнопки, т.к. они идентичны и в итоге получаю большое меню из множества таких кнопок весом всего в 2 эти маленькие картиночки, при этом неважно сколько кнопок у меня будет на странице ролика, ведь флешь не повторяет картинки - у него в библиотеке и будут лежать всего эти два кусочка smile
Теперь представь, если я отрисую каждую кнопку полностью в вектре - объем будет коллосально отличаться!!! smile

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

Добавлено @ 11:24
Ведь boombick абсолютно правильно пишет:
Цитата
Сам был новичком, сам порол косяки и с тех пор рекомендую всем начинающим сразу осваивать профессиональный подход

Так что дерзай!

Автор: Caramel 27.9.2005, 13:05
Кидают где-то. Где не пойму smile))


ProgrammerBOTANIK, не поленилась, проверила. Вектор на порядок легче.

ты можешь привести пример?
Добавлено @ 13:08
Цитата(ProgrammerBOTANIK @ 27.9.2005, 13:03)
пишите на флеш, а на флеше если постараться, можно сделать картинки и меню намного легче...


Цитата(ProgrammerBOTANIK @ 27.9.2005, 12:22)
очень часто в векторе, многие эффекты весят намного больше, чем в растре


путаешься в показаниях smile

Автор: ProgrammerBOTANIK 28.9.2005, 02:56
Цитата
Цитата (ProgrammerBOTANIK @ 27.9.2005, 13:03)
пишите на флеш, а на флеше если постараться, можно сделать картинки и меню намного легче...
- это не моя фраза, я такого не писал, не надо придумывать... smile
Во всяком случае - на флеше и в векторе - понятия совершенно разные... smile

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

Я имел в виду траву - не просто зеленое однотонное покрытие, а траву, со всеми ее стебельками, листочками и т.д.

Основная проблема многих пользователей форума ОСОБЕННО В РАЗДЕЛАХ ПО ГРАФИКЕ, на мой взгляд, что они все пытаются изучить методом тыка, а не читают мудрые книжки, поэтому и столько ляпов и незнание глобальных азов, таких как спецификация форматов, методы растрирования, алгоритмы сжатия и т.д.
Теперь по данной теме:
Ладно в библие пользователя по 8 фотошопу форматы и разница между растром и вектором даны просто в две строки, т.к. это все расписывалось подробно в книгах по 5 и 6 шопу, но -
В книге "КОРЕЛДРО графиксюита 11 все программы пакета" от знаменитых в полиграфическом мире авторов Александра и Александры Тайц в главе 29 на странице 1107 огромный раздел, именно посвещенный разнице и способам применения растровой и векторной графики!
Очень советую!
В книге по иллюстратору этот вопрос поднимается, но не так ярко...
Я вышлю тебе пример на почту, т.к. не в курсе как его разместить на форуме.

Автор: Caramel 28.9.2005, 08:53
Цитата(ProgrammerBOTANIK @ 28.9.2005, 03:56)
- это не моя фраза, я такого не писал, не надо придумывать... smile

Ну-ну))))
Цитата(ProgrammerBOTANIK @ 27.9.2005, 13:03)
Ведь я писа в первую очередь - пишите на флеш, а на флеше если постараться, можно сделать картинки и меню намного легче...

http://forum.vingrad.ru/index.php?showtopic=63417&view=findpost&p=525738
По-моему твой пост)
Создавать во флеше и в векторе разные понятия smile ??? Ничего что программа-то предназначена для работы с вектором smile smile smile ?

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

Пример с травой - не убедил. Создай бибилиотеку из нескольких кустов травы и вот тебе основа для создания травяного покрытия. Слишком упрощенно получилось? Сделай элементов побольше smile Разбей на пяток травинок, штуки четыре листа, пары цветков. Вот тебе опять газон. Который будет опять-таки весить на порядок легче, потому что это вектор smile))

Присылай на почту smile Я прикреплю пример smile
Если ты докажешь что вектор тяжелее растра... ну это наверно будет революция в интернете ))))


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)