Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Урок: рисуем сайт
Урок: рисуем сайт
forumzaДата: Суббота, 23.04.2011, 22:56 | Сообщение # 1
Спикер
Группа: Пользователи
Пользователь №: 363
Сообщений: 233
Награды: 3
Репутация: 11
Статус: оффлайн
bag
1. Создайте новый документ, на 900 × 1200 пикселов. Размечаем примерно макет, а может даже и точно лучше.

2. Возьмите Rectangle Tool и нарисуйте 2 прямоугольника с помощью приведенных цветов ниже ниже.

3. Создайте третью форму прямоугольника, дважды щелкните по слою идти в Blending Options и создайте Gradient Overlay с использованием цветов ниже.

4. Используем шрифт, Омар от DaFont.com, напишите название сайта. Создайте лозунг следующего в Arial> обычный размер> 12> Нет.

5. нарисуйте прямоугольную округлую форму для меню под зеленым слоем. Как и в предыдущей установки положите в градиент ниже.

6. в строке меню, удерживая нажатой клавишу Ctrl выберите квадрат на слое, чтобы выделить форму. К Rectangular Marquee Tool, удерживая нажатой клавишу Alt удалить нижнюю половину формы. С формы, сохраняя выделение, создайте новый слой и залейте его белым и установите непрозрачность на 4%.

7. Вернитесь в меню формы положить инсульта на нем в Blending Options с настройками ниже.

8. Следующее выписать названия меню с Arial> Регулярные размер> 13> Сильный в белом.

9. К инструменту "Масштаб" и увеличение до меню. Выберите строки, и сделайте 1px линии. Повторяющиеся строки, нажмите Ctrl + стрелка вправо, чтобы переместить его чуть правее. Место цвета ниже на линии, чтобы пробить брешь в силу.

10. Теперь дублируйте 2 строки и поместите их между на кнопку имена.

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

12. Используя тот же голубой градиент нарисуйте форму для поиска.

13.Type в Учебник Finder с Омар шрифта и сделайте 2 округлые формы прямоугольника с градиентом темно серый и светло-серый 1px инсульта. Как выделить метод меню сделать то же самое в коробках.

Использование шрифта Arial> Регулярные размер> 11 Ни> и белый типа в названиях у меня ниже. Получите любую форму стрелки из Custom Shape Tool и сделате форму с цветом размытия. Чтобы повернуть стрелки Ctrl + T.

14. Создайте еще один Rounded Rectangle формы с градиентом цвета и инсульта цвета ниже. Введите название. Используя тот же метод, как перед выдилением поля, вместо удаления нижней половины слоя, удаления большей части левой части окна. Создайте новый слой и заполните оставшиеся выделенной области с тем же цветом, как инсульт.

15. Затем введите в Go! с шрифта Омар.

16. Создайте еще ​​2 прямоугольных формы с градиентами ниже.

17. Создайте в новейшие учебники со шрифтом Омар. С прямоугольной формы создания белой коробке, как ниже с 1px инсульта. Получите например изображения и обрезать его вниз, пишут в учебнике имя с помощью Arial> Регулярные размер> 11> Сильный. Из Custom Shapes получите форму звезды и дублировать 5 звезд с градиентом ниже.

18. Положите последующий Учебник примеров в папке и дублируйте их.

19. С закругленным инструментом прямоугольника нарисуйте форму как показано ниже (под слоем панель поиска) с градиентом. Создайте в категории Название и категории с помощью Arial> Регулярные> размер 12> Нет.

20. Вернитесь в начало - правом углу страницы, используя округлые инструмент прямоугольника создайте форму как показано ниже. Введите Зарегистрироваться Войти и использовании Arial и белого цвета.

Получить форму стрелки из пользовательских форм и создать маленькую стрелку, поверните его пресс-Ctrl + T.

21. Создайте новую округлую форму прямоугольника и последующей работе функции Омар, Arial Шрифт и использование прямоугольных и округлых инструментов прямоугольника. На кнопку Войти положить светло-серый и белый градиент.

22. Перейдите вниз страницы и создайте форму для нижней используя градиента цвета ниже.

23. С закругленными инструментами Rectangle взять еще одну форму за содержание колонтитула. далее заполняем колонтитула содержимое, используя шрифт Arial, звезда формы и обрезать изображение, например

24. Возьмите инструмент прямоугольника, удерживая смена ключа создать идеальный квадрат. Перейдите в Blending Options> Color Overlay от # b6b6b6 и 1px Ход # 131313, чтобы показать пример объявления.

25. Теперь дублируйте объявления и разместите их на боковой панели и меньше рекламы на колонтитуле

Что вышло !!

Автор:Ainsley
Перевод:forumza

Если возникли вопросы задавайте рад буду посмотреть что вышло у вас )) Ждите новых уроков

bye
bag


Бесплатно Скачать ADOBE PHOTOSHOP CS 5

 
вверх
DellantДата: Понедельник, 25.04.2011, 21:15 | Сообщение # 2
Говорун
Группа: Пользователи
Пользователь №: 79
Сообщений: 64
Награды: 2
Репутация: 3
Статус: оффлайн
хороший урок)

*и чем тебе так нравится этот bag смайлик?)) этот выглядит лучше batman )))


special 4 you
 
вверх
forumzaДата: Понедельник, 25.04.2011, 21:52 | Сообщение # 3
Спикер
Группа: Пользователи
Пользователь №: 363
Сообщений: 233
Награды: 3
Репутация: 11
Статус: оффлайн
Quote (Dellant)
и чем тебе так нравится этот смайлик?))

bag да так просто както приелось



Бесплатно Скачать ADOBE PHOTOSHOP CS 5

 
вверх
MashinqueДата: Пятница, 30.08.2013, 15:08 | Сообщение # 4
Авы нет
Молчун
Группа: Пользователи
Пользователь №: 2834
Сообщений: 1
Награды: 0
Репутация: 0
Статус: оффлайн
не видно картинок
 
вверх
PunisherДата: Пятница, 30.08.2013, 20:04 | Сообщение # 5
Завзятый балабол!
Группа: Пользователи
Пользователь №: 995
Сообщений: 270
Награды: 1
Репутация: 3
Статус: оффлайн
Mashinque, не слишком ли глупая регистрация ради одного поста в топике 2х летней давности?)


 
вверх
Форум MVCreative » сделаем креативный uCoz » Общение и архив » Архив старых тем » Урок: рисуем сайт
  • Страница 1 из 1
  • 1
Поиск: