Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

В конце урока мы получим такой стильный дизайн:


Web дизайн для итальянского ресторана


1. Создайте новый документ размером 780х800 пикселей и разрешением 72dpi.


Web дизайн для итальянского ресторана


2. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру, показанную ниже, цветом #282828.


Web дизайн для итальянского ресторана


3. Инструментом Кисть (Brush Tool) с непрозрачностью 40% нарисуйте свечение мягкой кистью:


Web дизайн для итальянского ресторана


4. В новом слое инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже. Потом чёрной кистью обрисуйте правую часть выделения:


Web дизайн для итальянского ресторана


5. Создайте ещё одно выделение и залейте её цветом #3E3E3E.


Web дизайн для итальянского ресторана


6. Найдите подходящее фото и вставьте её в наш документ:


Web дизайн для итальянского ресторана


7. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, показанное ниже. В новом слое залейте её чёрным цветом и установите Непрозрачность (Opacity) слоя – 30%.


Web дизайн для итальянского ресторана


8. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #3E3E3E.


Web дизайн для итальянского ресторана


9. Инструментом Произвольная фигура (Custom Shape Tool) создайте фигуру, как показано ниже. Рядом с ней создайте линию из точек, которую можно создать текстовым инструментом.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


10. Инструментом Произвольная фигура (Custom Shape Tool) создайте фигуру, показанную ниже, цветом #9C6733. Потом инструментом Прямоугольник (Rectangle Tool) создайте фигуру на ненужной области цветом #E2C066.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


11. Инструментом Прямоугольник (Rentable Tool) создайте фигуру цветом #BA973A.


Web дизайн для итальянского ресторана


12. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение на фигуре. Потом инструментом Кисть (Brush Tool) обрисуйте правую и левую стороны выделения чёрным цветом.


Web дизайн для итальянского ресторана


13. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение и залейте его цветом #CBAC5C.


Web дизайн для итальянского ресторана


14. В новом слое тем же инструментом создайте выделение другой части. Инструментом Кисть (Brush Tool) обрисуйте правую и левую сторону чёрным цветом. Непрозрачность (Opacity) – 50%.


Web дизайн для итальянского ресторана


15. В новом слое создайте такое же выделение и создайте белое свечение. Непрозрачность (Opacity) – 30%.


Web дизайн для итальянского ресторана


16. Инструментом Произвольная фигура (Custom Shape Tool) создайте выбранную фигуру в правом нижнем углу:


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


17. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру, как показано ниже, цветом #DBC07A.


Web дизайн для итальянского ресторана


18. Инструментом Произвольная фигура (Custom Shape Tool) создайте узор в верхнем левом и правом углах цветом #9C6733. Непрозрачность (Opacity) должна быть 20%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


19. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, как показано ниже. Кликните правой кнопкой мыши на выделение и выберите Выполнить обводку (Stroke): Цвет - #652501, Непрозрачность (Opacity) – 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


20. В новом слое создайте выделение тем же инструментом и таким же методом создайте обводку. Цвет - #652501, Непрозрачность (Opacity) – 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


21. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #8b7641.


Web дизайн для итальянского ресторана


22. Вставьте подходящую фотографию:


Web дизайн для итальянского ресторана


23. В новом слое инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение вокруг фотографии. Из выделения сделайте обводку известным способом. Цвет обводки - #652501, Непрозрачность (Opacity) – 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


24. Инструментом Перо (Pen Tool) нарисуйте такой узор цветом #C4A378.


Web дизайн для итальянского ресторана


25. Сделайте две копии этого узора и поместите все три узора справа от фотографии, как показано на рисунке:


Web дизайн для итальянского ресторана


26. В новом слое создайте выделение, как показано ниже. Из выделение сделайте обводку цветом #652501 с непрозрачностью 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


27. Сделайте копию последнего слоя и поместите рамку на другую сторону:


Web дизайн для итальянского ресторана


28. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #8B7641.


Web дизайн для итальянского ресторана


29. Сделайте копию прямоугольника и поместите во вторую рамку:


Web дизайн для итальянского ресторана


30. На каждой тёмной полоске создайте узор белого цвета, используя инструмент Произвольная фигура (Custom Shape Tool). Установите Непрозрачность (Opacity) слоёв с узорами – 10%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


31. Вставьте ещё одну фотографию:


Web дизайн для итальянского ресторана


32. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение вокруг фотографии. Из выделения сделайте обводку цветом #652501 с непрозрачностью 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


33. Объедините все слои с фотографией и рамкой в группу. Сделайте копию группы и расположите её так (нужно будет просто заменить фотографию в группе):


Web дизайн для итальянского ресторана


34. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру цветом #521e01.


Web дизайн для итальянского ресторана


35. В новом слое создайте прямоугольное выделение. Инструментом Кисть (Brush Tool) затемните правую и левую стороны чёрным цветом. Непрозрачность (Opacity) – 50%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


36. Сделайте копию созданной фигуры 5 раз. Расположите прямоугольники, как показано на картинке:


Web дизайн для итальянского ресторана


37. В новом слое создайте выделение, показанное ниже. Инструментом Кисть (Brush Tool) нарисуйте свечение белого цвета. Непрозрачность (Opacity) - 30%.


Web дизайн для итальянского ресторана

Web дизайн для итальянского ресторана


38. Напишите название сайта:


Web дизайн для итальянского ресторана


39. Звёздной кистью обрисуйте немного область возле текста:


Web дизайн для итальянского ресторана


40. В заключении вам нужно дописать текст во всех нужных местах. Используйте различные настройки для шрифта, чтобы создать более красочную иллюстрацию:


Web дизайн для итальянского ресторана



Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: