Дизайн с полосочками.

DaTre · 11.07.2008

Шаг 1: Подготовка нужного инструментария (исходное изображение, и сам юзер бокс)

Создаем изображение размером... Эм... Размером, который позволяется на вашем форуме или куда вы этот юзербокс рисуете .
File - New (CTRL + L) - Ну допустим у меня пускай будет размер "350х80" (Wight-350;Height-80);
Вот, основа у нас уже заложена. И так теперь создаем рисунок сами или открываем уже готовый. Я создавал рисунок свой с нуля с использованием изображения из моего нового проекта. Но это уже получается совсем урок, так что будем считать, что я использовал уже готовое изображение:

Вот мой рисунок, на который я буду накладывать картинку выше:

До меня нифига не доходит. Открываю я первый рисунок фотошопом 8. И как наложить 2й рисунок то? Где такая опция? Шарился шарился. Взято с ацтойного сайта.

Мне надо итоговое изображение видеть таким:

И где этот тип взял картинку с полосочками? её самому делать или что? :diablo00:

vlastelin · 11.07.2008

Шаг 1: Подготовка нужного инструментария (исходное изображение, и сам юзер бокс)

Создаем изображение размером... Эм... Размером, который позволяется на вашем форуме или куда вы этот юзербокс рисуете .
File - New (CTRL + L) - Ну допустим у меня пускай будет размер "350х80" (Wight-350;Height-80);
Вот, основа у нас уже заложена. И так теперь создаем рисунок сами или открываем уже готовый. Я создавал рисунок свой с нуля с использованием изображения из моего нового проекта. Но это уже получается совсем урок, так что будем считать, что я использовал уже готовое изображение:

Подскажи, а че за книга такая или это обучающий ресурс какой-то?

DaTre · 11.07.2008

vlastelin написал(а):
Подскажи, а че за книга такая или это обучающий ресурс какой-то?

ja ve line. my1. РУ

Там всего 1 урок. Я его почти целиком копирнул. раньше я с этим типом в друганах был, он мне рисовал много че. Но он обарзел и пошел нафег.

5starlinG · 11.07.2008

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

zigzug · 11.07.2008

5starlinG написал(а):
да мне кажется один на другой просто наложил ( обычным перетягиванием мышки) а потом чучуть прозрачность сделал....думаю все просто

Угу, 5 минут работы, для полосочек будет функция - трансперенси(0-100%), а большой рисунок просто надо уменьшить (Edit -> Scale, если мне память не изменяет) и положить слоем под полосочки. :z-cshowoff01:

chrysler · 12.07.2008

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

DaTre · 12.07.2008

я пробовал 1 на другой натягивать. Он в новом окне открываеца. Т.е в одном фотошопе 2й проект.

5starlinG · 12.07.2008

попробуй вырезать и вставить......если надо давай помогу..

chrysler · 12.07.2008

DaTre написал(а):
я пробовал 1 на другой натягивать. Он в новом окне открываеца. Т.е в одном фотошопе 2й проект.

есть по сути два способа (вобщем озвученных выше):

1. Открыть два документа. 1й - фон. 2й - будущий слой. 2й - Ctrl A (или в
выделить нужный кусок) Ctrl X (или Ctrl C) и открыть 1й документ Ctrl V

2. Активировать иконку "стрелка с крестиком" и перетягивать из 2 в 1. Можно перетягивать слой/папку с вложениями прямо из дерева документа 2 в документ 1.

DaTre · 12.07.2008

Спасибо всем кто помогал! Все поулчилось! Только эфект гранжа невышел..

ПС: Всякие штучки это не моё. Я только наложение линий оранжевых сделал.

Вопросы:

Как сделано отражение от света?

Как обрамлять? Т.е. границы мутить (ну и вопрос :t-1doh:

)

Тут все непонятно. Как он кафельные плитки сделал?

Как тут сделаны ТОНЮСЕНЬКИЕ наклонные линии?

TraderMax · 12.07.2008

DaTre написал(а):
Вопросы:

Как сделано отражение от света?

открываешь изображение создаешь новый слой. Далее выбираешь овальное выделение и выделяешь им пространство на котором должен находиться блик, естественно надо это производить на созданном слое. Заливаешь белым цветом. Далее просто настраиваешь прозрачность. Все блик гатофф

DaTre написал(а):
Как обрамлять? Т.е. границы мутить (ну и вопрос )

В самом низу на палитре слоев кнопка Добавить стиль слоя, далее обводка. И там уже задается снаружи обводка или внутри, толщина, цвет и пр.

DaTre написал(а):
Тут все непонятно. Как он кафельные плитки сделал?

Мож фотка готовая была с плиткой

Хотя квадраты самому тоже думаю не сложно нарисовать

DaTre написал(а):
Как тут сделаны ТОНЮСЕНЬКИЕ наклонные линии?

Создаешь новый файл без фона, размером скажем 3x3 пикселя. Приближаешь до максимума и зарисовывешь карандашем по диагонали квадраты, так что-бы диагональ получилась из 3 квадратов. Далее вкладка редактирование -> определить узор -> задаешь имя узора чтоб потом не перепутать

Далее открываешь изображение на котором должны появиться полоски. В палитре слоев кнопка добавить стиль слоя -> Перекрытия узора. В открывшемся окне выбираешь узор, вновь созданный узор обычно добавляется последним. Все полоски на изображении готовы, далее можно настроить их прозрачность и прочее.

P. S. Надеюсь понятно написал

DaTre · 12.07.2008

Как мерцания добавлять?

ПС: обожаю картинки с этого сайта

Joker_BeceJI4ak · 13.07.2008

DaTre написал(а):
Как мерцания добавлять?

ПС: обожаю картинки с этого сайта

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

DaTre · 13.07.2008

Joker_BeceJI4ak написал(а):
Если я не ошибаюсь, то скачать кисть нужного типа и в фотошопе на разных слоях в произвольных местах нарисовать эти звездочки

Как заставить картинку мигать? Т.е. поочередно выводить слои? В фотошопе..

добавлено через 1 час 38 минут
Может назвать тему "Советы по фотошопу"?

Сделал, вот:

Я удивлен, что смог хоть что-то в этом гиганте.
Хотел аватару смастерить, но увы, в 120х120 УЖЕ нечитаемо.

ПС: Да, да, скоро возврат 120%.

Joker_BeceJI4ak · 13.07.2008

Т.е делаешь несколько слоев и открываешь окно анимации и выставляй время между кадрами 0,1 сек или 0,2 думаю будет нужный результат

chrysler · 16.07.2008

TraderMax написал(а):
открываешь изображение создаешь новый слой. Далее выбираешь овальное выделение и выделяешь им пространство на котором должен находиться блик, естественно надо это производить на созданном слое. Заливаешь белым цветом. Далее просто настраиваешь прозрачность. Все блик гатофф

дополню... хотя может и не нужна дотошность такая для блика... но заливать можно градиентом (цвет>прозрачность) или в выделенном овале/квадрате/форме или залить весь слой и удалить ненужное. Т.е. типа симулировать неравномерность освещений отражаемого на стекле/лакировке/капле воды и т.д. ну и если уж совсем дотошно то кисточкой добавить еще неравномерностей

чтобы сделать мерцание и чтоб размер файла по возможности съкономить (речь идет и о растре тоже)- часто полезно запихнуть картинку в flash.
1. Создать фон (фотошоп).
2. Открыть флешем растровый фон (flash MX2004).
3. Создать два кадра (с тем же фоном) (flash MX2004)
4. Создать звездочку с прозрачностью в png. (фотошоп)
5. Накидать звездочек (ипорт Ctrl+R). На втором кадре тоже набрость звездочек.
Сохранить flesh/gif/avi...

(flash MX2004)
Если сложно - тогда в фотошопе создать два или сколько надо кадров (уже полностью готовых) сохранить картинками. Чтобы было легче обозвать их по номерам 1, 2, 3, или ф1, ф2 , ф3 открыть через Ctrl+R в flash MX2004 картинку номер 1, остальные картинки он сам предложит прилепить - жмем ок. И сохраняем как...

PS может предвзято, но анимацию лучше клепать в flash MX2004 или Адобеэффект, а в фотошопе готовить материал для кадров

DaTre · 16.07.2008

О мерации я нашел в инете. Но самая главная проблема, там нужен имаджегиллтер (чота такое), а у меня он не открывается (он внутри фотошопа по ctrl+shit+m или по иконке открывается) :l-1no:

chrysler · 16.07.2008

ctrl+shit+m - это Adobe ImageReady - точно не помню, но он встроен в фотошоп (CS и CS2) - это просмотрщик картинок и подгонка их под разные форматы. Не думаю, что там он чемто для анимации годен. Думаю лучше МакромедиаФлеш скачать. Поновее.

Orsy · 27.07.2008

chrysler написал(а):
Думаю лучше МакромедиаФлеш скачать. Поновее.

Macromedia Flash это мощная программа для флеш анимаций, есть много программ попроще, KolMovies например.

DaTre написал(а):
Сделал, вот:

Если Вы банер сделать хотите, то я советую Вам использовать программы такие как FlaX например, как правило, там все эффекты которые Вы хотите сделать уже есть, и работа сводиться к их выбору.

Lozzi · 27.07.2008

DaTre написал(а):
О мерации я нашел в инете. Но самая главная проблема, там нужен имаджегиллтер (чота такое), а у меня он не открывается (он внутри фотошопа по ctrl+shit+m или по иконке открывается)

Попробуйте переустановить фотошоп (в cs2 он идет как отдельная программа (exeшник отдельный) в cs3 он уже в самом клиенте фотошопа)
А по поводу этих бликов(или как их там...), то лучше делать так:
На одном слое на рисунке нарисовать в разных местах маленьким размером кисти блики, сохранить в двойном экземпляре, потом на тех же местах где были маленькие блики нарисовать большие, сохранить(повторить несколько раз).
Потом взять пустую папку и положить сперва пустой рисунок, потом с маленьким бликом, с большим, опять маленьким(и так несколько раз)
Потом в имэйджриади Файл\импорт\и выбираете импортировать папку., выставляете время и все.
вот пример(это я делал стандартной кисточкой, думаю вышепредложеной кистью было бы лучше):

Дизайн с полосочками.

ТОП-МАСТЕР

Новичок

ТОП-МАСТЕР

Любитель

Новичок

Любитель

ТОП-МАСТЕР

Любитель

Любитель

ТОП-МАСТЕР

Специалист

ТОП-МАСТЕР

Интересующийся

ТОП-МАСТЕР

Интересующийся

Любитель

ТОП-МАСТЕР

Любитель

Любитель

Интересующийся

Похожие темы