Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
1. Создайте новый документ размером 770×750 px и разрешением 72 dpi. При помощи инструмента Прямоугольник (Rectangle Tool) создайте фон страницы сайта.




3. Снова выберите инструмент Прямоугольник (Rectangle Tool) и создайте место для портрета автора и бокового меню. Сначало создайте общий первичный слой, затем, удерживая Alt, разделите зоны тем же инструментом Прямоугольник (Rectangle Tool).


5. Вставьте фото автора сайта в наш рисунок. В режиме Свободного трансформирования
(Free Transform) расположите фото, как в следующем изображении:
(Free Transform) расположите фото, как в следующем изображении:

6. Удерживая Alt, кликните между слоями фото и предварительно подготовленной зоной, чтобы фото находилось в пределах рамки. Также создайте боковое меню.




8. Загрузите с Интернета набор кистей для Adobe Photoshop, называемый Bush Pack v1. После этого создайте новый слой (Create New Layer) и используйте на нём кисти из вышеупомянутого набора. Расположите слой кистей ниже, чем фото автора. Цвет кистей - белый и Непрозрачность (Opacity) слоя - 10%.



9. На следующем слое (Create New Layer) снова используйте те же кисти из загруженного набора. Кисти белого цвета (Непрозрачность (Opacity) слоя - 20%). Этот слой также расположите ниже слоя, содержащего фото автора сайта.


10. Загрузите с Интернета другой набор кистей для Adobe Photoshop, называемый Vector_brushes. Создайте новый слой (Create New Layer) для их использования. Кисти также имеют белый цвет. В режиме Свободного трансформирования (Free Transform) поверните кисти и расположите этот слой ниже фото автора.




12. Создайте ещё один слой (Create New Layer) и используйте на нём кисти Vector_brushes. Кисти имеют белый цвет (Установите Заливку (Fill) слоя - 20%). Этот слой должен быть расположен ниже, чем слой с фото автора.










16. Выберите инструмент Прямоугольник (Rectangle Tool) и нарисуйте кнопку, предназначенную для меню сайта.






18. Скопируйте слой кнопки и инструментом Свободное трансформирование (Free Transform) расположите копию, как показано на рисунке:






20. Сделайте 3 копии изменённой кнопки и в режиме Свободного трансформирования
(Free Transform) разместите копии, как в следующем изображении:
(Free Transform) разместите копии, как в следующем изображении:


21. При помощи инструмента Прямоугольник (Rectangle Tool) создайте над кнопкой белую линию, как в рисунке ниже:







25. Создайте новый слой (Create New Layer) и нарисуйте на нём указатель, расположенный на левой стороне названий кнопок меню. Для этого потребуется инструмент Карандаш (Pencil Tool) белого цвета (кисть - 1 рх). Указатель возле кнопки с названием “home page” должен быть создан на отдельном слое, а остальные - на одном слое, возле остальных кнопок.



27. Используя инструмент Прямоугольник (Rectangle Tool), создайте зону для дополнительных кнопок цветом #36322D.

28. Создайте новый слой (Create New Layer) и используйте на нём инструмент Карандаш
(Pencil Tool) (кисть - 1 рх) для создания значков дополнительных кнопок. Цвет значков - #998D7B.
(Pencil Tool) (кисть - 1 рх) для создания значков дополнительных кнопок. Цвет значков - #998D7B.


29. Скопируйте слой, содержащий фото автора сайта и в режиме Свободного трансформирования (Free Transform) расположите копию, как на рисунке ниже. Измените цвет копии на #2A251F.



31. Инструментом Прямоугольник (Rectangle Tool) создайте слои, предназначенные для названий разделов и боковых меню.

32. Вставьте названия разделов и боковых меню. Названия состоят из двух слов, каждое из которых следует создать на отдельном слое.





34. Теперь напишите лозунг приветствия на нашу персональную страницу. Слова “welcome to” и “my page” должны быть написаны на отдельных слоях.



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



38. Теперь вставьте соответствующие фотографии. Каждое фото должно быть размещено выше, чем сам слой, предназначенный для них. Удерживая Alt, кликните между слоями фотографий и самим слоем для фотографий:

39. Скопируйте слой фильтра, применяемого 5 раз для фото автора. Расположите копии слоёв над каждой фотографией. Удерживая Alt, кликните между слоями фильтра и слоями фото:

40. Создайте новый слой (Create New Layer), выберите инструмент Карандаш (Pencil Tool) (кисть - 1 рх) и нарисуйте узор цветом #363331.

41. Перейдите в меню Редактировать>Определить узор (Edit>Define Pattern) и сохраните узор. При помощи инструмента Линия (Line Tool) создайте ползунок цветом #38322C.



43. Инструментом Прямоугольник (Rectangle Tool) изобразите передвигающийся элемент ползунка цветом #67584A.










46. Снова создайте новый слой (Create New Layer) и вставьте указатели возле ссылок, используя инструмент, применяемый для рисования элементов кнопок меню. Цвет указателей - белый.




Ссылка на источник урока
Создан: 18 октября 2009


+14
