Express Yourself
Without Expectation
Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
BeOn
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

Express Yourself > Дизайн.


Опросы, тесты c категорией "Дизайн.".
Пользователи, сообщества c интересом "Дизайн.".

пятница, 20 января 2012 г.
[.71.] Onite Aster 15:53:20
­­
Урок по созданию дизайна.
Подробный. НИЗ и ДАТА.
Не забываем говорить слова благодарности и показывать свои примеры)
Подробнее…Ещё немного потерпите. Это последняя часть.
Сначала мы создадим фон для НИЗА, потом будем возиться с датой)
1.Создаём Низ.
2.Нам потребуется псд Меню. Открываем его, Изображение-Повернуть холст- на 90’по часовой.
3.Выделяем горизонтальную область во всю ширину, кадрируем.
­­
4.Изображение – Размер холста – ставим высоту 123пх.
5.Сохраняем. Фон готов.
­­

1.Создаём фон под дату и навигацию.
2.Фон низа уменьшаем до 20 пикселей в высоту.
­­
3.Можно добавить обводку. Как это сделать кустарным образом я вас сейчас научу. Для начала создаёте новый слой, заливаете его любым цветом, в окне слоёв заливку убираете полностью. Идёте в режим изменения слоя(двойной клик). Обводка – внутри – градиент ил цвет – зеркальная. Тут уже сами смотрите как получается распределение обводки. Надо, чтобы полилось так, что с обеих концов был одинаковый цвет(возможно, придётся изменить угол). Ок.

4.Под слоем с обводкой создаёте чистый слой, оба слоя выделяете, Слой– объединить слои.
5.Увеличиваете край нашего изображения вот так… осторожно и неспеша выделяете прямоугольным выделением ту часть, которая не входит в обводку (надо убрать полоски по краям, чтобы их не было и фон был сплошной). Тут есть маленькая хитрость – начинайте выделять не с самого края после верхней полоски, а отступили 1 пиксель(маленький цветовой квадратик, если ваше зрение или увеличение позволяет его разглядеть хд) Далее на клавиатуре нажимаете Del. То же самое проделываете с другим краем.
­­
6.Можно сохранить, получится статичная дата.
­­
7.Можно добавить блики. Для этого объедините получившиеся слои, скопируйте слой несколько раз и начните создавать блики (из делать на анимации я учила в уроке с Видео-аватаром). Чтобы всё было красиво и плавно, новый блик начинайте на том слое анимации, где предыдущий принимал максимальную величину)
А последний начинайте на предыдущем, заканчивайте на первом. Так, для трух бликов, вам понадобится всего 7 слоёв и кадров.
­­
8. удачи вам)
­­



Категории: Уроки., Дизайн.
комментировать 22 комментария | Прoкoммeнтировaть
[.70.] Onite Aster 15:08:17
­­
Урок по созданию дизайна.
Подробный. Записи и верх.
Не забываем говорить слова благодарности и показывать свои примеры)
Подробнее…
Продолжаем наш урок. Сейчас мы сделаем фон для записей(коммов и форм), а так же верх.
Начну с того, что сейчас нам придётся поводиться.
1.Делаем прозрачный фон для записей.

2.Как он, собственно, делается? Чтобы сразу сделать «как надо», откроем псд (или сохранённый фон) в фотошопе, затем подумаем….чем же мы хотим его перекрыть, чтобы было читабельно? Я решила сделать с помощью градиента.
3.Когда мы уже решили с помощью чего будем делать фон, переходим к созданию прозрачного фона. Идём по такому пути: Слой – новый слой-заливка – градиент(если вы хотите веет, то цвет и выбираете). ОК. открывается окно редактирование градиента.
Настройки мои вы можете увидеть на рисунке ниже. Хочу отметить, что такой градиент я вам не давала…и сама его создала по ходу дела. Чтобы самим создать градиент, вы можете взять за основу какой-нибудь готовый и изменить цвета (кликнете пару раз по грандиентовой полоске, откроется окно редактирования, там увидите пунсончики с цветом. Вот в них цвет и меняете, перетаскиваете. Что хотите делаете)
­­
4.Смотрим, как ложится градиент на наш фон. Если всё нравится, то убираем задний фон, само же оставшееся пространство уменьшаем. Можете выделить неширокую полоску в высоту нашего фона. Или же Изображение – размер холста – ширину ставим не больше 100пх. Хоть 1пх)
5.Сохраняем в формате png и радуемся)­­

1.Делаем верх.
2.Из каких деталей состоит верх? Тут вы можете взять как фон, так и меню. Я возьму псд меню.
3.Выделю из фона меню полоску 300х75п
4.Делаем украшение и зрительное разделение верха:
А) Полоска. Делаем горизонтальную полоску, подобно, как делали на меню.
­­ ­­
Б) Овал или прямоугольник с круглыми краями: берём соответствующие фигуры, растягиваем, уменьшаем прозрачность заливки.
Можно сделать обводку штрихами или сплошную.
­­
5.Так же можно сделать обводку по рамке. Два раза по осн фону кликаем в окне слоёв – Обводка. Там выбираете внутри, градиентную, зеркальную.
6.Единственное замечание: когда вы уменьшаете размер холста, вы уменьшаете именно холст. Отрезанные части просто скрываются (т.е. если вы опять увеличите холст, они покажутся). Именно поэтому обводка может быть не видна. Следовательно, надо будет выделить по периметру холста фон и произвести кадрирование.
7. Результаты: ­­ ­­
http://fayloobmennik.net/1445745


Категории: Уроки., Дизайн.
комментировать 15 комментариев | Прoкoммeнтировaть
[.69.] Onite Aster 11:14:40
­­
Урок по созданию дизайна.
Подробный. МЕНЮ.
Не забываем говорить слова благодарности и показывать свои примеры)

Подробнее…Теперь создаём оставшиеся части. Будем всё делать, естественно, на основе уже созданного псд для фона.
Создаём фон для меню.
1.Открываем псд. Я не люблю, когда на меню есть лица, так что убираем фейс девушки с псд. Лично мне нравились кое-какие детали, которые добавлял исх с девушкой, так что я его просто размыла по гауссу)

2.Дальше…переворачиваем наш холст. Изображение – повернуть холст – против часовой стрелки на 90’.

3.Дальше выключаем видимость слоёв с текстом для имени.

4.Советую немного повозиться с кистями, тк после поворота изменился угол наложения градиента. Дальше мы идём Слой-Объединить видимые.

5.Выделяем часть фона, которая будет основой для фона меню. Фон меню оптимально делаем в ширину около 400пх(№1). Дальше производим без использования фильтра создание бесшовного фона. Для этого кликаем по фону в окне слоёв 2 раза, нажимаем да, чтобы снять фиксацию с фона. Дальше выделяем половину фона, ПКМ-вырезать на новый слой. Меняем половинки местами) Бывшая Нижняя половинка должна быть в окне слоёв над бывшей верхней, вот так короче. Т.к. высота фона по беону не должна быть больше 600пх, то наезжаем одной частью на другу, пока их ширина не будет меньше или равно 600пх.
­­

6.Берём мягкий ластик радиусом 200, проходим аккуратно им по получившемуся стыку между слоёв (то бишь стираем на верхнем слое нижнюю границу). Старайтесь сделать так, чтобы не стереть до дырки.

7.Выделяем пустое место над верхним слоем, ПКМ-инверсия выделенной области, Изображение-кадрировать.
­­

8.Осталось навести красоту) Я люблю делать на меню полосу…. Для этого выделяем часть фона, создаём новый слой и заливаем светлым(тёмным) цветом. Дальше играем с режимами наложение. Я брала цвет 72553f пот освещение и прозрачностью 50.
­­

9.Дальше включаем видимость слоёв с текстом, изменяем их, переворачиваем. Делаем, что хотим)

10.Вот и все мои секреты по созданию меню)
­­http://fayloobmennik.net/1444605


Категории: Уроки., Дизайн.
комментировать 33 комментария | Прoкoммeнтировaть
Onite Aster 10:32:40
Запись только для зарегистрированных пользователей.
пятница, 6 мая 2011 г.
[.58.] Onite Aster 11:44:44
­­
Дизайн
покупательница пропала
так что отдаю ВАМ
псд для самостоятельной подписи присутствует
Превью:
Подробнее…­­
Скачать и не забыть отписаться
http://fayloobmenni­k.net/593771
http://www.mediafir­e.com/?dsccvigbyo51j­ne


Категории: Дизайн., PSD-file.
комментировать 161 комментарий | Прoкoммeнтировaть
пятница, 16 июля 2010 г.
l. Aunel 11:54:26
Запись только для зарегистрированных пользователей.
четверг, 15 июля 2010 г.
l. Aunel 13:55:27
Запись только для зарегистрированных пользователей.
понедельник, 8 февраля 2010 г.
l. Aunel 13:10:57
Запись только для зарегистрированных пользователей.
понедельник, 1 февраля 2010 г.
l. Aunel 22:54:07
Запись только для зарегистрированных пользователей.


Express Yourself > Дизайн.

читай на форуме:
6н65
пройди тесты:
Прости, прощай и забудь меня...
я люблю тебя наруто4
читай в дневниках:

  Copyright © 2001—2018 BeOn
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх