Приветик!!))
Ну PS ты владеешь и это я вижу!
Пара вопросов:
1 - владеешь хоть какими-либо азами CSS?
2 - будем ли учиться делать элементы стилей или что интересует?
Reddvol
Сообщений 1 страница 8 из 8
Поделиться12011-03-28 15:07:09
Поделиться22011-03-28 16:26:59
Приветик
Отвечаю на вопросы:
1) Однажды создавала форум, и в конструкторе пыталась изменять цвета стиля. Это единственное:) В CSS полный профан, увы:) Со мной наверное тяжело придется:)
2) Лучше всего учить меня с нуля:) Очень хочу (а хотения у меня очень много) научиться делать красивые стили.
Поделиться32011-03-29 01:01:01
Кстати, напиши какой у тебя фотошоп, английский или русский и какая версия! А то у меня английски, надо определиться на каком языке тебе функции писать!))
))) Ну так как основными азами ты владеешь, мы не будем в это углубляться!
Давай тогда сразу приступим к созданию шапки слитной с фоном!
Конечно же при заказах всегда даются исходники и оговаривается цветовая гамма!
Но иногда это оставляется на вкус дизайнера, для этого мы всегда просим указать ссылку на сайт, смотрим что за тематика и все такое, исходя из этого уже подбираем цветовую гамму! Понятно же что для фентези, треш и все такое мы не будем брать розовый или сиреневенький цвет)))!
Начнем....
Я взяла заказ из нашего стола заказов (шапки)
Стандартный размер для слитной шапки я всегда беру 1400*800 (обычно он всем подходит).
Почему высота 800 - потому что у нас шапка будет плавно переходить в цвет фона и высота для нас не принципиальна!
Создаем новый файл размером 1400*800.
Заливаем выбранным цветом (что тоже на данный момент не так уж принципиально, потому что на данном этапе мы можем поменять его в любой момент!)
Так как в заказе была просьба под цвет сайта, я взяла сиреневый цвет!
Открываем наши исходники в фотошоп и перетаскиваем на наш слой с заливкой! (есть другой способ - жмем правой кнопкой мыши на картинку, выбираем "Копировать изображение", идем в фотошопе "Правка-Вставить" и наши изображения уже будут на нашем слое)
Сразу начинаем шевелить мозгами и прикидывать как нам расположить наши картинки, если надо трансформируем и т.д
Так как у меня картинок мало (попроще) я их расположила таким образом
Теперь я начинаю подбирать для каждой картинки отдельно "Режим наложения слоя", вот что у нас есть на данный момент
Как видно на примере, у нас видны переходы и края изображений, берем мягкий ластик - уменьшаем немного прозрачность и стираем все лишнее.
Создаем новый слой и заливаем его таким же цветом как наш основной фон.
Берем мягкий ластик большого диаметра и начинаем потихоньку стирать от центра к краям, вот что у на должно получиться
Естественно на данный момент шапка выглядит пустой, начинаем искать текстурки.
После долгого и мучительного поиска накладываем их на наше изображение, подбираем режим наложения, уменьшаем прозрачность если надо, работаем ластиком где кажется что-то лишнее и добиваемся такого результата
Естественно все изображения у нас должны сочетаться, для этого используем колоризацию, кривые и все что с этим связано!!!
Теперь нам нужно создать фон форумных таблиц (неотъемлемая часть шапки слитой с фоном)
Берем инструмент прямоугольное выделение с заданным размером (например ширина форума 800), значит выделение у нас будет 800*800, создаем его четко по центру
На новом слое заливаем наше выделение цветом более темным чем наш фон (естественно можно использовать и фоновые изображения)
Снимаем выделение (Ctrl+D) .
Дублируем самый нижний слой (основная заливка цветом), я это делаю для того чтобы не забыть какой цвет мы использовали!
Объединяем все слои кроме самого нижнего (заливки) и верхнего (фон форумных таблиц), но это делаем только после того как убедились что нас все устраивает и менять мы ничего не собираемся!!!!
У нас получилось 3 слоя!
Опять переходим к прямоугольному выделению и выставляем размер нашей шапки (например 800*550), создаем выделение
Дублируем (Ctrl+J) выделенную область со слоя с нашими кратинками (для этого мы их и объединяли).
Опять создаем выделение такого же размера и дублируем область со слоя заливки форумных таблиц (самый верхний).
Отключаем видимость слоя фона форумных таблиц
Создаем как бы верхушку форумных таблиц, мы можем создать любую форму, я просто скруглю уголки
Теперь переносим наш слой с фоном форумных таблиц под слой с выделением шапки и включаем видимость
Пишем текст, мы можем себе позволить писать как-бы на фоне, так как он у нас является частью шапки
Задание
Вот как раз попробуй сделать заказ, только туда пока не выставляй и сохрани и в PNG и в PSD (чтобы мы смогли потом если надо исправить)
Пост №49 Monica, стол заказов
Поделиться42011-03-29 13:04:07
Tunguska
У меня стоит PS 4 RUS:) Правда скоро другой поставлю, так как мой немного тупит (или я))
Буду выполнять задание:)
Поделиться52011-03-31 18:30:05
Я запуталась. Что делать дальше? Вот мой ПСД: http://narod.ru/disk/8951003001/Безимени-1.psd.html
Поделиться62011-04-01 19:52:36
Ты мне показывай PNG, а PSD для себя сохраняй чтобы если что можно было отредактировать))
Открыла твой PSD,
такс -смотри!
Вот твой PSD - посмотри что я изменила:
я немного уменьшила верхний слой;
создала его выделение, перешла к слою "Задний план - копия" и продублировала выделенную область; (так как продублировала ты - неправильно)
перешла опять к верхнему слою и мягким ластиком большого диаметра стерла верхнюю часть - создала верхушку форумных таблиц;
и посмотри как я разместила слои!
Сравни со своим исходником и пойми что ты сделала не так!
А надпись где?
Скачать
Поделиться72011-04-03 07:48:43
Анюта, я со всем разобралась:) Скрины выложу позже. Я пропаду на два дня. МОжет только на день:)
Поделиться82011-04-05 20:07:08
Reddvol
Я сама только появилась - у меня работы валом (в реалии), нифига не успеваю!))
Ок, жду)))