15:20 

Дизайн сайта Персональное Портфолио.

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Tutorial "Personal Portofolio".

Драсти всем!!! Это мой первый перевод, поэтому не судите строго.

От автора: Этот урок покажет вам легкий способ создания выдающегося сайта. Результат:


Шаг 1. Создаем новый документ размером 760x770 px с белым фоном. Затем, используя “Paint Bucket Tool” заливаем наш слой цветом #282828.

Шаг 2. Выберите “Rectangle Tool” и создайте прямоугольник подобный, как на рисунке:


После того как создали прямоугольник, переходим в настройки “Blending Option” и выбираем там “Gradient Overlay” и делаем настройки как на картинке ниже:



Шаг 3. Дублируем слой с прямоугольником 4 раза (CTRL + J). Затем переместим их так, что бы это напоминало меню. Для это нажимаем клавишу V, и удерживая Shift перемещаем слои как на рисунке ниже:


Шаг 4. Создаем новый слой. Выбираем “Line Tool”, ставим цвет переднего плана #9C9C9C, толщину линии 2-3 px и рисуем вертикальную линию. Далее нажимаем CTRL + J, что бы дублировать линию и перемещаем полученную линию вправо как на рисунке:


Шаг 5. Создаем новый слой, выбираем “Rectangular Tool” и рисуем внизу прямоугольник как на рисунке ниже. Далее идем в “Blending Option” выбираем “Gradient Tool” и делаем такие же настройки, как в Шаге 2.


Шаг 6. Идем в File > Open (Файл > Открыть) и открываем изображение для фона. Далее растягиваем его, так, как показано ниже на рисунке.


Шаг 7. Выбираем “Rectangular Marquee Tool” и выделяем половину нашего изображения:


Далее идем в Image > Adjustments > Desaturate (Изображение > Регулировки > Уменьшение насыщенности, или Shift + CRTL + U). Результат:


Шаг 8. Выберите “Type Tool” и добавьте нужный вам текст.

Шаг 9. Теперь используя кисти, придаем сайту более привлекательный вид.

КОНЕЧНЫЙ РЕЗУЛЬТАТ АВТОРА:


Перевод: GOBLOiD
Источник

@темы: Web-дизайн, Уроки

URL
Комментарии
2009-03-03 в 19:37 

Gabriel <Lee> Lark
Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2
О, спасибо! Как раз надо портфолио делать )))

2009-03-04 в 11:27 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Наздоровье) Будут еще уроки с портфолио, надеюсь пригодятся не меньше, как и те 4, что уже выложены в сообществе :friend:

URL
2009-03-04 в 14:46 

Gabriel <Lee> Lark
Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2
web-design
Тоже надеюсь. Хотя мы работаем так: эскизы на бумаге -> Фотошоп -> ИмаджРеди -> Дримвивер...
От такие мы дЫзайнеры...

2009-03-04 в 15:43 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Gabriel-Larka Gonzalez
О_о на бумаге?!
А я для нарезки пользуюсь fireworks =^_______^= привычка:icq2:

URL
2009-03-04 в 17:45 

Gabriel <Lee> Lark
Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2
web-design
Первичные эскизы - да, на бумаге...

Ну, у нас такое обучение... Я не знаю, почему именно ИР. Возможно, из-за того, что просто удобнее из фотозада файл трансферить... А еще мы работаем на Маках. Может, и это играет роль...

Собственно, потому и хочу в универ пойти - может еще чему умному научат )))

2009-03-04 в 18:32 

web-design
В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Gabriel-Larka Gonzalez
Собственно, потому и хочу в универ пойти - может еще чему умному научат )))
Несомненно:vo: У меня те же мысли))

URL
2009-03-04 в 20:10 

Что будет стоить тысячи слов Когда важна будет крепость руки// Заходите в Античность - там есть C21H26O2
Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

Сундук WEB-дизайнера

главная