Studio AD : Создаем красивый блок последних записей из twitter

Страница 1 из 1
1

Форум Studio AD » Графика » Уроки Adobe Photoshop » Создаем красивый блок последних записей из twitter

Создаем красивый блок последних записей из twitter

dididima

Дата: Пятница, 21.01.2011, 00:00 | Сообщение # 1

молчун

Группа: Проверенные

Пользователь №: 3705

Сообщений: 13

Карма: 11

Замечания: 0%

В этом уроке я расскажу вам как нарисовать красивый блок для вывода последних записей из twitter. Если будут вопросы, задавайте помогу. Поехали!
1. Для начала надо создать новый документ с размерами 400x400.

2. Создаем прямоугольник со скругленными углами с радиусом 8px.

3. Добавляем стили к нашем прямоугольнику, вида:

4. У вас должно получиться что-то похожее на это:

5. Добавляем к нашему блоку иконку "твиттер-птички".

6. И размещаем иконку сверху нашего блока по левому краю.

7. Добавляем текст Latest Twitter, для слова "Latest" я взял цвет #04a7ca, а для слова "Twitter" я использовал цвет #f84c6c и все это я написал шрифтом Helvetica 18 размера.

8. Теперь стилизируем вид вывода последних твиттов, берем инструмент "прямоугольник" и делаем вот такие прямоугольные "штуки":

9. Теперь применяем к ним следующие стили:
- Наложение цвета #3a4445

- Добавление рамки цветом #ffffff

10. Добавляем любой текст в наш прямоугольник, дублируем его на весь блок и в итоге получаем:

Готово!
Автор - Matthew Heidenreich
Перевод - Картинин Дмитрий

BeSinLi

Дата: Пятница, 21.01.2011, 10:20 | Сообщение # 2

спикер

Группа: Проверенные

Пользователь №: 216

Сообщений: 500

Получено оценок: 112

Карма: 57

Замечания: 60%

И чему новому оно учит?

——————————--„Tempora mutantur, et nos mutamur in illis“
———————————————„Si felix esse vis, este!“

———————————————————————————————————————————————————————старая аватарка

Slimmi

Дата: Пятница, 21.01.2011, 13:12 | Сообщение # 3

говорун

Группа: Модераторы

Пользователь №: 5

Сообщений: 287

Получено оценок: 38

Карма: 68

Замечания: 0%

BeSinLi, человек решил перевести урок, пускай будет

Большие фотостатусы

dididima

Дата: Пятница, 21.01.2011, 15:34 | Сообщение # 4

молчун

Группа: Проверенные

Пользователь №: 3705

Сообщений: 13

Карма: 11

Замечания: 0%

BeSinLi, может для тебя ничего нового в этом уроке и нету, а вот для новичков думаю пригодится

BeSinLi

Дата: Пятница, 21.01.2011, 17:15 | Сообщение # 5

спикер

Группа: Проверенные

Пользователь №: 216

Сообщений: 500

Получено оценок: 112

Карма: 57

Замечания: 60%

Quote (dididima)

BeSinLi, может для тебя ничего нового в этом уроке и нету, а вот для новичков думаю пригодится

Все что есть в том уроке есть и в других уроках на этом форуме.

——————————--„Tempora mutantur, et nos mutamur in illis“
———————————————„Si felix esse vis, este!“

———————————————————————————————————————————————————————старая аватарка

dididima

Дата: Пятница, 21.01.2011, 17:20 | Сообщение # 6

молчун

Группа: Проверенные

Пользователь №: 3705

Сообщений: 13

Карма: 11

Замечания: 0%

BeSinLi, Не буду вступать с тобой в спор, но все же если модераторы посчитали нужным перенести значит что-то интересное и обучающее в этом уроке есть.

BeSinLi

Дата: Пятница, 21.01.2011, 19:29 | Сообщение # 7

спикер

Группа: Проверенные

Пользователь №: 216

Сообщений: 500

Получено оценок: 112

Карма: 57

Замечания: 60%

«Модераторам» важнее количество а не качество. Можно было перевести что-то по интереснее.

——————————--„Tempora mutantur, et nos mutamur in illis“
———————————————„Si felix esse vis, este!“

———————————————————————————————————————————————————————старая аватарка