-Метки

 -Рубрики

 -Я - фотограф

12


0 фотографий

 -Поиск по дневнику

Поиск сообщений в AndruhaKotov

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 06.02.2007
Записей: 91
Комментариев: 5
Написано: 139

Записи с меткой рисуем сайт

(и еще 2 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

рисуем сайт

тесь сделать его через картинку.

Дневник

Суббота, 13 Августа 2011 г. 11:00 + в цитатник

Решил перерисовать чужой сайт

http://www.free-lance.ru/users/matrix27

http://www.free-lance.ru/users/matrix27/viewproj.php?prjid=2798541f_4e2b283c63126 (560x700, 259Kb)

для начала нужно добиться серого шума,как у нее на фоне.

Как сделать?

Заливаем все серым цветом 

,выбираем  -Добавить шум

скрин3 (700x560, 239Kb)



1.
скрин4 (700x560, 233Kb)

 2. Смещаю черный ползунок влево
скрин5 (700x560, 234Kb)

Отступление от урока -Рисовал узор для фактуры для средней серой части. получилось интересно.

прикольная-фактурка (640x639, 31Kb)

Получилось примерно так. 
Зеленые панелькии рисуем прямоугольником. Круги кругом.

скрин-23 (640x639, 173Kb)

Рисую менюшку.

Рисуем Прямоугольник со скругленными углами. Делаю ему градиент в свойствах слоев. Где тыкать свойства слоев пометил красным

 

 

скрин (700x560, 130Kb)

Рисуем полосы ,как у нее,причем не кистью, а именно карандашом! Это позволяет добиться четких краев.

точно так же рисуе линии с левого края менюшки и с правого

 

скрин (700x560, 134Kb)

Далее Пишем текст. Шрифт по началу берите для сайтов самый простой,к примеру Tahoma, Arial, Verdana они четкие и всегда есть на компе. С программистами не будет потом проблемм .Из-за редкого шрифта. А если все-же нужен иногда редкий шрифт, постарайтесь сделать его через картинку. 

Я сделал у шрифта мягкое написание чтобы он был больше похож на ее текст.

Как изменить на плавное? тыкаем все по номерам.

Я советую вам тоже повторить чей-то сайт и поиграться с тем как именно будут написаны буквы- мягко,четко или еще как.

скрин (700x560, 143Kb)

Сравните номер1 и 2. Какой из них больше похож на ее?

 

 

скрин (700x560, 257Kb)

Теперь как этого добиться.

Выделяем наш текст на панели слоев. И захватив его мышкой тянем на значек новый слой. Появляется его повтор. 

Либо это же можно сделать так. Выделяем на пенли слоев текст. кликаем правой кнопкой мыши,выбираем дублировать текст. Все

Повторенный текст при помощи кнопки вниз на клавиатуре смещем на 1 или 2 пикселя вниз.

 

скрин (700x560, 242Kb)

Рисуем разделит полосу. Черную линию-просто карандашем. можно у нее прозрчность настроить . я показал где.

рисуем светлые линии,рядом с черной я задал из прозр 27 проц/ Можете поиграться с векторными масками. чтобы они сходили на нет к концу.

скрин (700x560, 270Kb)

Как рисовать векторные маски? 

1 выбираем слой

2кликаем на ярлыке векторной маски

3 выбираем градиент(G или Shift+G,если выбралась заливка)  и пробуем проводить его так или иначе. Чтобы проводить градиент по прямой линии зажмите кнопку Shift

скрин (700x560, 298Kb)

Видите у нее на кнопках .как будто вдавливание?

я пытался сделать его так

 

скрин (700x560, 130Kb)

но как сделать плавный переход с краев на фон?

ответ нашелся здесь http://photoshopy.net/2577-sozdanie-plavnykh-linijj-v-fotoshope.html

рисуем овалом овал .черным цветом, растрируем

 

скрин1 (700x560, 257Kb)

С нажатым Ctrl кликаем по значку нашего растрированного слоя. Появится область выделения ,выделяющая его пикселы

скрин (700x560, 120Kb)

Заходим в вкладку каналы. Окно-Каналы ,кликаем по этому значку- Сохранение выделенной области в новом канале.

скрин (700x560, 233Kb)

Далее на панели каналов выделяем наш альфа канал .

Он имеет такой вид. заходим в фильтр- размытие- размытие по гауссу.ставим 4,к примеру

скрин (700x560, 42Kb)



 

скрин2 (700x560, 105Kb)

скрин (700x560, 48Kb)

Получили размытый овал. Прекрасно,а теперь внимание! С нажатым Ctrl кликаем по иконке альфа канала. Фотошоп выделит все его белые точки

скрин2 (700x560, 42Kb)

Кликаем обратно на RGB , на панели каналов.

скрин (700x560, 103Kb)

Заходим в слои,создаем новый слой и заливаем его,нажав SHIFT + F5

В окне выбираем Черный

скрин1 (700x560, 243Kb)

 


Метки:  

 Страницы: [1]