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

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

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


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

Нажмите для раскрытия...

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

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



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

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

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

Нажмите для раскрытия...

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

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

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

Нажмите для раскрытия...

ja ve line. my1. РУ

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

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

5starlinG написал(а):

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

Нажмите для раскрытия...

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

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

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

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

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

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

Нажмите для раскрытия...

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

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

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

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

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

Вопросы:

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

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

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

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

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

Вопросы:

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

Нажмите для раскрытия...

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

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

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

Нажмите для раскрытия...

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

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

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

Нажмите для раскрытия...

Мож фотка готовая была с плиткой Хотя квадраты самому тоже думаю не сложно нарисовать

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

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

Нажмите для раскрытия...

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

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

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

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

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

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

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

Нажмите для раскрытия...

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

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

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

Нажмите для раскрытия...

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

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

Сделал, вот:


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

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

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

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 или Адобеэффект, а в фотошопе готовить материал для кадров

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

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

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

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

Нажмите для раскрытия...

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

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

Сделал, вот:

Нажмите для раскрытия...

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

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

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

Нажмите для раскрытия...

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